@jinntec/fore 3.1.0 → 3.1.2

package/dist/fore-dev.js

@@ -1,4 +1,4 @@
-/* Version: 3.1.0 - May 20, 2026 13:19:57 */
+/* Version: 3.1.2 - May 27, 2026 14:39:35 */
 function t$2(t, s, r, i) {
   const n = {
     op: s,
@@ -21574,10 +21574,8 @@ class FxModel extends HTMLElement {
     const instance = model.getInstance(instanceId);
     const fore = model.formElement;
     if (fore?.createNodes && (node === null || node === undefined)) {
-      const mi = new ModelItem(undefined, ref, null, null, instanceId, fore);
-      mi.isSynthetic = true;
-      model.registerModelItem(mi);
-      return mi;
+      // Do not create the model item. It may be exchanged later when create-nodes actually made the node
+      return null;
     }
     if (node === null || node === undefined) return null;
     let targetNode = Array.isArray(node) ? node[0] : node;
@@ -25307,6 +25305,17 @@ const dirtyStates = {
   DIRTY: 'dirty'
 };
 
+/*
+ * Determine whether a string is a valid Name
+ *
+ * @param {string} name
+ * @returns {boolean} whether the name is a valid one
+ */
+function isValidName(name) {
+  const result = new DOMParser().parseFromString(`<${name}/>`, 'application/xml');
+  return result.querySelector('parsererror') === null;
+}
+
 /**
  * Main class for Fore.Outermost container element for each Fore application.
  *
@@ -25470,7 +25479,7 @@ class FxFore extends HTMLElement {
       this._createRepeatsFromAttributes();
       this.inited = true;
     };
-    this.version = 'Version: 3.1.0 - built on May 20, 2026 13:19:57';
+    this.version = 'Version: 3.1.2 - built on May 27, 2026 14:39:35';
 
     /**
      * @type {import('./fx-model.js').FxModel}
@@ -27053,7 +27062,44 @@ class FxFore extends HTMLElement {
         predicates
       };
     };
-    const steps = xpath.split('/').map(step => step.trim()).filter(step => step && step !== '.');
+    const splitSteps = xpath => {
+      /**
+       * @type {string[]}
+       */
+      const steps = [];
+      let scratch = '';
+      let isInPredicate = false;
+      for (const char of xpath.split('')) {
+        if (char === '[') {
+          isInPredicate = true;
+          scratch += char;
+          continue;
+        }
+        if (char === ']') {
+          scratch += char;
+          isInPredicate = false;
+          continue;
+        }
+        if (!isInPredicate) {
+          // Just add to the scratch. Do not check for slashes within predicates
+          if (char === '/') {
+            // Consume this path step
+            if (scratch) {
+              steps.push(scratch);
+            }
+            scratch = '';
+            continue;
+          }
+        }
+        scratch += char;
+      }
+      if (scratch) {
+        // Flush it
+        steps.push(scratch);
+      }
+      return steps;
+    };
+    const steps = splitSteps(xpath).map(step => step.trim()).filter(step => step && step !== '.');
     if (!steps.length) return null;
     let subtreeRoot = null;
     let current = null;
@@ -27066,6 +27112,11 @@ class FxFore extends HTMLElement {
         continue;
       }
       const parsed = parseName(token);
+      if (!isValidName(parsed.localName)) {
+        // This did not result in a valid name. Stop.
+        console.warn(`Creating node for the XPath ${xpath} failed because the part ${parsed.localName} is not a valid Name.`);
+        return;
+      }
       if (parsed.isAttribute) {
         if (!current) {
           const attr = ownerDoc.createAttribute(parsed.localName);

package/dist/fore.js

@@ -1,4 +1,4 @@
-/* Version: 3.1.0 - May 20, 2026 13:19:56 */
+/* Version: 3.1.2 - May 27, 2026 14:39:34 */
 function t$2(t, s, r, i) {
   const n = {
     op: s,
@@ -21553,10 +21553,8 @@ class FxModel extends HTMLElement {
     const instance = model.getInstance(instanceId);
     const fore = model.formElement;
     if (fore?.createNodes && (node === null || node === undefined)) {
-      const mi = new ModelItem(undefined, ref, null, null, instanceId, fore);
-      mi.isSynthetic = true;
-      model.registerModelItem(mi);
-      return mi;
+      // Do not create the model item. It may be exchanged later when create-nodes actually made the node
+      return null;
     }
     if (node === null || node === undefined) return null;
     let targetNode = Array.isArray(node) ? node[0] : node;
@@ -25256,6 +25254,17 @@ const dirtyStates = {
   DIRTY: 'dirty'
 };
 
+/*
+ * Determine whether a string is a valid Name
+ *
+ * @param {string} name
+ * @returns {boolean} whether the name is a valid one
+ */
+function isValidName(name) {
+  const result = new DOMParser().parseFromString(`<${name}/>`, 'application/xml');
+  return result.querySelector('parsererror') === null;
+}
+
 /**
  * Main class for Fore.Outermost container element for each Fore application.
  *
@@ -25416,7 +25425,7 @@ class FxFore extends HTMLElement {
       this._createRepeatsFromAttributes();
       this.inited = true;
     };
-    this.version = 'Version: 3.1.0 - built on May 20, 2026 13:19:56';
+    this.version = 'Version: 3.1.2 - built on May 27, 2026 14:39:34';
 
     /**
      * @type {import('./fx-model.js').FxModel}
@@ -26982,7 +26991,44 @@ class FxFore extends HTMLElement {
         predicates
       };
     };
-    const steps = xpath.split('/').map(step => step.trim()).filter(step => step && step !== '.');
+    const splitSteps = xpath => {
+      /**
+       * @type {string[]}
+       */
+      const steps = [];
+      let scratch = '';
+      let isInPredicate = false;
+      for (const char of xpath.split('')) {
+        if (char === '[') {
+          isInPredicate = true;
+          scratch += char;
+          continue;
+        }
+        if (char === ']') {
+          scratch += char;
+          isInPredicate = false;
+          continue;
+        }
+        if (!isInPredicate) {
+          // Just add to the scratch. Do not check for slashes within predicates
+          if (char === '/') {
+            // Consume this path step
+            if (scratch) {
+              steps.push(scratch);
+            }
+            scratch = '';
+            continue;
+          }
+        }
+        scratch += char;
+      }
+      if (scratch) {
+        // Flush it
+        steps.push(scratch);
+      }
+      return steps;
+    };
+    const steps = splitSteps(xpath).map(step => step.trim()).filter(step => step && step !== '.');
     if (!steps.length) return null;
     let subtreeRoot = null;
     let current = null;
@@ -26995,6 +27041,10 @@ class FxFore extends HTMLElement {
         continue;
       }
       const parsed = parseName(token);
+      if (!isValidName(parsed.localName)) {
+        // This did not result in a valid name. Stop.
+        return;
+      }
       if (parsed.isAttribute) {
         if (!current) {
           const attr = ownerDoc.createAttribute(parsed.localName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jinntec/fore",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Fore - declarative user interfaces in plain HTML",
   "module": "./index.js",
   "publishConfig": {

package/src/fx-fore.js

@@ -29,6 +29,17 @@ async function waitForFunctionLibs(rootEl) {
   await Promise.all(libs.map(l => (l.readyPromise ? l.readyPromise : Promise.resolve())));
 }
 
+/*
+ * Determine whether a string is a valid Name
+ *
+ * @param {string} name
+ * @returns {boolean} whether the name is a valid one
+ */
+function isValidName(name) {
+  const result = new DOMParser().parseFromString(`<${name}/>`, 'application/xml');
+  return result.querySelector('parsererror') === null;
+}
+
 /**
  * Main class for Fore.Outermost container element for each Fore application.
  *
@@ -1948,8 +1959,47 @@ export class FxFore extends HTMLElement {
       return { token, predicates };
     };
 
-    const steps = xpath
-      .split('/')
+    const splitSteps = xpath => {
+      /**
+       * @type {string[]}
+       */
+      const steps = [];
+      let scratch = '';
+      let isInPredicate = false;
+      for (const char of xpath.split('')) {
+        if (char === '[') {
+          isInPredicate = true;
+          scratch += char;
+          continue;
+        }
+        if (char === ']') {
+          scratch += char;
+          isInPredicate = false;
+          continue;
+        }
+        if (!isInPredicate) {
+          // Just add to the scratch. Do not check for slashes within predicates
+          if (char === '/') {
+            // Consume this path step
+            if (scratch) {
+              steps.push(scratch);
+            }
+            scratch = '';
+            continue;
+          }
+        }
+        scratch += char;
+      }
+
+      if (scratch) {
+        // Flush it
+        steps.push(scratch);
+      }
+
+      return steps;
+    };
+
+    const steps = splitSteps(xpath)
       .map(step => step.trim())
       .filter(step => step && step !== '.');
 
@@ -1966,6 +2016,14 @@ export class FxFore extends HTMLElement {
 
       const parsed = parseName(token);
 
+      if (!isValidName(parsed.localName)) {
+        // This did not result in a valid name. Stop.
+        console.warn(
+          `Creating node for the XPath ${xpath} failed because the part ${parsed.localName} is not a valid Name.`,
+        );
+        return;
+      }
+
       if (parsed.isAttribute) {
         if (!current) {
           const attr = ownerDoc.createAttribute(parsed.localName);

package/src/fx-model.js

@@ -133,10 +133,8 @@ export class FxModel extends HTMLElement {
     const fore = model.formElement;
 
     if (fore?.createNodes && (node === null || node === undefined)) {
-      const mi = new ModelItem(undefined, ref, null, null, instanceId, fore);
-      mi.isSynthetic = true;
-      model.registerModelItem(mi);
-      return mi;
+      // Do not create the model item. It may be exchanged later when create-nodes actually made the node
+      return null;
     }
     if (node === null || node === undefined) return null;
 
@@ -159,8 +157,10 @@ export class FxModel extends HTMLElement {
     }
 
     const isLensObject =
-        !!targetNode && typeof targetNode === 'object' &&
-        typeof targetNode.get === 'function' && typeof targetNode.set === 'function';
+      !!targetNode &&
+      typeof targetNode === 'object' &&
+      typeof targetNode.get === 'function' &&
+      typeof targetNode.set === 'function';
 
     // If ModelItem for same path exists, RETARGET it (node OR lens)
     if (path) {
@@ -182,12 +182,12 @@ export class FxModel extends HTMLElement {
     }
 
     const mi = new ModelItem(
-        path,
-        ref,
-        targetNode,
-        model.getBindForElement(targetNode),
-        instanceId,
-        fore,
+      path,
+      ref,
+      targetNode,
+      model.getBindForElement(targetNode),
+      instanceId,
+      fore,
     );
     mi.isSynthetic = true;
 
@@ -231,7 +231,8 @@ export class FxModel extends HTMLElement {
           const defInst = this.getDefaultInstance();
           if (defInst) {
             const t = (defInst.getAttribute && defInst.getAttribute('type')) || defInst.type;
-            bindings.default = t === 'json' ? defInst.getInstanceData() : defInst.getDefaultContext();
+            bindings.default =
+              t === 'json' ? defInst.getInstanceData() : defInst.getDefaultContext();
           }
         } catch (_e) {
           // ignore
@@ -734,14 +735,14 @@ export class FxModel extends HTMLElement {
 
     // Path lookup
     if (typeof nodeOrPath === 'string') {
-      const key = nodeOrPath.includes(':') ? nodeOrPath.substring(0, nodeOrPath.indexOf(':')) : nodeOrPath;
+      const key = nodeOrPath.includes(':')
+        ? nodeOrPath.substring(0, nodeOrPath.indexOf(':'))
+        : nodeOrPath;
       return this.modelItems.find(mi => mi.path === key) || null;
     }
 
     // Node/lens lookup
-    return (
-        this.modelItems.find(mi => mi.node === nodeOrPath || mi.lens === nodeOrPath) || null
-    );
+    return this.modelItems.find(mi => mi.node === nodeOrPath || mi.lens === nodeOrPath) || null;
   }
 
   /**
@@ -791,9 +792,9 @@ export class FxModel extends HTMLElement {
     // ### lookup in parent Fore if present (shared instances)
     if (!found) {
       const parentFore =
-          this.fore.parentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE
-              ? this.fore.parentNode.host.closest('fx-fore')
-              : this.fore.parentNode.closest('fx-fore');
+        this.fore.parentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE
+          ? this.fore.parentNode.host.closest('fx-fore')
+          : this.fore.parentNode.closest('fx-fore');
 
       if (parentFore) {
         const parentInstances = parentFore.getModel().instances;