neo.mjs 9.7.1 → 9.9.0

package/ServiceWorker.mjs

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

package/apps/portal/index.html

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

package/apps/portal/resources/data/examples_dist_esm.json

@@ -0,0 +1,136 @@
+[{
+    "id"          : 21,
+    "environments": ["Desktop", "Mobile"],
+    "image"       : "devmode/bigData.png",
+    "name"        : "Buffered Data Grid with 5M cells",
+    "sourceUrl"   : "examples/grid/bigData",
+    "url"         : "dist/esm/examples/grid/bigData/index.html"
+}, {
+    "id"           : 20,
+    "image"        : "devmode/sharedcovid.png",
+    "name"         : "Multi Window Covid App",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/sharedcovid",
+    "url"          : "dist/esm/apps/sharedcovid/index.html#mainview=table"
+}, {
+    "id"       : 19,
+    "image"    : "devmode/calendar-preview.png",
+    "name"     : "Calendar",
+    "sourceUrl": "src/calendar",
+    "url"      : "dist/esm/examples/calendar/basic/index.html"
+}, {
+    "id"       : 18,
+    "image"    : "devmode/helix.png",
+    "name"     : "component.Helix",
+    "sourceUrl": "examples/component/helix",
+    "url"      : "dist/esm/examples/component/helix/index.html"
+}, {
+    "id"           : 17,
+    "image"        : "devmode/mwCoronaGallery.png",
+    "name"         : "Multi Window Covid Gallery",
+    "sharedWorkers": true,
+    "sourceUrl"    : "examples/component/multiWindowCoronaGallery",
+    "url"          : "dist/esm/examples/component/multiWindowCoronaGallery/index.html"
+}, {
+    "id"           : 16,
+    "image"        : "devmode/multi_window_dd.png",
+    "name"         : "Multi-Window Drag&Drop",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/shareddialog",
+    "url"          : "dist/esm/apps/shareddialog/index.html"
+}, {
+    "id"       : 15,
+    "image"    : "devmode/tabContainer.png",
+    "name"     : "tab.Container",
+    "sourceUrl": "examples/tab/container",
+    "url"      : "dist/esm/examples/tab/container/index.html"
+}, {
+    "id"       : 14,
+    "image"    : "devmode/model-component-example.png",
+    "name"     : "State Provider Example",
+    "sourceUrl": "examples/stateProvider/advanced",
+    "url"      : "dist/esm/examples/stateProvider/advanced/index.html"
+}, {
+    "id"       : 13,
+    "image"    : "devmode/dragdrop.png",
+    "name"     : "Dialog drag&drop",
+    "sourceUrl": "examples/dialog",
+    "url"      : "dist/esm/examples/dialog/"
+}, {
+    "id"           : 12,
+    "image"        : "dist_prod/colorsApp.png",
+    "name"         : "Colors Dashboard",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/colors",
+    "url"          : "dist/esm/apps/colors/index.html"
+}, {
+    "id"       : 11,
+    "image"    : "devmode/covidDashboard.png",
+    "name"     : "Covid Dashboard",
+    "sourceUrl": "apps/covid",
+    "url"      : "dist/esm/apps/covid/index.html#mainview=table"
+}, {
+    "id"       : 10,
+    "image"    : "devmode/coronaHelix.png",
+    "name"     : "COVID-19 Helix",
+    "sourceUrl": "examples/component/coronaHelix",
+    "url"      : "dist/esm/examples/component/coronaHelix/index.html"
+}, {
+    "id"       : 9,
+    "image"    : "devmode/coronaGallery.png",
+    "name"     : "COVID-19 Gallery",
+    "sourceUrl": "examples/component/coronaGallery",
+    "url"      : "dist/esm/examples/component/coronaGallery/index.html"
+}, {
+    "id"       : 8,
+    "image"    : "devmode/gallery.png",
+    "name"     : "component.Gallery",
+    "sourceUrl": "examples/component/gallery",
+    "url"      : "dist/esm/examples/component/gallery/index.html"
+}, {
+    "id"       : 7,
+    "image"    : "devmode/tableFiltering.png",
+    "name"     : "Table Filtering",
+    "sourceUrl": "examples/tableFiltering",
+    "url"      : "dist/esm/examples/tableFiltering/"
+}, {
+    "id"       : 6,
+    "image"    : "devmode/dateSelector.png",
+    "name"     : "component.DateSelector",
+    "sourceUrl": "examples/component/dateSelector",
+    "url"      : "dist/esm/examples/component/dateSelector/index.html"
+}, {
+    "id"       : 5,
+    "image"    : "devmode/dateField.png",
+    "name"     : "form.field.Date",
+    "sourceUrl": "examples/form/field/date",
+    "url"      : "dist/esm/examples/form/field/date/index.html"
+}, {
+    "id"       : 4,
+    "image"    : "devmode/selectField.png",
+    "name"     : "form.field.ComboBox",
+    "sourceUrl": "examples/form/field/combobox",
+    "url"      : "dist/esm/examples/form/field/combobox/index.html"
+}, {
+    "id"           : 3,
+    "environments" : ["Desktop", "Mobile"],
+    "image"        : "dist_prod/portalApp.png",
+    "name"         : "Portal App",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/portal",
+    "url"          : "dist/esm/apps/portal/index.html"
+}, {
+    "hidden"   : true,
+    "id"       : 2,
+    "image"    : "devmode/realworldApp.png",
+    "name"     : "RealWorld App",
+    "sourceUrl": "apps/realworld",
+    "url"      : "dist/esm/apps/realworld/index.html"
+}, {
+    "hidden"   : true,
+    "id"       : 1,
+    "image"    : "devmode/realworldApp2.png",
+    "name"     : "RealWorld App v2</br>(in progress)",
+    "sourceUrl": "apps/realworld2",
+    "url"      : "dist/esm/apps/realworld2/index.html#/gallery"
+}]

package/apps/portal/view/examples/TabContainer.mjs

@@ -47,17 +47,26 @@ class TabContainer extends Container {
             header   : {
                 iconCls: 'fa fa-chess-knight',
                 route  : '/examples/devmode',
-                text   : 'DevMode'
+                text   : 'Dev Mode'
             }
         }, {
             environment: 'dist/development',
             reference  : 'examples-dist-dev-list',
             store      : {module: ExampleStore, url: '../../apps/portal/resources/data/examples_dist_dev.json'},
             header     : {
-                iconCls: 'fa fa-chess-queen',
+                iconCls: 'fa fa-chess-bishop',
                 route  : '/examples/dist_dev',
                 text   : 'dist/dev'
             }
+        }, {
+            environment: 'dist/production',
+            reference  : 'examples-dist-esm-list',
+            store      : {module: ExampleStore, url: '../../apps/portal/resources/data/examples_dist_esm.json'},
+            header     : {
+                iconCls: 'fa fa-chess-queen',
+                route  : '/examples/dist_esm',
+                text   : 'dist/esm'
+            }
         }, {
             environment: 'dist/production',
             reference  : 'examples-dist-prod-list',

package/apps/portal/view/examples/TabContainerController.mjs

@@ -25,7 +25,7 @@ class TabContainerController extends Component {
      * We need to store the current positions, since drag&drop resorting of tabs is enabled
      * @member {String[]} tabItems
      */
-    tabItems = ['devmode', 'dist_dev', 'dist_prod']
+    tabItems = ['devmode', 'dist_dev', 'dist_esm', 'dist_prod']
 
     /**
      *

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

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

package/buildScripts/buildESModules.mjs

@@ -27,60 +27,7 @@ async function minifyDirectory(inputDir, outputDir) {
                     outputPath   = path.join(outputDir, relativePath),
                     content      = fs.readFileSync(inputPath, 'utf8');
 
-                fs.mkdirSync(path.dirname(outputPath), {recursive: true});
-
-                try {
-                    // Minify JSON files
-                    if (dirent.name.endsWith('.json')) {
-                        const jsonContent = JSON.parse(content);
-
-                        if (dirent.name === 'neo-config.json') {
-                            Object.assign(jsonContent, {
-                                basePath      : '../../' + jsonContent.basePath,
-                                environment   : 'dist/esm',
-                                workerBasePath: jsonContent.basePath + 'src/worker/'
-                            })
-                        }
-
-                        fs.writeFileSync(outputPath, JSON.stringify(jsonContent));
-                        console.log(`Minified JSON: ${inputPath} -> ${outputPath}`);
-                    }
-                    // Minify HTML files
-                    else if (dirent.name.endsWith('.html')) {
-                        const minifiedContent = await minifyHtml(content);
-
-                        fs.writeFileSync(outputPath, minifiedContent);
-                        console.log(`Minified HTML: ${inputPath} -> ${outputPath}`);
-                    }
-                    // Minify JS files
-                    else if (dirent.name.endsWith('.mjs')) {
-                        let adjustedContent = content.replace(regexImport, (match, p1, p2, p3) => {
-                            // p1 will be "import {marked}    from " (or similar, including the 'import' keyword and everything up to the first quote)
-                            // p2 will be the quote character (', ", or `)
-                            // p3 will be the original path string (e.g., '../../../../node_modules/marked/lib/marked.esm.js')
-
-                            const newPath = '../../' + p3; // Prepend 2 levels up
-
-                            // Reconstruct the import statement with the new path
-                            return p1 + p2 + newPath + p2;
-                        });
-
-                        const result = await minifyJs(adjustedContent, {
-                            module: true,
-                            compress: {
-                                dead_code: true
-                            },
-                            mangle: {
-                                toplevel: true
-                            }
-                        });
-
-                        fs.writeFileSync(outputPath, result.code);
-                        console.log(`Minified JS: ${inputPath} -> ${outputPath}`);
-                    }
-                } catch (e) {
-                    console.error(`Error minifying ${inputPath}:`, e);
-                }
+                await minifyFile(content, outputPath);
             }
             // Copy resources folders
             else if (dirent.name === 'resources') {
@@ -112,19 +59,78 @@ async function minifyDirectory(inputDir, outputDir) {
     }
 }
 
-const promises = [];
+async function minifyFile(content, outputPath) {
+    fs.mkdirSync(path.dirname(outputPath), {recursive: true});
+
+    try {
+        // Minify JSON files
+        if (outputPath.endsWith('.json')) {
+            const jsonContent = JSON.parse(content);
+
+            if (outputPath.endsWith('neo-config.json')) {
+                Object.assign(jsonContent, {
+                    basePath      : '../../' + jsonContent.basePath,
+                    environment   : 'dist/esm',
+                    workerBasePath: jsonContent.basePath + 'src/worker/'
+                })
+            }
+
+            fs.writeFileSync(outputPath, JSON.stringify(jsonContent));
+            console.log(`Minified JSON: ${outputPath}`);
+        }
+        // Minify HTML files
+        else if (outputPath.endsWith('.html')) {
+            const minifiedContent = await minifyHtml(content);
+
+            fs.writeFileSync(outputPath, minifiedContent);
+            console.log(`Minified HTML: ${outputPath}`);
+        }
+        // Minify JS files
+        else if (outputPath.endsWith('.mjs')) {
+            let adjustedContent = content.replace(regexImport, (match, p1, p2, p3) => {
+                // p1 will be "import {marked}    from " (or similar, including the 'import' keyword and everything up to the first quote)
+                // p2 will be the quote character (', ", or `)
+                // p3 will be the original path string (e.g., '../../../../node_modules/marked/lib/marked.esm.js')
+
+                const newPath = '../../' + p3; // Prepend 2 levels up
+
+                // Reconstruct the import statement with the new path
+                return p1 + p2 + newPath + p2;
+            });
+
+            const result = await minifyJs(adjustedContent, {
+                module: true,
+                compress: {
+                    dead_code: true
+                },
+                mangle: {
+                    toplevel: true
+                }
+            });
+
+            fs.writeFileSync(outputPath, result.code);
+            console.log(`Minified JS: ${outputPath}`);
+        }
+    } catch (e) {
+        console.error(`Error minifying ${outputPath}:`, e);
+    }
+}
+
+const
+    swContent = fs.readFileSync(path.resolve(__dirname, '../ServiceWorker.mjs'), 'utf8'),
+    promises  = [minifyFile(swContent, path.resolve(__dirname, outputBasePath, 'ServiceWorker.mjs'))];
 
 // Execute the minification
 inputDirectories.forEach(folder => {
     promises.push(minifyDirectory(path.resolve(__dirname, '../' + folder), path.resolve(__dirname, outputBasePath, folder))
         .catch(err => {
-            console.error('Minification failed:', err);
+            console.error('dist/esm Minification failed:', err);
             process.exit(1) // Exit with error code
         })
     );
 });
 
 Promise.all(promises).then(() => {
-    console.log('Minification complete.');
+    console.log('dist/esm Minification complete.');
     process.exit()
 });

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/main/DomAccess.mjs

@@ -1130,7 +1130,7 @@ class DomAccess extends Base {
                 topFocusTrap = subject.$topFocusTrap = document.createElement('div');
                 bottomFocusTrap = subject.$bottomFocusTrap = document.createElement('div');
 
-                // The two focus traping elements must be invisble but tabbable.
+                // The two focus trapping elements must be invisible but tabbable.
                 topFocusTrap.className = bottomFocusTrap.className = 'neo-focus-trap';
                 topFocusTrap.setAttribute('tabIndex', 0);
                 bottomFocusTrap.setAttribute('tabIndex', 0);

package/src/main/addon/ServiceWorker.mjs

@@ -32,13 +32,18 @@ class ServiceWorker extends Base {
                 {config}        = Neo,
                 {environment}   = config,
                 devMode         = environment === 'development',
-                hasJsModules    = devMode || environment === 'dist/esm',
+                distEsm         = environment === 'dist/esm',
+                hasJsModules    = devMode || distEsm,
                 fileName        = hasJsModules ? 'ServiceWorker.mjs' : 'serviceworker.js',
                 opts            = hasJsModules ? {type: 'module'} : {},
                 path            = (hasJsModules ? config.basePath : config.workerBasePath) + fileName,
                 {serviceWorker} = navigator,
                 registration;
 
+            if (distEsm) {
+                path = path.substring(6)
+            }
+
             registration = await serviceWorker.register(path, opts);
 
             window.addEventListener('beforeunload', me.onBeforeUnload.bind(me));