npm - neo.mjs - Versions diffs - 8.0.0-alpha.2 → 8.0.0-beta.2 - Mend

neo.mjs 8.0.0-alpha.2 → 8.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/examples/{model → stateProvider}/multiWindow/Viewport.mjs RENAMED Viewed

@@ -2,16 +2,16 @@ import BaseViewport       from '../../../src/container/Viewport.mjs';
 import ViewportController from './ViewportController.mjs'
 /**
- * @class Neo.examples.model.multiWindow.Viewport
+ * @class Neo.examples.stateProvider.multiWindow.Viewport
  * @extends Neo.container.Viewport
  */
 class Viewport extends BaseViewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.Viewport'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.Viewport'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.Viewport',
+        className: 'Neo.examples.stateProvider.multiWindow.Viewport',
         /**
          * @member {Neo.controller.Component} controller=ViewportController
          */

package/examples/{model → stateProvider}/multiWindow/ViewportController.mjs RENAMED Viewed

@@ -1,9 +1,9 @@
 import ComponentController from '../../../src/controller/Component.mjs';
-import ComponentModel      from '../../../src/model/Component.mjs';
 import NeoArray            from '../../../src/util/Array.mjs';
+import StateProvider       from '../../../src/state/Provider.mjs';
 /**
- * @class Neo.examples.model.multiWindow.ViewportController
+ * @class Neo.examples.stateProvider.multiWindow.ViewportController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends ComponentController {
@@ -12,16 +12,16 @@ class MainContainerController extends ComponentController {
      */
     connectedApps = []
     /**
-     * @member {Neo.model.Component|null} mainModel=null
+     * @member {Neo.state.Provider|null} mainStateProvider=null
      */
-    mainModel = null
+    mainStateProvider = null
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.ViewportController'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.ViewportController'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.ViewportController'
+        className: 'Neo.examples.stateProvider.multiWindow.ViewportController'
     }
     /**
@@ -46,14 +46,14 @@ class MainContainerController extends ComponentController {
     onAppConnect(data) {
         let me   = this,
             name = data.appName,
-            model, view;
+            stateProvider, view;
         console.log('onAppConnect', data);
         NeoArray.add(me.connectedApps, name);
-        if (!me.mainModel) {
-            model = {
+        if (!me.mainStateProvider) {
+            stateProvider = {
                 data: {
                     user: {
                         firstname: 'Tobias',
@@ -62,19 +62,19 @@ class MainContainerController extends ComponentController {
                 }
             };
         } else {
-            model = {
-                parent: me.mainModel
+            stateProvider = {
+                parent: me.mainStateProvider
             };
         }
         import('../multiWindow/MainContainer.mjs').then(module => {
             view = Neo.apps[name].mainView.add({
                 module: module.default,
-                model : model
+                stateProvider
             });
-            if (!me.mainModel) {
-                me.mainModel = view.model
+            if (!me.mainStateProvider) {
+                me.mainStateProvider = view.stateProvider
             }
         })
     }

package/examples/{model/multiWindow2 → stateProvider/multiWindow}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import Viewport from './Viewport.mjs';
 export const onStart = () => Neo.app({
     mainView: Viewport,
-    name    : 'Neo.examples.model.multiWindow2'
+    name    : 'Neo.examples.stateProvider.multiWindow'
 });

package/examples/{model/advanced → stateProvider/multiWindow}/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
-    <title>model.Component: advanced</title>
+    <title>stateProvider.multiWindow</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

package/examples/{model → stateProvider}/multiWindow/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"         : "examples/model/multiWindow/app.mjs",
+    "appPath"         : "examples/stateProvider/multiWindow/app.mjs",
     "basePath"        : "../../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",

package/examples/{model → stateProvider}/multiWindow2/Viewport.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import BaseViewport from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.multiWindow2.Viewport
+ * @class Neo.examples.stateProvider.multiWindow2.Viewport
  * @extends Neo.container.Viewport
  */
 class Viewport extends BaseViewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow2.Viewport'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow2.Viewport'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow2.Viewport',
+        className: 'Neo.examples.stateProvider.multiWindow2.Viewport',
         /**
          * @member {Object} style
          */

package/examples/{model/multiWindow → stateProvider/multiWindow2}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import Viewport from './Viewport.mjs';
 export const onStart = () => Neo.app({
     mainView: Viewport,
-    name    : 'Neo.examples.model.multiWindow'
+    name    : 'Neo.examples.stateProvider.multiWindow2'
 });

package/examples/{model/multiWindow → stateProvider/multiWindow2}/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
-    <title>model.multiWindow</title>
+    <title>stateProvider.multiWindow2</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

package/examples/{model → stateProvider}/multiWindow2/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"         : "examples/model/multiWindow2/app.mjs",
+    "appPath"         : "examples/stateProvider/multiWindow2/app.mjs",
     "basePath"        : "../../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",

package/examples/{model → stateProvider}/nestedData/MainContainer.mjs RENAMED Viewed

@@ -1,28 +1,28 @@
-import ComponentModel          from '../../../src/model/Component.mjs';
 import MainContainerController from './MainContainerController.mjs'
 import Panel                   from '../../../src/container/Panel.mjs';
+import StateProvider           from '../../../src/state/Provider.mjs';
 import TextField               from '../../../src/form/field/Text.mjs';
 import Viewport                from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.nestedData.MainContainer
+ * @class Neo.examples.stateProvider.nestedData.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.nestedData.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.nestedData.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.nestedData.MainContainer',
+        className: 'Neo.examples.stateProvider.nestedData.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
         controller: MainContainerController,
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
+        stateProvider: {
             data: {
                 user: {
                     details: {
@@ -59,7 +59,7 @@ class MainContainer extends Viewport {
                 dock : 'top',
                 items: [{
                     ntype: 'label',
-                    text : 'model.Component: nested data'
+                    text : 'state.Provider: nested data'
                 }, {
                     ntype: 'component',
                     flex : 1
@@ -111,9 +111,9 @@ class MainContainer extends Viewport {
                 }
             }, {
                 ntype  : 'button',
-                handler: 'onLogModelIntoConsoleButtonClick',
+                handler: 'onLogStateProviderIntoConsoleButtonClick',
                 style  : {marginTop: '2em'},
-                text   : 'Log model into console'
+                text   : 'Log stateProvider into console'
             }]
         }]
     }

package/examples/{model → stateProvider}/nestedData/MainContainerController.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.nestedData.MainContainerController
+ * @class Neo.examples.stateProvider.nestedData.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.nestedData.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.nestedData.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.nestedData.MainContainerController'
+        className: 'Neo.examples.stateProvider.nestedData.MainContainerController'
     }
     /**
@@ -30,8 +30,8 @@ class MainContainerController extends Controller {
     /**
      * @param {Object} data
      */
-    onLogModelIntoConsoleButtonClick(data) {
-        console.log(this.getModel())
+    onLogStateProviderIntoConsoleButtonClick(data) {
+        console.log(this.getStateProvider())
     }
     /**
@@ -56,14 +56,14 @@ class MainContainerController extends Controller {
      * @param {String} value
      */
     updateButton1Text(value) {
-        this.getModel().data.user.details.firstname = value
+        this.getStateProvider().data.user.details.firstname = value
     }
     /**
      * @param {String} value
      */
     updateButton2Text(value) {
-        this.getModel().setData({
+        this.setState({
             'user.details.lastname': value
         })
     }

package/examples/stateProvider/nestedData/app.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+import MainContainer from './MainContainer.mjs';
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.stateProvider.nestedData'
+});

package/examples/stateProvider/nestedData/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>state.Provider: nested data</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/stateProvider/nestedData/neo-config.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+    "appPath"    : "examples/stateProvider/nestedData/app.mjs",
+    "basePath"   : "../../../",
+    "environment": "development",
+    "mainPath"   : "./Main.mjs",
+    "themes"     : ["neo-theme-dark"]
+}

package/examples/{model → stateProvider}/table/MainContainer.mjs RENAMED Viewed

@@ -1,26 +1,26 @@
-import MainContainerModel from './MainContainerModel.mjs';
-import TableContainer     from '../../../src/table/Container.mjs';
-import Viewport           from '../../../src/container/Viewport.mjs';
+import MainContainerStateProvider from './MainContainerStateProvider.mjs';
+import TableContainer             from '../../../src/table/Container.mjs';
+import Viewport                   from '../../../src/container/Viewport.mjs';
 /**
- * @class  Neo.examples.model.table.MainContainer
+ * @class  Neo.examples.stateProvider.table.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.table.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.table.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.table.MainContainer',
+        className: 'Neo.examples.stateProvider.table.MainContainer',
         /**
          * @member {Object} layout
          */
         layout: {ntype: 'fit'},
         /**
-         * @member {Object|Neo.model.Component} model=MainContainerModel
+         * @member {Object|Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style
          */

package/examples/stateProvider/table/MainContainerStateProvider.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import MainStore     from './MainStore.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+/**
+ * @class Neo.examples.stateProvider.table.MainContainerStateProvider
+ * @extends Neo.state.Provider
+ */
+class MainContainerStateProvider extends StateProvider {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.stateProvider.table.MainContainerStateProvider'
+         * @protected
+         */
+        className: 'Neo.examples.stateProvider.table.MainContainerStateProvider',
+        /**
+         * @member {Object} stores
+         */
+        stores: {
+            main: MainStore
+        }
+    }
+}
+export default Neo.setupClass(MainContainerStateProvider);

package/examples/{model → stateProvider}/table/MainModel.mjs RENAMED Viewed

@@ -1,12 +1,12 @@
 import Model from '../../../src/data/Model.mjs';
 /**
- * @class  Neo.examples.model.table.MainModel
+ * @class  Neo.examples.stateProvider.table.MainModel
  * @extends Neo.data.Model
  */
 class MainModel extends Model {
     static config = {
-        className: 'Neo.examples.model.table.MainModel',
+        className: 'Neo.examples.stateProvider.table.MainModel',
         fields: [{
             name: 'country',

package/examples/{model → stateProvider}/table/MainStore.mjs RENAMED Viewed

@@ -2,12 +2,12 @@ import Model from './MainModel.mjs';
 import Store from '../../../src/data/Store.mjs';
 /**
- * @class  Neo.examples.model.table.MainStore
+ * @class  Neo.examples.stateProvider.table.MainStore
  * @extends Neo.data.Store
  */
 class MainStore extends Store {
     static config = {
-        className  : 'Neo.examples.model.table.MainStore',
+        className  : 'Neo.examples.stateProvider.table.MainStore',
         keyProperty: 'githubId',
         model      : Model,

package/examples/{model/advanced → stateProvider/table}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import MainContainer from './MainContainer.mjs';
 export const onStart = () => Neo.app({
     mainView: MainContainer,
-    name    : 'Neo.examples.model.advanced'
+    name    : 'Neo.examples.stateProvider.table'
 });

package/examples/{model/advanced → stateProvider/table}/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"    : "examples/model/advanced/app.mjs",
+    "appPath"    : "examples/stateProvider/table/app.mjs",
     "basePath"   : "../../../",
     "environment": "development",
     "mainPath"   : "./Main.mjs",

package/examples/{model → stateProvider}/twoWay/MainContainer.mjs RENAMED Viewed

@@ -1,23 +1,23 @@
-import ComponentModel from '../../../src/model/Component.mjs';
-import Label          from '../../../src/component/Label.mjs';
-import TextField      from '../../../src/form/field/Text.mjs';
-import Viewport       from '../../../src/container/Viewport.mjs';
+import Label         from '../../../src/component/Label.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+import TextField     from '../../../src/form/field/Text.mjs';
+import Viewport      from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.twoWay.MainContainer
+ * @class Neo.examples.stateProvider.twoWay.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.twoWay.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.twoWay.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.twoWay.MainContainer',
+        className: 'Neo.examples.stateProvider.twoWay.MainContainer',
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
+        stateProvider: {
             data: {
                 user: {
                     details: {

package/examples/{model/inline → stateProvider/twoWay}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import MainContainer from './MainContainer.mjs';
 export const onStart = () => Neo.app({
     mainView: MainContainer,
-    name    : 'Neo.examples.model.inline'
+    name    : 'Neo.examples.stateProvider.twoWay'
 });

package/examples/stateProvider/twoWay/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>state.Provider: 2 way binding</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/{model → stateProvider}/twoWay/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"    : "examples/model/twoWay/app.mjs",
+    "appPath"    : "examples/stateProvider/twoWay/app.mjs",
     "basePath"   : "../../../",
     "environment": "development",
     "mainPath"   : "./Main.mjs"

package/examples/tab/container/MainContainer.mjs CHANGED Viewed

@@ -174,20 +174,18 @@ class MainContainer extends ConfigurationViewport {
             itemDefaults: {
                 ntype: 'component',
                 cls  : ['neo-examples-tab-component'],
-                style: {
-                    padding: '20px'
-                }
+                style: {padding: '20px'}
             },
             items: [{
-                tabButtonConfig: {iconCls: 'fa fa-home',        text: 'Tab 1', flag: 'tab1',},
-                vdom           : {innerHTML: 'Tab 1 Content'}
+                header: {iconCls: 'fa fa-home', text: 'Tab 1', flag: 'tab1',},
+                vdom  : {innerHTML: 'Tab 1 Content'}
             }, {
-                tabButtonConfig: {iconCls: 'fa fa-play-circle', text: 'Tab 2'},
-                vdom           : {innerHTML: 'Tab 2 Content'}
+                header: {iconCls: 'fa fa-play-circle', text: 'Tab 2'},
+                vdom  : {innerHTML: 'Tab 2 Content'}
             }, {
-                tabButtonConfig: {iconCls: 'fa fa-user',        text: 'Tab 3', badgeText: 'hello'},
-                vdom           : {innerHTML: 'Tab 3 Content'}
+                header: {iconCls: 'fa fa-user', text: 'Tab 3', badgeText: 'hello'},
+                vdom  : {innerHTML: 'Tab 3 Content'}
             }],
             listeners: {

package/examples/table/nestedRecordFields/EditUserDialog.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ import TextField    from '../../../src/form/field/Text.mjs';
 class EditUserDialog extends Dialog {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.dialog.EditUserDialog'
+         * @member {String} className='Neo.examples.table.nestedRecordFields.EditUserDialog'
          * @protected
          */
-        className: 'Neo.examples.model.dialog.EditUserDialog',
+        className: 'Neo.examples.table.nestedRecordFields.EditUserDialog',
         /**
          * @member {String} closeAction='hide'
          */
@@ -121,7 +121,7 @@ class EditUserDialog extends Dialog {
      */
     onSelectedFieldChange(data) {
         let me    = this,
-            store = me.getModel().getStore('mainStore');
+            store = me.getStateProvider().getStore('mainStore');
         if (data.value === false) {
             me.record.annotations.selected = false

package/examples/table/nestedRecordFields/MainContainer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-import Button             from '../../../src/button/Base.mjs';
-import MainContainerModel from './MainContainerModel.mjs';
-import TableContainer     from '../../../src/table/Container.mjs';
-import Viewport           from '../../../src/container/Viewport.mjs';
+import Button                     from '../../../src/button/Base.mjs';
+import MainContainerStateProvider from './MainContainerStateProvider.mjs';
+import TableContainer             from '../../../src/table/Container.mjs';
+import Viewport                   from '../../../src/container/Viewport.mjs';
 /**
  * @class Neo.examples.table.nestedRecordFields.MainContainer
@@ -19,9 +19,9 @@ class MainContainer extends Viewport {
          */
         layout: 'fit',
         /**
-         * @member {Neo.model.Component} model=MainContainerModel
+         * @member {Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style={padding:'20px'}
          */
@@ -52,7 +52,7 @@ class MainContainer extends Viewport {
      * @param {Object} data
      */
     countryRenderer({record}) {
-        let countryStore = this.getModel().getStore('countries');
+        let countryStore = this.getStateProvider().getStore('countries');
         if (countryStore.getCount() > 0) {
             return countryStore.get(record.country).name
@@ -76,7 +76,7 @@ class MainContainer extends Viewport {
                     module         : module.default,
                     animateTargetId: button.id,
                     appName,
-                    model          : {parent: me.getModel()},
+                    stateProvider  : {parent: me.getStateProvider()},
                     record,
                     windowId
                 })

package/examples/table/nestedRecordFields/{MainContainerModel.mjs → MainContainerStateProvider.mjs} RENAMED Viewed

@@ -1,20 +1,20 @@
-import MainStore from './MainStore.mjs';
-import Model     from '../../../src/model/Component.mjs';
-import Store     from '../../../src/data/Store.mjs';
+import MainStore     from './MainStore.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+import Store         from '../../../src/data/Store.mjs';
 const countrySymbol = Symbol.for('country');
 /**
- * @class Neo.examples.table.nestedRecordFields.MainContainerModel
- * @extends Neo.model.Component
+ * @class Neo.examples.table.nestedRecordFields.MainContainerStateProvider
+ * @extends Neo.state.Provider
  */
-class MainContainerModel extends Model {
+class MainContainerStateProvider extends StateProvider {
     static config = {
         /**
-         * @member {String} className='Neo.examples.table.nestedRecordFields.MainContainerModel'
+         * @member {String} className='Neo.examples.table.nestedRecordFields.MainContainerStateProvider'
          * @protected
          */
-        className: 'Neo.examples.table.nestedRecordFields.MainContainerModel',
+        className: 'Neo.examples.table.nestedRecordFields.MainContainerStateProvider',
         /**
          * @member {Object} stores
          */
@@ -30,7 +30,7 @@ class MainContainerModel extends Model {
                     fields: [
                         {name: 'code'},
                         {name: 'name'}
-                    ]},
+                    ]}
             },
             mainStore: MainStore
         }
@@ -58,4 +58,4 @@ class MainContainerModel extends Model {
     }
 }
-export default Neo.setupClass(MainContainerModel);
+export default Neo.setupClass(MainContainerStateProvider);

package/examples/tabs/MainContainer.mjs CHANGED Viewed

@@ -142,12 +142,12 @@ class MainContainer extends TabContainer {
                 }]
             }],
-            tabButtonConfig: {
+            header: {
                 iconCls: 'fa fa-home',
                 text   : 'Tab 1'
             }
         }, {
-            tabButtonConfig: {
+            header: {
                 iconCls: 'fa fa-play-circle',
                 text   : 'Tab 2'
             },
@@ -155,7 +155,7 @@ class MainContainer extends TabContainer {
                 innerHTML: 'Test 2'
             }
         }, {
-            tabButtonConfig: {
+            header: {
                 iconCls: 'fa fa-user',
                 text   : 'Tab 3'
             },