@zenithbuild/runtime 0.6.6 → 0.6.7

package/dist/hydrate.js

@@ -6,33 +6,21 @@
 // Runtime discovery is forbidden: this module only resolves selectors from
 // bundler-provided tables and executes explicit index-based bindings.
 // ---------------------------------------------------------------------------
-
 import { _registerDisposer, _registerListener, cleanup } from './cleanup.js';
 import { isZenithRuntimeError, rethrowZenithRuntimeError, throwZenithRuntimeError } from './diagnostics.js';
 import { signal } from './signal.js';
 import { state } from './state.js';
-import {
-    zeneffect,
-    zenEffect,
-    zenMount,
-    createSideEffectScope,
-    activateSideEffectScope,
-    disposeSideEffectScope
-} from './zeneffect.js';
-
+import { zeneffect, zenEffect, zenMount, createSideEffectScope, activateSideEffectScope, disposeSideEffectScope } from './zeneffect.js';
 const ALIAS_CONFLICT = Symbol('alias_conflict');
 const ACTIVE_MARKER_CLASS = 'z-active';
 const UNRESOLVED_LITERAL = Symbol('unresolved_literal');
 const LEGACY_MARKUP_HELPER = 'html';
-
 const BOOLEAN_ATTRIBUTES = new Set([
     'disabled', 'checked', 'selected', 'readonly', 'multiple',
     'hidden', 'autofocus', 'required', 'open'
 ]);
-
 const STRICT_MEMBER_CHAIN_LITERAL_RE = /^(?:true|false|null|undefined|[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*)$/;
 const UNSAFE_MEMBER_KEYS = new Set(['__proto__', 'prototype', 'constructor']);
-
 /**
  * Hydrate a pre-rendered DOM tree using explicit payload tables.
  *
@@ -55,25 +43,8 @@ export function hydrate(payload) {
     try {
         const normalized = _validatePayload(payload);
         _deepFreezePayload(payload);
-        const {
-            root,
-            expressions,
-            markers,
-            events,
-            refs,
-            stateValues,
-            stateKeys,
-            signals,
-            components,
-            route,
-            params,
-            ssrData,
-            props,
-            exprFns
-        } = normalized;
-
+        const { root, expressions, markers, events, refs, stateValues, stateKeys, signals, components, route, params, ssrData, props, exprFns } = normalized;
         const componentBindings = Object.create(null);
-
         const signalMap = new Map();
         for (let i = 0; i < signals.length; i++) {
             const signalDescriptor = signals[i];
@@ -86,7 +57,6 @@ export function hydrate(payload) {
             }
             signalMap.set(i, candidate);
         }
-
         const hydratedRefs = [];
         for (let i = 0; i < refs.length; i++) {
             const refBinding = refs[i];
@@ -95,7 +65,6 @@ export function hydrate(payload) {
             targetRef.current = nodes[0] || null;
             hydratedRefs.push(targetRef);
         }
-
         if (hydratedRefs.length > 0) {
             _registerDisposer(() => {
                 for (let i = 0; i < hydratedRefs.length; i++) {
@@ -103,7 +72,6 @@ export function hydrate(payload) {
                 }
             });
         }
-
         for (let i = 0; i < components.length; i++) {
             const component = components[i];
             const resolvedProps = Object.freeze(_resolveComponentProps(component.props || [], signalMap, {
@@ -145,7 +113,6 @@ export function hydrate(payload) {
                 }
             }
         }
-
         const expressionMarkerIndices = new Set();
         for (let i = 0; i < expressions.length; i++) {
             const expression = expressions[i];
@@ -154,7 +121,6 @@ export function hydrate(payload) {
             }
             expressionMarkerIndices.add(expression.marker_index);
         }
-
         const markerByIndex = new Map();
         const markerNodesByIndex = new Map();
         const markerIndices = new Set();
@@ -165,34 +131,19 @@ export function hydrate(payload) {
             }
             markerIndices.add(marker.index);
             markerByIndex.set(marker.index, marker);
-
             if (marker.kind === 'event') {
                 continue;
             }
-
             const nodes = _resolveNodes(root, marker.selector, marker.index, marker.kind);
             markerNodesByIndex.set(marker.index, nodes);
-            const value = _evaluateExpression(
-                expressions[marker.index],
-                stateValues,
-                stateKeys,
-                signalMap,
-                componentBindings,
-                params,
-                ssrData,
-                marker.kind,
-                props,
-                exprFns
-            );
+            const value = _evaluateExpression(expressions[marker.index], stateValues, stateKeys, signalMap, componentBindings, params, ssrData, marker.kind, props, exprFns);
             _applyMarkerValue(nodes, marker, value);
         }
-
         for (let i = 0; i < expressions.length; i++) {
             if (!markerIndices.has(i)) {
                 throw new Error(`[Zenith Runtime] missing marker index ${i}`);
             }
         }
-
         function renderMarkerByIndex(index) {
             const marker = markerByIndex.get(index);
             if (!marker || marker.kind === 'event') {
@@ -200,21 +151,9 @@ export function hydrate(payload) {
             }
             const nodes = markerNodesByIndex.get(index) || _resolveNodes(root, marker.selector, marker.index, marker.kind);
             markerNodesByIndex.set(index, nodes);
-            const value = _evaluateExpression(
-                expressions[index],
-                stateValues,
-                stateKeys,
-                signalMap,
-                componentBindings,
-                params,
-                ssrData,
-                marker.kind,
-                props,
-                exprFns
-            );
+            const value = _evaluateExpression(expressions[index], stateValues, stateKeys, signalMap, componentBindings, params, ssrData, marker.kind, props, exprFns);
             _applyMarkerValue(nodes, marker, value);
         }
-
         const dependentMarkersBySignal = new Map();
         for (let i = 0; i < expressions.length; i++) {
             const expression = expressions[i];
@@ -230,7 +169,6 @@ export function hydrate(payload) {
                 dependentMarkersBySignal.get(signalIndex).push(expression.marker_index);
             }
         }
-
         for (const [signalId, markerIndexes] of dependentMarkersBySignal.entries()) {
             const targetSignal = signalMap.get(signalId);
             if (!targetSignal) {
@@ -245,7 +183,6 @@ export function hydrate(payload) {
                 _registerDisposer(unsubscribe);
             }
         }
-
         const dependentMarkersByComponentSignal = new Map();
         for (let i = 0; i < expressions.length; i++) {
             const expression = expressions[i];
@@ -256,10 +193,9 @@ export function hydrate(payload) {
                 continue;
             }
             const instanceBindings = componentBindings[expression.component_instance];
-            const candidate =
-                instanceBindings && Object.prototype.hasOwnProperty.call(instanceBindings, expression.component_binding)
-                    ? instanceBindings[expression.component_binding]
-                    : undefined;
+            const candidate = instanceBindings && Object.prototype.hasOwnProperty.call(instanceBindings, expression.component_binding)
+                ? instanceBindings[expression.component_binding]
+                : undefined;
             if (!candidate || typeof candidate !== 'object') {
                 continue;
             }
@@ -271,7 +207,6 @@ export function hydrate(payload) {
             }
             dependentMarkersByComponentSignal.get(candidate).push(expression.marker_index);
         }
-
         for (const [componentSignal, markerIndexes] of dependentMarkersByComponentSignal.entries()) {
             const unsubscribe = componentSignal.subscribe(() => {
                 for (let i = 0; i < markerIndexes.length; i++) {
@@ -282,7 +217,6 @@ export function hydrate(payload) {
                 _registerDisposer(unsubscribe);
             }
         }
-
         const eventIndices = new Set();
         const escDispatchEntries = [];
         for (let i = 0; i < events.length; i++) {
@@ -291,20 +225,8 @@ export function hydrate(payload) {
                 throw new Error(`[Zenith Runtime] duplicate event index ${eventBinding.index}`);
             }
             eventIndices.add(eventBinding.index);
-
             const nodes = _resolveNodes(root, eventBinding.selector, eventBinding.index, 'event');
-            const handler = _evaluateExpression(
-                expressions[eventBinding.index],
-                stateValues,
-                stateKeys,
-                signalMap,
-                componentBindings,
-                params,
-                ssrData,
-                'event',
-                props || {},
-                exprFns
-            );
+            const handler = _evaluateExpression(expressions[eventBinding.index], stateValues, stateKeys, signalMap, componentBindings, params, ssrData, 'event', props || {}, exprFns);
             if (typeof handler !== 'function') {
                 throwZenithRuntimeError({
                     phase: 'bind',
@@ -315,13 +237,13 @@ export function hydrate(payload) {
                     hint: 'Bind events to function references (on:click={handler}).'
                 });
             }
-
             for (let j = 0; j < nodes.length; j++) {
                 const node = nodes[j];
                 const wrappedHandler = function zenithEventHandler(event) {
                     try {
                         return handler.call(this, event);
-                    } catch (error) {
+                    }
+                    catch (error) {
                         rethrowZenithRuntimeError(error, {
                             phase: 'event',
                             code: 'EVENT_HANDLER_FAILED',
@@ -343,7 +265,6 @@ export function hydrate(payload) {
                 _registerListener(node, eventBinding.event, wrappedHandler);
             }
         }
-
         if (escDispatchEntries.length > 0) {
             const doc = root && root.ownerDocument ? root.ownerDocument : (typeof document !== 'undefined' ? document : null);
             if (doc && typeof doc.addEventListener === 'function') {
@@ -351,10 +272,8 @@ export function hydrate(payload) {
                     if (!event || event.key !== 'Escape') {
                         return;
                     }
-
                     const activeElement = doc.activeElement || null;
                     let targetEntry = null;
-
                     if (activeElement && activeElement !== doc.body && activeElement !== doc.documentElement) {
                         for (let i = escDispatchEntries.length - 1; i >= 0; i--) {
                             const entry = escDispatchEntries[i];
@@ -370,7 +289,6 @@ export function hydrate(payload) {
                             }
                         }
                     }
-
                     if (!targetEntry && (activeElement === null || activeElement === doc.body || activeElement === doc.documentElement)) {
                         for (let i = escDispatchEntries.length - 1; i >= 0; i--) {
                             const entry = escDispatchEntries[i];
@@ -381,20 +299,18 @@ export function hydrate(payload) {
                             break;
                         }
                     }
-
                     if (!targetEntry) {
                         return;
                     }
-
                     return targetEntry.handler.call(targetEntry.node, event);
                 };
                 doc.addEventListener('keydown', escDispatchListener);
                 _registerListener(doc, 'keydown', escDispatchListener);
             }
         }
-
         return cleanup;
-    } catch (error) {
+    }
+    catch (error) {
         rethrowZenithRuntimeError(error, {
             phase: 'hydrate',
             code: 'BINDING_APPLY_FAILED',
@@ -402,39 +318,31 @@ export function hydrate(payload) {
         });
     }
 }
-
 function _validatePayload(payload) {
     if (!payload || typeof payload !== 'object') {
         throw new Error('[Zenith Runtime] hydrate(payload) requires an object payload');
     }
-
     if (payload.ir_version !== 1) {
         throw new Error('[Zenith Runtime] unsupported ir_version (expected 1)');
     }
-
     const root = payload.root;
     const hasQuery = !!root && typeof root.querySelectorAll === 'function';
     if (!hasQuery) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires payload.root with querySelectorAll');
     }
-
     const expressions = payload.expressions;
     if (!Array.isArray(expressions)) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires expressions[]');
     }
-
     const markers = payload.markers;
     if (!Array.isArray(markers)) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires markers[]');
     }
-
     const events = payload.events;
     if (!Array.isArray(events)) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires events[]');
     }
-
     const refs = Array.isArray(payload.refs) ? payload.refs : [];
-
     const stateValues = payload.state_values;
     if (!Array.isArray(stateValues)) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires state_values[]');
@@ -448,12 +356,10 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] state_keys[${i}] must be a string`);
         }
     }
-
     const signals = payload.signals;
     if (!Array.isArray(signals)) {
         throw new Error('[Zenith Runtime] hydrate(payload) requires signals[]');
     }
-
     const components = Array.isArray(payload.components) ? payload.components : [];
     const route = typeof payload.route === 'string' && payload.route.length > 0
         ? payload.route
@@ -465,13 +371,9 @@ function _validatePayload(payload) {
         ? payload.ssr_data
         : {};
     const exprFns = Array.isArray(payload.expr_fns) ? payload.expr_fns : [];
-
     if (markers.length !== expressions.length) {
-        throw new Error(
-            `[Zenith Runtime] marker/expression mismatch: markers=${markers.length}, expressions=${expressions.length}`
-        );
+        throw new Error(`[Zenith Runtime] marker/expression mismatch: markers=${markers.length}, expressions=${expressions.length}`);
     }
-
     for (let i = 0; i < expressions.length; i++) {
         const expression = expressions[i];
         if (!expression || typeof expression !== 'object' || Array.isArray(expression)) {
@@ -481,9 +383,7 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] expression at position ${i} has invalid marker_index`);
         }
         if (expression.marker_index !== i) {
-            throw new Error(
-                `[Zenith Runtime] expression table out of order at position ${i}: marker_index=${expression.marker_index}`
-            );
+            throw new Error(`[Zenith Runtime] expression table out of order at position ${i}: marker_index=${expression.marker_index}`);
         }
         if (expression.fn_index !== undefined && expression.fn_index !== null) {
             if (!Number.isInteger(expression.fn_index) || expression.fn_index < 0) {
@@ -496,14 +396,11 @@ function _validatePayload(payload) {
             }
             for (let j = 0; j < expression.signal_indices.length; j++) {
                 if (!Number.isInteger(expression.signal_indices[j]) || expression.signal_indices[j] < 0) {
-                    throw new Error(
-                        `[Zenith Runtime] expression at position ${i} has invalid signal_indices[${j}]`
-                    );
+                    throw new Error(`[Zenith Runtime] expression at position ${i} has invalid signal_indices[${j}]`);
                 }
             }
         }
     }
-
     for (let i = 0; i < markers.length; i++) {
         const marker = markers[i];
         if (!marker || typeof marker !== 'object' || Array.isArray(marker)) {
@@ -525,7 +422,6 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] attr marker at position ${i} requires attr name`);
         }
     }
-
     for (let i = 0; i < events.length; i++) {
         const eventBinding = events[i];
         if (!eventBinding || typeof eventBinding !== 'object' || Array.isArray(eventBinding)) {
@@ -541,7 +437,6 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] event binding at position ${i} requires selector`);
         }
     }
-
     for (let i = 0; i < refs.length; i++) {
         const refBinding = refs[i];
         if (!refBinding || typeof refBinding !== 'object' || Array.isArray(refBinding)) {
@@ -550,26 +445,19 @@ function _validatePayload(payload) {
         if (!Number.isInteger(refBinding.index) || refBinding.index < 0) {
             throw new Error(`[Zenith Runtime] ref binding at position ${i} requires non-negative index`);
         }
-        if (
-            !Number.isInteger(refBinding.state_index) ||
+        if (!Number.isInteger(refBinding.state_index) ||
             refBinding.state_index < 0 ||
-            refBinding.state_index >= stateValues.length
-        ) {
-            throw new Error(
-                `[Zenith Runtime] ref binding at position ${i} has out-of-bounds state_index`
-            );
+            refBinding.state_index >= stateValues.length) {
+            throw new Error(`[Zenith Runtime] ref binding at position ${i} has out-of-bounds state_index`);
         }
         if (typeof refBinding.selector !== 'string' || refBinding.selector.length === 0) {
             throw new Error(`[Zenith Runtime] ref binding at position ${i} requires selector`);
         }
         const candidate = stateValues[refBinding.state_index];
         if (!candidate || typeof candidate !== 'object' || !Object.prototype.hasOwnProperty.call(candidate, 'current')) {
-            throw new Error(
-                `[Zenith Runtime] ref binding at position ${i} must resolve to a ref-like object`
-            );
+            throw new Error(`[Zenith Runtime] ref binding at position ${i} must resolve to a ref-like object`);
         }
     }
-
     for (let i = 0; i < signals.length; i++) {
         const signalDescriptor = signals[i];
         if (!signalDescriptor || typeof signalDescriptor !== 'object' || Array.isArray(signalDescriptor)) {
@@ -588,7 +476,6 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] signal descriptor at position ${i} has out-of-bounds state_index`);
         }
     }
-
     for (let i = 0; i < components.length; i++) {
         const component = components[i];
         if (!component || typeof component !== 'object' || Array.isArray(component)) {
@@ -604,37 +491,37 @@ function _validatePayload(payload) {
             throw new Error(`[Zenith Runtime] component at position ${i} requires create() function`);
         }
     }
-
     if (payload.params !== undefined) {
         if (!payload.params || typeof payload.params !== 'object' || Array.isArray(payload.params)) {
             throw new Error('[Zenith Runtime] hydrate() requires params object');
         }
     }
-
     if (payload.ssr_data !== undefined) {
         if (!payload.ssr_data || typeof payload.ssr_data !== 'object' || Array.isArray(payload.ssr_data)) {
             throw new Error('[Zenith Runtime] hydrate() requires ssr_data object');
         }
     }
-
     const props = payload.props && typeof payload.props === 'object' && !Array.isArray(payload.props)
         ? payload.props
         : {};
-    for (let i = 0; i < expressions.length; i++) Object.freeze(expressions[i]);
-    for (let i = 0; i < markers.length; i++) Object.freeze(markers[i]);
-    for (let i = 0; i < events.length; i++) Object.freeze(events[i]);
-    for (let i = 0; i < refs.length; i++) Object.freeze(refs[i]);
-    for (let i = 0; i < signals.length; i++) Object.freeze(signals[i]);
+    for (let i = 0; i < expressions.length; i++)
+        Object.freeze(expressions[i]);
+    for (let i = 0; i < markers.length; i++)
+        Object.freeze(markers[i]);
+    for (let i = 0; i < events.length; i++)
+        Object.freeze(events[i]);
+    for (let i = 0; i < refs.length; i++)
+        Object.freeze(refs[i]);
+    for (let i = 0; i < signals.length; i++)
+        Object.freeze(signals[i]);
     for (let i = 0; i < components.length; i++) {
         const c = components[i];
         if (Array.isArray(c.props)) {
             for (let j = 0; j < c.props.length; j++) {
                 const propDesc = c.props[j];
-                if (
-                    propDesc &&
+                if (propDesc &&
                     typeof propDesc === 'object' &&
-                    _isHydrationFreezableContainer(propDesc.value)
-                ) {
+                    _isHydrationFreezableContainer(propDesc.value)) {
                     Object.freeze(propDesc.value);
                 }
                 Object.freeze(propDesc);
@@ -643,14 +530,12 @@ function _validatePayload(payload) {
         }
         Object.freeze(c);
     }
-
     Object.freeze(expressions);
     Object.freeze(markers);
     Object.freeze(events);
     Object.freeze(refs);
     Object.freeze(signals);
     Object.freeze(components);
-
     const validatedPayload = {
         root,
         expressions,
@@ -667,10 +552,8 @@ function _validatePayload(payload) {
         props: Object.freeze(props),
         exprFns: Object.freeze(exprFns)
     };
-
     return Object.freeze(validatedPayload);
 }
-
 function _resolveComponentProps(propTable, signalMap, context = {}) {
     if (!Array.isArray(propTable)) {
         throw new Error('[Zenith Runtime] component props must be an array');
@@ -700,20 +583,15 @@ function _resolveComponentProps(propTable, signalMap, context = {}) {
             }
             const signalValue = signalMap.get(descriptor.index);
             if (!signalValue || typeof signalValue.get !== 'function') {
-                throw new Error(
-                    `[Zenith Runtime]\nComponent: ${context.component || '<unknown>'}\nRoute: ${context.route || '<unknown>'}\nProp: ${descriptor.name}\nReason: signal index ${descriptor.index} did not resolve`
-                );
+                throw new Error(`[Zenith Runtime]\nComponent: ${context.component || '<unknown>'}\nRoute: ${context.route || '<unknown>'}\nProp: ${descriptor.name}\nReason: signal index ${descriptor.index} did not resolve`);
             }
             resolved[descriptor.name] = signalValue;
             continue;
         }
-        throw new Error(
-            `[Zenith Runtime] unsupported component prop type "${descriptor.type}" for "${descriptor.name}"`
-        );
+        throw new Error(`[Zenith Runtime] unsupported component prop type "${descriptor.type}" for "${descriptor.name}"`);
     }
     return resolved;
 }
-
 function _resolveNodes(root, selector, index, kind) {
     const nodes = root.querySelectorAll(selector);
     if (!nodes || nodes.length === 0) {
@@ -728,7 +606,6 @@ function _resolveNodes(root, selector, index, kind) {
     }
     return nodes;
 }
-
 function _resolveExpressionSignalIndices(binding) {
     if (!binding || typeof binding !== 'object') {
         return [];
@@ -741,7 +618,6 @@ function _resolveExpressionSignalIndices(binding) {
     }
     return [];
 }
-
 function _evaluateExpression(binding, stateValues, stateKeys, signalMap, componentBindings, params, ssrData, mode, props, exprFns) {
     if (binding.fn_index != null && binding.fn_index !== undefined) {
         const fns = Array.isArray(exprFns) ? exprFns : [];
@@ -770,15 +646,12 @@ function _evaluateExpression(binding, stateValues, stateKeys, signalMap, compone
         }
         return mode === 'event' ? signalValue : signalValue.get();
     }
-
     if (binding.state_index !== null && binding.state_index !== undefined) {
         const resolved = stateValues[binding.state_index];
-        if (
-            mode !== 'event' &&
+        if (mode !== 'event' &&
             resolved &&
             typeof resolved === 'object' &&
-            typeof resolved.get === 'function'
-        ) {
+            typeof resolved.get === 'function') {
             return resolved.get();
         }
         if (mode !== 'event' && typeof resolved === 'function') {
@@ -786,19 +659,15 @@ function _evaluateExpression(binding, stateValues, stateKeys, signalMap, compone
         }
         return resolved;
     }
-
     if (typeof binding.component_instance === 'string' && typeof binding.component_binding === 'string') {
         const instanceBindings = componentBindings[binding.component_instance];
-        const resolved =
-            instanceBindings && Object.prototype.hasOwnProperty.call(instanceBindings, binding.component_binding)
-                ? instanceBindings[binding.component_binding]
-                : undefined;
-        if (
-            mode !== 'event' &&
+        const resolved = instanceBindings && Object.prototype.hasOwnProperty.call(instanceBindings, binding.component_binding)
+            ? instanceBindings[binding.component_binding]
+            : undefined;
+        if (mode !== 'event' &&
             resolved &&
             typeof resolved === 'object' &&
-            typeof resolved.get === 'function'
-        ) {
+            typeof resolved.get === 'function') {
             return resolved.get();
         }
         if (mode !== 'event' && typeof resolved === 'function') {
@@ -806,20 +675,10 @@ function _evaluateExpression(binding, stateValues, stateKeys, signalMap, compone
         }
         return resolved;
     }
-
     if (binding.literal !== null && binding.literal !== undefined) {
         if (typeof binding.literal === 'string') {
             const trimmedLiteral = binding.literal.trim();
-            const strictMemberValue = _resolveStrictMemberChainLiteral(
-                trimmedLiteral,
-                stateValues,
-                stateKeys,
-                params,
-                ssrData,
-                mode,
-                props,
-                binding.marker_index
-            );
+            const strictMemberValue = _resolveStrictMemberChainLiteral(trimmedLiteral, stateValues, stateKeys, params, ssrData, mode, props, binding.marker_index);
             if (strictMemberValue !== UNRESOLVED_LITERAL) {
                 return strictMemberValue;
             }
@@ -832,7 +691,6 @@ function _evaluateExpression(binding, stateValues, stateKeys, signalMap, compone
             if (trimmedLiteral === 'props') {
                 return props || {};
             }
-
             const primitiveValue = _resolvePrimitiveLiteral(trimmedLiteral);
             if (primitiveValue !== UNRESOLVED_LITERAL) {
                 return primitiveValue;
@@ -853,10 +711,8 @@ function _evaluateExpression(binding, stateValues, stateKeys, signalMap, compone
         }
         return binding.literal;
     }
-
     return '';
 }
-
 function _throwUnresolvedMemberChainError(literal, markerIndex, mode, pathSuffix, hint) {
     throwZenithRuntimeError({
         phase: 'bind',
@@ -870,44 +726,26 @@ function _throwUnresolvedMemberChainError(literal, markerIndex, mode, pathSuffix
         hint
     });
 }
-
-function _resolveStrictMemberChainLiteral(
-    literal,
-    stateValues,
-    stateKeys,
-    params,
-    ssrData,
-    mode,
-
-    props,
-    markerIndex
-) {
+function _resolveStrictMemberChainLiteral(literal, stateValues, stateKeys, params, ssrData, mode, props, markerIndex) {
     if (typeof literal !== 'string' || !STRICT_MEMBER_CHAIN_LITERAL_RE.test(literal)) {
         return UNRESOLVED_LITERAL;
     }
-
-    if (literal === 'true') return true;
-    if (literal === 'false') return false;
-    if (literal === 'null') return null;
-    if (literal === 'undefined') return undefined;
-
+    if (literal === 'true')
+        return true;
+    if (literal === 'false')
+        return false;
+    if (literal === 'null')
+        return null;
+    if (literal === 'undefined')
+        return undefined;
     const segments = literal.split('.');
     const baseIdentifier = segments[0];
     const scope = _buildLiteralScope(stateValues, stateKeys, params, ssrData, mode, props);
-
     if (!Object.prototype.hasOwnProperty.call(scope, baseIdentifier)) {
-        _throwUnresolvedMemberChainError(
-            literal,
-            markerIndex,
-            mode,
-            `expression.${baseIdentifier}`,
-            `Base identifier "${baseIdentifier}" is not bound. Check props/data/params and declared state keys.`
-        );
-    }
-
+        _throwUnresolvedMemberChainError(literal, markerIndex, mode, `expression.${baseIdentifier}`, `Base identifier "${baseIdentifier}" is not bound. Check props/data/params and declared state keys.`);
+    }
     let cursor = scope[baseIdentifier];
     let traversedPath = baseIdentifier;
-
     for (let i = 1; i < segments.length; i++) {
         const segment = segments[i];
         if (UNSAFE_MEMBER_KEYS.has(segment)) {
@@ -919,80 +757,55 @@ function _resolveStrictMemberChainLiteral(
                 hint: 'Property access to __proto__, prototype, and constructor is forbidden.'
             });
         }
-
         if (cursor === null || cursor === undefined) {
-            _throwUnresolvedMemberChainError(
-                literal,
-                markerIndex,
-                mode,
-                `expression.${traversedPath}.${segment}`,
-                `Cannot read "${segment}" from ${traversedPath} because it is null or undefined.`
-            );
-        }
-
+            _throwUnresolvedMemberChainError(literal, markerIndex, mode, `expression.${traversedPath}.${segment}`, `Cannot read "${segment}" from ${traversedPath} because it is null or undefined.`);
+        }
         const cursorType = typeof cursor;
         if (cursorType !== 'object' && cursorType !== 'function') {
-            _throwUnresolvedMemberChainError(
-                literal,
-                markerIndex,
-                mode,
-                `expression.${traversedPath}.${segment}`,
-                `Cannot read "${segment}" from ${traversedPath} because it resolved to a ${cursorType}.`
-            );
-        }
-
+            _throwUnresolvedMemberChainError(literal, markerIndex, mode, `expression.${traversedPath}.${segment}`, `Cannot read "${segment}" from ${traversedPath} because it resolved to a ${cursorType}.`);
+        }
         if (!Object.prototype.hasOwnProperty.call(cursor, segment)) {
-            _throwUnresolvedMemberChainError(
-                literal,
-                markerIndex,
-                mode,
-                `expression.${traversedPath}.${segment}`,
-                `Missing member "${segment}" on ${traversedPath}. Check your bindings.`
-            );
-        }
-
+            _throwUnresolvedMemberChainError(literal, markerIndex, mode, `expression.${traversedPath}.${segment}`, `Missing member "${segment}" on ${traversedPath}. Check your bindings.`);
+        }
         cursor = cursor[segment];
         traversedPath = `${traversedPath}.${segment}`;
     }
-
     return cursor;
 }
-
 function _resolvePrimitiveLiteral(literal) {
     if (typeof literal !== 'string') {
         return UNRESOLVED_LITERAL;
     }
-    if (literal === 'true') return true;
-    if (literal === 'false') return false;
-    if (literal === 'null') return null;
-    if (literal === 'undefined') return undefined;
-
+    if (literal === 'true')
+        return true;
+    if (literal === 'false')
+        return false;
+    if (literal === 'null')
+        return null;
+    if (literal === 'undefined')
+        return undefined;
     if (/^-?(?:0|[1-9][0-9]*)(?:\.[0-9]+)?$/.test(literal)) {
         return Number(literal);
     }
-
     if (literal.length >= 2 && literal.startsWith('"') && literal.endsWith('"')) {
         try {
             return JSON.parse(literal);
-        } catch {
+        }
+        catch {
             return UNRESOLVED_LITERAL;
         }
     }
-
     if (literal.length >= 2 && literal.startsWith('\'') && literal.endsWith('\'')) {
         return literal
             .slice(1, -1)
             .replace(/\\\\/g, '\\')
             .replace(/\\'/g, '\'');
     }
-
     if (literal.length >= 2 && literal.startsWith('`') && literal.endsWith('`')) {
         return literal.slice(1, -1);
     }
-
     return UNRESOLVED_LITERAL;
 }
-
 function _buildLiteralScope(stateValues, stateKeys, params, ssrData, mode, props) {
     const scope = Object.create(null);
     scope.params = params;
@@ -1020,7 +833,6 @@ function _buildLiteralScope(stateValues, stateKeys, params, ssrData, mode, props
         return scope.__zenith_fragment(html);
     };
     const aliasConflicts = new Set();
-
     if (Array.isArray(stateKeys)) {
         for (let i = 0; i < stateKeys.length; i++) {
             const key = stateKeys[i];
@@ -1032,7 +844,6 @@ function _buildLiteralScope(stateValues, stateKeys, params, ssrData, mode, props
             }
             const value = stateValues[i];
             scope[key] = value;
-
             const alias = _deriveStateAlias(key);
             if (!alias || alias === key || aliasConflicts.has(alias)) {
                 continue;
@@ -1045,10 +856,8 @@ function _buildLiteralScope(stateValues, stateKeys, params, ssrData, mode, props
             scope[alias] = scope[key];
         }
     }
-
     return scope;
 }
-
 function _deriveStateAlias(key) {
     if (typeof key !== 'string' || key.length === 0) {
         return null;
@@ -1073,7 +882,6 @@ function _deriveStateAlias(key) {
     const alias = match[1];
     return alias === key ? null : alias;
 }
-
 function _isLikelyExpressionLiteral(literal) {
     if (typeof literal !== 'string') {
         return false;
@@ -1090,16 +898,18 @@ function _isLikelyExpressionLiteral(literal) {
     }
     return /=>|[()[\]{}<>=?:.+\-*/%|&!]/.test(trimmed);
 }
-
 function _markerTypeForError(kind) {
-    if (kind === 'text') return 'data-zx-e';
-    if (kind === 'attr') return 'data-zx-attr';
-    if (kind === 'event') return 'data-zx-on';
+    if (kind === 'text')
+        return 'data-zx-e';
+    if (kind === 'attr')
+        return 'data-zx-attr';
+    if (kind === 'event')
+        return 'data-zx-on';
     return kind;
 }
-
 function _truncateLiteralForError(str) {
-    if (typeof str !== 'string') return String(str);
+    if (typeof str !== 'string')
+        return String(str);
     const sanitized = str
         .replace(/[A-Za-z]:\\[^\s"'`]+/g, '<path>')
         .replace(/\/Users\/[^\s"'`]+/g, '<path>')
@@ -1109,7 +919,6 @@ function _truncateLiteralForError(str) {
         .replace(/\/var\/folders\/[^\s"'`]+/g, '<path>');
     return sanitized.length > 100 ? `${sanitized.substring(0, 97)}...` : sanitized;
 }
-
 // ──────────────────────────────────────────────────────────────────────────────
 // _zenhtml — LEGACY internal helper for compiler-generated fragment expressions.
 //
@@ -1120,13 +929,11 @@ function _truncateLiteralForError(str) {
 //
 // Scheduled for removal before 1.0 (replaced by full fragment protocol).
 // ──────────────────────────────────────────────────────────────────────────────
-
 const _ZENHTML_UNSAFE_TAG_RE = /<script[\s>]/i;
 const _ZENHTML_EVENT_ATTR_RE = /\bon[a-z]+\s*=/i;
 const _ZENHTML_JS_URL_RE = /javascript\s*:/i;
 const _ZENHTML_PROTO_KEYS = new Set(['__proto__', 'constructor', 'prototype']);
 const _ZENHTML_SCRIPT_CLOSE_RE = /<\/script/gi;
-
 function _zenhtml(strings, ...values) {
     if (!Array.isArray(strings)) {
         throwZenithRuntimeError({
@@ -1136,7 +943,6 @@ function _zenhtml(strings, ...values) {
             hint: 'This helper only accepts tagged template syntax.'
         });
     }
-
     let result = '';
     for (let i = 0; i < strings.length; i++) {
         result += strings[i];
@@ -1145,7 +951,6 @@ function _zenhtml(strings, ...values) {
             result += _zenhtml_coerce(val, i);
         }
     }
-
     // Final output sanitization: reject dangerous patterns in assembled HTML
     if (_ZENHTML_UNSAFE_TAG_RE.test(result)) {
         throwZenithRuntimeError({
@@ -1171,16 +976,13 @@ function _zenhtml(strings, ...values) {
             hint: 'javascript: URLs are forbidden in embedded markup.'
         });
     }
-
     // Escape any residual </script sequences
     result = result.replace(_ZENHTML_SCRIPT_CLOSE_RE, '<\\/script');
-
     return {
         __zenith_fragment: true,
         html: result
     };
 }
-
 function _zenhtml_coerce(val, interpolationIndex) {
     if (val === null || val === undefined || val === false) {
         return '';
@@ -1232,16 +1034,13 @@ function _zenhtml_coerce(val, interpolationIndex) {
         hint: 'Only strings, numbers, booleans, null, undefined, arrays, and __zenith_fragment objects are allowed.'
     });
 }
-
 function _rewriteMarkupLiterals(expression) {
     let out = '';
     let index = 0;
     let quote = null;
     let escaped = false;
-
     while (index < expression.length) {
         const ch = expression[index];
-
         if (quote) {
             out += ch;
             if (escaped) {
@@ -1260,14 +1059,12 @@ function _rewriteMarkupLiterals(expression) {
             index += 1;
             continue;
         }
-
         if (ch === '\'' || ch === '"' || ch === '`') {
             quote = ch;
             out += ch;
             index += 1;
             continue;
         }
-
         if (ch === '<') {
             const markup = _readMarkupLiteral(expression, index);
             if (markup) {
@@ -1276,19 +1073,15 @@ function _rewriteMarkupLiterals(expression) {
                 continue;
             }
         }
-
         out += ch;
         index += 1;
     }
-
     return out;
 }
-
 function _readMarkupLiteral(source, start) {
     if (source[start] !== '<') {
         return null;
     }
-
     const firstTag = _readTagToken(source, start);
     if (!firstTag || firstTag.isClosing) {
         return null;
@@ -1299,10 +1092,8 @@ function _readMarkupLiteral(source, start) {
             end: firstTag.end
         };
     }
-
     const stack = [firstTag.name];
     let cursor = firstTag.end;
-
     while (cursor < source.length) {
         const nextLt = source.indexOf('<', cursor);
         if (nextLt < 0) {
@@ -1314,11 +1105,9 @@ function _readMarkupLiteral(source, start) {
             continue;
         }
         cursor = token.end;
-
         if (token.selfClosing) {
             continue;
         }
-
         if (token.isClosing) {
             const expected = stack[stack.length - 1];
             if (token.name !== expected) {
@@ -1333,29 +1122,23 @@ function _readMarkupLiteral(source, start) {
             }
             continue;
         }
-
         stack.push(token.name);
     }
-
     return null;
 }
-
 function _readTagToken(source, start) {
     if (source[start] !== '<') {
         return null;
     }
     let index = start + 1;
     let isClosing = false;
-
     if (index < source.length && source[index] === '/') {
         isClosing = true;
         index += 1;
     }
-
     if (index >= source.length || !/[A-Za-z_]/.test(source[index])) {
         return null;
     }
-
     const nameStart = index;
     while (index < source.length && /[A-Za-z0-9:_-]/.test(source[index])) {
         index += 1;
@@ -1364,7 +1147,6 @@ function _readTagToken(source, start) {
         return null;
     }
     const name = source.slice(nameStart, index);
-
     let quote = null;
     let escaped = false;
     let braceDepth = 0;
@@ -1387,7 +1169,6 @@ function _readTagToken(source, start) {
             index += 1;
             continue;
         }
-
         if (ch === '\'' || ch === '"' || ch === '`') {
             quote = ch;
             index += 1;
@@ -1410,10 +1191,8 @@ function _readTagToken(source, start) {
         }
         index += 1;
     }
-
     return null;
 }
-
 function _markupLiteralToTemplate(markup) {
     let out = '`';
     let index = 0;
@@ -1424,7 +1203,8 @@ function _markupLiteralToTemplate(markup) {
             if (segment) {
                 if (_isAttributeExpressionStart(markup, index)) {
                     out += '"${' + segment.content + '}"';
-                } else {
+                }
+                else {
                     out += '${' + segment.content + '}';
                 }
                 index = segment.end;
@@ -1452,7 +1232,6 @@ function _markupLiteralToTemplate(markup) {
     out += '`';
     return out;
 }
-
 function _isAttributeExpressionStart(markup, start) {
     let cursor = start - 1;
     while (cursor >= 0) {
@@ -1465,7 +1244,6 @@ function _isAttributeExpressionStart(markup, start) {
     }
     return false;
 }
-
 function _readBalancedBraces(source, start) {
     if (source[start] !== '{') {
         return null;
@@ -1475,7 +1253,6 @@ function _readBalancedBraces(source, start) {
     let quote = null;
     let escaped = false;
     let content = '';
-
     while (index < source.length) {
         const ch = source[index];
         if (quote) {
@@ -1496,7 +1273,6 @@ function _readBalancedBraces(source, start) {
             index += 1;
             continue;
         }
-
         if (ch === '\'' || ch === '"' || ch === '`') {
             quote = ch;
             content += ch;
@@ -1524,10 +1300,8 @@ function _readBalancedBraces(source, start) {
         content += ch;
         index += 1;
     }
-
     return null;
 }
-
 function _applyMarkerValue(nodes, marker, value) {
     const markerPath = `marker[${marker.index}]`;
     for (let i = 0; i < nodes.length; i++) {
@@ -1538,20 +1312,20 @@ function _applyMarkerValue(nodes, marker, value) {
                     _mountStructuralFragment(node, value, `${markerPath}.text`);
                     continue;
                 }
-
                 const html = _renderFragmentValue(value, `${markerPath}.text`);
                 if (html !== null) {
                     node.innerHTML = html;
-                } else {
+                }
+                else {
                     node.textContent = _coerceText(value, `${markerPath}.text`);
                 }
                 continue;
             }
-
             if (marker.kind === 'attr') {
                 _applyAttribute(node, marker.attr, value);
             }
-        } catch (error) {
+        }
+        catch (error) {
             rethrowZenithRuntimeError(error, {
                 phase: 'bind',
                 code: 'BINDING_APPLY_FAILED',
@@ -1568,30 +1342,31 @@ function _applyMarkerValue(nodes, marker, value) {
         }
     }
 }
-
 function _isStructuralFragment(value) {
     if (Array.isArray(value)) {
         for (let i = 0; i < value.length; i++) {
-            if (_isStructuralFragment(value[i])) return true;
+            if (_isStructuralFragment(value[i]))
+                return true;
         }
         return false;
     }
     return value && typeof value === 'object' && value.__zenith_fragment === true && typeof value.mount === 'function';
 }
-
 function _mountStructuralFragment(container, value, rootPath = 'renderable') {
     if (container.__z_unmounts) {
         for (let i = 0; i < container.__z_unmounts.length; i++) {
-            try { container.__z_unmounts[i](); } catch (e) { }
+            try {
+                container.__z_unmounts[i]();
+            }
+            catch (e) { }
         }
     }
-
     container.innerHTML = '';
     const newUnmounts = [];
-
     function mountItem(item, path) {
         if (Array.isArray(item)) {
-            for (let i = 0; i < item.length; i++) mountItem(item[i], `${path}[${i}]`);
+            for (let i = 0; i < item.length; i++)
+                mountItem(item[i], `${path}[${i}]`);
             return;
         }
         if (item && item.__zenith_fragment === true && typeof item.mount === 'function') {
@@ -1599,21 +1374,23 @@ function _mountStructuralFragment(container, value, rootPath = 'renderable') {
             if (typeof item.unmount === 'function') {
                 newUnmounts.push(item.unmount.bind(item));
             }
-        } else {
+        }
+        else {
             const text = _coerceText(item, path);
             if (text || text === '') {
                 const textNode = document.createTextNode(text);
                 container.appendChild(textNode);
                 newUnmounts.push(() => {
-                    if (textNode.parentNode) textNode.parentNode.removeChild(textNode);
+                    if (textNode.parentNode)
+                        textNode.parentNode.removeChild(textNode);
                 });
             }
         }
     }
-
     try {
         mountItem(value, rootPath);
-    } catch (error) {
+    }
+    catch (error) {
         rethrowZenithRuntimeError(error, {
             phase: 'render',
             code: 'FRAGMENT_MOUNT_FAILED',
@@ -1624,9 +1401,9 @@ function _mountStructuralFragment(container, value, rootPath = 'renderable') {
     }
     container.__z_unmounts = newUnmounts;
 }
-
 function _coerceText(value, path = 'renderable') {
-    if (value === null || value === undefined || value === false || value === true) return '';
+    if (value === null || value === undefined || value === false || value === true)
+        return '';
     if (typeof value === 'function') {
         throwZenithRuntimeError({
             phase: 'render',
@@ -1647,7 +1424,6 @@ function _coerceText(value, path = 'renderable') {
     }
     return String(value);
 }
-
 function _renderFragmentValue(value, path = 'renderable') {
     if (value === null || value === undefined || value === false || value === true) {
         return '';
@@ -1665,17 +1441,14 @@ function _renderFragmentValue(value, path = 'renderable') {
         }
         return out;
     }
-    if (
-        value &&
+    if (value &&
         typeof value === 'object' &&
         value.__zenith_fragment === true &&
-        typeof value.html === 'string'
-    ) {
+        typeof value.html === 'string') {
         return value.html;
     }
     return null;
 }
-
 function _escapeHtml(input) {
     return String(input)
         .replace(/&/g, '&amp;')
@@ -1684,7 +1457,6 @@ function _escapeHtml(input) {
         .replace(/"/g, '&quot;')
         .replace(/'/g, '&#39;');
 }
-
 function _renderLegacyMarkupInterpolation(value) {
     if (value === null || value === undefined || value === false || value === true) {
         return '';
@@ -1696,17 +1468,14 @@ function _renderLegacyMarkupInterpolation(value) {
         }
         return out;
     }
-    if (
-        value &&
+    if (value &&
         typeof value === 'object' &&
         value.__zenith_fragment === true &&
-        typeof value.html === 'string'
-    ) {
+        typeof value.html === 'string') {
         return value.html;
     }
     return _escapeHtml(_coerceText(value, 'legacy markup interpolation'));
 }
-
 function _applyAttribute(node, attrName, value) {
     if (typeof attrName === 'string' && attrName.toLowerCase() === 'innerhtml') {
         node.innerHTML = value === null || value === undefined || value === false
@@ -1714,23 +1483,19 @@ function _applyAttribute(node, attrName, value) {
             : String(value);
         return;
     }
-
     if (attrName === 'class' || attrName === 'className') {
         node.className = value === null || value === undefined || value === false ? '' : String(value);
         return;
     }
-
     if (attrName === 'style') {
         if (value === null || value === undefined || value === false) {
             node.removeAttribute('style');
             return;
         }
-
         if (typeof value === 'string') {
             node.setAttribute('style', value);
             return;
         }
-
         if (typeof value === 'object') {
             const entries = Object.entries(value);
             let styleText = '';
@@ -1741,31 +1506,27 @@ function _applyAttribute(node, attrName, value) {
             node.setAttribute('style', styleText);
             return;
         }
-
         node.setAttribute('style', String(value));
         return;
     }
-
     if (BOOLEAN_ATTRIBUTES.has(attrName)) {
         if (value) {
             node.setAttribute(attrName, '');
-        } else {
+        }
+        else {
             node.removeAttribute(attrName);
         }
         return;
     }
-
     if (value === null || value === undefined || value === false) {
         node.removeAttribute(attrName);
         return;
     }
-
     node.setAttribute(attrName, String(value));
 }
-
 function _deepFreezePayload(obj) {
-    if (!_isHydrationFreezableContainer(obj) || Object.isFrozen(obj)) return;
-
+    if (!_isHydrationFreezableContainer(obj) || Object.isFrozen(obj))
+        return;
     Object.freeze(obj);
     const keys = Object.keys(obj);
     for (let i = 0; i < keys.length; i++) {
@@ -1775,7 +1536,6 @@ function _deepFreezePayload(obj) {
         }
     }
 }
-
 function _isHydrationRefObject(obj) {
     if (!obj || typeof obj !== 'object') {
         return false;
@@ -1798,7 +1558,6 @@ function _isHydrationRefObject(obj) {
     }
     return false;
 }
-
 function _isPlainObject(value) {
     if (!value || typeof value !== 'object' || Array.isArray(value)) {
         return false;
@@ -1806,11 +1565,11 @@ function _isPlainObject(value) {
     const proto = Object.getPrototypeOf(value);
     return proto === Object.prototype || proto === null;
 }
-
 function _isHydrationFreezableContainer(value) {
-    if (Array.isArray(value)) return true;
-    if (!_isPlainObject(value)) return false;
-
+    if (Array.isArray(value))
+        return true;
+    if (!_isPlainObject(value))
+        return false;
     if (_isHydrationRefObject(value)) {
         return false;
     }