neo.mjs 10.3.3 → 10.3.4

package/ServiceWorker.mjs

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

package/apps/portal/index.html

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

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

@@ -16,7 +16,7 @@
     "date"        : "Jul 28, 2025",
     "id"          : 67,
     "image"       : "DesigningFunctionalComponents.png",
-    "name"        : "Designing Functional Components for a Multi-Threaded WorldDesigning Functional Components for a Multi-Threaded World",
+    "name"        : "Designing Functional Components for a Multi-Threaded World",
     "provider"    : "Medium",
     "publisher"   : "ITNEXT",
     "selectedInto": [],

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

@@ -108,7 +108,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                text  : 'v10.3.3'
+                text  : 'v10.3.4'
             }]
         }],
         /**

package/buildScripts/buildAll.mjs

@@ -150,7 +150,7 @@ if (programOpts.info) {
             }
         }
 
-        if (parsedocs === 'yes') {
+        if (parsedocs === 'yes' && fs.existsSync(path.join(cwd, 'docs/app'))) {
             childProcess = spawnSync(npmCmd, ['run', 'generate-docs-json'], cpOpts);
             childProcess.status && process.exit(childProcess.status);
         }

package/buildScripts/webpack/development/webpack.config.appworker.mjs

@@ -121,7 +121,7 @@ export default env => {
         createStartingPoint(key.substr(1), 'apps');
     });
 
-    if (fs.existsSync(path.join(cwd, 'docs'))) {
+    if (fs.existsSync(path.join(cwd, 'docs/app'))) {
         createStartingPoint('Docs', '');
     }
 

package/buildScripts/webpack/production/webpack.config.appworker.mjs

@@ -133,7 +133,7 @@ export default async function(env) {
         await createStartingPoint(key.substr(1), 'apps');
     }
 
-    if (fs.existsSync(path.join(cwd, 'docs'))) {
+    if (fs.existsSync(path.join(cwd, 'docs/app'))) {
         await createStartingPoint('Docs', '');
     }
 

package/examples/functional/nestedTemplateComponent/Component.mjs

@@ -36,10 +36,11 @@ export default defineComponent({
 
         // This event listener is for the main container to toggle the active state
         useEvent('click', (event) => {
+            console.log(event.component);
             // Stop the event from bubbling up to avoid toggling the active state
             // when the button is clicked. The button has its own handler.
             if (event.target.id === 'details-button') {
-                event.stopPropagation()
+                return false
             } else {
                 setIsActive(prev => !prev)
             }

package/learn/blog/v10-deep-dive-vdom-revolution.md

@@ -84,7 +84,7 @@ Any run-time value change is reactive and will update the UI.
 For functional components, or when you need to dynamically generate UI structures, you can drop down a level of
 abstraction and work directly with **JSON Blueprints**. This is the "native language" of the Neo.mjs rendering engine.
 
-The component's `render()` method returns a structured JSON object that describes the VDOM tree.
+The component's `createVdom()` method returns a structured JSON object that describes the VDOM tree.
 
 We've seen this movie before. In the world of APIs, the verbose, heavyweight, and human-readable XML standard was
 inevitably supplanted by the lighter, simpler, and more machine-friendly JSON. We believe the same evolution is happening

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "10.3.3",
+    "version": "10.3.4",
     "description": "Neo.mjs: The multi-threaded UI framework for building ultra-fast, desktop-like web applications with uncompromised responsiveness, inherent security, and a transpilation-free dev mode.",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

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

package/src/grid/Body.mjs

@@ -958,40 +958,42 @@ class GridBody extends Component {
      * @param {Object}         data.record
      */
     onStoreRecordChange({fields, record}) {
-        let me               = this,
-            fieldNames       = fields.map(field => field.name),
-            needsUpdate      = false,
-            rowIndex         = me.store.indexOf(record),
-            {selectionModel} = me,
+        let me                            = this,
+            fieldNames                    = fields.map(field => field.name),
+            needsUpdate                   = false,
+            rowIndex                      = me.store.indexOf(record),
+            {mountedRows, selectionModel} = me,
             column, needsCellUpdate, recordId;
 
         if (fieldNames.includes(me.colspanField)) {
             me.vdom.cn[rowIndex] = me.createRow({record, rowIndex});
             me.update()
         } else {
-            for (column of me.parent.columns.items) {
-                if (
-                    column instanceof Neo.grid.column.Component &&
-                    Neo.typeOf(column.component === 'Function') &&
-                    !fieldNames.includes(column.dataField)
-                ) {
-                    needsCellUpdate = me.updateCellNode(record, column.dataField);
-                    needsUpdate     = needsUpdate || needsCellUpdate
+            if (rowIndex >= mountedRows[0] && rowIndex <= mountedRows[1]) {
+                for (column of me.parent.columns.items) {
+                    if (
+                        column instanceof Neo.grid.column.Component &&
+                        Neo.typeOf(column.component === 'Function') &&
+                        !fieldNames.includes(column.dataField)
+                    ) {
+                        needsCellUpdate = me.updateCellNode(record, column.dataField);
+                        needsUpdate     = needsUpdate || needsCellUpdate
+                    }
                 }
-            }
 
-            fields.forEach(field => {
-                if (field.name === me.selectedRecordField) {
-                    if (selectionModel.ntype === 'selection-grid-rowmodel') {
-                        recordId = record[me.store.getKeyProperty()];
+                fields.forEach(field => {
+                    if (field.name === me.selectedRecordField) {
+                        if (selectionModel.ntype === 'selection-grid-rowmodel') {
+                            recordId = record[me.store.getKeyProperty()];
 
-                        selectionModel[field.value ? 'selectRow' : 'deselectRow'](recordId)
+                            selectionModel[field.value ? 'selectRow' : 'deselectRow'](recordId)
+                        }
+                    } else {
+                        needsCellUpdate = me.updateCellNode(record, field.name);
+                        needsUpdate     = needsUpdate || needsCellUpdate
                     }
-                } else {
-                    needsCellUpdate = me.updateCellNode(record, field.name);
-                    needsUpdate     = needsUpdate || needsCellUpdate
-                }
-            })
+                })
+            }
         }
 
         needsUpdate && me.update()