neo.mjs 6.42.0 → 6.44.0

package/examples/tablePerformance/MainContainer2.mjs

@@ -142,6 +142,4 @@ class MainContainer2 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer2);
-
-export default MainContainer2;
+export default Neo.setupClass(MainContainer2);

package/examples/tablePerformance/MainContainer3.mjs

@@ -145,6 +145,4 @@ class MainContainer3 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer3);
-
-export default MainContainer3;
+export default Neo.setupClass(MainContainer3);

package/examples/tablePerformance/Viewport.mjs

@@ -21,14 +21,12 @@ class Viewport extends BaseViewport {
             module: MainContainer
         }, {
             module: MainContainer2,
-            style: {marginTop: '20px'}
+            style : {marginTop: '20px'}
         }, {
             module: MainContainer3,
-            style: {marginTop: '20px'}
+            style : {marginTop: '20px'}
         }]
     }
 }
 
-Neo.setupClass(Viewport);
-
-export default Viewport;
+export default Neo.setupClass(Viewport);

package/examples/tableStore/MainContainer.mjs

@@ -210,6 +210,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/tableStore/MainModel.mjs

@@ -1,4 +1,4 @@
-import Model  from '../../src/data/Model.mjs';
+import Model from '../../src/data/Model.mjs';
 
 /**
  * @class Neo.examples.tableStore.MainModel
@@ -24,6 +24,4 @@ class MainModel extends Model {
     }
 }
 
-Neo.setupClass(MainModel);
-
-export default MainModel;
+export default Neo.setupClass(MainModel);

package/examples/tableStore/MainStore.mjs

@@ -1,5 +1,5 @@
-import Store from '../../src/data/Store.mjs';
 import Model from './MainModel.mjs';
+import Store from '../../src/data/Store.mjs';
 
 /**
  * @class Neo.examples.tableStore.MainStore
@@ -45,6 +45,4 @@ class MainStore extends Store {
     }
 }
 
-Neo.setupClass(MainStore);
-
-export default MainStore;
+export default Neo.setupClass(MainStore);

package/examples/tabs/MainContainer.mjs

@@ -1,6 +1,6 @@
-import TabContainer  from '../../src/tab/Container.mjs';
 import NumberField   from '../../src/form/field/Number.mjs';
 import PasswordField from '../../src/form/field/Password.mjs';
+import TabContainer  from '../../src/tab/Container.mjs';
 
 /**
  * @class Neo.examples.tabs.MainContainer
@@ -166,6 +166,4 @@ class MainContainer extends TabContainer {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/tabs/MainContainer2.mjs

@@ -155,6 +155,4 @@ class MainContainer2 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer2);
-
-export default MainContainer2;
+export default Neo.setupClass(MainContainer2);

package/examples/todoList/version1/MainComponent.mjs

@@ -51,7 +51,7 @@ class MainComponent extends Component {
             {input: me.onInputFieldChange, delegate: 'todo-input'}
         ]);
 
-        me.createItems(me.items || []);
+        me.createItems(me.items || [])
     }
 
     createItems(items) {
@@ -62,9 +62,9 @@ class MainComponent extends Component {
             cls = ['todo-item'];
 
             if (item.done) {
-                cls.push('fa', 'fa-check');
+                cls.push('fa', 'fa-check')
             } else {
-                cls.push('far', 'fa-square');
+                cls.push('far', 'fa-square')
             }
 
             me.vdom.cn[0].cn.push({
@@ -77,10 +77,10 @@ class MainComponent extends Component {
                     vtype: 'text',
                     html : item.text
                 }]
-            });
+            })
         });
 
-        me.update();
+        me.update()
     }
 
     onAddButtonClick() {
@@ -91,7 +91,7 @@ class MainComponent extends Component {
                 id  : null,
                 done: false,
                 text: me.inputValue
-            }]);
+            }])
         }
     }
 
@@ -99,24 +99,22 @@ class MainComponent extends Component {
         let me     = this,
             cls    = ['far', 'fa-square'],
             oldCls = ['fa',  'fa-check'],
-            node   = VdomUtil.findVdomChild(me.vdom, data.path[0].id).vdom;
+            node   = VdomUtil.findVdomChild(me.vdom, data.path[0].id).vdom
 
         if (data.path[0].cls.includes('fa-square')) {
             cls    = ['fa',  'fa-check'];
-            oldCls = ['far', 'fa-square'];
+            oldCls = ['far', 'fa-square']
         }
 
         NeoArray.remove(node.cls, oldCls);
         NeoArray.add(node.cls, cls);
 
-        me.update();
+        me.update()
     }
 
     onInputFieldChange(data) {
-        this.inputValue = data.value;
+        this.inputValue = data.value
     }
 }
 
-Neo.setupClass(MainComponent);
-
-export default MainComponent;
+export default Neo.setupClass(MainComponent);

package/examples/todoList/version2/MainContainer.mjs

@@ -61,14 +61,14 @@ class MainContainer extends Container {
                 style       : {height: '27px'},
                 text        : 'Add Item'
             }]
-        }];
+        }]
     }
 
     onAddButtonClick() {
         let me    = this,
             field = me.down({reference: 'addItemField'}),
             data;
-console.log(field.value);
+
         if (field.value) {
             me.idCounter++;
 
@@ -80,14 +80,9 @@ console.log(field.value);
                 text: field.value
             });
 
-            me.store.data = data;
-
-            console.log('onAddButtonClick', data);
-            console.log(me.store.items);
+            me.store.data = data
         }
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/todoList/version2/TodoList.mjs

@@ -47,6 +47,4 @@ class TodoList extends List {
     }*/
 }
 
-Neo.setupClass(TodoList);
-
-export default TodoList;
+export default Neo.setupClass(TodoList);

package/examples/todoList/version2/TodoListModel.mjs

@@ -1,4 +1,4 @@
-import Model  from '../../../src/data/Model.mjs';
+import Model from '../../../src/data/Model.mjs';
 
 /**
  * @class Neo.examples.todoList.version2.TodoListModel
@@ -22,6 +22,4 @@ class TodoListModel extends Model {
     }
 }
 
-Neo.setupClass(TodoListModel);
-
-export default TodoListModel;
+export default Neo.setupClass(TodoListModel);

package/examples/todoList/version2/TodoListStore.mjs

@@ -27,6 +27,4 @@ class TodoListStore extends Store {
     }
 }
 
-Neo.setupClass(TodoListStore);
-
-export default TodoListStore;
+export default Neo.setupClass(TodoListStore);

package/examples/toolbar/breadcrumb/view/MainContainer.mjs

@@ -111,6 +111,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/toolbar/breadcrumb/view/MainContainerController.mjs

@@ -17,10 +17,8 @@ class MainContainerController extends Controller {
      * @param {Object} data
      */
     onActiveKeyButtonClick(data) {
-        this.getReference('breadcrumb-toolbar').activeKey = data.component.activeKey;
+        this.getReference('breadcrumb-toolbar').activeKey = data.component.activeKey
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/toolbar/paging/model/User.mjs

@@ -33,6 +33,4 @@ class User extends Model {
     }
 }
 
-Neo.setupClass(User);
-
-export default User;
+export default Neo.setupClass(User);

package/examples/toolbar/paging/store/Users.mjs

@@ -1,5 +1,5 @@
-import UserModel from '../model/User.mjs';
 import Store     from '../../../../src/data/Store.mjs';
+import UserModel from '../model/User.mjs';
 
 /**
  * @class Neo.examples.toolbar.paging.store.Users
@@ -47,6 +47,4 @@ class Users extends Store {
     }
 }
 
-Neo.setupClass(Users);
-
-export default Users;
+export default Neo.setupClass(Users);

package/examples/toolbar/paging/view/AddUserDialog.mjs

@@ -62,6 +62,4 @@ class AddUserDialog extends Dialog {
     }
 }
 
-Neo.setupClass(AddUserDialog);
-
-export default AddUserDialog;
+export default Neo.setupClass(AddUserDialog);

package/examples/toolbar/paging/view/MainContainer.mjs

@@ -102,6 +102,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/toolbar/paging/view/MainContainerController.mjs

@@ -30,10 +30,10 @@ class MainContainerController extends ComponentController {
                     animateTargetId: data.component.id,
                     appName        : me.component.appName,
                     closeAction    : 'hide'
-                });
-            });
+                })
+            })
         } else {
-            me.addUserDialog.show();
+            me.addUserDialog.show()
         }
     }
 
@@ -43,7 +43,7 @@ class MainContainerController extends ComponentController {
     onShowFiltersButtonClick(data) {
         let userTable = this.getReference('user-table');
 
-        userTable.showHeaderFilters = !userTable.showHeaderFilters;
+        userTable.showHeaderFilters = !userTable.showHeaderFilters
     }
 
     /**
@@ -52,11 +52,9 @@ class MainContainerController extends ComponentController {
      */
     onUserServiceReadButtonClick(data) {
         MyApp.backend.UserService.read().then(response => {
-            console.log(response);
+            console.log(response)
         })
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/toolbar/paging/view/MainContainerModel.mjs

@@ -1,11 +1,11 @@
-import Component from '../../../../src/model/Component.mjs';
+import Model     from '../../../../src/model/Component.mjs';
 import UserStore from '../store/Users.mjs';
 
 /**
  * @class Neo.examples.toolbar.paging.view.MainContainerModel
  * @extends Neo.model.Component
  */
-class MainContainerModel extends Component {
+class MainContainerModel extends Model {
     static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerModel'
@@ -24,6 +24,4 @@ class MainContainerModel extends Component {
     }
 }
 
-Neo.setupClass(MainContainerModel);
-
-export default MainContainerModel;
+export default Neo.setupClass(MainContainerModel);

package/examples/toolbar/paging/view/UserTableContainer.mjs

@@ -34,6 +34,4 @@ class UserTableContainer extends TableContainer {
     }
 }
 
-Neo.setupClass(UserTableContainer);
-
-export default UserTableContainer;
+export default Neo.setupClass(UserTableContainer);

package/examples/tree/MainContainer.mjs

@@ -72,7 +72,7 @@ class MainContainer extends ConfigurationViewport {
             stepSize : 5,
             style    : {marginTop: '10px'},
             value    : treeList.width
-        }];
+        }]
     }
 
     /**
@@ -114,7 +114,7 @@ class MainContainer extends ConfigurationViewport {
                     minWidth  : '15em'
                 }
             }]
-        });
+        })
     }
 
     /**
@@ -124,11 +124,9 @@ class MainContainer extends ConfigurationViewport {
         let dragZone = this.exampleComponent.down({module: ApiTreeList}).dragZone;
 
         if (dragZone) {
-            dragZone.leafNodesOnly = opts.value;
+            dragZone.leafNodesOnly = opts.value
         }
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/treeAccordion/MainContainer.mjs

@@ -1,13 +1,11 @@
+import AccordionTree         from '../../src/tree/Accordion.mjs';
+import CheckBox              from '../../src/form/field/CheckBox.mjs';
 import ConfigurationViewport from '../ConfigurationViewport.mjs';
-
-import AccordionTree  from '../../src/tree/Accordion.mjs';
-import CheckBox       from "../../src/form/field/CheckBox.mjs";
-import NumberField    from '../../src/form/field/Number.mjs';
-import Panel          from '../../src/container/Panel.mjs';
-import Store          from '../../src/data/Store.mjs';
-// Do not remove the ViewController nor ViewModel
-import ViewController from '../../src/controller/Component.mjs';
-import ViewModel      from '../../src/model/Component.mjs';
+import NumberField           from '../../src/form/field/Number.mjs';
+import Panel                 from '../../src/container/Panel.mjs';
+import Store                 from '../../src/data/Store.mjs';
+import ViewController        from '../../src/controller/Component.mjs';
+import ViewModel             from '../../src/model/Component.mjs';
 
 /**
  * @class Neo.examples.treeAccordion.MainContainer
@@ -76,7 +74,7 @@ class MainContainer extends ConfigurationViewport {
             style  : {marginTop: '20px'},
             text   : 'Remove DOM',
             width  : 100
-        }];
+        }]
     }
 
     /**
@@ -169,7 +167,7 @@ class MainContainer extends ConfigurationViewport {
                     bind     : {html: data => data.selection[0].name}
                 }]
             }]
-        });
+        })
     }
 
     /**
@@ -177,7 +175,7 @@ class MainContainer extends ConfigurationViewport {
      * @param {Object} opts
      */
     onConfigChange(config, opts) {
-        this.exampleComponent.items[0][config] = opts.value;
+        this.exampleComponent.items[0][config] = opts.value
     }
 
     /**
@@ -190,6 +188,4 @@ class MainContainer extends ConfigurationViewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/videoMove/MainContainer.mjs

@@ -71,6 +71,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/viewport/MainContainer.mjs

@@ -109,6 +109,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/worker/task/MainContainer.mjs

@@ -43,6 +43,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.42.0",
+    "version": "6.44.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/resources/data/deck/learnneo/pages/benefits/Multi-Threading.md

@@ -93,7 +93,7 @@ Probably the best solution for single page apps (SPAs) as well as multi-window a
 {
     "cls" : "neo-worker-setup",
     "tag" : "element-loader",
-    "vdom": {"src": "../../resources/images/workers-focus.svg"}
+    "vdom": {"src": "./resources/images/workers-focus.svg"}
 }
 </pre>
 

package/src/DefaultConfig.mjs

@@ -219,10 +219,12 @@ const DefaultConfig = {
     /**
      * True will add the ServiceWorker main thread addon to support caching of assets (PWA)
      * See: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
+     *
+     * You can also use a string to specify the target environment => 'dist/production'
      * @default false
      * @memberOf! module:Neo
      * @name config.useServiceWorker
-     * @type Boolean
+     * @type Boolean|String
      */
     useServiceWorker: false,
     /**
@@ -260,12 +262,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.42.0'
+     * @default '6.44.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.42.0'
+    version: '6.44.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/Main.mjs

@@ -254,7 +254,12 @@ class Main extends core.Base {
             mainThreadAddons.push('AnalyticsByGoogle')
         }
 
-        if (config.useServiceWorker && !mainThreadAddons.includes('ServiceWorker')) {
+        if ((
+                config.useServiceWorker === true ||
+                config.useServiceWorker === config.environment
+            ) &&
+            !mainThreadAddons.includes('ServiceWorker')
+        ) {
             mainThreadAddons.push('ServiceWorker')
         }
 

package/src/Neo.mjs

@@ -421,16 +421,30 @@ Neo = globalThis.Neo = Object.assign({
     /**
      * Internally used at the end of each class / module definition
      * @memberOf module:Neo
-     * @param {Neo.core.Base} cls The Neo class to apply configs to
-     * @protected
+     * @template T
+     * @param {T} cls
+     * @returns {T}
      */
     setupClass(cls) {
         let baseCfg    = null,
             ntypeChain = [],
             {ntypeMap} = Neo,
             proto      = cls.prototype || cls,
+            ns         = Neo.ns(proto.constructor.config.className, false),
             protos     = [],
-            cfg, config, ctor, ns, ntype;
+            cfg, config, ctor, ntype;
+
+        /*
+         * If the namespace already exists, directly return it.
+         * This can happen when using different versions of neo.mjs
+         * => Especially singletons (IdGenerator) must stay unique.
+         *
+         * This can also happen when using different environments of neo.mjs in parallel.
+         * Example: code.LivePreview running inside a dist/production app.
+         */
+        if (ns) {
+            return ns
+        }
 
         while (proto.__proto__) {
             ctor = proto.constructor;
@@ -531,19 +545,8 @@ Neo = globalThis.Neo = Object.assign({
         });
 
         if (proto.singleton) {
-            ns = Neo.ns(proto.className);
-
-            // Only create new singleton instances, in case the namespace is not in use. Using multiple neo versions
-            // will cause issues otherwise (e.g. combining dist/production & development). Example: code.LivePreview.
-            if (!ns) {
-                cls = Neo.create(cls);
-                Neo.applyToGlobalNs(cls)
-            }
-            // If the singleton already exists, just return this version instead.
-            // This enables us to still use it with default import statements.
-            else {
-                return ns
-            }
+            cls = Neo.create(cls);
+            Neo.applyToGlobalNs(cls)
         }
 
         return cls

package/src/button/Base.mjs

@@ -551,6 +551,4 @@ class Base extends Component {
     }
 }
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/button/Menu.mjs

@@ -27,6 +27,4 @@ class Menu extends Split {
     }
 }
 
-Neo.setupClass(Menu);
-
-export default Menu;
+export default Neo.setupClass(Menu);

package/src/button/Split.mjs

@@ -221,6 +221,4 @@ class Split extends Button {
     }
 }
 
-Neo.setupClass(Split);
-
-export default Split;
+export default Neo.setupClass(Split);

package/src/calendar/model/Calendar.mjs

@@ -31,6 +31,4 @@ class Calendar extends Model {
     }
 }
 
-Neo.setupClass(Calendar);
-
-export default Calendar;
+export default Neo.setupClass(Calendar);

package/src/calendar/model/Color.mjs

@@ -25,6 +25,4 @@ class Color extends Model {
     }
 }
 
-Neo.setupClass(Color);
-
-export default Color;
+export default Neo.setupClass(Color);

package/src/calendar/model/Event.mjs

@@ -43,6 +43,4 @@ class Event extends Model {
     }
 }
 
-Neo.setupClass(Event);
-
-export default Event;
+export default Neo.setupClass(Event);