neo.mjs 6.29.0 → 6.31.0

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.29.0'
+         * @member {String} version='6.31.0'
          */
-        version: '6.29.0'
+        version: '6.31.0'
     }
 
     /**

package/apps/portal/neo-config.json

@@ -3,8 +3,19 @@
     "basePath"        : "../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",
-    "mainThreadAddons": ["AmCharts", "DragDrop", "HighlightJS", "IntersectionObserver", "MonacoEditor", "Navigator", "ResizeObserver", "Stylesheet"],
     "remotesApiUrl"   : "remotes-api.json",
     "themes"          : ["neo-theme-neo-light", "neo-theme-light", "neo-theme-dark"],
-    "useSharedWorkers": true
+    "useSharedWorkers": true,
+
+    "mainThreadAddons": [
+        "AmCharts",
+        "DragDrop",
+        "HighlightJS",
+        "IntersectionObserver",
+        "MonacoEditor",
+        "Navigator",
+        "ResizeObserver",
+        "Stylesheet",
+        "WebComponent"
+    ]
 }

package/apps/portal/view/home/parts/Colors.mjs

@@ -63,9 +63,9 @@ class Colors extends BaseContainer {
             }]
         }, {
             ntype : 'container',
+            cls   : 'portal-content-wrapper',
             flex  : '2',
-            style : {background: 'lightgray', padding: '20px'},
-            layout: {ntype: 'vbox', align: 'stretch', pack: 'center'},
+            layout: 'fit',
             items : [{
                 module   : LivePreview,
                 cls      : ['page-live-preview'],

package/apps/portal/view/home/parts/Helix.mjs

@@ -73,9 +73,9 @@ class Helix extends BaseContainer {
             }]
         }, {
             ntype : 'container',
+            cls   : 'portal-content-wrapper',
             flex  : '2',
-            style : {background: 'lightgray', padding: '20px'},
-            layout: {ntype: 'vbox', align: 'stretch', pack: 'center'},
+            layout: 'fit',
             items : [{
                 module   : LivePreview,
                 cls      : ['page-live-preview'],

package/apps/portal/view/home/parts/How.mjs

@@ -52,13 +52,18 @@ class How extends BaseContainer {
             }]
         }, {
             ntype : 'container',
+            cls   : 'portal-content-wrapper',
             flex  : '2',
-            style : {background: 'lightgray', padding: '20px'},
-            layout: {ntype: 'vbox', align: 'stretch', pack: 'center'},
+            layout: 'fit',
             items : [{
-                flex : 'none',
-                style: {width: '100%'},
-                vdom : {tag: 'img', src: 'https://s3.amazonaws.com/mjs.neo.learning.images/why/IndexHtmlFlow.png'}
+                ntype : 'container',
+                cls   : 'portal-content-container',
+                layout: 'fit',
+                items : [{
+                    cls : 'neo-worker-setup',
+                    tag : 'element-loader',
+                    vdom: {src: '../../resources/images/workers-focus.svg'}
+                }]
             }]
         }]
     }

package/apps/portal/view/learn/ContentTreeList.mjs

@@ -62,17 +62,7 @@ class ContentTreeList extends TreeList {
      *
      */
     doLoadStore() {
-        let me = this;
-
-        Neo.Xhr.promiseJson({
-            url: `${me.contentPath}/tree.json`
-        }).then(data => {
-            // TODO: Tree lists should do this themselves when their store is loaded.
-            me.store.data = data.json.data;
-            me.getModel().data.countPages = me.store.getCount();
-            me.createItems(null, me.getListItemsRoot(), 0);
-            me.update()
-        })
+        this.store.load({url: `${this.contentPath}/tree.json`})
     }
 
     /**
@@ -86,6 +76,15 @@ class ContentTreeList extends TreeList {
             windowId: this.windowId
         })
     }
+
+    /**
+     *
+     */
+    onStoreLoad() {
+        super.onStoreLoad();
+
+        this.getModel().data.countPages = this.store.getCount()
+    }
 }
 
 Neo.setupClass(ContentTreeList);

package/apps/portal/view/learn/MainContainerModel.mjs

@@ -29,6 +29,10 @@ class MainContainerModel extends Component {
              * @member {Number|null} data.countPages=null
              */
             countPages: null,
+            /**
+             * @member {Number|null} data.countPages=null
+             */
+            countSections: null,
             /**
              * The record which gets shown as the content page
              * @member {Object} data.currentRecord=null

package/apps/portal/view/learn/PageSectionsContainer.mjs

@@ -21,11 +21,15 @@ class PageSectionsContainer extends Container {
          */
         items: [{
             ntype  : 'button',
-            bind   : {hidden: data => data.size === 'large'},
             cls    : ['sections-container-button'],
             handler: 'onPageSectionsToggleButtonClick',
             iconCls: 'fas fa-bars',
-            ui     : 'secondary'
+            ui     : 'secondary',
+
+            bind: {
+                disabled: data => data.countSections < 1,
+                hidden  : data => data.size === 'large'
+            }
         }, {
             vdom:
             {cn: [

package/apps/portal/view/learn/PageSectionsList.mjs

@@ -75,6 +75,15 @@ class PageSectionsList extends List {
             me.isAnimating = false
         }
     }
+
+    /**
+     *
+     */
+    onStoreLoad() {
+        super.onStoreLoad();
+
+        this.getModel().data.countSections = this.store.getCount()
+    }
 }
 
 Neo.setupClass(PageSectionsList);

package/docs/app/store/Api.mjs

@@ -19,7 +19,11 @@ class Api extends Store {
         /**
          * @member {Neo.data.Model} model=ApiModel
          */
-        model: ApiModel
+        model: ApiModel,
+        /**
+         * @member {String} url='../../docs/output/structure.json'
+         */
+        url: '../../docs/output/structure.json'
     }
 }
 

package/docs/app/store/Examples.mjs

@@ -19,7 +19,11 @@ class Examples extends Store {
         /**
          * @member {Neo.data.Model} model=Example
          */
-        model: Example
+        model: Example,
+        /**
+         * @member {String} url='../../docs/examples.json'
+         */
+        url: '../../docs/examples.json'
     }
 }
 

package/docs/app/view/ApiTreeList.mjs

@@ -29,16 +29,7 @@ class ApiTreeList extends TreeList {
      */
     onConstructed() {
         super.onConstructed();
-
-        let me = this;
-
-        Neo.Xhr.promiseJson({
-            url: '../../docs/output/structure.json'
-        }).then(data => {
-            me.store.data = data.json;
-            me.createItems(null, me.getListItemsRoot(), 0);
-            me.update();
-        });
+        this.store.load()
     }
 }
 

package/docs/app/view/ExamplesTreeList.mjs

@@ -33,16 +33,7 @@ class ExamplesTreeList extends TreeList {
      */
     onConstructed() {
         super.onConstructed();
-
-        let me = this;
-
-        Neo.Xhr.promiseJson({
-            url: '../../docs/examples.json'
-        }).then(data => {
-            me.store.data = data.json;
-            me.createItems(null, me.getListItemsRoot(), 0);
-            me.update();
-        });
+        this.store.load()
     }
 }
 

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.29.0'
+         * @member {String} version='6.31.0'
          */
-        version: '6.29.0'
+        version: '6.31.0'
     }
 
     /**

package/examples/button/base/MainContainer.mjs

@@ -136,6 +136,13 @@ class MainContainer extends ConfigurationViewport {
             listeners : {change: me.onConfigChange.bind(me, 'text')},
             style     : {marginTop: '10px'},
             value     : me.exampleComponent.text
+        }, {
+            module    :  TextField,
+            clearable : true,
+            labelText : 'tooltip',
+            listeners : {change: me.onConfigChange.bind(me, 'tooltip')},
+            style     : {marginTop: '10px'},
+            value     : me.exampleComponent.tooltip
         }, {
             module        : ComboBox,
             forceSelection: true,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.29.0",
+    "version": "6.31.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -44,7 +44,7 @@
     "homepage": "https://neomjs.com/",
     "devDependencies": {
         "@fortawesome/fontawesome-free": "^6.6.0",
-        "autoprefixer": "^10.4.19",
+        "autoprefixer": "^10.4.20",
         "chalk": "^5.3.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^12.1.0",
@@ -52,7 +52,7 @@
         "envinfo": "^7.13.0",
         "fs-extra": "^11.2.0",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^10.1.6",
+        "inquirer": "^10.1.7",
         "marked": "^13.0.3",
         "monaco-editor": "^0.50.0",
         "neo-jsdoc": "1.0.1",