neo.mjs 9.11.0 → 9.12.0

package/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-06-09",
+      "datePublished": "2025-06-11",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v9.11.0'
+                html  : 'v9.12.0'
             }]
         }],
         /**

package/docs/app/view/ApiTreeList.mjs

@@ -29,7 +29,17 @@ class ApiTreeList extends TreeList {
      */
     onConstructed() {
         super.onConstructed();
-        this.store.load()
+
+        this.store.load().then(data => {
+            if (!data) {
+                this.html = [
+                    '<div style="padding: 1em">',
+                        'To get the content please use:</br>',
+                        '<code>npm run generate-docs-json</code>',
+                    '</div>'
+                ].join('')
+            }
+        })
     }
 }
 

package/docs/app/view/MainContainer.mjs

@@ -127,12 +127,15 @@ class MainContainer extends Viewport {
     onConstructed() {
         super.onConstructed();
 
-        let me = this;
+        let me  = this,
+            url = '../../docs/output/all.json';
 
-        Neo.Xhr.promiseJson({
-            url: '../../docs/output/all.json'
+        Neo.Xhr.promiseJson({url}).catch(err => {
+            console.error('Error for Neo.Xhr.request', {id: me.store.id, error: err, url})
         }).then(data => {
-            me.store.items = data.json;
+            if (data) {
+                me.store.items = data.json
+            }
         })
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name"           : "neo.mjs",
-    "version"        : "9.11.0",
+    "version"        : "9.12.0",
     "description"    : "The webworkers driven UI framework",
     "type"           : "module",
     "repository"     : {
@@ -64,9 +64,9 @@
         "neo-jsdoc"                    : "1.0.1",
         "neo-jsdoc-x"                  : "1.0.5",
         "postcss"                      : "^8.5.4",
-        "sass"                         : "^1.89.1",
+        "sass"                         : "^1.89.2",
         "siesta-lite"                  : "5.5.2",
-        "terser"                       : "^5.41.0",
+        "terser"                       : "^5.42.0",
         "url"                          : "^0.11.4",
         "webpack"                      : "^5.99.9",
         "webpack-cli"                  : "^6.0.1",

package/src/DefaultConfig.mjs

@@ -264,12 +264,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '9.11.0'
+     * @default '9.12.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '9.11.0'
+    version: '9.12.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/code/LivePreview.mjs

@@ -223,9 +223,8 @@ class LivePreview extends Container {
         }
 
         let me                = this,
-            {config}          = Neo,
+            {environment}     = Neo.config,
             container         = me.getPreviewContainer(),
-            hasJsModules      = config.environment === 'development' || config.environment === 'dist/esm',
             source            = me.editorValue || me.value,
             className         = me.findLastClassName(source),
             cleanLines        = [],
@@ -242,13 +241,25 @@ class LivePreview extends Container {
                     path       = importMatch[2],
                     index;
 
-                if (!hasJsModules) {
+                // We want the non-minified version for code which can not get bundled.
+                if (environment === 'dist/development') {
                     index = path.lastIndexOf('../');
 
                     if (index === 0) {
-                        path = '../../../../src/' + path.slice(index + 3);
+                        path = '../../../../src/' + path.slice(index + 3)
                     } else {
-                        path = path.slice(0, index) + '../../../' + path.slice(index + 3);
+                        path = path.slice(0, index) + '../../../' + path.slice(index + 3)
+                    }
+                }
+
+                // We want the minified version of the code which can not get bundled.
+                else if (environment === 'dist/production') {
+                    index = path.lastIndexOf('../');
+
+                    if (index === 0) {
+                        path = '../../../esm/src/' + path.slice(index + 3)
+                    } else {
+                        path = path.slice(0, index) + '../../esm/' + path.slice(index + 3)
                     }
                 }
 
@@ -261,9 +272,9 @@ class LivePreview extends Container {
         });
 
         // Figure out the parts of the source we'll be running.
-        // o The promises/import() corresponding to the user's import statements
-        // o The vars holding the name of the imported module based on the module name for each import
-        // o The rest of the user-provided source
+        // * The promises/import() corresponding to the user's import statements
+        // * The vars holding the name of the imported module based on the module name for each import
+        // * The rest of the user-provided source
         // It'll end up looking like this:
         // Promise.all([
         //     import('../../../node_modules/neo.mjs/src/container/Base.mjs'),

package/src/data/Store.mjs

@@ -351,9 +351,10 @@ class Store extends Base {
      * @param {String} opts.responseType
      * @param {Object} opts.scope
      * @param {String} opts.url
+     * @returns {Promise<Object|Object[]>}
      * @protected
      */
-    load(opts={}) {
+    async load(opts={}) {
         let me     = this,
             params = {page: me.currentPage, pageSize: me.pageSize, ...opts.params};
 
@@ -371,26 +372,34 @@ class Store extends Base {
                 service  = Neo.ns(apiArray.join('.'));
 
             if (!service) {
-                console.log('Api is not defined', this)
+                console.error('Api is not defined', this)
             } else {
-                service[fn](params).then(response => {
-                    response = Neo.ns(me.responseRoot, false, response);
-
-                    if (response.success) {
-                        me.totalCount = response.totalCount;
-                        me.data       = Neo.ns(me.responseRoot, false, response); // fires the load event
-                    }
-                })
+                const response = await service[fn](params);
+
+                if (response.success) {
+                    me.totalCount = response.totalCount;
+                    me.data       = Neo.ns(me.responseRoot, false, response); // fires the load event
+
+                    return me.data
+                }
+
+                return null
             }
         } else {
             opts.url ??= me.url;
 
-            Neo.Xhr.promiseJson(opts).catch(err => {
-                console.log('Error for Neo.Xhr.request', err, me.id)
-            }).then(data => {
-                me.data = Neo.ns(me.responseRoot, false, data.json) || data.json
-                // we do not need to fire a load event => onCollectionMutate()
-            })
+            try {
+                const data = await Neo.Xhr.promiseJson(opts);
+
+                if (data) {
+                    me.data = Neo.ns(me.responseRoot, false, data.json) || data.json // fires the load event
+                }
+
+                return data?.json || null
+            } catch(err) {
+                console.error('Error for Neo.Xhr.request', {id: me.id, error: err, url: opts.url});
+                return null
+            }
         }
     }
 

package/src/tab/Strip.mjs

@@ -57,15 +57,22 @@ class Strip extends Component {
     getActiveTabRectThenMove(opts) {
         let me           = this,
             ids          = [me.id],
-            tabContainer = me.getTabContainer();
+            tabContainer = me.getTabContainer(),
+            oldTab;
 
         // We do not need a movement, in case there is no oldValue
         if (me.useActiveTabIndicator && me.vnode && Neo.isNumber(opts?.oldValue)) {
-            ids.push(tabContainer.getTabAtIndex(opts.value).id, tabContainer.getTabAtIndex(opts.oldValue).id);
+            oldTab = tabContainer.getTabAtIndex(opts.oldValue);
 
-            me.getDomRect(ids).then(data => {
-                me.moveActiveIndicator(data)
-            })
+            // The activeIndexChange event can get triggered when removing the currently active tab,
+            // In this case, we can no longer access the related DOMRect and need to opt out.
+            if (oldTab) {
+                ids.push(tabContainer.getTabAtIndex(opts.value).id, oldTab.id);
+
+                me.getDomRect(ids).then(data => {
+                    me.moveActiveIndicator(data)
+                })
+            }
         }
     }