notes.txt

spa-app/sass/vars/default.scss
spa-component/sass/vars/default.scss
spa-component-page/sass/vars/default.scss
spa-component-list/sass/vars/default.scss
spa-develop/sass/vars/default.scss

src/sass/vars/default.scss

spa-app/sass/main.scss
spa-component/sass/main.scss
spa-component-page/sass/main.scss
spa-component-list/sass/main.scss
spa-develop/sass/main.scss

src/sass/main.scss






spa-app:vars
spa-component:vars
spa-component-*:vars
spa-develop:vars

src:vars

spa-app:main
spa-component:main
spa-component-*:main
spa-develop:main

src:main


require('cjs-validator')(
    {value: this, rules: {type: 'object'}, message: 'must be constructed via new', context: __filename},
    {value: this, rules: {string: {minSize: 1}}, context: __filename},
    {value: this, rules: {string: {minSize: 1}}, context: __filename}
);



@import "../../../node_modules/spa-app/css/develop.css";
@import "../../../node_modules/spa-component-page/css/develop.css";
@import "../../../node_modules/spa-component/css/develop.css";
@import "../develop.css";


@import "../../../node_modules/stb-app/css/develop.480.css";
@import "../../../node_modules/stb-component/css/develop.480.css";
@import "../../../node_modules/stb-component-page/css/develop.480.css";
@import "../develop.480.css";



// в файле main.js вместо наполнения роутера:
require('pages/init');
require('pages/main');
require('pages/help');

// или даже так для дальнейшего быстрого доступа:
app.pages = {
    init: require('pages/init'),
    main: require('pages/main'),
    help: require('pages/help')
};

// переход на нужную страницу:
//require('pages/main').show();
// или
//app.pages.main.show();
// альтернативные подходы:
app.route(app.pages.main, someData);
//app.navigate(app.pages.main);

// в файле pages/main.js:
app.on('load', function () { ... });
app.on('unload', function () { ... });
page.on('show', function () { ... });
page.on('hide', function () { ... });

// возврат на предыдущую страницу:
// (каждая страница знает куда возвращаться)
//app.pages.main.back();
app.route(page.previous);

// доступ к текущему активному элементу:
app.activePage.activeComponent


###################################################

/*
    option A
    (almost like it is now)
*/

// add listener
emitter.on('click', function ( event ) { /* ... */ });

// add listener to be triggered only once
emitter.once('click', function ( event ) { /* ... */ });

// clear all listeners for all events
emitter.events = {};

// clear all listeners for some specific event
emitter.events.click = [];

// remove some specific callback for a specific event
emitter.off('click', someCallback);

// notify listeners
emitter.emit('click');


/*
    option B
    (only one method to add listeners - "on")
*/

// add simple listener
emitter.on('click', function ( event ) { /* ... */ });

// add listener to be triggered only once
emitter.on('click', function ( event ) { /* ... */ }, {once: true});

// add listener to be triggered only once with given context
emitter.on('click', function ( event ) { /* ... */ }, {once: true, context: someContext});

// clear all listeners for all events
emitter.events = {};

// clear all listeners for some specific event
emitter.events.click = [];

// remove some specific callback for a specific event
emitter.off('click', someCallback);

// notify listeners
emitter.emit('click');



var obj = {
    name: ''
};

watch(obj, 'name', function () {

});


https://www.getpostman.com/