@stacksjs/stx 0.2.363 → 0.2.365

package/dist/{chunk-pwctc0m1.js → chunk-czzy14fj.js}

@@ -1,5 +1,5 @@
 // @bun
-import{Aj as I,Bj as M,Fj as P,Gj as T,Hj as x,Ij as C,wj as B,xj as F,yj as H,zj as O}from"./chunk-0t1yyn1d.js";import{Ov as L,Qv as R,Sv as S}from"./chunk-7racewc5.js";var w=null;function j(){return w}function g(z,W){if(w)w.provides.set(z,W);else V.set(z,W)}function v(z,W){let Q=w;while(Q){if(Q.provides.has(z))return Q.provides.get(z);Q=Q.parent}if(V.has(z))return V.get(z);return W}var V=new Map;function m(z,W){V.set(z,W)}function U(z){let W=w,Q=W?.el,Z=Array.isArray(z)?z:z&&typeof z==="object"?Object.keys(z):[];if(Q&&Z.length>0){let $=Q.__stx_component_emits||=Object.create(null);for(let Y of Z)$[Y]=!0}let _=($,...Y)=>{if(typeof document>"u")return;if(Q){let A=Q.__stx_component_emits||=Object.create(null);A[$]=!0,Q.dispatchEvent(new CustomEvent($,{detail:Y.length===1?Y[0]:Y,bubbles:!0,cancelable:!0}))}};if(W)W.emit=_;return _}function y(z){if(w)w.exposed=z}function h(z){let W=Promise.resolve();return z?W.then(z):W}function p(z){if(w)w.errorCapturedHooks.push(z)}function u(z,W,Q){let Z=W?.parent;while(Z){for(let _ of Z.errorCapturedHooks)if(_(z,W,Q)===!1)return;Z=Z.parent}}function l(){return w?.slots??{}}function d(){return w?.slots??{}}function i(){return w?.attrs??{}}function c(z){let W=z.__provides?new Map(Object.entries(z.__provides)):new Map;return{...z,__provides:W,__provide(Q,Z){W.set(Q,Z)},__inject(Q,Z){if(W.has(Q))return W.get(Q);if(z.__provides){let _=z.__provides instanceof Map?z.__provides:new Map(Object.entries(z.__provides));if(_.has(Q))return _.get(Q)}return Z}}}function o(){return`
+import{Aj as I,Bj as M,Fj as P,Gj as T,Hj as x,Ij as C,wj as B,xj as F,yj as H,zj as O}from"./chunk-y32dbdta.js";import{Ov as L,Qv as R,Sv as S}from"./chunk-7racewc5.js";var w=null;function j(){return w}function g(z,W){if(w)w.provides.set(z,W);else V.set(z,W)}function v(z,W){let Q=w;while(Q){if(Q.provides.has(z))return Q.provides.get(z);Q=Q.parent}if(V.has(z))return V.get(z);return W}var V=new Map;function m(z,W){V.set(z,W)}function U(z){let W=w,Q=W?.el,Z=Array.isArray(z)?z:z&&typeof z==="object"?Object.keys(z):[];if(Q&&Z.length>0){let $=Q.__stx_component_emits||=Object.create(null);for(let Y of Z)$[Y]=!0}let _=($,...Y)=>{if(typeof document>"u")return;if(Q){let A=Q.__stx_component_emits||=Object.create(null);A[$]=!0,Q.dispatchEvent(new CustomEvent($,{detail:Y.length===1?Y[0]:Y,bubbles:!0,cancelable:!0}))}};if(W)W.emit=_;return _}function y(z){if(w)w.exposed=z}function h(z){let W=Promise.resolve();return z?W.then(z):W}function p(z){if(w)w.errorCapturedHooks.push(z)}function u(z,W,Q){let Z=W?.parent;while(Z){for(let _ of Z.errorCapturedHooks)if(_(z,W,Q)===!1)return;Z=Z.parent}}function l(){return w?.slots??{}}function d(){return w?.slots??{}}function i(){return w?.attrs??{}}function c(z){let W=z.__provides?new Map(Object.entries(z.__provides)):new Map;return{...z,__provides:W,__provide(Q,Z){W.set(Q,Z)},__inject(Q,Z){if(W.has(Q))return W.get(Q);if(z.__provides){let _=z.__provides instanceof Map?z.__provides:new Map(Object.entries(z.__provides));if(_.has(Q))return _.get(Q)}return Z}}}function o(){return`
 // STX Composition API Runtime
 (function() {
   const _provides = new Map();
@@ -167,6 +167,25 @@ console.log('[stx] entering IIFE');
   // Reactive Core
   // ==========================================================================
 
+  // Compiled expression functions, by parameter list and body. A binding was
+  // compiled with new Function on every evaluation: a page with a few hundred
+  // names in scope rebuilt a function of a few hundred parameters for every
+  // binding of every row, every time a row re-rendered. Opening a 386-message
+  // conversation took seven seconds in WebKit, the window frozen meanwhile.
+  // A Function built this way closes over nothing, so one can be reused.
+  const __stxCompiled = new Map();
+  function __stxCompile(params, body) {
+    const key = params.join(',') + '\\x01' + body;
+    let fn = __stxCompiled.get(key);
+    if (!fn) {
+      fn = new Function(...params, body);
+      // Bounded: expressions are finite per page, but SPA navigation adds more.
+      if (__stxCompiled.size >= 5000) __stxCompiled.clear();
+      __stxCompiled.set(key, fn);
+    }
+    return fn;
+  }
+
   let activeEffect = null;
   const effectStack = [];
   const pendingEffects = new Set();
@@ -756,7 +775,7 @@ else {
     // First evaluate the base expression
     let value;
     try {
-      const fn = new Function(...Object.keys(scope), 'return ' + valueExpr);
+      const fn = __stxCompile(Object.keys(scope), 'return ' + valueExpr);
       value = fn(...Object.values(scope));
     }
 catch (e) {
@@ -777,7 +796,7 @@ catch (e) {
             if (/^['"].*['"]$/.test(arg)) return arg.slice(1, -1);
             // Try to evaluate as expression in scope
             try {
-              const fn = new Function(...Object.keys(scope), 'return ' + arg);
+              const fn = __stxCompile(Object.keys(scope), 'return ' + arg);
               return fn(...Object.values(scope));
             }
 catch (e) {
@@ -825,7 +844,10 @@ else {
         }
         const prev = value;
         value = newValue;
-        subscribers.forEach(cb => cb(value, prev));
+        subscribers.forEach(cb => {
+          try { cb(value, prev); }
+          catch (e) { console.error('[stx] subscriber error:', e); }
+        });
         if (isBatching) {
           effects.forEach(effect => pendingEffects.add(effect));
         }
@@ -839,7 +861,10 @@ else {
     // Notify as if the value changed, for an array or object mutated in place.
     // set() cannot do it: the value is the same reference, so Object.is skips.
     signal.trigger = () => {
-      subscribers.forEach(cb => cb(value, value));
+      subscribers.forEach(cb => {
+        try { cb(value, value); }
+        catch (e) { console.error('[stx] subscriber error:', e); }
+      });
       if (isBatching) {
         effects.forEach(effect => pendingEffects.add(effect));
       }
@@ -929,8 +954,10 @@ finally {
       if (isDisposed) return;
       if (__stxDevtoolsTracking) { runEffect._runCount++; __stxDevtoolsStats.effectRuns++; }
       if (cleanup) {
-        cleanup();
+        const pending = cleanup;
         cleanup = undefined;
+        try { pending(); }
+        catch (e) { console.error('[stx] effect cleanup error:', e); }
       }
       const prev = activeEffect;
       activeEffect = runEffect;
@@ -953,11 +980,18 @@ finally {
         isDisposed = true;
         // Only log if this is likely a real error, not a stale SPA effect.
         // Stale effects reference variables from a previous page's scope that no longer exist.
+        //
+        // Reported, never re-thrown. Re-thrown, it escaped the .set() that ran
+        // this effect, and that set() stopped notifying everything after it:
+        // a list half-rendered with raw {{ }} and no click handlers, a
+        // selection that moved while the view it drives did not, and nothing
+        // in the console, because the exception ended inside an event handler
+        // or a native callback. One broken effect took the page with it.
         if (e instanceof ReferenceError) {
           // Silently dispose \u2014 this is expected during SPA navigation when
-          // old effects fire against the new page's scope. Don't re-throw.
+          // old effects fire against the new page's scope.
         } else {
-          throw e;
+          console.error('[stx] effect error (the effect is disposed):', e);
         }
       }
       finally {
@@ -1023,10 +1057,17 @@ catch (e) { console.warn('[stx] dispose error:', e); } });
       return;
     }
     isBatching = true;
-    fn();
-    isBatching = false;
-    pendingEffects.forEach(e => e());
-    pendingEffects.clear();
+    // finally: a throw inside fn left isBatching set for good, and every later
+    // update was queued for a flush that never came - the page stopped.
+    try {
+      fn();
+    }
+    finally {
+      isBatching = false;
+      const queued = Array.from(pendingEffects);
+      pendingEffects.clear();
+      queued.forEach(e => e());
+    }
   }
 
   // ==========================================================================
@@ -2047,7 +2088,7 @@ finally {
               || expressionUsesSignalApi(expr, prop);
           })
         : baseScope;
-      const fn = new Function(...Object.keys(baseScope), 'return ' + expr);
+      const fn = __stxCompile(Object.keys(baseScope), 'return ' + expr);
       const result = fn(...Object.values(scope));
       // Post-eval unwrap \u2014 see evalAttrExpr note for the reason.
       return (result && typeof result === 'function' && (result._isSignal || result._isDerived)) ? result() : result;
@@ -2215,7 +2256,7 @@ catch (e) {
         const v = scope[k];
         handlerScope[k] = (v && typeof v === 'function' && v._isStxLoopItem) ? v() : v;
       });
-      const fn = new Function(...Object.keys(handlerScope), '$event', expr);
+      const fn = __stxCompile(Object.keys(handlerScope).concat(['$event']), expr);
       fn(...Object.values(handlerScope), event);
     }
 catch (e) {
@@ -2525,7 +2566,7 @@ catch (e) {
             return expressionCallsSignal(expression, prop)
               || expressionUsesSignalApi(expression, prop);
           });
-          var fn = new Function('__scope__', 'with(__scope__) { return (' + expression + ') }');
+          var fn = __stxCompile(['__scope__'], 'with(__scope__) { return (' + expression + ') }');
           value = fn(unwrapScope);
           if (value && typeof value === 'function' && (value._isSignal || value._isDerived)) value = value();
         }
@@ -2733,7 +2774,7 @@ catch (e) {
         var memoExpr = el.getAttribute('data-stx-memo');
         try {
           var memoScope = { ...globalHelpers, ...scope, ...(findElementScope(el) || {}) };
-          var memoFn = new Function(...Object.keys(memoScope), 'return ' + memoExpr);
+          var memoFn = __stxCompile(Object.keys(memoScope), 'return ' + memoExpr);
           var memoVals = JSON.stringify(memoFn(...Object.values(memoScope)));
           if (el.__stx_memo_prev === memoVals) {
             return; // Dependencies unchanged \u2014 skip re-processing
@@ -2786,7 +2827,7 @@ catch (e) {
 else {
                     // Use auto-unwrap proxy (Feature #1)
                     const unwrapScope = createExpressionAutoUnwrapProxy(capturedScope, expr);
-                    const fn = new Function(...Object.keys(capturedScope), 'return ' + expr);
+                    const fn = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
                     bindingNode.textContent = fn(...Object.values(unwrapScope));
                   }
                 }
@@ -2795,7 +2836,7 @@ catch (e) {
                   // because it converts the signal to its value before the expression runs.
                   // Retry without auto-unwrap so signal functions remain callable.
                   try {
-                    const fn = new Function(...Object.keys(capturedScope), 'return ' + expr);
+                    const fn = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
                     bindingNode.textContent = fn(...Object.values(capturedScope));
                   }
 catch (e2) {
@@ -2912,7 +2953,7 @@ else if (part) {
 
         // Use auto-unwrap proxy (Feature #1)
         const unwrapScope = createExpressionAutoUnwrapProxy(activeScope, expr);
-        const fn = new Function('__scope__', 'with(__scope__) { return (' + expr + ') }');
+        const fn = __stxCompile(['__scope__'], 'with(__scope__) { return (' + expr + ') }');
         var value = maybeUnwrapSignal(fn(unwrapScope));
         noteExprSuccess(expr);
         return value;
@@ -2921,7 +2962,7 @@ catch (e) {
         // Auto-unwrap can break explicit signal calls like errorData().message
         // Retry without auto-unwrap so signal functions remain callable
         try {
-          const fn = new Function('__scope__', 'with(__scope__) { return (' + expr + ') }');
+          const fn = __stxCompile(['__scope__'], 'with(__scope__) { return (' + expr + ') }');
           var retried = maybeUnwrapSignal(fn(activeScope));
           noteExprSuccess(expr);
           return retried;
@@ -3235,7 +3276,7 @@ else if (name === 'ref' || name === ':ref' || name === 'x-ref' || name === 'data
                 return 'if(' + k + ' !== __s["' + k + '"]()) __s["' + k + '"].set(' + k + ')';
               }).join(';');
               var body = getVars + ';' + value + ';' + setVars;
-              var fn2 = new Function('__s', '$event', body);
+              var fn2 = __stxCompile(['__s', '$event'], body);
               fn2(eventCapturedScope, handlerEvent);
             } else if (hasSignals) {
               // Function calls with signals in scope keep any signal used through
@@ -3258,10 +3299,10 @@ else if (name === 'ref' || name === ':ref' || name === 'x-ref' || name === 'data
                 }
                 return 'var ' + k + ' = __s["' + k + '"] && typeof __s["' + k + '"] === "function" && __s["' + k + '"]._isSignal ? __s["' + k + '"]() : __s["' + k + '"]';
               }).join(';');
-              var fn3 = new Function('__s', '$event', unwrapVars + ';' + value);
+              var fn3 = __stxCompile(['__s', '$event'], unwrapVars + ';' + value);
               fn3(eventCapturedScope, handlerEvent);
             } else {
-              var fn = new Function(...Object.keys(eventCapturedScope), '$event', value);
+              var fn = __stxCompile(Object.keys(eventCapturedScope).concat(['$event']), value);
               fn(...Object.values(eventCapturedScope), handlerEvent);
             }
           }
@@ -3387,13 +3428,13 @@ catch (e) {
         var value;
         try {
           var unwrapScope = createExpressionAutoUnwrapProxy(capturedScope, expr);
-          var fn = new Function(...Object.keys(capturedScope), 'return ' + expr);
+          var fn = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
           value = fn(...Object.values(unwrapScope));
         } catch (e1) {
           // Retry without unwrapping \u2014 handles edge cases where the proxy
           // interferes with certain expression patterns
           try {
-            var fn2 = new Function(...Object.keys(capturedScope), 'return ' + expr);
+            var fn2 = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
             value = fn2(...Object.values(capturedScope));
           } catch (e2) {
             // Suppress ReferenceError/TypeError during async init \u2014 a signal
@@ -3439,7 +3480,7 @@ catch (e) {
         return direct();
       try {
         var unwrapScope = createExpressionAutoUnwrapProxy(capturedScope, expr);
-        var fn = new Function('__scope__', 'with(__scope__) { return (' + expr + ') }');
+        var fn = __stxCompile(['__scope__'], 'with(__scope__) { return (' + expr + ') }');
         return fn(unwrapScope);
       }
       catch (e) {
@@ -3467,7 +3508,7 @@ else {
           // Routing through it also drops the old requirement that every scope
           // key be a valid identifier, since nothing is destructured now.
           var writeScope = createModelWriteProxy(capturedScope);
-          var writeFn = new Function('__scope__', '__v__', 'with(__scope__) { ' + expr + ' = __v__ }');
+          var writeFn = __stxCompile(['__scope__', '__v__'], 'with(__scope__) { ' + expr + ' = __v__ }');
           writeFn(writeScope, val);
         }
       }
@@ -3581,7 +3622,7 @@ else {
     const safeKeys = keys.filter(k => /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(k));
     let fn;
     try {
-      fn = new Function(...safeKeys, 'return ' + expr);
+      fn = __stxCompile(safeKeys, 'return ' + expr);
     } catch (e) {
       console.warn('[STX] bindClass compile error:', expr, e);
       return;
@@ -3650,12 +3691,12 @@ else {
       // throw TypeError.
       try {
         const unwrapScope = createExpressionAutoUnwrapProxy(capturedScope, expr);
-        const fn = new Function(...Object.keys(capturedScope), 'return ' + expr);
+        const fn = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
         return fn(...Object.values(unwrapScope));
       }
 catch (e1) {
         try {
-          const fn2 = new Function(...Object.keys(capturedScope), 'return ' + expr);
+          const fn2 = __stxCompile(Object.keys(capturedScope), 'return ' + expr);
           return fn2(...Object.values(capturedScope));
         }
 catch (e2) {
@@ -4141,7 +4182,7 @@ else {
           return expressionCallsSignal(expression, prop)
             || expressionUsesSignalApi(expression, prop);
         });
-        const fn = new Function(...Object.keys(scope), 'return ' + expression);
+        const fn = __stxCompile(Object.keys(scope), 'return ' + expression);
         return fn(...Object.values(unwrapScope));
       }
 catch (e) {
@@ -4164,7 +4205,7 @@ catch (e) {
         });
         // new Function body is non-strict, so with() works \u2014 only accessed
         // properties trigger the proxy's get trap and register as dependencies
-        const fn = new Function('__scope__', 'with(__scope__) { return ' + expression + ' }');
+        const fn = __stxCompile(['__scope__'], 'with(__scope__) { return ' + expression + ' }');
         return fn(unwrapScope);
       } catch (e) {
         if (!(e instanceof ReferenceError) && !(e instanceof TypeError)) console.warn('[STX] Expression error:', expression, e);
@@ -4259,7 +4300,7 @@ catch (e) {
       try {
         const scope = { [itemName]: item };
         if (indexName) scope[indexName] = index;
-        const fn = new Function(itemName, indexName || '_idx', 'return ' + keyExpr);
+        const fn = __stxCompile([itemName, indexName || '_idx'], 'return ' + keyExpr);
         return String(fn(item, index));
       } catch (e) {
         return String(index);
@@ -4682,12 +4723,12 @@ catch (e) {
       try {
         var unwrapScope = createExpressionAutoUnwrapProxy(scope, expression);
         // new Function body is non-strict, so with() works.
-        var fn = new Function('__scope__', 'with(__scope__) { return ' + expression + ' }');
+        var fn = __stxCompile(['__scope__'], 'with(__scope__) { return ' + expression + ' }');
         return fn(unwrapScope);
       }
 catch (e1) {
         try {
-          var fn2 = new Function('__scope__', 'with(__scope__) { return ' + expression + ' }');
+          var fn2 = __stxCompile(['__scope__'], 'with(__scope__) { return ' + expression + ' }');
           return fn2(scope);
         }
 catch (e2) {
@@ -4931,14 +4972,14 @@ catch (e) { /* a disposer of its own is not this branch's problem */ }
       try {
         const scope = { ...globalHelpers, ...capturedComponentScope, ...(capturedElementScope || {}) };
         const unwrapScope = createExpressionAutoUnwrapProxy(scope, expression);
-        const fn = new Function('__scope__', 'with(__scope__) { return ' + expression + ' }');
+        const fn = __stxCompile(['__scope__'], 'with(__scope__) { return ' + expression + ' }');
         return fn(unwrapScope);
       }
 catch (e1) {
         try {
           // Retry without the unwrap proxy so call-syntax (signal()) works.
           const scope2 = { ...globalHelpers, ...capturedComponentScope, ...(capturedElementScope || {}) };
-          const fn2 = new Function('__scope__', 'with(__scope__) { return ' + expression + ' }');
+          const fn2 = __stxCompile(['__scope__'], 'with(__scope__) { return ' + expression + ' }');
           return fn2(scope2);
         }
 catch (e2) {
@@ -8231,7 +8272,7 @@ else {
               if (matches) {
                 matches.forEach(match => {
                   const expr = match.replace(/^\\{\\{\\s*|\\s*\\}\\}$/g, '');
-                  const fn = new Function(...Object.keys(componentScope), 'return ' + expr);
+                  const fn = __stxCompile(Object.keys(componentScope), 'return ' + expr);
                   const value = fn(...Object.values(componentScope));
                   result = result.replace(match, value != null ? value : '');
                 });
@@ -8258,7 +8299,7 @@ else if (el.tagName === 'META') {
                 matches.forEach(match => {
                   const expr = match.replace(/^\\{\\{\\s*|\\s*\\}\\}$/g, '');
                   if (/^__[A-Z_]+__$/.test(expr.trim())) return;
-                  const fn = new Function(...Object.keys(componentScope), 'return ' + expr);
+                  const fn = __stxCompile(Object.keys(componentScope), 'return ' + expr);
                   const value = fn(...Object.values(componentScope));
                   result = result.replace(match, value != null ? value : '');
                 });