neo.mjs 6.45.0 → 6.47.0

package/apps/ServiceWorker.mjs

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

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

@@ -105,6 +105,13 @@ class FooterContainer extends Container {
                 iconCls: 'fa-brands fa-x-twitter',
                 text   : 'X',
                 url    : 'https://x.com/neomjs1'
+            }, {
+                module: Component,
+                cls   : ['portal-home-footer-spacer']
+            }, {
+                module: Component,
+                cls   : ['neo-version'],
+                html  : 'v6.47.0'
             }]
         }],
         /**

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

@@ -49,7 +49,11 @@ class Colors extends FeatureSection {
         /**
          * @member {String} subHeadline='Socket Data'
          */
-        subHeadline: 'Socket Data'
+        subHeadline: 'Socket Data',
+        /**
+         * @member {String} textContainerPosition='end'
+         */
+        textContainerPosition: 'end'
     }
 }
 

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

@@ -31,7 +31,7 @@ class Features extends BaseContainer {
          */
         items: [{
             header: 'Multi-threading',
-            route : '#/learn/WhyNeo-Quick',
+            route : '#/learn/benefits.Multi-Threading',
 
             content: [
                 'Following the OMT (Off the Main-Thread) paradigm',
@@ -42,7 +42,7 @@ class Features extends BaseContainer {
             ]
         }, {
             header: 'Multi-Window Apps',
-            route : '#/learn/WhyNeo-Quick',
+            route : '#/learn/WhyNeo-Multi-Window',
 
             content: [
                 'No need for a Native Shell (e.g. Electron)',

package/buildScripts/injectPackageVersion.mjs

@@ -60,6 +60,28 @@ serviceWorkerFolders.forEach(folder => {
     fs.writeFileSync(serviceWorkerPath, serviceContentArray.join(os.EOL));
 });
 
+// Update the version inside the Portal App Footer
+if (insideNeo) {
+    const footerPath = path.join(__dirname, 'apps/portal/view/home/FooterContainer.mjs');
+
+    if (fs.existsSync(footerPath)) {
+        const footerContentArray = fs.readFileSync(footerPath).toString().split(os.EOL);
+
+        i   = 0;
+        len = footerContentArray.length;
+
+        for (; i < len; i++) {
+            if (footerContentArray[i].includes('neo-version')) {
+                // we want to update the comment inside ServiceWorker.mjs as well
+                footerContentArray[i + 1] = footerContentArray[i + 1].replace(/'\w.+'/, `'v${packageJson.version}'`);
+                break;
+            }
+        }
+
+        fs.writeFileSync(footerPath, footerContentArray.join(os.EOL));
+    }
+}
+
 const processTime = (Math.round((new Date - startDate) * 100) / 100000).toFixed(2);
 console.log(`\nTotal time for ${programName}: ${processTime}s`);
 

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/scss/src/apps/portal/home/ContentBox.scss

@@ -8,28 +8,6 @@
     position       : relative;
     text-decoration: none;
 
-    &:hover {
-        background-color: var(--sem-color-surface-primary-background);
-
-        &:after {
-            background-color: var(--purple-200);
-            border-radius   : 2px;
-            bottom          : 10px;
-            content         : attr(href) ' \2192';
-            font-size       : 0.7em;
-            left            : -1px;
-            opacity         : 0.7;
-            padding         : 3px 20px;
-            position        : absolute;
-            right           : -1px;
-            text-align      : center;
-        }
-
-        .portal-content-box-headline {
-            border-bottom-color: #b7c0da;
-        }
-    }
-
     .portal-content-box-content {
         margin-top  : 0.75em;
         padding-left: 1.3em;
@@ -46,6 +24,32 @@
     }
 }
 
+.neo-mouse {
+    .portal-content-box {
+        &:hover {
+            background-color: var(--sem-color-surface-primary-background);
+
+            &:after {
+                background-color: var(--purple-200);
+                border-radius   : 2px;
+                bottom          : 10px;
+                content         : attr(href) ' \2192';
+                font-size       : 0.7em;
+                left            : -1px;
+                opacity         : 0.7;
+                padding         : 3px 20px;
+                position        : absolute;
+                right           : -1px;
+                text-align      : center;
+            }
+
+            .portal-content-box-headline {
+                border-bottom-color: #b7c0da;
+            }
+        }
+    }
+}
+
 .neo-no-mouse {
     .portal-content-box {
         &:after {

package/resources/scss/src/apps/portal/home/FeatureSection.scss

@@ -10,27 +10,28 @@
         flex-direction: column;
     }
 
-    &.portal-position-end {
-        flex-direction: row-reverse;
+    @media (min-width: 841px) {
+        &.portal-position-end {
+            flex-direction: row-reverse;
+        }
     }
 
     .neo-content {
         font-size: min(max(2.3vw, 16px), 30px);
     }
 
-    .neo-h1 {
-        font-size  : min(max(5.5vw, 30px), 64px);
+    h1.neo-h1 {
+        color      : var(--purple-400);
+        font-size  : min(max(4.5vw, 30px), 44px);
         line-height: 1em;
         margin     : 0;
-        text-align : center;
     }
 
-    .neo-h2 {
-        font-size  : min(max(3.5vw, 24px), 44px);
+    h2.neo-h2 {
+        font-size  : min(max(3.5vw, 24px), 35px);
         font-weight: 600;
         line-height: 1em;
         margin     : 0;
-        text-align : center;
     }
 
     .page-live-preview {
@@ -39,7 +40,7 @@
     }
 
     .portal-content-text {
-        align-items    : center;
+        align-items    : start;
         display        : flex;
         flex           : 1;
         flex-direction : column;
@@ -55,9 +56,8 @@
     }
 
     .portal-content-wrapper {
-        background-color: lightgray;
-        flex            : 2;
-        padding         : 20px;
+        flex   : 2;
+        padding: 20px;
 
         @media (max-width: 600px) {
             max-height: 35em;

package/resources/scss/src/apps/portal/home/FooterContainer.scss

@@ -25,6 +25,18 @@
         color: white;
     }
 
+    .neo-version {
+        align-items: center;
+        display    : flex;
+        padding    : var(--button-padding);
+    }
+
+    .neo-version,
+    .portal-home-footer-spacer {
+        height: var(--button-height);
+        margin: var(--button-margin);
+    }
+
     .portal-home-footer-section {
         background-color: transparent;
         color           : white;
@@ -39,7 +51,8 @@
             font-size: 1.2rem;
         }
 
-        .neo-button {
+        .neo-button,
+        .neo-version {
             padding: 0 3px;
         }
     }
@@ -47,14 +60,5 @@
     @media (max-width: 500px) {
         max-height: 15em;
         min-height: 15em;
-        padding   : 1em;
-
-        h2.neo-h2 {
-            font-size: 1.2rem;
-        }
-
-        .neo-button {
-            padding: 0 3px;
-        }
     }
 }

package/resources/scss/src/apps/portal/home/parts/Colors.scss

@@ -1,3 +1,12 @@
 .portal-home-parts-colors {
+    .colors-header-toolbar {
+        .neo-button {
+            height : 27px;
+            padding: var(--button-padding);
 
+            .neo-button-text {
+                font-size: var(--button-text-font-size);
+            }
+        }
+    }
 }

package/src/DefaultConfig.mjs

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

package/src/main/DomEvents.mjs

@@ -442,7 +442,7 @@ class DomEvents extends Base {
 
             data = {
                 ...me.getEventData(event),
-                valid: target.checkValidity(),
+                valid: target.checkValidity?.(),
                 value: target.value
             };
 

package/src/main/addon/MonacoEditor.mjs

@@ -67,7 +67,7 @@ class MonacoEditor extends Base {
                 editor = me.map[id] = monaco.editor.create(node, data);
 
                 editor.getModel().onDidChangeContent(me.onContentChange.bind(me, id))
-            } else {
+            } else if (Neo.config.environment === 'development') {
                 console.warn(`addon.MonacoEditor: node ${id} not found`)
             }
         }

package/src/selection/GalleryModel.mjs

@@ -18,6 +18,11 @@ class GalleryModel extends Model {
          * @protected
          */
         ntype: 'selection-gallerymodel',
+        /**
+         * @member {String} cls='neo-selection-gallerymodel'
+         * @protected
+         */
+        cls: 'neo-selection-gallerymodel',
         /**
          * True to stay in the same column when navigating with the up and down keys,
          * otherwise you will navigate to the next / prev column when moving out

package/src/selection/HelixModel.mjs

@@ -18,6 +18,11 @@ class HelixModel extends Model {
          * @protected
          */
         ntype: 'selection-helixmodel',
+        /**
+         * @member {String} cls='neo-selection-helixmodel'
+         * @protected
+         */
+        cls: 'neo-selection-helixmodel',
         /**
          * True to stay in the same column when navigating with the up and down keys,
          * otherwise you will navigate to the next / prev column when moving out

package/src/selection/table/RowModel.mjs

@@ -18,7 +18,7 @@ class RowModel extends Model {
          */
         ntype: 'selection-table-rowmodel',
         /**
-         * @member {String} cls='selection-rowmodel'
+         * @member {String} cls='neo-selection-rowmodel'
          * @protected
          */
         cls: 'neo-selection-rowmodel'

package/src/worker/Manager.mjs

@@ -232,7 +232,7 @@ class Manager extends Base {
         NeoConfig.hasTouchEvents = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
 
         // Useful for styling
-        !NeoConfig.hasMouseEvents && document.body.classList.add('neo-no-mouse');
+        document.body.classList.add(NeoConfig.hasMouseEvents ? 'neo-mouse' : 'neo-no-mouse');
 
         if (window.Worker) {
             me.webWorkersEnabled = true