neo.mjs 5.6.8 → 5.6.10

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.6.8",
+    "version": "5.6.10",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -58,7 +58,7 @@
         "postcss": "^8.4.23",
         "sass": "^1.62.1",
         "webpack": "^5.82.0",
-        "webpack-cli": "^5.1.0",
+        "webpack-cli": "^5.1.1",
         "webpack-dev-server": "4.15.0",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"

package/src/DefaultConfig.mjs

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

package/src/component/Base.mjs

@@ -1184,6 +1184,18 @@ class Base extends CoreBase {
         return this.getConfigInstanceByNtype('model', ntype);
     }
 
+    /**
+     * Honors different item roots for mount / render OPs
+     * @returns {String}
+     */
+    getMountedParentId() {
+        let parentId  = this.parentId,
+            parent    = Neo.getComponent(parentId),
+            itemsRoot = parent?.getVdomItemsRoot();
+
+        return itemsRoot ? itemsRoot.id : parentId
+    }
+
     /**
      * Calculate the real parentIndex inside the DOM
      * @returns {Number|undefined}
@@ -1251,12 +1263,6 @@ class Base extends CoreBase {
      * @returns {Neo.component.Base|null}
      */
     getReference(value) {
-        let controller = this.getController();
-
-        if (controller) {
-            return controller.getReference(value)
-        }
-
         return this.down({reference: value})
     }
 
@@ -1438,7 +1444,7 @@ class Base extends CoreBase {
                 appName    : me.appName,
                 id         : me.id,
                 html       : me.vnode.outerHTML,
-                parentId   : me.parentId,
+                parentId   : me.getMountedParentId(),
                 parentIndex: me.getMountedParentIndex()
             });
 
@@ -1661,7 +1667,7 @@ class Base extends CoreBase {
             Neo.vdom.Helper.create({
                 appName    : me.appName,
                 autoMount,
-                parentId   : autoMount ? me.parentId                : undefined,
+                parentId   : autoMount ? me.getMountedParentId()    : undefined,
                 parentIndex: autoMount ? me.getMountedParentIndex() : undefined,
                 ...me.vdom
             }).then(data => {

package/src/form/field/Url.mjs

@@ -28,10 +28,11 @@ class Url extends Text {
          */
         inputType: 'url',
         /**
-         * Specify allowed protocols
-         * @member {String[]} protocols=['http:','https:']
+         * Specify allowed protocols.
+         * 'none' means that user inputs like "www.google.com" will be considered as valid.
+         * @member {String[]} protocols=['http:','https:','none']
          */
-        protocols: ['http:', 'https:']
+        protocols: ['http:', 'https:', 'none']
     }
 
     /**
@@ -44,20 +45,42 @@ class Url extends Text {
      */
     beforeGetValue(value) {
         if (value) {
-            let url;
+            let me   = this,
+                href = me.getUrl(value)?.href;
 
-            try {
-                url = new URL(value);
-            } catch(e) {
-                return value
+            if (!href && me.protocols.includes('none')) {
+                href = me.getUrl(`https://${value}`)?.href;
+
+                if (href) {
+                    href = href.replace('https://', '')
+                }
             }
 
-            return url.href
+            if (href) {
+                return href
+            }
         }
 
         return value
     }
 
+    /**
+     * Returns false in case an URL could not get created
+     * @param {String} value
+     * @returns {Boolean|URL}
+     */
+    getUrl(value) {
+        let url;
+
+        try {
+            url = new URL(value);
+        } catch(e) {
+            return false
+        }
+
+        return url
+    }
+
     /**
      * Checks for client-side field errors
      * @param {Boolean} silent=true
@@ -85,15 +108,18 @@ class Url extends Text {
      * @returns {Boolean}
      */
     verifyUrl(value) {
-        let url;
+        let me  = this,
+            url = me.getUrl(value);
 
-        try {
-            url = new URL(value);
-        } catch(e) {
+        if (!url && me.protocols.includes('none')) {
+            url = me.getUrl(`https://${value}`);console.log(url)
+        }
+
+        if (!url) {
             return false
         }
 
-        return this.protocols.includes(url.protocol)
+        return me.protocols.includes(url.protocol)
     }
 }
 

package/src/form/field/ZipCode.mjs

@@ -99,6 +99,11 @@ class ZipCode extends Text {
         if (Neo.isString(value)) {
             field = me.up().getReference(value);
 
+            /*
+             * The related field could be at a higher index inside the items array
+             * => Not being constructed when this logic triggers.
+             * In this case we want to frequently check again until the field is found.
+             */
             if (!field) {
                 setTimeout(() => {
                     me.countryField = value;