lightview 2.3.6 → 2.3.8

package/.gemini/XPATH_IMPLEMENTATION.md

@@ -11,18 +11,12 @@ XPath support has been added to cDOM, allowing developers to navigate the DOM st
 - **Reactivity:** None - becomes a static string value
 - **Escape Sequence:** `'#` produces literal `#` string
 
-**Example:**
-```javascript
-{
-  tag: "button",
-  attributes: {
-    "data-parent-id": "#../@id",
-    "aria-labelledby": "#../../@label-id"
-  },
-  children: ["#../@aria-label"]
+  children: ["#@aria-label"]
 }
 ```
 
+**Note on Text Nodes:** Even though the XPath refers to a child of the element, it is evaluated relative to the element itself (`self::*`). This improves consistency between attributes and children, and avoids "Operation is not supported" errors in browsers when using a Text node as an XPath context.
+
 ### 2. Reactive XPath (`=xpath()` helper)
 - **Syntax:** `=xpath('expression')`
 - **Evaluation:** As JPRX helper, returns computed signal
@@ -116,7 +110,7 @@ XPath support has been added to cDOM, allowing developers to navigate the DOM st
       data-parent-id: #../@id,
       class: "=concat(xpath('../@data-theme'), '-button')"
     },
-    children: [#../@aria-label]
+    children: [#@aria-label]
   }]
 }
 ```
@@ -135,7 +129,7 @@ XPath support has been added to cDOM, allowing developers to navigate the DOM st
       "data-parent-id": "#../@id",
       "class": "=concat(xpath('../@data-theme'), '-button')"
     },
-    "children": ["#../@aria-label"]
+    "children": ["#@aria-label"]
   }]
 }
 ```
@@ -152,13 +146,15 @@ Open in browser to verify:
 ## Key Features
 
 1. **Unquoted XPath in cDOMC**: Fully supported through structural integration with the parser character loop.
-   - ✅ Working: `children: [#../@id]`
+   - ✅ Working: `children: [#@id]`
    - ✅ Working: `children: [#div[@id='1']]` (Complex paths with brackets now work!)
    
 2. **Reactive xpath() helper**: Currently evaluates once via computed signal. Full reactivity with MutationObserver is TODO.
 
 3. **XPath complexity**: Works with paths like `../@id`, `../../@attr`, and predicate-based paths.
 
+4. **Consistency**: Both attributes and children evaluate XPath relative to the Element node. This avoids browser issues with Text node context and simplifies the developer's mental model.
+
 ## Implementation: Structural Parser Integration
 
 Instead of a string preprocessor hack, XPath support is now integrated directly into the `parseCDOMC` word parser.

package/docs/cdom-nav.html

@@ -1,55 +1,61 @@
 <nav class="docs-nav">
     <div class="docs-nav-section">
         <div class="docs-nav-title">cDOM</div>
-        <a href="#overview" class="docs-nav-link">Overview</a>
-        <a href="#simple-example" class="docs-nav-link">Simple Example</a>
-        <a href="#advantages" class="docs-nav-link">Advantages</a>
+        <a href="/docs/cdom.html#overview" class="docs-nav-link">Overview</a>
+        <a href="/docs/cdom.html#simple-example" class="docs-nav-link">Simple Example</a>
+        <a href="/docs/cdom-xpath.html" class="docs-nav-link">Using XPath</a>
+        <a href="/docs/cdom.html#advantages" class="docs-nav-link">Advantages</a>
     </div>
     <div class="docs-nav-section">
         <div class="docs-nav-title">JPRX</div>
-        <a href="#JPRX" class="docs-nav-link">Introduction</a>
-        <a href="#JPRX-delimiters" class="docs-nav-link">Delimiters</a>
-        <a href="#JPRX-escaping" class="docs-nav-link">Escaping</a>
-        <a href="#JPRX-anatomy" class="docs-nav-link">Anatomy of a Path</a>
-        <a href="#JPRX-placeholders" class="docs-nav-link">Placeholders</a>
+        <a href="/docs/cdom.html#JPRX" class="docs-nav-link">Introduction</a>
+        <a href="/docs/cdom.html#JPRX-delimiters" class="docs-nav-link">Delimiters</a>
+        <a href="/docs/cdom.html#JPRX-escaping" class="docs-nav-link">Escaping</a>
+        <a href="/docs/cdom.html#JPRX-anatomy" class="docs-nav-link">Anatomy of a Path</a>
+        <a href="/docs/cdom.html#JPRX-placeholders" class="docs-nav-link">Placeholders</a>
     </div>
     <div class="docs-nav-section">
         <div class="docs-nav-title">Concepts</div>
-        <a href="#comparison" class="docs-nav-link">Comparison to Excel</a>
-        <a href="#integration" class="docs-nav-link">Lightview Integration</a>
-        <a href="#dom-patches" class="docs-nav-link">Decentralized Layouts (=move)</a>
+        <a href="/docs/cdom.html#comparison" class="docs-nav-link">Comparison to Excel</a>
+        <a href="/docs/cdom.html#integration" class="docs-nav-link">Lightview Integration</a>
+        <a href="/docs/cdom.html#dom-patches" class="docs-nav-link">Decentralized Layouts (=move)</a>
     </div>
     <div class="docs-nav-section">
         <div class="docs-nav-title">Examples</div>
-        <a href="#shopping-cart" class="docs-nav-link">Shopping Cart</a>
-        <a href="#interactive-example" class="docs-nav-link">Interactive Counter</a>
-        <a href="#operator-syntax" class="docs-nav-link">Operator Syntax</a>
+        <a href="/docs/cdom.html#shopping-cart" class="docs-nav-link">Shopping Cart</a>
+        <a href="/docs/cdom.html#interactive-example" class="docs-nav-link">Interactive Counter</a>
+        <a href="/docs/cdom.html#operator-syntax" class="docs-nav-link">Operator Syntax</a>
     </div>
     <div class="docs-nav-section">
         <div class="docs-nav-title">Events</div>
-        <a href="#events" class="docs-nav-link">Events & Interaction</a>
-        <a href="#events-manual" class="docs-nav-link">Manual Implementation</a>
-        <a href="#events-llm" class="docs-nav-link">LLM-Generated</a>
-        <a href="#events-lifecycle" class="docs-nav-link">Interaction Lifecycle</a>
+        <a href="/docs/cdom.html#events" class="docs-nav-link">Events & Interaction</a>
+        <a href="/docs/cdom.html#events-manual" class="docs-nav-link">Manual Implementation</a>
+        <a href="/docs/cdom.html#events-llm" class="docs-nav-link">LLM-Generated</a>
+        <a href="/docs/cdom.html#events-lifecycle" class="docs-nav-link">Interaction Lifecycle</a>
     </div>
     <div class="docs-nav-section">
         <div class="docs-nav-title">API</div>
-        <a href="#js-api" class="docs-nav-link">JavaScript API</a>
+        <a href="/docs/cdom.html#js-api" class="docs-nav-link">JavaScript API</a>
         <div class="docs-nav-item">
-            <a href="#helpers" class="docs-nav-link">JPRX Helpers</a>
+            <a href="/docs/cdom.html#helpers" class="docs-nav-link">JPRX Helpers</a>
             <div class="docs-nav-subsection" style="margin-left: 1rem; border-left: 1px solid var(--site-border);">
-                <a href="#helpers-math" class="docs-nav-link" style="font-size: 0.85em;">Math</a>
-                <a href="#helpers-stats" class="docs-nav-link" style="font-size: 0.85em;">Stats</a>
-                <a href="#helpers-string" class="docs-nav-link" style="font-size: 0.85em;">String</a>
-                <a href="#helpers-array" class="docs-nav-link" style="font-size: 0.85em;">Array</a>
-                <a href="#helpers-logic" class="docs-nav-link" style="font-size: 0.85em;">Logic & Comparison</a>
-                <a href="#helpers-conditional" class="docs-nav-link" style="font-size: 0.85em;">Conditional
+                <a href="/docs/cdom.html#helpers-math" class="docs-nav-link" style="font-size: 0.85em;">Math</a>
+                <a href="/docs/cdom.html#helpers-stats" class="docs-nav-link" style="font-size: 0.85em;">Stats</a>
+                <a href="/docs/cdom.html#helpers-string" class="docs-nav-link" style="font-size: 0.85em;">String</a>
+                <a href="/docs/cdom.html#helpers-array" class="docs-nav-link" style="font-size: 0.85em;">Array</a>
+                <a href="/docs/cdom.html#helpers-logic" class="docs-nav-link" style="font-size: 0.85em;">Logic &
+                    Comparison</a>
+                <a href="/docs/cdom.html#helpers-conditional" class="docs-nav-link"
+                    style="font-size: 0.85em;">Conditional
                     Aggregates</a>
-                <a href="#helpers-formatting" class="docs-nav-link" style="font-size: 0.85em;">Formatting</a>
-                <a href="#helpers-datetime" class="docs-nav-link" style="font-size: 0.85em;">DateTime</a>
-                <a href="#helpers-lookup" class="docs-nav-link" style="font-size: 0.85em;">Lookup</a>
-                <a href="#helpers-mutation" class="docs-nav-link" style="font-size: 0.85em;">State Mutation</a>
-                <a href="#helpers-network" class="docs-nav-link" style="font-size: 0.85em;">Network</a>
+                <a href="/docs/cdom.html#helpers-formatting" class="docs-nav-link"
+                    style="font-size: 0.85em;">Formatting</a>
+                <a href="/docs/cdom.html#helpers-datetime" class="docs-nav-link" style="font-size: 0.85em;">DateTime</a>
+                <a href="/docs/cdom.html#helpers-lookup" class="docs-nav-link" style="font-size: 0.85em;">Lookup</a>
+                <a href="/docs/cdom.html#helpers-mutation" class="docs-nav-link" style="font-size: 0.85em;">State
+                    Mutation</a>
+                <a href="/docs/cdom.html#helpers-network" class="docs-nav-link" style="font-size: 0.85em;">Network</a>
+                <a href="/docs/cdom.html#helpers-dom" class="docs-nav-link" style="font-size: 0.85em;">DOM & XPath</a>
             </div>
         </div>
     </div>

package/docs/cdom-xpath.html

@@ -0,0 +1,160 @@
+<script src="/lightview-router.js?base=/index.html"></script>
+
+<div class="docs-layout">
+    <aside class="docs-sidebar" src="/docs/cdom-nav.html"></aside>
+
+    <main class="docs-content">
+        <h1>XPath Navigation in cDOM</h1>
+        <p class="text-secondary" style="font-size: 1.125rem;">
+            Navigate and derive element properties from the existing DOM structure.
+        </p>
+
+        <div class="experimental-notice"
+            style="margin: 1.5rem 0; padding: 1.25rem; border-radius: var(--site-radius); background: var(--site-accent-light); border: 1px solid var(--site-warning); color: var(--site-text);">
+            <div style="display: flex; gap: 0.75rem; align-items: flex-start;">
+                <span style="font-size: 1.5rem;">🚨</span>
+                <div>
+                    <strong style="display: block; margin-bottom: 0.25rem; font-size: 1.1rem;">cDOM vs JPRX</strong>
+                    <p style="margin: 0; font-size: 0.95rem; opacity: 0.9;">
+                        Static XPaths are availbale to <strong>cDOM</strong> during the construction phase,
+                        whereas <strong>JPRX</strong> has an <code>xpath</code> helper that returns a computed signal.
+                        See <a href="/docs/cdom.html#helpers-dom">JPRX documentation</a> on the helper for more info
+                        about xpath and reactivity.
+                    </p>
+                </div>
+            </div>
+        </div>
+
+        <h2 id="overview">Overview</h2>
+        <p>
+            cDOM allows elements to derive their properties from the existing DOM tree. This can be done statically
+            for one-time setup or reactively for values that change over time.
+        </p>
+        <ol>
+            <li><strong>Static XPath (<code>#</code> prefix)</strong>: Available to cDOM. Evaluated once during DOM
+                construction.</li>
+            <li><strong>Reactive XPath (<code>=xpath()</code> helper)</strong>: Available to JPRX. Evaluates as an
+                expression and returns a computed signal.</li>
+        </ol>
+
+        <h2 id="static-xpath">Static XPath (<code>#</code> prefix)</h2>
+        <p>
+            Static XPath expressions are perfect for keeping your definitions <strong>DRY (Don't Repeat
+                Yourself)</strong>.
+            By referencing values like <code>id</code> or <code>class</code> from parent elements, you avoid duplicating
+            data in your cDOM structure.
+        </p>
+
+
+        <div id="xpath-live-demo" style="margin: 2rem 0;">
+            <p class="text-sm font-bold opacity-60 uppercase mb-3">Live Interactive Example</p>
+            <pre><script>
+                examplify(document.currentScript.nextElementSibling, {
+                    at: document.currentScript.parentElement,
+                    scripts: ['/lightview.js', '/lightview-x.js', '/lightview-cdom.js'],
+                    type: 'module',
+                    height: '180px',
+                    autoRun: true
+                });
+            </script><code>await import('/lightview-cdom.js');
+const { parseJPRX, hydrate } = globalThis.LightviewCDOM;
+const { $ } = Lightview;
+
+const cdom = `{
+    div: {
+        id: "profile-container",
+        class: "card",
+        "data-theme": "dark",
+        children: [
+            { h3: "User Profile" },
+            { button: { 
+                id: "7", 
+                // XPath #@id gets "7" from this button's id
+                // XPath #../@id gets "profile-container" from the parent div
+                children: ["Button ", #@id, " in section ", #../@id] 
+            }}
+        ]
+    }
+}`;
+
+$('#example').content(hydrate(parseJPRX(cdom)));</code></pre>
+        </div>
+
+        <h2 id="allowed-axes">Allowed Axes (Backward-Looking Only)</h2>
+        <p>
+            To maintain high performance and safety during construction, cDOM only allows
+            <strong>backward-looking</strong>
+            XPath axes. You can reference nodes that are already constructed (parents, ancestors, earlier siblings).
+        </p>
+        <table class="api-table">
+            <thead>
+                <tr>
+                    <th>Axis</th>
+                    <th>Result</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><code>self::</code> / <code>.</code></td>
+                    <td>The current node.</td>
+                </tr>
+                <tr>
+                    <td><code>parent::</code> / <code>..</code></td>
+                    <td>The parent element.</td>
+                </tr>
+                <tr>
+                    <td><code>ancestor::</code></td>
+                    <td>Higher-level ancestors.</td>
+                </tr>
+                <tr>
+                    <td><code>preceding-sibling::</code></td>
+                    <td>Elements that appear before the current one in the same parent.</td>
+                </tr>
+            </tbody>
+        </table>
+        <p class="text-warning">
+            <strong>Forbidden:</strong> <code>child::</code>, <code>descendant::</code>, and <code>following::</code>
+            axes are disabled as they could create infinite loops or reference nodes that do not exist yet.
+        </p>
+
+        <h2 id="reactive-xpath">Reactive XPath (<code>=xpath()</code>)</h2>
+        <p>
+            If you need an XPath expression to update reactively if attributes elsewhere in the DOM change,
+            use the <code>=xpath()</code> helper within a JPRX expression.
+        </p>
+        <div class="code-block">
+            <pre><code>{
+    div: {
+        title: "=xpath('../@data-section')",
+        class: "=concat('item ', xpath('../@theme'))"
+    }
+}</code></pre>
+        </div>
+
+        <h2 id="cdomc">Concise cDOM (cDOMC) Support</h2>
+        <p>
+            In cDOMC (the shorthand format used in <code>.cdomc</code> files), the parser is <strong>structurally
+                aware</strong>
+            of XPath expressions. You do not need to quote them even if they contain square brackets or spaces.
+        </p>
+        <div class="code-block">
+            <pre><code>// Clean unquoted syntax in .cdomc files
+{ 
+    button: { 
+        id: "7", 
+        children: [#../@id] 
+    } 
+}
+
+// Support for complex paths with predicates
+{ span: [#ancestor::div[@data-role='container']/@title] }</code></pre>
+        </div>
+
+        <h2 id="safety">Security & Safety</h2>
+        <p>
+            XPath navigation in cDOM is inherently safer than using arbitrary JavaScript for DOM traversal.
+            It provides a restricted, read-only view of the existing structural tree without the risks
+            of code injection or side effects.
+        </p>
+    </main>
+</div>

package/docs/cdom.html

@@ -108,8 +108,9 @@
         <p>
             cDOM uses <strong>JPRX (JSON Pointer Reactive eXpressions)</strong> as its expression language. JPRX
             extends <a href="https://www.rfc-editor.org/rfc/rfc6901" target="_blank">JSON Pointer (RFC 6901)</a>
-            with reactivity, relative paths, and helper functions. It also provides deep integration with
-            <a href="https://json-schema.org/" target="_blank">JSON Schema</a> (Standard Draft 7+) for
+            with reactivity, relative paths, and helper functions. cDOM also supports <strong>standard XPath</strong>
+            for powerful DOM navigation during element construction. Together with deep integration for
+            <a href="https://json-schema.org/" target="_blank">JSON Schema</a> (Standard Draft 7+), cDOM provides
             industrial-strength data validation and automatic type coercion.
         </p>
 
@@ -156,8 +157,57 @@ $('#example').content(hydrate(parseJPRX(cdom)));</code></pre>
         <p>
             The UI automatically updates whenever <code>count</code> changes — no manual DOM manipulation required.
         </p>
+
+        <!-- ===== XPATH NAVIGATION ===== -->
+        <h2 id="xpath-navigation">Using XPath</h2>
         <p>
-            The UI automatically updates whenever <code>count</code> changes — no manual DOM manipulation required.
+            cDOM allows elements to navigate and reference the DOM structure during construction using standard
+            <strong>XPath</strong>. This is strictly a <strong>cDOM feature</strong> (not JPRX) used for structural
+            navigation.
+        </p>
+        <p>
+            XPath is incredibly useful for keeping your definitions <strong>DRY (Don't Repeat Yourself)</strong> by
+            referencing existing attributes instead of repeating values.
+        </p>
+        <div id="xpath-demo">
+            <pre><script>
+                examplify(document.currentScript.nextElementSibling, {
+                    at: document.currentScript.parentElement,
+                    scripts: ['/lightview.js', '/lightview-x.js', '/lightview-cdom.js'],
+                    type: 'module',
+                    height: '180px',
+                    autoRun: true,
+                    controls: false
+                });
+            </script><code>await import('/lightview-cdom.js');
+const { parseJPRX, hydrate } = globalThis.LightviewCDOM;
+const { $ } = Lightview;
+
+const cdom = `{
+    div: {
+        id: "profile-container",
+        class: "card",
+        "data-theme": "dark",
+        children: [
+            { h3: "User Profile" },
+            { button: { 
+                id: "7", 
+                // XPath #../@id gets the "7" from this button's id
+                // XPath #../../@id gets "profile-container" from the g-parent div
+                children: ["Button ", #../@id, " in section ", #../../@id] 
+            }}
+        ]
+    }
+}`;
+
+$('#example').content(hydrate(parseJPRX(cdom)));</code></pre>
+        </div>
+        <p>
+            In the example above, the button's text is derived entirely from its own <code>id</code> and its
+            parent's <code>id</code> using <code>#../@id</code> and <code>#../../@id</code>.
+        </p>
+        <p>
+            For more details, see the <a href="/docs/cdom-xpath.html">Full XPath Documentation</a>.
         </p>
 
         <!-- ===== ADVANTAGES ===== -->
@@ -596,7 +646,7 @@ const cdomString = `{
         children: [
             { h3: "Shopping Cart" },
             { ul: { 
-                children: =map(/store/cart/items, { li: { children: [_/name, " - ", =currency(_/price)] } })
+                children: =map(/store/cart/items, { li: { children: [_/name, " - ", currency(_/price)] } })
             }},
             { p: { 
                 style: "font-weight: bold; margin-top: 1rem;",
@@ -1007,10 +1057,23 @@ const liveConfig = LightviewCDOM.hydrate(config);</code></pre>
 
         <h3 id="helpers-network">Network</h3>
         <p>HTTP requests.</p>
-        <div class="code-block">
+        <div class="code-block" style="margin-bottom: 2rem;">
             <pre><code>fetch(url, options?)
 <span id="helpers-mount"></span>mount(url, options?)</span></code></pre>
         </div>
+
+        <h3 id="helpers-dom">DOM & XPath</h3>
+        <p>Structural navigation and manipulation. For fetching and mounting remote content, see the
+            <a href="#helpers-network">mount()</a> helper in the Network section.
+        </p>
+        <div class="code-block">
+            <pre><code>move(selector, location?), xpath(expression)</code></pre>
+        </div>
+        <p style="margin-top: 1rem;">
+            While <code>move</code> is for local placement, <code>mount</code> is used for remote Hypermedia updates.
+            It fetches content (cDOM, vDOM, or oDOM) and injects it into the DOM. If the content contains a
+            <code>=move</code> helper, it will automatically relocate itself upon mounting.
+        </p>
         <table class="api-table">
             <thead>
                 <tr>
@@ -1049,13 +1112,10 @@ const liveConfig = LightviewCDOM.hydrate(config);</code></pre>
                 </tr>
             </tbody>
         </table>
-        <p style="margin-top: 1rem;">
-            The <code>mount</code> helper is the primary mechanism for **Hypermedia updates**. It fetches content
-            (cDOM, vDOM, or oDOM) and injects it into the DOM. If the content contains a <code>=move</code>
-            helper, it will automatically relocate itself upon mounting.
+        <p class="text-xs italic opacity-70" style="margin-top: 0.5rem;">
+            <strong>xpath(expression):</strong> Returns a reactive computed signal based on the DOM structure
+            at evaluation time. Note that full MutationObserver reactivity is currently a TODO.
+            For static DOM navigation, use the <code>#</code> prefix in cDOM.
         </p>
-
-
-
     </main>
 </div>

package/jprx/index.js

@@ -19,7 +19,8 @@ export {
     resolvePathAsContext,
     resolveExpression,
     parseCDOMC,
-    parseJPRX,
+    parseCDOMC as parseJPRX,
+    parseJPRX as oldParseJPRX,
     unwrapSignal,
     getRegistry,
     BindingTarget

package/jprx/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jprx",
-    "version": "1.3.0",
+    "version": "1.3.1",
     "description": "JSON Path Reactive eXpressions - A reactive expression language for JSON data",
     "main": "index.js",
     "type": "module",

package/jprx/parser.js

@@ -1409,6 +1409,7 @@ export const parseExpression = (expr, context) => {
  * Supports unquoted keys/values and strictly avoids 'eval'.
  */
 export const parseCDOMC = (input) => {
+    if (typeof input !== 'string') return input;
     let i = 0;
     const len = input.length;
 
@@ -1666,6 +1667,7 @@ export const parseCDOMC = (input) => {
  * @returns {object} - Parsed JSON object
  */
 export const parseJPRX = (input) => {
+    if (typeof input !== 'string') return input;
     let result = '';
     let i = 0;
     const len = input.length;
@@ -1791,9 +1793,9 @@ export const parseJPRX = (input) => {
         }
 
         // Handle unquoted property names, identifiers, paths, and FUNCTION CALLS
-        if (/[a-zA-Z_$/./]/.test(char)) {
+        if (/[a-zA-Z_$\/.\/]/.test(char)) {
             let word = '';
-            while (i < len && /[a-zA-Z0-9_$/.-]/.test(input[i])) {
+            while (i < len && /[a-zA-Z0-9_$\/.-]/.test(input[i])) {
                 word += input[i];
                 i++;
             }

package/lightview-all.js

@@ -645,7 +645,6 @@
     return reactiveAttrs;
   };
   const processChildren = (children, targetNode, clearExisting = true) => {
-    var _a2;
     if (clearExisting && targetNode.innerHTML !== void 0) {
       targetNode.innerHTML = "";
     }
@@ -718,9 +717,6 @@
         childElements.push(childEl);
       }
     }
-    if (typeof ((_a2 = globalThis.LightviewCDOM) == null ? void 0 : _a2.resolveStaticXPath) === "function") {
-      globalThis.LightviewCDOM.resolveStaticXPath(targetNode);
-    }
     return childElements;
   };
   const setupChildrenInTarget = (children, targetNode) => {
@@ -3200,6 +3196,7 @@
     return LV.computed(() => resolveExpression$1(expr, context));
   };
   const parseCDOMC = (input) => {
+    if (typeof input !== "string") return input;
     let i = 0;
     const len2 = input.length;
     const skipWhitespace = () => {
@@ -3427,6 +3424,7 @@
   };
   const parseJPRX = (input) => {
     var _a2, _b2;
+    if (typeof input !== "string") return input;
     let result = "";
     let i = 0;
     const len2 = input.length;
@@ -3526,9 +3524,9 @@
         result += JSON.stringify(expr);
         continue;
       }
-      if (/[a-zA-Z_$/./]/.test(char)) {
+      if (/[a-zA-Z_$\/.\/]/.test(char)) {
         let word = "";
-        while (i < len2 && /[a-zA-Z0-9_$/.-]/.test(input[i])) {
+        while (i < len2 && /[a-zA-Z0-9_$\/.-]/.test(input[i])) {
           word += input[i];
           i++;
         }
@@ -5785,7 +5783,7 @@
       const isCDOM = contentType.includes("application/cdom") || contentType.includes("application/jprx") || contentType.includes("application/vdom") || contentType.includes("application/odom") || url.endsWith(".cdom") || url.endsWith(".jprx") || url.endsWith(".vdom") || url.endsWith(".odom");
       if (isCDOM || contentType.includes("application/json") && text.trim().startsWith("{")) {
         try {
-          content = hydrate(parseJPRX(text));
+          content = hydrate(parseCDOMC(text));
         } catch (e) {
         }
       }
@@ -5961,77 +5959,89 @@
         node[key] = hydrate(value, node);
       }
     }
+    if (!parent && node.tag) {
+      node.attributes = node.attributes || {};
+      const originalOnMount = node.attributes.onmount;
+      node.attributes.onmount = (el) => {
+        if (typeof originalOnMount === "function") originalOnMount(el);
+        resolveStaticXPath(el);
+      };
+    }
     return node;
   };
   const validateXPath = (xpath) => {
+    if (!xpath) return;
     const forbiddenAxes = /\b(child|descendant|following|following-sibling)::/;
     if (forbiddenAxes.test(xpath)) {
       throw new Error(`XPath: Forward-looking axes not allowed during DOM construction: ${xpath}`);
     }
-    const hasShorthandChild = /\/[a-zA-Z]/.test(xpath) && !xpath.startsWith("/html");
+    const hasShorthandChild = /\/(?![@.])(?![a-zA-Z0-9_-]+::)[a-zA-Z]/.test(xpath) && !xpath.startsWith("/html");
     if (hasShorthandChild) {
       throw new Error(`XPath: Shorthand child axis (/) not allowed during DOM construction: ${xpath}`);
     }
   };
-  const resolveStaticXPath = (rootNode) => {
-    var _a2, _b2;
-    if (!rootNode || !rootNode.nodeType) return;
-    const walker = document.createTreeWalker(
-      rootNode,
-      NodeFilter.SHOW_ALL
-    );
-    const nodesToProcess = [];
-    let node = walker.nextNode();
-    while (node) {
-      nodesToProcess.push(node);
-      node = walker.nextNode();
-    }
-    for (const node2 of nodesToProcess) {
-      if (node2.nodeType === Node.ELEMENT_NODE) {
-        const attributes = [...node2.attributes];
-        for (const attr of attributes) {
-          if (attr.name.startsWith("data-xpath-")) {
-            const realAttr = attr.name.replace("data-xpath-", "");
-            const xpath = attr.value;
-            try {
-              validateXPath(xpath);
-              const result = document.evaluate(
-                xpath,
-                node2,
-                null,
-                XPathResult.STRING_TYPE,
-                null
-              );
-              node2.setAttribute(realAttr, result.stringValue);
-              node2.removeAttribute(attr.name);
-            } catch (e) {
-              (_a2 = globalThis.console) == null ? void 0 : _a2.error(`[Lightview-CDOM] XPath resolution failed for attribute "${realAttr}":`, e.message);
-            }
-          }
-        }
-      }
-      if (node2.__xpathExpr) {
-        const xpath = node2.__xpathExpr;
+  const resolveAttributeXPaths = (el) => {
+    var _a2;
+    const attributes = [...el.attributes];
+    for (const attr of attributes) {
+      if (attr.name.startsWith("data-xpath-")) {
+        const realAttr = attr.name.replace("data-xpath-", "");
         try {
-          validateXPath(xpath);
-          const result = document.evaluate(
-            xpath,
-            node2,
-            // Use text node as context, not its parent!
+          validateXPath(attr.value);
+          const doc = globalThis.document || el.ownerDocument;
+          const result = doc.evaluate(
+            attr.value,
+            el,
             null,
             XPathResult.STRING_TYPE,
             null
           );
-          node2.textContent = result.stringValue;
-          delete node2.__xpathExpr;
+          el.setAttribute(realAttr, result.stringValue);
+          el.removeAttribute(attr.name);
         } catch (e) {
-          (_b2 = globalThis.console) == null ? void 0 : _b2.error(`[Lightview-CDOM] XPath resolution failed for text node:`, e.message);
+          (_a2 = globalThis.console) == null ? void 0 : _a2.error(`[Lightview-CDOM] XPath attribute error ("${realAttr}") at <${el.tagName.toLowerCase()} id="${el.id}">:`, e.message);
         }
       }
     }
   };
+  const resolveTextNodeXPath = (node) => {
+    var _a2, _b2, _c;
+    if (!node.__xpathExpr) return;
+    const xpath = node.__xpathExpr;
+    try {
+      validateXPath(xpath);
+      const doc = globalThis.document || node.ownerDocument;
+      const contextNode = node.parentNode || node;
+      const result = doc.evaluate(
+        xpath,
+        contextNode,
+        null,
+        XPathResult.STRING_TYPE,
+        null
+      );
+      node.textContent = result.stringValue;
+    } catch (e) {
+      (_c = globalThis.console) == null ? void 0 : _c.error(`[Lightview-CDOM] XPath text node error on <${(_a2 = node.parentNode) == null ? void 0 : _a2.tagName.toLowerCase()} id="${(_b2 = node.parentNode) == null ? void 0 : _b2.id}">:`, e.message);
+    } finally {
+      delete node.__xpathExpr;
+    }
+  };
+  const resolveStaticXPath = (rootNode) => {
+    const node = rootNode instanceof Node ? rootNode : (rootNode == null ? void 0 : rootNode.domEl) || rootNode;
+    if (!node || !node.nodeType) return;
+    if (node.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(node);
+    resolveTextNodeXPath(node);
+    const doc = globalThis.document || node.ownerDocument;
+    const walker = doc.createTreeWalker(node, NodeFilter.SHOW_ALL);
+    let current = walker.nextNode();
+    while (current) {
+      if (current.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(current);
+      resolveTextNodeXPath(current);
+      current = walker.nextNode();
+    }
+  };
   if (typeof parseCDOMC !== "function") throw new Error("parseCDOMC not found");
-  if (typeof parseJPRX !== "function") throw new Error("parseJPRX not found");
+  if (typeof parseJPRX !== "function") throw new Error("oldParseJPRX not found");
   const LightviewCDOM = {
     registerHelper,
     registerOperator,
@@ -6040,7 +6050,9 @@
     resolvePathAsContext,
     resolveExpression: resolveExpression$1,
     parseCDOMC,
-    parseJPRX,
+    parseJPRX: parseCDOMC,
+    // Alias parseJPRX to the more robust parseCDOMC
+    oldParseJPRX: parseJPRX,
     unwrapSignal,
     getContext,
     handleCDOMState: () => {
@@ -6050,7 +6062,7 @@
     activate,
     hydrate,
     resolveStaticXPath,
-    version: "1.0.0"
+    version: "1.1.0"
   };
   if (typeof window !== "undefined") {
     globalThis.LightviewCDOM = {};

package/lightview-cdom.js

@@ -1018,6 +1018,7 @@ var LightviewCDOM = function(exports) {
     return LV.computed(() => resolveExpression$1(expr, context));
   };
   const parseCDOMC = (input) => {
+    if (typeof input !== "string") return input;
     let i = 0;
     const len2 = input.length;
     const skipWhitespace = () => {
@@ -1245,6 +1246,7 @@ var LightviewCDOM = function(exports) {
   };
   const parseJPRX = (input) => {
     var _a, _b;
+    if (typeof input !== "string") return input;
     let result = "";
     let i = 0;
     const len2 = input.length;
@@ -1344,9 +1346,9 @@ var LightviewCDOM = function(exports) {
         result += JSON.stringify(expr);
         continue;
       }
-      if (/[a-zA-Z_$/./]/.test(char)) {
+      if (/[a-zA-Z_$\/.\/]/.test(char)) {
         let word = "";
-        while (i < len2 && /[a-zA-Z0-9_$/.-]/.test(input[i])) {
+        while (i < len2 && /[a-zA-Z0-9_$\/.-]/.test(input[i])) {
           word += input[i];
           i++;
         }
@@ -3627,7 +3629,7 @@ var LightviewCDOM = function(exports) {
       const isCDOM = contentType.includes("application/cdom") || contentType.includes("application/jprx") || contentType.includes("application/vdom") || contentType.includes("application/odom") || url.endsWith(".cdom") || url.endsWith(".jprx") || url.endsWith(".vdom") || url.endsWith(".odom");
       if (isCDOM || contentType.includes("application/json") && text.trim().startsWith("{")) {
         try {
-          content = hydrate(parseJPRX(text));
+          content = hydrate(parseCDOMC(text));
         } catch (e) {
         }
       }
@@ -3803,77 +3805,89 @@ var LightviewCDOM = function(exports) {
         node[key] = hydrate(value, node);
       }
     }
+    if (!parent && node.tag) {
+      node.attributes = node.attributes || {};
+      const originalOnMount = node.attributes.onmount;
+      node.attributes.onmount = (el) => {
+        if (typeof originalOnMount === "function") originalOnMount(el);
+        resolveStaticXPath(el);
+      };
+    }
     return node;
   };
   const validateXPath = (xpath) => {
+    if (!xpath) return;
     const forbiddenAxes = /\b(child|descendant|following|following-sibling)::/;
     if (forbiddenAxes.test(xpath)) {
       throw new Error(`XPath: Forward-looking axes not allowed during DOM construction: ${xpath}`);
     }
-    const hasShorthandChild = /\/[a-zA-Z]/.test(xpath) && !xpath.startsWith("/html");
+    const hasShorthandChild = /\/(?![@.])(?![a-zA-Z0-9_-]+::)[a-zA-Z]/.test(xpath) && !xpath.startsWith("/html");
     if (hasShorthandChild) {
       throw new Error(`XPath: Shorthand child axis (/) not allowed during DOM construction: ${xpath}`);
     }
   };
-  const resolveStaticXPath = (rootNode) => {
-    var _a, _b;
-    if (!rootNode || !rootNode.nodeType) return;
-    const walker = document.createTreeWalker(
-      rootNode,
-      NodeFilter.SHOW_ALL
-    );
-    const nodesToProcess = [];
-    let node = walker.nextNode();
-    while (node) {
-      nodesToProcess.push(node);
-      node = walker.nextNode();
-    }
-    for (const node2 of nodesToProcess) {
-      if (node2.nodeType === Node.ELEMENT_NODE) {
-        const attributes = [...node2.attributes];
-        for (const attr of attributes) {
-          if (attr.name.startsWith("data-xpath-")) {
-            const realAttr = attr.name.replace("data-xpath-", "");
-            const xpath = attr.value;
-            try {
-              validateXPath(xpath);
-              const result = document.evaluate(
-                xpath,
-                node2,
-                null,
-                XPathResult.STRING_TYPE,
-                null
-              );
-              node2.setAttribute(realAttr, result.stringValue);
-              node2.removeAttribute(attr.name);
-            } catch (e) {
-              (_a = globalThis.console) == null ? void 0 : _a.error(`[Lightview-CDOM] XPath resolution failed for attribute "${realAttr}":`, e.message);
-            }
-          }
-        }
-      }
-      if (node2.__xpathExpr) {
-        const xpath = node2.__xpathExpr;
+  const resolveAttributeXPaths = (el) => {
+    var _a;
+    const attributes = [...el.attributes];
+    for (const attr of attributes) {
+      if (attr.name.startsWith("data-xpath-")) {
+        const realAttr = attr.name.replace("data-xpath-", "");
         try {
-          validateXPath(xpath);
-          const result = document.evaluate(
-            xpath,
-            node2,
-            // Use text node as context, not its parent!
+          validateXPath(attr.value);
+          const doc = globalThis.document || el.ownerDocument;
+          const result = doc.evaluate(
+            attr.value,
+            el,
             null,
             XPathResult.STRING_TYPE,
             null
           );
-          node2.textContent = result.stringValue;
-          delete node2.__xpathExpr;
+          el.setAttribute(realAttr, result.stringValue);
+          el.removeAttribute(attr.name);
         } catch (e) {
-          (_b = globalThis.console) == null ? void 0 : _b.error(`[Lightview-CDOM] XPath resolution failed for text node:`, e.message);
+          (_a = globalThis.console) == null ? void 0 : _a.error(`[Lightview-CDOM] XPath attribute error ("${realAttr}") at <${el.tagName.toLowerCase()} id="${el.id}">:`, e.message);
         }
       }
     }
   };
+  const resolveTextNodeXPath = (node) => {
+    var _a, _b, _c;
+    if (!node.__xpathExpr) return;
+    const xpath = node.__xpathExpr;
+    try {
+      validateXPath(xpath);
+      const doc = globalThis.document || node.ownerDocument;
+      const contextNode = node.parentNode || node;
+      const result = doc.evaluate(
+        xpath,
+        contextNode,
+        null,
+        XPathResult.STRING_TYPE,
+        null
+      );
+      node.textContent = result.stringValue;
+    } catch (e) {
+      (_c = globalThis.console) == null ? void 0 : _c.error(`[Lightview-CDOM] XPath text node error on <${(_a = node.parentNode) == null ? void 0 : _a.tagName.toLowerCase()} id="${(_b = node.parentNode) == null ? void 0 : _b.id}">:`, e.message);
+    } finally {
+      delete node.__xpathExpr;
+    }
+  };
+  const resolveStaticXPath = (rootNode) => {
+    const node = rootNode instanceof Node ? rootNode : (rootNode == null ? void 0 : rootNode.domEl) || rootNode;
+    if (!node || !node.nodeType) return;
+    if (node.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(node);
+    resolveTextNodeXPath(node);
+    const doc = globalThis.document || node.ownerDocument;
+    const walker = doc.createTreeWalker(node, NodeFilter.SHOW_ALL);
+    let current = walker.nextNode();
+    while (current) {
+      if (current.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(current);
+      resolveTextNodeXPath(current);
+      current = walker.nextNode();
+    }
+  };
   if (typeof parseCDOMC !== "function") throw new Error("parseCDOMC not found");
-  if (typeof parseJPRX !== "function") throw new Error("parseJPRX not found");
+  if (typeof parseJPRX !== "function") throw new Error("oldParseJPRX not found");
   const LightviewCDOM2 = {
     registerHelper,
     registerOperator,
@@ -3882,7 +3896,9 @@ var LightviewCDOM = function(exports) {
     resolvePathAsContext,
     resolveExpression: resolveExpression$1,
     parseCDOMC,
-    parseJPRX,
+    parseJPRX: parseCDOMC,
+    // Alias parseJPRX to the more robust parseCDOMC
+    oldParseJPRX: parseJPRX,
     unwrapSignal,
     getContext,
     handleCDOMState: () => {
@@ -3892,7 +3908,7 @@ var LightviewCDOM = function(exports) {
     activate,
     hydrate,
     resolveStaticXPath,
-    version: "1.0.0"
+    version: "1.1.0"
   };
   if (typeof window !== "undefined") {
     globalThis.LightviewCDOM = {};
@@ -3903,9 +3919,10 @@ var LightviewCDOM = function(exports) {
   exports.default = LightviewCDOM2;
   exports.getContext = getContext;
   exports.hydrate = hydrate;
+  exports.oldParseJPRX = parseJPRX;
   exports.parseCDOMC = parseCDOMC;
   exports.parseExpression = parseExpression;
-  exports.parseJPRX = parseJPRX;
+  exports.parseJPRX = parseCDOMC;
   exports.registerHelper = registerHelper;
   exports.registerOperator = registerOperator;
   exports.resolveExpression = resolveExpression$1;

package/lightview.js

@@ -644,7 +644,6 @@
     return reactiveAttrs;
   };
   const processChildren = (children, targetNode, clearExisting = true) => {
-    var _a;
     if (clearExisting && targetNode.innerHTML !== void 0) {
       targetNode.innerHTML = "";
     }
@@ -717,9 +716,6 @@
         childElements.push(childEl);
       }
     }
-    if (typeof ((_a = globalThis.LightviewCDOM) == null ? void 0 : _a.resolveStaticXPath) === "function") {
-      globalThis.LightviewCDOM.resolveStaticXPath(targetNode);
-    }
     return childElements;
   };
   const setupChildrenInTarget = (children, targetNode) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightview",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "description": "A lightweight reactive UI library with features of Bau, Juris, and HTMX",
   "main": "lightview.js",
   "workspaces": [
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "expr-eval": "^2.0.2",
-    "jprx": "^1.3.0",
+    "jprx": "^1.3.1",
     "linkedom": "^0.18.12",
     "marked": "^17.0.1"
   }

package/src/lightview-cdom.js

@@ -3,7 +3,7 @@
  * The Reactive Path and Expression Engine for Lightview.
  */
 
-import { registerHelper, registerOperator, parseExpression, resolvePath, resolvePathAsContext, resolveExpression, parseCDOMC, parseJPRX, unwrapSignal, BindingTarget } from '../jprx/parser.js';
+import { registerHelper, registerOperator, parseExpression, resolvePath, resolvePathAsContext, resolveExpression, parseCDOMC, parseJPRX as oldParseJPRX, unwrapSignal, BindingTarget } from '../jprx/parser.js';
 import { registerMathHelpers } from '../jprx/helpers/math.js';
 import { registerLogicHelpers } from '../jprx/helpers/logic.js';
 import { registerStringHelpers } from '../jprx/helpers/string.js';
@@ -111,7 +111,7 @@ registerHelper('mount', async (url, options = {}) => {
 
         if (isCDOM || (contentType.includes('application/json') && text.trim().startsWith('{'))) {
             try {
-                content = hydrate(parseJPRX(text));
+                content = hydrate(parseCDOMC(text));
             } catch (e) {
                 // Fail gracefully to text
             }
@@ -352,6 +352,18 @@ const hydrate = (node, parent = null) => {
         }
     }
 
+    // 4. Automatic XPath Resolution
+    // If this is a top-level hydrated element, ensure it resolves its static XPaths on mount.
+    // We add it to node.attributes so Lightview's element() factory picks it up.
+    if (!parent && node.tag) {
+        node.attributes = node.attributes || {};
+        const originalOnMount = node.attributes.onmount;
+        node.attributes.onmount = (el) => {
+            if (typeof originalOnMount === 'function') originalOnMount(el);
+            resolveStaticXPath(el);
+        };
+    }
+
     return node;
 };
 
@@ -361,15 +373,18 @@ const hydrate = (node, parent = null) => {
  * @param {string} xpath - The XPath expression to validate
  */
 const validateXPath = (xpath) => {
+    if (!xpath) return;
+
     // Check for forbidden forward-looking axes
     const forbiddenAxes = /\b(child|descendant|following|following-sibling)::/;
     if (forbiddenAxes.test(xpath)) {
         throw new Error(`XPath: Forward-looking axes not allowed during DOM construction: ${xpath}`);
     }
 
-    // Also check for shorthand forward references like /div (implies child axis)
-    // But allow / for document root like /html
-    const hasShorthandChild = /\/[a-zA-Z]/.test(xpath) && !xpath.startsWith('/html');
+    // Check for shorthand forward references like /div (implies child axis)
+    // We allow '/' if it's followed by '@' (attribute), '.' (parent/self shorthand), 
+    // or is the start of the document root '/html'.
+    const hasShorthandChild = /\/(?![@.])(?![a-zA-Z0-9_-]+::)[a-zA-Z]/.test(xpath) && !xpath.startsWith('/html');
     if (hasShorthandChild) {
         throw new Error(`XPath: Shorthand child axis (/) not allowed during DOM construction: ${xpath}`);
     }
@@ -381,76 +396,90 @@ const validateXPath = (xpath) => {
  * Walks the tree and resolves all __xpath__ markers.
  * @param {Node} rootNode - The root DOM node to start walking from
  */
-const resolveStaticXPath = (rootNode) => {
-    if (!rootNode || !rootNode.nodeType) return;
-
-    const walker = document.createTreeWalker(
-        rootNode,
-        NodeFilter.SHOW_ALL
-    );
-
-    const nodesToProcess = [];
-    let node = walker.nextNode();
-    while (node) {
-        nodesToProcess.push(node);
-        node = walker.nextNode();
-    }
-
-    // Process all nodes
-    for (const node of nodesToProcess) {
-        // Check for XPath markers in attributes
-        if (node.nodeType === Node.ELEMENT_NODE) {
-            const attributes = [...node.attributes];
-            for (const attr of attributes) {
-                if (attr.name.startsWith('data-xpath-')) {
-                    const realAttr = attr.name.replace('data-xpath-', '');
-                    const xpath = attr.value;
-
-                    try {
-                        validateXPath(xpath);
-                        const result = document.evaluate(
-                            xpath,
-                            node,
-                            null,
-                            XPathResult.STRING_TYPE,
-                            null
-                        );
-                        node.setAttribute(realAttr, result.stringValue);
-                        node.removeAttribute(attr.name);
-                    } catch (e) {
-                        globalThis.console?.error(`[Lightview-CDOM] XPath resolution failed for attribute "${realAttr}":`, e.message);
-                    }
-                }
-            }
-        }
-
-        // Check for XPath markers in text nodes
-        if (node.__xpathExpr) {
-            const xpath = node.__xpathExpr;
+/**
+ * Resolves static XPath markers for attributes on a specific element.
+ */
+const resolveAttributeXPaths = (el) => {
+    const attributes = [...el.attributes];
+    for (const attr of attributes) {
+        if (attr.name.startsWith('data-xpath-')) {
+            const realAttr = attr.name.replace('data-xpath-', '');
             try {
-                validateXPath(xpath);
-                const result = document.evaluate(
-                    xpath,
-                    node,  // Use text node as context, not its parent!
+                validateXPath(attr.value);
+                const doc = globalThis.document || el.ownerDocument;
+                const result = doc.evaluate(
+                    attr.value,
+                    el,
                     null,
                     XPathResult.STRING_TYPE,
                     null
                 );
-                node.textContent = result.stringValue;
-                delete node.__xpathExpr;
+                el.setAttribute(realAttr, result.stringValue);
+                el.removeAttribute(attr.name);
             } catch (e) {
-                globalThis.console?.error(`[Lightview-CDOM] XPath resolution failed for text node:`, e.message);
+                globalThis.console?.error(`[Lightview-CDOM] XPath attribute error ("${realAttr}") at <${el.tagName.toLowerCase()} id="${el.id}">:`, e.message);
             }
         }
     }
 };
 
+/**
+ * Resolves static XPath markers for a text node.
+ */
+const resolveTextNodeXPath = (node) => {
+    if (!node.__xpathExpr) return;
+    const xpath = node.__xpathExpr;
+    try {
+        validateXPath(xpath);
+        const doc = globalThis.document || node.ownerDocument;
+        // Use the parent node (the element) as the context for evaluation
+        // This avoids errors in browsers that don't support Text nodes as context nodes
+        // and keeps evaluation consistent with attributes.
+        const contextNode = node.parentNode || node;
+        const result = doc.evaluate(
+            xpath,
+            contextNode,
+            null,
+            XPathResult.STRING_TYPE,
+            null
+        );
+        node.textContent = result.stringValue;
+    } catch (e) {
+        globalThis.console?.error(`[Lightview-CDOM] XPath text node error on <${node.parentNode?.tagName.toLowerCase()} id="${node.parentNode?.id}">:`, e.message);
+    } finally {
+        delete node.__xpathExpr;
+    }
+};
+
+/**
+ * Walks the tree and resolves all __xpath__ markers.
+ * @param {Node} rootNode - The root DOM node to start walking from
+ */
+const resolveStaticXPath = (rootNode) => {
+    const node = rootNode instanceof Node ? rootNode : (rootNode?.domEl || rootNode);
+    if (!node || !node.nodeType) return;
+
+    // Process the root node itself
+    if (node.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(node);
+    resolveTextNodeXPath(node);
+
+    // Process all descendants
+    const doc = globalThis.document || node.ownerDocument;
+    const walker = doc.createTreeWalker(node, NodeFilter.SHOW_ALL);
+    let current = walker.nextNode();
+    while (current) {
+        if (current.nodeType === Node.ELEMENT_NODE) resolveAttributeXPaths(current);
+        resolveTextNodeXPath(current);
+        current = walker.nextNode();
+    }
+};
+
 
 // Prevent tree-shaking of parser functions by creating a side-effect
 // These are used externally by lightview-x.js for .cdomc file loading
 // The typeof check creates a runtime branch the bundler can't eliminate
 if (typeof parseCDOMC !== 'function') throw new Error('parseCDOMC not found');
-if (typeof parseJPRX !== 'function') throw new Error('parseJPRX not found');
+if (typeof oldParseJPRX !== 'function') throw new Error('oldParseJPRX not found');
 
 const LightviewCDOM = {
     registerHelper,
@@ -460,7 +489,8 @@ const LightviewCDOM = {
     resolvePathAsContext,
     resolveExpression,
     parseCDOMC,
-    parseJPRX,
+    parseJPRX: parseCDOMC, // Alias parseJPRX to the more robust parseCDOMC
+    oldParseJPRX,
     unwrapSignal,
     getContext,
     handleCDOMState: () => { },
@@ -468,7 +498,7 @@ const LightviewCDOM = {
     activate,
     hydrate,
     resolveStaticXPath,
-    version: '1.0.0'
+    version: '1.1.0'
 };
 
 // Global export for non-module usage
@@ -486,7 +516,8 @@ export {
     resolvePathAsContext,
     resolveExpression,
     parseCDOMC,
-    parseJPRX,
+    parseCDOMC as parseJPRX,
+    oldParseJPRX,
     unwrapSignal,
     BindingTarget,
     getContext,

package/src/lightview.js

@@ -520,10 +520,7 @@ const processChildren = (children, targetNode, clearExisting = true) => {
         }
     }
 
-    // Resolve static XPath expressions after DOM tree is constructed
-    if (typeof globalThis.LightviewCDOM?.resolveStaticXPath === 'function') {
-        globalThis.LightviewCDOM.resolveStaticXPath(targetNode);
-    }
+
 
     return childElements;
 };

package/test-xpath-preprocess.js

@@ -1,18 +0,0 @@
-// Test preprocessXPath function
-import { parseCDOMC } from './jprx/parser.js';
-
-const testInput = `{
-  button: {
-    id: "7",
-    children: [#../@id]
-  }
-}`;
-
-console.log('Test input:', testInput);
-
-try {
-    const result = parseCDOMC(testInput);
-    console.log('Parsed successfully:', result);
-} catch (e) {
-    console.error('Parse failed:', e.message);
-}