@stacksjs/stx 0.2.94 → 0.2.96

package/dist/chunk-w21mwxdd.js

@@ -1,4 +0,0 @@
-// @bun
-import{rB as v}from"./chunk-3jm3snz8.js";import Z from"fs";import Q from"path";var F=[72,96,128,144,152,192,384,512],L=[120,152,167,180],T=[16,32];async function A(R,w){let j={success:!0,generatedFiles:[],errors:[],warnings:[]},J=R.pwa?.icons;if(!J?.src)return j.errors.push("No source icon specified in pwa.icons.src"),j.success=!1,j;let G=Q.isAbsolute(J.src)?J.src:Q.resolve(process.cwd(),J.src);if(!await Bun.file(G).exists())return j.errors.push(`Source icon not found: ${G}`),j.success=!1,j;let q=Q.resolve(w,J.outputDir||"pwa-icons");try{Z.mkdirSync(q,{recursive:!0})}catch{return j.errors.push(`Failed to create output directory: ${q}`),j.success=!1,j}let y=J.sizes||F,U=J.generateWebP??!0,N=J.generateAppleIcons??!0;try{let B;try{B=await import("sharp")}catch{return j.errors.push(`sharp is not installed. Install it with: bun add sharp
-Icon generation requires the sharp package for image processing.`),j.success=!1,j}let $=await B.default(G).metadata();if($.width&&$.width<512)j.warnings.push(`Source icon is ${$.width}x${$.height}. Recommend using at least 512x512 for best quality.`);for(let x of y){let K=Q.join(q,`icon-${x}x${x}.png`);if(await B.default(G).resize(x,x,{fit:"contain",background:{r:0,g:0,b:0,alpha:0}}).png().toFile(K),j.generatedFiles.push(K),U){let Y=Q.join(q,`icon-${x}x${x}.webp`);await B.default(G).resize(x,x,{fit:"contain",background:{r:0,g:0,b:0,alpha:0}}).webp({quality:90}).toFile(Y),j.generatedFiles.push(Y)}}if(N){for(let K of L){let Y=Q.join(q,`apple-touch-icon-${K}x${K}.png`);await B.default(G).resize(K,K,{fit:"contain",background:{r:255,g:255,b:255,alpha:1}}).png().toFile(Y),j.generatedFiles.push(Y)}let x=Q.join(q,"apple-touch-icon.png");await B.default(G).resize(180,180,{fit:"contain",background:{r:255,g:255,b:255,alpha:1}}).png().toFile(x),j.generatedFiles.push(x)}for(let x of T){let K=Q.join(q,`favicon-${x}x${x}.png`);await B.default(G).resize(x,x,{fit:"contain",background:{r:0,g:0,b:0,alpha:0}}).png().toFile(K),j.generatedFiles.push(K)}let M=512,V=Q.join(q,`icon-maskable-${M}x${M}.png`),X=Math.floor(M*0.1),W=M-X*2;await B.default(G).resize(W,W,{fit:"contain",background:{r:0,g:0,b:0,alpha:0}}).extend({top:X,bottom:X,left:X,right:X,background:{r:255,g:255,b:255,alpha:1}}).png().toFile(V),j.generatedFiles.push(V)}catch(B){let H=B instanceof Error?B.message:String(B);j.errors.push(`Icon generation failed: ${H}`),j.success=!1}return j}function E(R){let w=R.sizes||F,j=R.outputDir?`/${R.outputDir}`:"/pwa-icons",J=R.generateWebP??!0,G=R.generateAppleIcons??!0,q=[];for(let y of w)if(q.push(`${j}/icon-${y}x${y}.png`),J)q.push(`${j}/icon-${y}x${y}.webp`);if(G){q.push(`${j}/apple-touch-icon.png`);for(let y of L)q.push(`${j}/apple-touch-icon-${y}x${y}.png`)}for(let y of T)q.push(`${j}/favicon-${y}x${y}.png`);return q.push(`${j}/icon-maskable-512x512.png`),q}async function b(){try{return await import("sharp"),!0}catch{return!1}}
-export{F as Be,L as Ce,T as De,A as Ee,E as Fe,b as Ge};

package/dist/chunk-w4n8fqp7.js

@@ -1,216 +0,0 @@
-// @bun
-function w(Z,M){let{itemHeight:K,containerHeight:P,overscan:F=3,keyProperty:$="id",dynamicHeight:Q=!1,estimatedItemHeight:U=K,direction:G="vertical"}=M,k=[...Z],j=0,z=new Map;function _(){if(Q)return X();let q=Math.max(0,Math.floor(j/K)-F),A=Math.ceil(P/K),W=Math.min(k.length-1,q+A+F*2);return{startIndex:q,endIndex:W}}function X(){let q=0,A=0,W=k.length-1;for(let Y=0;Y<k.length;Y++){let V=z.get(Y)||U;if(q+V>j){A=Math.max(0,Y-F);break}q+=V}q=0;for(let Y=0;Y<k.length;Y++){let V=z.get(Y)||U;if(q+=V,q>j+P){W=Math.min(k.length-1,Y+F);break}}return{startIndex:A,endIndex:W}}function S(){if(Q){let q=0;for(let A=0;A<k.length;A++)q+=z.get(A)||U;return q}return k.length*K}function O(q){if(Q){let A=0;for(let W=0;W<q;W++)A+=z.get(W)||U;return A}return q*K}function N(){let{startIndex:q,endIndex:A}=_();return{startIndex:q,endIndex:A,scrollTop:j,totalHeight:S(),visibleItems:k.slice(q,A+1),itemHeights:new Map(z)}}function T(q,A="auto"){let W=O(q);J(W,A)}function J(q,A="auto"){j=Math.max(0,Math.min(q,S()-P))}function B(){_()}function y(q){k=[...q],z.clear(),B()}function D(){k=[],z.clear()}return{scrollToIndex:T,scrollToOffset:J,getState:N,refresh:B,setItems:y,destroy:D}}function C(Z,M={},K){let P=/@virtualList\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@endvirtualList/gi;return Z.replace(P,(F,$,Q,U)=>{let G=$.trim(),k=M[G];if(!k||!Array.isArray(k))return`<!-- virtualList: items "${G}" not found or not an array -->`;let j={itemHeight:50,containerHeight:400,overscan:3};if(Q)try{let J=Q.trim(),B=Function(`return ${J}`)();j={...j,...B}}catch{}let z=`vlist-${Math.random().toString(36).substring(2,9)}`,_=Math.ceil(j.containerHeight/j.itemHeight),X=j.overscan||3,S=0,O=Math.min(k.length-1,_+X),N="";for(let J=S;J<=O&&J<k.length;J++){let B=k[J],y=U.replace(/\{\{\s*item\s*\}\}/g,typeof B==="object"?JSON.stringify(B):String(B)).replace(/\{\{\s*item\.(\w+)\s*\}\}/g,(D,q)=>{if(typeof B==="object"&&B!==null)return String(B[q]??"");return""}).replace(/\{\{\s*index\s*\}\}/g,String(J));N+=`
-        <div class="virtual-item ${j.itemClass||""}"
-             style="position: absolute; top: ${J*j.itemHeight}px; height: ${j.itemHeight}px; width: 100%;"
-             data-index="${J}">
-          ${y}
-        </div>`}let T=k.length*j.itemHeight;return`
-      <div id="${z}"
-           class="virtual-list-container ${j.containerClass||""}"
-           style="position: relative; height: ${j.containerHeight}px; overflow-y: auto;"
-           data-item-height="${j.itemHeight}"
-           data-total-items="${k.length}"
-           data-overscan="${X}">
-        <div class="virtual-list-viewport ${j.viewportClass||""}"
-             style="position: relative; height: ${T}px; width: 100%;">
-          ${N}
-        </div>
-      </div>
-      <script data-virtual-list="${z}">
-        (function() {
-          const container = document.getElementById('${z}');
-          if (!container) return;
-
-          const viewport = container.querySelector('.virtual-list-viewport');
-          const itemHeight = ${j.itemHeight};
-          const totalItems = ${k.length};
-          const overscan = ${X};
-          const containerHeight = ${j.containerHeight};
-          const items = ${JSON.stringify(k)};
-          const template = ${JSON.stringify(U.trim())};
-
-          let lastStartIndex = 0;
-
-          function renderItems(scrollTop) {
-            const startIndex = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
-            const visibleCount = Math.ceil(containerHeight / itemHeight);
-            const endIndex = Math.min(totalItems - 1, startIndex + visibleCount + overscan * 2);
-
-            if (startIndex === lastStartIndex) return;
-            lastStartIndex = startIndex;
-
-            // Clear and re-render
-            viewport.innerHTML = '';
-
-            for (let i = startIndex; i <= endIndex; i++) {
-              const item = items[i];
-              const div = document.createElement('div');
-              div.className = 'virtual-item ${j.itemClass||""}';
-              div.style.cssText = 'position: absolute; top: ' + (i * itemHeight) + 'px; height: ' + itemHeight + 'px; width: 100%;';
-              div.dataset.index = i;
-
-              let html = template
-                .replace(/\\{\\{\\s*item\\s*\\}\\}/g, typeof item === 'object' ? JSON.stringify(item) : String(item))
-                .replace(/\\{\\{\\s*item\\.(\\w+)\\s*\\}\\}/g, (_, prop) => {
-                  return typeof item === 'object' && item !== null ? String(item[prop] ?? '') : '';
-                })
-                .replace(/\\{\\{\\s*index\\s*\\}\\}/g, String(i));
-
-              div.innerHTML = html;
-              viewport.appendChild(div);
-            }
-          }
-
-          container.addEventListener('scroll', function() {
-            requestAnimationFrame(() => renderItems(container.scrollTop));
-          });
-
-          // Expose API
-          container.__virtualList = {
-            scrollToIndex: function(index) {
-              container.scrollTop = index * itemHeight;
-            },
-            refresh: function() {
-              renderItems(container.scrollTop);
-            }
-          };
-        })();
-      </script>
-    `})}function b(){return`
-    .virtual-list-container {
-      position: relative;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-
-    .virtual-list-container::-webkit-scrollbar {
-      width: 8px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-track {
-      background: rgba(0, 0, 0, 0.1);
-      border-radius: 4px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.3);
-      border-radius: 4px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-thumb:hover {
-      background: rgba(0, 0, 0, 0.5);
-    }
-
-    .virtual-list-viewport {
-      position: relative;
-      width: 100%;
-    }
-
-    .virtual-item {
-      position: absolute;
-      left: 0;
-      right: 0;
-      box-sizing: border-box;
-    }
-
-    /* Loading placeholder for items */
-    .virtual-item-placeholder {
-      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-      background-size: 200% 100%;
-      animation: virtual-shimmer 1.5s infinite;
-    }
-
-    @keyframes virtual-shimmer {
-      0% { background-position: 200% 0; }
-      100% { background-position: -200% 0; }
-    }
-  `}function L(Z,M){let K=null,P=()=>{if(!K)K=w(Z(),M);return K};return{visibleItems:()=>{return P().getState().visibleItems},totalHeight:()=>{return P().getState().totalHeight},containerProps:()=>({style:{height:`${M.containerHeight}px`,overflow:"auto",position:"relative"},onScroll:(F)=>{let $=F.target;if(K)K.scrollToOffset($.scrollTop)}}),itemProps:(F)=>({style:{position:"absolute",top:`${F*M.itemHeight}px`,height:`${M.itemHeight}px`,width:"100%"},"data-index":F}),scrollToIndex:(F)=>{P().scrollToIndex(F)}}}function E(Z,M={},K){let P=/@infiniteList\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@loading\s*([\s\S]*?)@endinfiniteList/gi;return Z.replace(P,(F,$,Q,U,G)=>{let k=$.trim(),j=M[k];if(!j||!Array.isArray(j))return`<!-- infiniteList: items "${k}" not found or not an array -->`;let z={itemHeight:50,containerHeight:400,overscan:3,threshold:100,hasMore:!0};if(Q)try{let S=Function(`return ${Q.trim()}`)();z={...z,...S}}catch{}let _=`ilist-${Math.random().toString(36).substring(2,9)}`,X=C(`@virtualList(${k}, ${JSON.stringify({itemHeight:z.itemHeight,containerHeight:z.containerHeight,overscan:z.overscan,containerClass:z.containerClass})})${U}@endvirtualList`,M);return X=X.replace("</script>",`
-          // Infinite scroll detection
-          container.addEventListener('scroll', function() {
-            const scrollBottom = container.scrollTop + container.clientHeight;
-            const threshold = ${z.threshold};
-            const totalHeight = viewport.offsetHeight;
-
-            if (scrollBottom >= totalHeight - threshold) {
-              container.dispatchEvent(new CustomEvent('loadmore', { bubbles: true }));
-            }
-          });
-        </script>`),`
-      <div id="${_}" class="infinite-list-wrapper">
-        ${X}
-        <div class="infinite-list-loading" style="display: none;">
-          ${G}
-        </div>
-      </div>
-    `})}function f(Z,M={},K){let P=/@virtualGrid\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@endvirtualGrid/gi;return Z.replace(P,(F,$,Q,U)=>{let G=$.trim(),k=M[G];if(!k||!Array.isArray(k))return`<!-- virtualGrid: items "${G}" not found or not an array -->`;let j={columns:3,rowHeight:100,containerHeight:400,gap:10,overscan:2};if(Q)try{let B=Function(`return ${Q.trim()}`)();j={...j,...B}}catch{}let z=`vgrid-${Math.random().toString(36).substring(2,9)}`,_=Math.ceil(k.length/j.columns),X=_*(j.rowHeight+(j.gap||0)),S=Math.ceil(j.containerHeight/(j.rowHeight+(j.gap||0))),O=j.overscan||2,N=0,T=Math.min(_-1,S+O),J="";for(let B=N;B<=T;B++)for(let y=0;y<j.columns;y++){let D=B*j.columns+y;if(D>=k.length)break;let q=k[D],A=y*(100/j.columns),W=B*(j.rowHeight+(j.gap||0)),Y=U.replace(/\{\{\s*item\s*\}\}/g,typeof q==="object"?JSON.stringify(q):String(q)).replace(/\{\{\s*item\.(\w+)\s*\}\}/g,(V,R)=>{if(typeof q==="object"&&q!==null)return String(q[R]??"");return""}).replace(/\{\{\s*index\s*\}\}/g,String(D));J+=`
-          <div class="virtual-grid-item"
-               style="position: absolute; top: ${W}px; left: ${A}%; width: calc(${100/j.columns}% - ${j.gap||0}px); height: ${j.rowHeight}px;"
-               data-index="${D}">
-            ${Y}
-          </div>`}return`
-      <div id="${z}"
-           class="virtual-grid-container"
-           style="position: relative; height: ${j.containerHeight}px; overflow-y: auto;">
-        <div class="virtual-grid-viewport"
-             style="position: relative; height: ${X}px; width: 100%;">
-          ${J}
-        </div>
-      </div>
-      <script data-virtual-grid="${z}">
-        (function() {
-          const container = document.getElementById('${z}');
-          if (!container) return;
-
-          const viewport = container.querySelector('.virtual-grid-viewport');
-          const columns = ${j.columns};
-          const rowHeight = ${j.rowHeight};
-          const gap = ${j.gap||0};
-          const totalItems = ${k.length};
-          const overscan = ${O};
-          const containerHeight = ${j.containerHeight};
-          const items = ${JSON.stringify(k)};
-          const template = ${JSON.stringify(U.trim())};
-
-          let lastStartRow = 0;
-
-          function renderItems(scrollTop) {
-            const startRow = Math.max(0, Math.floor(scrollTop / (rowHeight + gap)) - overscan);
-            const visibleRowCount = Math.ceil(containerHeight / (rowHeight + gap));
-            const endRow = Math.min(Math.ceil(totalItems / columns) - 1, startRow + visibleRowCount + overscan * 2);
-
-            if (startRow === lastStartRow) return;
-            lastStartRow = startRow;
-
-            viewport.innerHTML = '';
-
-            for (let row = startRow; row <= endRow; row++) {
-              for (let col = 0; col < columns; col++) {
-                const index = row * columns + col;
-                if (index >= totalItems) break;
-
-                const item = items[index];
-                const div = document.createElement('div');
-                div.className = 'virtual-grid-item';
-                div.style.cssText = 'position: absolute; top: ' + (row * (rowHeight + gap)) + 'px; left: ' + (col * (100 / columns)) + '%; width: calc(' + (100 / columns) + '% - ' + gap + 'px); height: ' + rowHeight + 'px;';
-                div.dataset.index = index;
-
-                let html = template
-                  .replace(/\\{\\{\\s*item\\s*\\}\\}/g, typeof item === 'object' ? JSON.stringify(item) : String(item))
-                  .replace(/\\{\\{\\s*item\\.(\\w+)\\s*\\}\\}/g, (_, prop) => {
-                    return typeof item === 'object' && item !== null ? String(item[prop] ?? '') : '';
-                  })
-                  .replace(/\\{\\{\\s*index\\s*\\}\\}/g, String(index));
-
-                div.innerHTML = html;
-                viewport.appendChild(div);
-              }
-            }
-          }
-
-          container.addEventListener('scroll', function() {
-            requestAnimationFrame(() => renderItems(container.scrollTop));
-          });
-        })();
-      </script>
-    `})}var v={createVirtualList:w,processVirtualListDirectives:C,processInfiniteListDirectives:E,processVirtualGridDirectives:f,generateVirtualListCSS:b,useVirtualList:L};
-export{w as tf,C as uf,b as vf,L as wf,E as xf,f as yf,v as zf};

package/dist/chunk-w959hm8j.js

@@ -1,358 +0,0 @@
-// @bun
-var U=0;function N(){return`async-${++U}-${Date.now().toString(36)}`}function X(j,q={},K){let z=/@async\s*\(([^)]*)\)\s*([\s\S]*?)@error\s*([\s\S]*?)@endasync/gi,F=/@async\s*\(([^)]*)\)\s*([\s\S]*?)@endasync/gi,w=j;return w=w.replace(z,(B,D,J,L)=>{let M=N(),T=P(D);return Q(M,T,J.trim(),L.trim())}),w=w.replace(F,(B,D,J)=>{let L=N(),M=P(D);return Q(L,M,J.trim(),'<div class="stx-async-error">Failed to load component</div>')}),w}function P(j){let q={component:"",timeout:30000,delay:200,suspensible:!0,retries:0},K=/(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|(\d+)|(\w+))/g,z;while((z=K.exec(j))!==null){let F=z[1],w=z[2]||z[3],B=z[4],D=z[5];switch(F){case"component":q.component=w||D||"";break;case"timeout":q.timeout=B?parseInt(B,10):30000;break;case"delay":q.delay=B?parseInt(B,10):200;break;case"suspensible":q.suspensible=D==="true";break;case"retries":q.retries=B?parseInt(B,10):0;break;case"loadingComponent":q.loadingComponent=w||D;break;case"errorComponent":q.errorComponent=w||D;break}}return q}function Q(j,q,K,z){let{component:F,timeout:w,delay:B,suspensible:D,retries:J}=q;return`
-<div class="stx-async-component" data-async-id="${j}" data-component="${F}" data-status="pending">
-  <div class="stx-async-loading" data-async-loading="${j}">
-    ${K}
-  </div>
-  <div class="stx-async-content" data-async-content="${j}" style="display: none;">
-  </div>
-  <div class="stx-async-error" data-async-error="${j}" style="display: none;">
-    ${z}
-  </div>
-</div>
-<script>
-(function() {
-  const asyncId = '${j}';
-  const componentPath = '${F}';
-  const timeout = ${w};
-  const delay = ${B};
-  const suspensible = ${D};
-  const maxRetries = ${J};
-
-  const container = document.querySelector('[data-async-id="' + asyncId + '"]');
-  const loadingEl = document.querySelector('[data-async-loading="' + asyncId + '"]');
-  const contentEl = document.querySelector('[data-async-content="' + asyncId + '"]');
-  const errorEl = document.querySelector('[data-async-error="' + asyncId + '"]');
-
-  if (!container || !loadingEl || !contentEl || !errorEl) return;
-
-  let attempts = 0;
-  let delayTimer = null;
-  let timeoutTimer = null;
-  let resolved = false;
-  let aborted = false;
-
-  // AbortController + container detachment guards (stacksjs/stx#1720). Without
-  // these, an in-flight fetch from a previous page would write innerHTML on
-  // a detached container after the user SPA-navigated away, or \u2014 for
-  // components removed via :if/parent toggle \u2014 would log a "rejected" state
-  // on a node that no longer exists. The router dispatches stx:navigate
-  // when a navigation starts; we treat that as a teardown signal. The
-  // isConnected check covers non-router unmounts (:if false, parent remove).
-  const controller = new AbortController();
-  function teardown() {
-    if (aborted) return;
-    aborted = true;
-    controller.abort();
-    clearTimeout(delayTimer);
-    clearTimeout(timeoutTimer);
-    window.removeEventListener('stx:navigate', teardown);
-  }
-  window.addEventListener('stx:navigate', teardown);
-
-  // Update state
-  function setState(status) {
-    container.setAttribute('data-status', status);
-    loadingEl.style.display = status === 'loading' ? '' : 'none';
-    contentEl.style.display = status === 'resolved' ? '' : 'none';
-    errorEl.style.display = status === 'rejected' ? '' : 'none';
-  }
-
-  // Show loading after delay
-  function showLoading() {
-    if (!resolved) {
-      setState('loading');
-    }
-  }
-
-  // Load component
-  async function loadComponent() {
-    attempts++;
-
-    // Start delay timer for loading state
-    delayTimer = setTimeout(showLoading, delay);
-
-    // Start timeout timer
-    timeoutTimer = setTimeout(function() {
-      if (!resolved) {
-        handleError(new Error('Component load timeout after ' + timeout + 'ms'));
-      }
-    }, timeout);
-
-    try {
-      // Notify Suspense boundary if suspensible
-      if (suspensible && window.STX && window.STX.suspense) {
-        window.STX.suspense.register(asyncId);
-      }
-
-      // Fetch the component with the AbortController signal so a teardown
-      // (SPA navigation, component unmount) cancels the in-flight request.
-      const response = await fetch('/_stx/component/' + encodeURIComponent(componentPath), {
-        signal: controller.signal
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to load component: ' + response.statusText);
-      }
-
-      const html = await response.text();
-
-      // Clear timers
-      clearTimeout(delayTimer);
-      clearTimeout(timeoutTimer);
-
-      // Belt-and-suspenders: if the container was removed between the fetch
-      // starting and now (e.g. :if flipped to false, or a non-router parent
-      // mutation), bail before writing innerHTML on a detached node.
-      if (aborted || !container.isConnected) return;
-
-      resolved = true;
-      contentEl.innerHTML = html;
-      setState('resolved');
-
-      // Execute any scripts in the loaded component
-      contentEl.querySelectorAll('script').forEach(function(script) {
-        const newScript = document.createElement('script');
-        if (script.src) {
-          newScript.src = script.src;
-        }
-else {
-          newScript.textContent = script.textContent;
-        }
-        script.parentNode.replaceChild(newScript, script);
-      });
-
-      // Process signals/bindings on the loaded content ({{ }}, :attr, @event, etc.)
-      if (window.stx && window.stx._latestSetup) {
-        window.dispatchEvent(new Event('stx:load'));
-      }
-
-      // Notify Suspense boundary
-      if (suspensible && window.STX && window.STX.suspense) {
-        window.STX.suspense.resolve(asyncId);
-      }
-
-      // Dispatch loaded event
-      container.dispatchEvent(new CustomEvent('stx:async:loaded', {
-        detail: { asyncId: asyncId, component: componentPath },
-        bubbles: true
-      }));
-
-      // Load succeeded \u2014 drop the navigate-teardown listener so it doesn't
-      // accumulate per async component across an app's lifetime.
-      window.removeEventListener('stx:navigate', teardown);
-    }
-catch (error) {
-      // AbortError fires when teardown() runs during an in-flight fetch.
-      // That's not a load failure \u2014 the component is being unmounted, so
-      // don't render the rejected state, don't retry, don't dispatch error.
-      if (aborted || (error && error.name === 'AbortError')) return;
-      handleError(error);
-    }
-  }
-
-  // Handle errors
-  function handleError(error) {
-    clearTimeout(delayTimer);
-    clearTimeout(timeoutTimer);
-
-    // The container may have been removed (e.g., a non-router :if toggle)
-    // between the failure and now. No DOM left to write the error state to.
-    if (aborted || !container.isConnected) return;
-
-    if (attempts < maxRetries) {
-      // Retry
-      console.warn('[stx:async:' + asyncId + '] Retrying... (' + attempts + '/' + maxRetries + ')');
-      setTimeout(loadComponent, 1000 * attempts); // Exponential backoff
-      return;
-    }
-
-    resolved = true;
-    setState('rejected');
-
-    // Update error content with error message
-    const errorMsgEl = errorEl.querySelector('[data-error-message]');
-    if (errorMsgEl) {
-      errorMsgEl.textContent = error.message;
-    }
-
-    // Notify Suspense boundary
-    if (suspensible && window.STX && window.STX.suspense) {
-      window.STX.suspense.reject(asyncId, error);
-    }
-
-    // Dispatch error event
-    container.dispatchEvent(new CustomEvent('stx:async:error', {
-      detail: { asyncId: asyncId, component: componentPath, error: error },
-      bubbles: true
-    }));
-
-    console.error('[stx:async:' + asyncId + ']', error);
-
-    // Final error state \u2014 no more retries. Drop the navigate listener so it
-    // doesn't outlive the (failed) component.
-    window.removeEventListener('stx:navigate', teardown);
-  }
-
-  // Retry function
-  function retry() {
-    resolved = false;
-    attempts = 0;
-    setState('pending');
-    loadComponent();
-  }
-
-  // Expose retry function
-  window['$stxAsyncRetry_' + asyncId.replace(/-/g, '_')] = retry;
-
-  // Make $retry available within the error content
-  errorEl.querySelectorAll('[onclick*="$retry"]').forEach(function(el) {
-    const onclick = el.getAttribute('onclick');
-    if (onclick) {
-      el.setAttribute('onclick', onclick.replace(/\\$retry\\(\\)/g, "window['$stxAsyncRetry_" + asyncId.replace(/-/g, '_') + "']()"));
-    }
-  });
-
-  // Expose API
-  window.STX = window.STX || {};
-  window.STX.asyncComponents = window.STX.asyncComponents || {};
-  window.STX.asyncComponents[asyncId] = {
-    getStatus: function() { return container.getAttribute('data-status'); },
-    retry: retry,
-    getAttempts: function() { return attempts; }
-  };
-
-  // Start loading
-  loadComponent();
-})();
-</script>
-`}function Y(j){return{__asyncComponent:!0,...typeof j==="function"?{loader:j}:j}}function Z(j){return typeof j==="object"&&j!==null&&"__asyncComponent"in j&&j.__asyncComponent===!0}function _(){return`
-/* STX Async Component Styles */
-.stx-async-component {
-  position: relative;
-}
-
-.stx-async-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100px;
-}
-
-.stx-async-error {
-  padding: 1rem;
-  border: 1px solid #ef4444;
-  border-radius: 0.5rem;
-  background-color: #fef2f2;
-  color: #991b1b;
-}
-
-.stx-async-error button {
-  margin-top: 0.5rem;
-  padding: 0.5rem 1rem;
-  border: 1px solid #ef4444;
-  border-radius: 0.25rem;
-  background-color: #ef4444;
-  color: white;
-  cursor: pointer;
-}
-
-.stx-async-error button:hover {
-  background-color: #dc2626;
-}
-
-/* Loading spinner animation */
-@keyframes stx-async-spin {
-  to { transform: rotate(360deg); }
-}
-
-.stx-async-spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid #e5e7eb;
-  border-top-color: #3b82f6;
-  border-radius: 50%;
-  animation: stx-async-spin 0.8s linear infinite;
-}
-
-/* Skeleton loading */
-.stx-async-skeleton {
-  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-  background-size: 200% 100%;
-  animation: stx-async-shimmer 1.5s infinite;
-  border-radius: 0.25rem;
-}
-
-@keyframes stx-async-shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
-/* Dark mode */
-@media (prefers-color-scheme: dark) {
-  .stx-async-error {
-    background-color: #450a0a;
-    color: #fecaca;
-  }
-
-  .stx-async-skeleton {
-    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
-    background-size: 200% 100%;
-  }
-}
-`}function $(){return`
-// STX Async Component Runtime
-(function() {
-  if (typeof window === 'undefined') return;
-
-  window.STX = window.STX || {};
-  window.STX.asyncComponents = window.STX.asyncComponents || {};
-
-  // Load a component dynamically
-  window.STX.loadComponent = async function(componentPath, targetSelector, options) {
-    options = options || {};
-    const target = document.querySelector(targetSelector);
-    if (!target) {
-      throw new Error('Target element not found: ' + targetSelector);
-    }
-
-    const loadingHtml = options.loading || '<div class="stx-async-spinner"></div>';
-    target.innerHTML = loadingHtml;
-
-    try {
-      const response = await fetch('/_stx/component/' + encodeURIComponent(componentPath));
-      if (!response.ok) {
-        throw new Error('Failed to load: ' + response.statusText);
-      }
-
-      const html = await response.text();
-      target.innerHTML = html;
-
-      // Execute scripts
-      target.querySelectorAll('script').forEach(function(script) {
-        const newScript = document.createElement('script');
-        if (script.src) {
-          newScript.src = script.src;
-        }
-else {
-          newScript.textContent = script.textContent;
-        }
-        script.parentNode.replaceChild(newScript, script);
-      });
-
-      if (options.onLoad) options.onLoad();
-      return true;
-    }
-catch (error) {
-      if (options.error) {
-        target.innerHTML = options.error;
-      }
-      if (options.onError) options.onError(error);
-      throw error;
-    }
-  };
-
-  console.log('[stx] Async component runtime initialized');
-})();
-`}
-export{X as Ip,Y as Jp,Z as Kp,_ as Lp,$ as Mp};