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

neo.mjs 8.0.0-beta.1 → 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 (141) hide show

package/examples/{model → stateProvider}/dialog/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 Viewport                from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.dialog.MainContainer
+ * @class Neo.examples.stateProvider.dialog.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.dialog.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.dialog.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.dialog.MainContainer',
+        className: 'Neo.examples.stateProvider.dialog.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
         controller: MainContainerController,
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
-            module: ComponentModel,
+        stateProvider: {
+            module: StateProvider,
             data: {
                 user: {

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

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.dialog.MainContainerController
+ * @class Neo.examples.stateProvider.dialog.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.dialog.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.dialog.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.dialog.MainContainerController',
+        className: 'Neo.examples.stateProvider.dialog.MainContainerController',
         /**
          * @member {Neo.examples.dialog.EditUserDialog|null} dialog=null
          */
@@ -31,8 +31,8 @@ class MainContainerController extends Controller {
                     appName        : me.component.appName,
                     closeAction    : 'hide',
-                    model: {
-                        parent: me.getModel()
+                    stateProvider: {
+                        parent: me.getStateProvider()
                     }
                 })
             })

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

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

package/examples/{model/multiWindow2 → stateProvider/dialog}/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.multiWindow2</title>
+    <title>state.Provider: dialog</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

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

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

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

@@ -1,28 +1,28 @@
-import MainContainerController from './MainContainerController.mjs'
-import MainContainerModel      from './MainContainerModel.mjs'
-import Panel                   from '../../../src/container/Panel.mjs';
-import TextField               from '../../../src/form/field/Text.mjs';
-import Viewport                from '../../../src/container/Viewport.mjs';
+import MainContainerController    from './MainContainerController.mjs'
+import MainContainerStateProvider from './MainContainerStateProvider.mjs'
+import Panel                      from '../../../src/container/Panel.mjs';
+import TextField                  from '../../../src/form/field/Text.mjs';
+import Viewport                   from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.extendedClass.MainContainer
+ * @class Neo.examples.stateProvider.extendedClass.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.extendedClass.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.extendedClass.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.extendedClass.MainContainer',
+        className: 'Neo.examples.stateProvider.extendedClass.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
         controller: MainContainerController,
         /**
-         * @member {Object|Neo.model.Component} model=MainContainerModel
+         * @member {Object|Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style
          */
@@ -50,7 +50,7 @@ class MainContainer extends Viewport {
                 dock : 'top',
                 items: [{
                     ntype: 'label',
-                    text : 'model.Component: extended class'
+                    text : 'state.Provider: extended class'
                 }, {
                     ntype: 'component',
                     flex : 1
@@ -102,9 +102,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/inline → stateProvider/extendedClass}/MainContainerController.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.inline.MainContainerController
+ * @class Neo.examples.stateProvider.extendedClass.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.inline.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.extendedClass.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.inline.MainContainerController'
+        className: 'Neo.examples.stateProvider.extendedClass.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['button1Text'] = value || ''
+        this.getStateProvider().data['button1Text'] = value || ''
     }
     /**
      * @param {String} value
      */
     updateButton2Text(value) {
-        this.getModel().setData({
+        this.setState({
             button2Text: value || ''
         })
     }

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

@@ -0,0 +1,24 @@
+import Model from '../../../src/state/Provider.mjs';
+/**
+ * @class Neo.examples.stateProvider.extendedClass.MainContainerStateProvider
+ * @extends Neo.state.Provider
+ */
+class MainContainerStateProvider extends Model {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.stateProvider.extendedClass.MainContainerStateProvider'
+         * @protected
+         */
+        className: 'Neo.examples.stateProvider.extendedClass.MainContainerStateProvider',
+        /**
+         * @member {Object} data
+         */
+        data: {
+            button1Text: 'Button 1',
+            button2Text: 'Button 2'
+        }
+    }
+}
+export default Neo.setupClass(MainContainerStateProvider);

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

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

package/examples/stateProvider/extendedClass/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: extended class</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

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

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

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

@@ -1,29 +1,29 @@
-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.inline.MainContainer
+ * @class Neo.examples.stateProvider.inline.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.inline.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.inline.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.inline.MainContainer',
+        className: 'Neo.examples.stateProvider.inline.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
         controller: MainContainerController,
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
-            module: ComponentModel,
+        stateProvider: {
+            module: StateProvider,
             data: {
                 button1Text: 'Button 1',
@@ -57,7 +57,7 @@ class MainContainer extends Viewport {
                 dock : 'top',
                 items: [{
                     ntype: 'label',
-                    text : 'model.Component: inline definition'
+                    text : 'state.Provider: inline definition'
                 }, {
                     ntype: 'component',
                     flex : 1
@@ -105,9 +105,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/extendedClass → stateProvider/inline}/MainContainerController.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.extendedClass.MainContainerController
+ * @class Neo.examples.stateProvider.inline.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.extendedClass.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.inline.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.extendedClass.MainContainerController'
+        className: 'Neo.examples.stateProvider.inline.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['button1Text'] = value || ''
+        this.getStateProvider().data['button1Text'] = value || ''
     }
     /**
      * @param {String} value
      */
     updateButton2Text(value) {
-        this.getModel().setData({
+        this.setState({
             button2Text: value || ''
         })
     }

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

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

package/examples/{model/extendedClass → stateProvider/inline}/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: extended class</title>
+    <title>state.Provider: inline definition</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

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

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

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

@@ -4,16 +4,16 @@ import TextField               from '../../../src/form/field/Text.mjs';
 import Viewport                from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.inlineNoModel.MainContainer
+ * @class Neo.examples.stateProvider.inlineNoStateProvider.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.inlineNoModel.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.inlineNoStateProvider.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.inlineNoModel.MainContainer',
+        className: 'Neo.examples.stateProvider.inlineNoStateProvider.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
@@ -45,7 +45,7 @@ class MainContainer extends Viewport {
                 dock : 'top',
                 items: [{
                     ntype: 'label',
-                    text : 'inline example without using a model.Component'
+                    text : 'inline example without using a state.Provider'
                 }, {
                     ntype: 'component',
                     flex : 1

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

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.inlineNoModel.MainContainerController
+ * @class Neo.examples.stateProvider.inlineNoStateProvider.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.inlineNoModel.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.inlineNoStateProvider.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.inlineNoModel.MainContainerController',
+        className: 'Neo.examples.stateProvider.inlineNoStateProvider.MainContainerController',
         /**
          * @member {String} button1Text_='Button 1'
          */

package/examples/stateProvider/inlineNoStateProvider/README.md ADDED Viewed

@@ -0,0 +1,8 @@
+This example covers the same business logic as examples/stateProvider/inline.
+Instead of using a state.Provider instance, the view controller is storing the data properties directly.
+Compare the MainContainer.mjs as well as the MainContainerController.mjs files inside both examples to get the idea.
+While this implementation is beautifully easy, it does get a lot more complex in case you want to use nested data
+or a nested state provider & controller hierarchy.

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

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

package/examples/{model/inline → stateProvider/inlineNoStateProvider}/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: inline definition</title>
+    <title>inline example without using a state.Provider</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

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

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

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

@@ -3,16 +3,16 @@ import EditUserDialogController from './EditUserDialogController.mjs';
 import TextField                from '../../../src/form/field/Text.mjs';
 /**
- * @class Neo.examples.model.multiWindow.EditUserDialog
+ * @class Neo.examples.stateProvider.multiWindow.EditUserDialog
  * @extends Neo.dialog.Base
  */
 class EditUserDialog extends Dialog {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.EditUserDialog'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.EditUserDialog'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.EditUserDialog',
+        className: 'Neo.examples.stateProvider.multiWindow.EditUserDialog',
         /**
          * @member {Object} containerConfig={style:{padding:'1em'}}
          */

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

@@ -1,23 +1,23 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.multiWindow.EditUserDialogController
+ * @class Neo.examples.stateProvider.multiWindow.EditUserDialogController
  * @extends Neo.controller.Component
  */
 class EditUserDialogController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.EditUserDialogController'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.EditUserDialogController'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.EditUserDialogController'
+        className: 'Neo.examples.stateProvider.multiWindow.EditUserDialogController'
     }
     /**
      * @param {Object} data
      */
     onFirstnameTextFieldChange(data) {
-        this.getModel().setData({
+        this.setState({
             'user.firstname': data.value || ''
         })
     }
@@ -26,7 +26,7 @@ class EditUserDialogController extends Controller {
      * @param {Object} data
      */
     onLastnameTextFieldChange(data) {
-        this.getModel().setData({
+        this.setState({
             'user.lastname': data.value || ''
         })
     }

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

@@ -2,16 +2,16 @@ import MainContainerController from './MainContainerController.mjs'
 import Panel                   from '../../../src/container/Panel.mjs';
 /**
- * @class Neo.examples.model.multiWindow.MainContainer
+ * @class Neo.examples.stateProvider.multiWindow.MainContainer
  * @extends Neo.container.Panel
  */
 class MainContainer extends Panel {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.MainContainer',
+        className: 'Neo.examples.stateProvider.multiWindow.MainContainer',
         /**
          * @member {Object} containerConfig
          */

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

@@ -1,21 +1,21 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.multiWindow.MainContainerController
+ * @class Neo.examples.stateProvider.multiWindow.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     /**
-     * @member {Neo.examples.dialog.EditUserDialog|null} dialog=null
+     * @member {Neo.examples.stateProvider.multiWindow.dialog.EditUserDialog|null} dialog=null
      */
     dialog = null
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.MainContainerController'
+        className: 'Neo.examples.stateProvider.multiWindow.MainContainerController'
     }
     /**
@@ -45,8 +45,8 @@ class MainContainerController extends Controller {
                         hide: me.enableEditUserButton.bind(me, true)
                     },
-                    model: {
-                        parent: me.getModel()
+                    stateProvider: {
+                        parent: me.getStateProvider()
                     }
                 })
             })

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
          */