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

package/buildScripts/createClass.mjs

@@ -99,7 +99,7 @@ if (programOpts.info) {
             type   : 'input',
             name   : 'className',
             message: 'Please choose the namespace for your class:',
-            default: 'Covid.view.MyContainer'
+            default: 'MyApp.view.MyContainer'
         });
 
         Object.assign(answers, answer);
@@ -120,7 +120,7 @@ if (programOpts.info) {
                 'core.Base',
                 'data.Model',
                 'data.Store',
-                'model.Component',
+                'state.Provider',
                 'tab.Container',
                 'table.Container'
             ]
@@ -520,15 +520,15 @@ if (programOpts.info) {
                 break;
             }
 
-            case 'model.Component': {
-                baseType   = 'Neo.model.Component';
-                configName = 'model';
+            case 'state.Provider': {
+                baseType   = 'Neo.state.Provider';
+                configName = 'stateProvider';
                 importName = file;
                 importPath = `./${importName}.mjs`;
-                index      = file.indexOf('Model');
+                index      = file.indexOf('StateProvider');
 
                 if (index > 0) {
-                    viewFile = path.join(classFolder, file.substr(0, index) + '.mjs');
+                    viewFile = path.join(classFolder, file.substring(0, index) + '.mjs');
 
                     if (fs.existsSync(viewFile)) {
                         adjustView({baseType, configName, importName, importPath, viewFile});
@@ -620,7 +620,7 @@ if (programOpts.info) {
             "        }]"
         );
 
-        baseClass === 'model.Component' && addComma(classContent).push(
+        baseClass === 'state.Provider' && addComma(classContent).push(
             "        /**",
             "         * @member {Object} data",
             "         */",
@@ -649,16 +649,14 @@ if (programOpts.info) {
             "         * @member {Object[]} items",
             "         */",
             "        items: [{",
-            "            ntype: 'component',",
-            "",
-            "            tabButtonConfig: {",
+            "            ntype : 'component',",
+            "            header: {",
             "                iconCls: 'fa fa-home',",
             "                text   : 'Tab 1'",
             "            }",
             "        }, {",
-            "            ntype: 'component',",
-            "",
-            "            tabButtonConfig: {",
+            "            ntype : 'component',",
+            "            header: {",
             "                iconCls: 'fa fa-play-circle',",
             "                text   : 'Tab 2'",
             "            }",
@@ -673,7 +671,7 @@ if (programOpts.info) {
             "        singleton: true"
         );
 
-        baseClass === 'model.Component' && addComma(classContent).push(
+        baseClass === 'state.Provider' && addComma(classContent).push(
             "        /**",
             "         * @member {Object} stores",
             "         */",
@@ -718,8 +716,8 @@ if (programOpts.info) {
             return 'controller.Component';
         }
 
-        if (className.endsWith('model')) {
-            return 'model.Component';
+        if (className.endsWith('stateprovider')) {
+            return 'state.Provider';
         }
 
         if (className.includes('table')) {

package/buildScripts/createComponent.mjs

@@ -74,7 +74,7 @@ if (programOpts.info) {
             type   : 'input',
             name   : 'className',
             message: 'Please choose the namespace for your class:',
-            default: 'Covid.view.MyContainer'
+            default: 'MyApp.view.MyContainer'
         });
 
         Object.assign(answers, answer);
@@ -95,7 +95,7 @@ if (programOpts.info) {
                 'core.Base',
                 'data.Model',
                 'data.Store',
-                'model.Component',
+                'state.Provider',
                 'tab.Container',
                 'table.Container'
             ]
@@ -221,8 +221,8 @@ function guessBaseClass(className) {
         return 'controller.Component';
     }
 
-    if (className.endsWith('model')) {
-        return 'model.Component';
+    if (className.endsWith('stateprovider')) {
+        return 'state.Provider';
     }
 
     if (className.includes('table')) {

package/docs/app/view/ContentTabContainer.mjs

@@ -41,7 +41,7 @@ class ContentTabContainer extends Container {
             html : 'Welcome to the neo.mjs docs!',
             style: {padding: '20px'},
 
-            tabButtonConfig: {
+            header: {
                 iconCls: 'fa fa-users',
                 text   : 'Welcome!'
             }

package/docs/app/view/MainContainer.mjs

@@ -71,7 +71,7 @@ class MainContainer extends Viewport {
                     listeners: {leafItemClick: 'onApiListLeafClick'},
                     reference: 'api-treelist',
 
-                    tabButtonConfig: {
+                    header: {
                         iconCls: 'fa fa-code',
                         text   : 'API'
                     }
@@ -80,7 +80,7 @@ class MainContainer extends Viewport {
                     listeners: {leafItemClick: 'onExamplesListLeafClick'},
                     reference: 'examples-treelist',
 
-                    tabButtonConfig: {
+                    header: {
                         iconCls: 'fa fa-desktop',
                         text   : 'Examples'
                     }
@@ -118,7 +118,7 @@ class MainContainer extends Viewport {
         }
 
         // Disable the examples Tab for dist versions until the webpack builds can handle this (see: #140)
-        me.items[1].items[0].items[1].tabButtonConfig.disabled = Neo.config.environment !== 'development'
+        me.items[1].items[0].items[1].header.disabled = Neo.config.environment !== 'development'
     }
 
     /**

package/docs/app/view/MainContainerController.mjs

@@ -38,8 +38,8 @@ class MainContainerController extends Component {
             opts    = {appName, windowId: me.component.windowId};
 
         if (appName === 'Portal') {
-            opts.highlightJsPath = '../../docs/resources/highlight/highlight.pack.js';
-            opts.themePath       = '../../docs/resources/highlightjs-custom-github-theme.css'
+            opts.highlightJsPath = '../../docs/resources/lib/highlight/highlight.pack.js';
+            opts.themePath       = '../../docs/resources/lib/highlightjs-custom-github-theme.css'
         }
 
         Neo.main.addon.HighlightJS.loadFiles(opts)
@@ -57,7 +57,7 @@ class MainContainerController extends Component {
             id           : record.className,
             structureData: record,
 
-            tabButtonConfig: {
+            header: {
                 iconCls: record.singleton ? 'fa fa-arrow-alt-circle-right' : 'fa fa-copyright',
                 text   : record.name
             }
@@ -74,7 +74,7 @@ class MainContainerController extends Component {
             pathArray           = [],
             store               = me.getReference('examples-treelist').store,
             tmpRecord           = record,
-            tabButtonConfig;
+            header;
 
         while (tmpRecord.parentId !== null) {
             tmpRecord = store.get(tmpRecord.parentId);
@@ -83,7 +83,7 @@ class MainContainerController extends Component {
 
         name = 'examples_' + name;
 
-        tabButtonConfig = {
+        header = {
             iconCls: 'fa fa-desktop',
             text   : record.name
         };
@@ -94,8 +94,8 @@ class MainContainerController extends Component {
                 record.path).then((module) => {
                     contentTabContainer.add({
                         module: module.default,
-                        id    : name,
-                        tabButtonConfig
+                        header,
+                        id    : name
                     })
                 }
             )
@@ -115,10 +115,10 @@ class MainContainerController extends Component {
 
                 contentTabContainer.add({
                     ntype: 'container',
+                    header,
                     id   : name,
                     items,
-                    style: {padding: '10px'},
-                    tabButtonConfig
+                    style: {padding: '10px'}
                 })
             })
         }
@@ -153,16 +153,16 @@ class MainContainerController extends Component {
 
         if (button.text === 'Source View Theme Light') {
             buttonText = 'Source View Theme Dark';
-            href       = './resources/highlightjs-custom-github-theme.css'
+            href       = './resources/lib/highlightjs-custom-github-theme.css'
         } else {
             buttonText = 'Source View Theme Light';
-            href       = './resources/highlightjs-custom-dark-theme.css'
+            href       = './resources/lib/highlightjs-custom-dark-theme.css'
         }
 
         Neo.main.addon.Stylesheet.swapStyleSheet({
-            appName: me.component.appName,
             href,
-            id     : 'hljs-theme'
+            id      : 'hljs-theme',
+            windowId: me.windowId,
         }).then(data => {
             button.text = buttonText
         })
@@ -212,7 +212,7 @@ class MainContainerController extends Component {
             fileType: record.type,
             id      : record.name,
 
-            tabButtonConfig: {
+            header: {
                 iconCls: 'fa fa-hands-helping',
                 text   : record.name
             }
@@ -240,7 +240,7 @@ class MainContainerController extends Component {
                 line         : lineNumber,
                 structureData: record,
 
-                tabButtonConfig: {
+                header: {
                     iconCls: 'fa fa-code',
                     text   : record.name
                 }

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='8.0.0-alpha.2'
+         * @member {String} version='8.0.0-beta.2'
          */
-        version: '8.0.0-alpha.2'
+        version: '8.0.0-beta.2'
     }
 
     /**

package/examples/component/mwc/buttons/MainContainer.mjs

@@ -45,7 +45,7 @@ class MainContainer extends Viewport {
                     label: 'dense'
                 }],
 
-                tabButtonConfig: {
+                header: {
                     iconCls: 'fa fa-home',
                     text   : 'Tab 1'
                 }
@@ -78,7 +78,7 @@ class MainContainer extends Viewport {
                     label: 'dense'
                 }],
 
-                tabButtonConfig: {
+                header: {
                     iconCls: 'fa fa-play-circle',
                     text   : 'Tab 2'
                 }

package/examples/component/mwc/textFields/MainContainer.mjs

@@ -38,7 +38,7 @@ class MainContainer extends Viewport {
                     helper: 'Helper Text'
                 }],
 
-                tabButtonConfig: {
+                header: {
                     iconCls: 'fa fa-home',
                     text   : 'Filled'
                 }
@@ -64,7 +64,7 @@ class MainContainer extends Viewport {
                     helper: 'Helper Text'
                 }],
 
-                tabButtonConfig: {
+                header: {
                     iconCls: 'fa fa-play-circle',
                     text   : 'Outlined'
                 }