@stacksjs/stx 0.2.95 → 0.2.96

package/dist/chunk-a2g2qb2y.js

@@ -1,386 +0,0 @@
-// @bun
-var O={enabled:!1,trackMouse:!0,trackClicks:!0,trackScroll:!0,samplingRate:100,honorDnt:!0,batchSize:50,maxDataPoints:1000,sessionTimeout:30,persistData:!1,storagePrefix:"stx_heatmap",captureAttributes:["data-heatmap-id","data-track"],ignoreSelectors:["[data-heatmap-ignore]",".heatmap-ignore"],debugOverlay:!1};function L(D){let j=D.heatmap;if(!j?.enabled)return"";let q={...O,...j};return`
-<!-- stx Heatmap - Privacy-Compliant Tracking -->
-<script>
-(function() {
-  'use strict';
-
-  // Configuration
-  var config = ${JSON.stringify({trackMouse:q.trackMouse,trackClicks:q.trackClicks,trackScroll:q.trackScroll,samplingRate:q.samplingRate,honorDnt:q.honorDnt,endpoint:q.endpoint,batchSize:q.batchSize,maxDataPoints:q.maxDataPoints,sessionTimeout:q.sessionTimeout,persistData:q.persistData,storagePrefix:q.storagePrefix,captureAttributes:q.captureAttributes,ignoreSelectors:q.ignoreSelectors,zones:q.zones,debugOverlay:q.debugOverlay,minViewportWidth:q.minViewportWidth,maxViewportWidth:q.maxViewportWidth})};
-
-  // Check Do Not Track
-  if (config.honorDnt && navigator.doNotTrack === '1') {
-    return;
-  }
-
-  // Check viewport constraints
-  var vw = window.innerWidth;
-  if (config.minViewportWidth && vw < config.minViewportWidth) return;
-  if (config.maxViewportWidth && vw > config.maxViewportWidth) return;
-
-  // Session management (anonymous, no cookies)
-  var session = {
-    sid: Math.random().toString(36).slice(2) + Date.now().toString(36),
-    page: location.pathname,
-    vw: window.innerWidth,
-    vh: window.innerHeight,
-    points: [],
-    started: Date.now(),
-    lastActivity: Date.now()
-  };
-
-  // Throttle helper
-  var lastMove = 0;
-  function throttle(fn, wait) {
-    return function() {
-      var now = Date.now();
-      if (now - lastMove >= wait) {
-        lastMove = now;
-        fn.apply(this, arguments);
-      }
-    };
-  }
-
-  // Get relative coordinates (percentage)
-  function getRelativeCoords(e) {
-    return {
-      x: Math.round((e.clientX / window.innerWidth) * 10000) / 100,
-      y: Math.round((e.clientY / window.innerHeight) * 10000) / 100
-    };
-  }
-
-  // Check if element should be ignored
-  function shouldIgnore(el) {
-    if (!el || !config.ignoreSelectors) return false;
-    for (var i = 0; i < config.ignoreSelectors.length; i++) {
-      if (el.matches && el.matches(config.ignoreSelectors[i])) return true;
-      if (el.closest && el.closest(config.ignoreSelectors[i])) return true;
-    }
-    return false;
-  }
-
-  // Get element selector (simplified, no IDs to preserve privacy)
-  function getSelector(el) {
-    if (!el || !el.tagName) return null;
-    var tag = el.tagName.toLowerCase();
-    var classes = el.className && typeof el.className === 'string'
-      ? '.' + el.className.trim().split(/\\s+/).slice(0, 2).join('.')
-      : '';
-    return tag + classes;
-  }
-
-  // Find zone for element
-  function findZone(el) {
-    if (!config.zones || !el) return null;
-    for (var i = 0; i < config.zones.length; i++) {
-      var zone = config.zones[i];
-      if (el.closest && el.closest(zone.selector)) {
-        return zone.id;
-      }
-    }
-    return null;
-  }
-
-  // Capture custom attributes
-  function captureAttributes(el) {
-    if (!config.captureAttributes || !el) return null;
-    var attrs = {};
-    var hasAttrs = false;
-    for (var i = 0; i < config.captureAttributes.length; i++) {
-      var attr = config.captureAttributes[i];
-      var value = el.getAttribute && el.getAttribute(attr);
-      if (value) {
-        attrs[attr] = value;
-        hasAttrs = true;
-      }
-    }
-    return hasAttrs ? attrs : null;
-  }
-
-  // Add data point
-  function addPoint(point) {
-    session.lastActivity = Date.now();
-    if (session.points.length >= config.maxDataPoints) {
-      session.points.shift();
-    }
-    session.points.push(point);
-
-    // Send batch if threshold reached
-    if (config.endpoint && session.points.length >= config.batchSize) {
-      sendData();
-    }
-  }
-
-  // Send data to endpoint
-  function sendData() {
-    if (!config.endpoint || session.points.length === 0) return;
-
-    var data = {
-      sid: session.sid,
-      page: session.page,
-      vw: session.vw,
-      vh: session.vh,
-      points: session.points.splice(0, config.batchSize)
-    };
-
-    // Use sendBeacon for reliability
-    if (navigator.sendBeacon) {
-      navigator.sendBeacon(config.endpoint, JSON.stringify(data));
-    }
-else {
-      var xhr = new XMLHttpRequest();
-      xhr.open('POST', config.endpoint, true);
-      xhr.setRequestHeader('Content-Type', 'application/json');
-      xhr.send(JSON.stringify(data));
-    }
-  }
-
-  // Mouse move handler
-  if (config.trackMouse) {
-    document.addEventListener('mousemove', throttle(function(e) {
-      if (shouldIgnore(e.target)) return;
-      var coords = getRelativeCoords(e);
-      addPoint({
-        x: coords.x,
-        y: coords.y,
-        type: 'move',
-        t: Date.now(),
-        zone: findZone(e.target)
-      });
-    }, config.samplingRate), { passive: true });
-  }
-
-  // Click handler
-  if (config.trackClicks) {
-    document.addEventListener('click', function(e) {
-      if (shouldIgnore(e.target)) return;
-      var coords = getRelativeCoords(e);
-      var point = {
-        x: coords.x,
-        y: coords.y,
-        type: 'click',
-        t: Date.now(),
-        el: getSelector(e.target),
-        zone: findZone(e.target)
-      };
-      var attrs = captureAttributes(e.target);
-      if (attrs) point.attrs = attrs;
-      addPoint(point);
-    }, { passive: true });
-  }
-
-  // Scroll handler
-  if (config.trackScroll) {
-    var lastScrollDepth = 0;
-    document.addEventListener('scroll', throttle(function() {
-      var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-      var scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
-      var depth = scrollHeight > 0 ? Math.round((scrollTop / scrollHeight) * 100) : 0;
-
-      // Only track significant scroll changes (every 10%)
-      if (Math.abs(depth - lastScrollDepth) >= 10) {
-        lastScrollDepth = depth;
-        addPoint({
-          x: 50,
-          y: depth,
-          type: 'scroll',
-          t: Date.now(),
-          depth: depth
-        });
-      }
-    }, config.samplingRate * 2), { passive: true });
-  }
-
-  // Send remaining data on page unload
-  window.addEventListener('beforeunload', sendData);
-  window.addEventListener('visibilitychange', function() {
-    if (document.visibilityState === 'hidden') {
-      sendData();
-    }
-  });
-
-  // Persist data to localStorage if enabled
-  if (config.persistData) {
-    var storageKey = config.storagePrefix + '_' + session.page.replace(/\\//g, '_');
-
-    // Load existing data
-    try {
-      var stored = localStorage.getItem(storageKey);
-      if (stored) {
-        var parsed = JSON.parse(stored);
-        if (Date.now() - parsed.lastActivity < config.sessionTimeout * 60000) {
-          session.points = parsed.points || [];
-        }
-      }
-    }
-catch (e) {}
-
-    // Save periodically
-    setInterval(function() {
-      try {
-        localStorage.setItem(storageKey, JSON.stringify({
-          points: session.points,
-          lastActivity: session.lastActivity
-        }));
-      }
-catch (e) {}
-    }, 5000);
-  }
-
-  // Debug overlay
-  if (config.debugOverlay) {
-    var overlay = document.createElement('div');
-    overlay.id = 'stx-heatmap-overlay';
-    overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999;';
-    document.body.appendChild(overlay);
-
-    var canvas = document.createElement('canvas');
-    canvas.width = window.innerWidth;
-    canvas.height = window.innerHeight;
-    canvas.style.cssText = 'width:100%;height:100%;';
-    overlay.appendChild(canvas);
-    var ctx = canvas.getContext('2d');
-
-    function renderOverlay() {
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-      session.points.forEach(function(p) {
-        var x = (p.x / 100) * canvas.width;
-        var y = (p.y / 100) * canvas.height;
-        ctx.beginPath();
-        ctx.arc(x, y, p.type === 'click' ? 8 : 3, 0, Math.PI * 2);
-        ctx.fillStyle = p.type === 'click' ? 'rgba(255,0,0,0.5)' : 'rgba(0,0,255,0.2)';
-        ctx.fill();
-      });
-      requestAnimationFrame(renderOverlay);
-    }
-    renderOverlay();
-
-    window.addEventListener('resize', function() {
-      canvas.width = window.innerWidth;
-      canvas.height = window.innerHeight;
-    });
-  }
-
-  // Expose API for manual tracking and data export
-  window.stxHeatmap = {
-    // Get current session data
-    getData: function() {
-      return {
-        sid: session.sid,
-        page: session.page,
-        vw: session.vw,
-        vh: session.vh,
-        points: session.points.slice(),
-        started: session.started,
-        lastActivity: session.lastActivity
-      };
-    },
-    // Export data as JSON
-    exportJSON: function() {
-      return JSON.stringify(this.getData(), null, 2);
-    },
-    // Export data as CSV
-    exportCSV: function() {
-      var data = this.getData();
-      var lines = ['x,y,type,timestamp,element,zone,depth'];
-      data.points.forEach(function(p) {
-        lines.push([p.x, p.y, p.type, p.t, p.el || '', p.zone || '', p.depth || ''].join(','));
-      });
-      return lines.join('\\n');
-    },
-    // Manual data send
-    flush: function() {
-      sendData();
-    },
-    // Clear data
-    clear: function() {
-      session.points = [];
-      if (config.persistData) {
-        var storageKey = config.storagePrefix + '_' + session.page.replace(/\\//g, '_');
-        try { localStorage.removeItem(storageKey); }
-catch (e) {}
-      }
-    },
-    // Add custom event
-    track: function(type, data) {
-      addPoint({
-        x: data && data.x || 0,
-        y: data && data.y || 0,
-        type: type,
-        t: Date.now(),
-        attrs: data
-      });
-    },
-    // Generate heatmap visualization
-    visualize: function(options) {
-      options = options || {};
-      var data = this.getData();
-      var width = options.width || data.vw;
-      var height = options.height || data.vh;
-      var radius = options.radius || 20;
-      var blur = options.blur || 15;
-      var maxOpacity = options.maxOpacity || 0.6;
-
-      var canvas = document.createElement('canvas');
-      canvas.width = width;
-      canvas.height = height;
-      var ctx = canvas.getContext('2d');
-
-      // Create heat points
-      data.points.forEach(function(p) {
-        var x = (p.x / 100) * width;
-        var y = (p.y / 100) * height;
-        var intensity = p.type === 'click' ? 1 : 0.3;
-
-        var gradient = ctx.createRadialGradient(x, y, 0, x, y, radius);
-        gradient.addColorStop(0, 'rgba(255,0,0,' + intensity + ')');
-        gradient.addColorStop(1, 'rgba(255,0,0,0)');
-        ctx.fillStyle = gradient;
-        ctx.fillRect(x - radius, y - radius, radius * 2, radius * 2);
-      });
-
-      // Apply blur
-      ctx.filter = 'blur(' + blur + 'px)';
-      ctx.drawImage(canvas, 0, 0);
-      ctx.filter = 'none';
-
-      // Colorize
-      var imageData = ctx.getImageData(0, 0, width, height);
-      var pixels = imageData.data;
-      for (var i = 0; i < pixels.length; i += 4) {
-        var alpha = pixels[i + 3];
-        if (alpha > 0) {
-          var ratio = alpha / 255;
-          // Gradient: blue -> cyan -> green -> yellow -> red
-          if (ratio < 0.25) {
-            pixels[i] = 0;
-            pixels[i + 1] = Math.round(ratio * 4 * 255);
-            pixels[i + 2] = 255;
-          }
-else if (ratio < 0.5) {
-            pixels[i] = 0;
-            pixels[i + 1] = 255;
-            pixels[i + 2] = Math.round((1 - (ratio - 0.25) * 4) * 255);
-          }
-else if (ratio < 0.75) {
-            pixels[i] = Math.round((ratio - 0.5) * 4 * 255);
-            pixels[i + 1] = 255;
-            pixels[i + 2] = 0;
-          }
-else {
-            pixels[i] = 255;
-            pixels[i + 1] = Math.round((1 - (ratio - 0.75) * 4) * 255);
-            pixels[i + 2] = 0;
-          }
-          pixels[i + 3] = Math.round(alpha * maxOpacity);
-        }
-      }
-      ctx.putImageData(imageData, 0, 0);
-
-      return canvas;
-    }
-  };
-})();
-</script>
-`}function R(D,j){let q=L(j);if(!q)return D;let E=D.lastIndexOf("</body>");if(E!==-1)return D.slice(0,E)+q+D.slice(E);return D+q}var T={name:"heatmap",hasEndTag:!1,description:"Inject privacy-compliant heatmap tracking script",handler:async(D,j,q,E)=>{let F=q.__stx_config||{};if(j.length>0){let J=Q(j.join(" "));F.heatmap={...F.heatmap,...J,enabled:!0}}return L(F)}};function Q(D){let j={},q=D.match(/(\w+)=["']?([^"'\s]+)["']?/g)||[];for(let E of q){let[F,J]=E.split("="),G=J?.replace(/["']/g,"");switch(F){case"endpoint":j.endpoint=G;break;case"samplingRate":j.samplingRate=Number.parseInt(G,10);break;case"batchSize":j.batchSize=Number.parseInt(G,10);break;case"trackMouse":j.trackMouse=G==="true";break;case"trackClicks":j.trackClicks=G==="true";break;case"trackScroll":j.trackScroll=G==="true";break;case"honorDnt":j.honorDnt=G==="true";break;case"debugOverlay":j.debugOverlay=G==="true";break}}return j}class M{sessions=new Map;addSession(D){let j=this.sessions.get(D.sid);if(j)j.points.push(...D.points),j.lastActivity=Math.max(j.lastActivity,D.lastActivity);else this.sessions.set(D.sid,D)}getPageData(D){let j=[];for(let q of this.sessions.values())if(q.page===D)j.push(...q.points);return j}getClickData(D){return this.getPageData(D).filter((j)=>j.type==="click")}getMovementData(D){return this.getPageData(D).filter((j)=>j.type==="move")}getScrollData(D){let j=this.getPageData(D).filter((E)=>E.type==="scroll"),q=new Map;for(let E of j)if(E.depth!==void 0)q.set(E.depth,(q.get(E.depth)||0)+1);return Array.from(q.entries()).map(([E,F])=>({depth:E,count:F})).sort((E,F)=>E.depth-F.depth)}getZoneStats(D){let j=new Map,q=this.getPageData(D);for(let E of q)if(E.zone){let F=j.get(E.zone)||{clicks:0,hovers:0};if(E.type==="click")F.clicks++;else if(E.type==="move")F.hovers++;j.set(E.zone,F)}return j}generateGridData(D,j=20){let q=this.getPageData(D),E=[];for(let J=0;J<j;J++){E[J]=[];for(let G=0;G<j;G++)E[J][G]=0}for(let J of q){let G=Math.min(Math.floor(J.x/100*j),j-1),K=Math.min(Math.floor(J.y/100*j),j-1);E[K][G]+=J.type==="click"?3:1}let F=0;for(let J of E)for(let G of J)F=Math.max(F,G);return E.map((J,G)=>J.map((K,N)=>({x:N,y:G,intensity:F>0?K/F:0})))}exportJSON(){return JSON.stringify({sessions:Array.from(this.sessions.values()),exportedAt:new Date().toISOString()},null,2)}clear(){this.sessions.clear()}get sessionCount(){return this.sessions.size}get totalPoints(){let D=0;for(let j of this.sessions.values())D+=j.points.length;return D}}function U(){return new M}
-export{O as nw,L as ow,R as pw,T as qw,M as rw,U as sw};

package/dist/chunk-a3hyn4we.js

@@ -1,79 +0,0 @@
-// @bun
-async function N(w,b,z,x={}){let q=b.story?.variants.find((B)=>B.id===z);if(!q)return"<!-- Variant not found -->";let j=q.source||"";if(j=E(j),j=F(j,q.state||{}),x.format)j=J(j);if(x.minify)j=K(j);return j}function E(w){let b=w;return b=b.replace(/@if\s*\([^)]+\)/g,"<!-- @if -->"),b=b.replace(/@endif/g,"<!-- @endif -->"),b=b.replace(/@foreach\s*\([^)]+\)/g,"<!-- @foreach -->"),b=b.replace(/@endforeach/g,"<!-- @endforeach -->"),b=b.replace(/@unless\s*\([^)]+\)/g,"<!-- @unless -->"),b=b.replace(/@endunless/g,"<!-- @endunless -->"),b=b.replace(/@component\s*\([^)]+\)/g,"<!-- @component -->"),b=b.replace(/@endcomponent/g,"<!-- @endcomponent -->"),b}function F(w,b){return w.replace(/\{\{\s*(\w+)\s*\}\}/g,(z,x)=>{if(x in b){let q=b[x];if(typeof q==="string")return C(q);if(typeof q==="number"||typeof q==="boolean")return String(q);return JSON.stringify(q)}return`{{ ${x} }}`})}function J(w){let b="",z=0,x=w.split(/>\s*</).map((q,j,B)=>{let A=q;if(j>0)A=`<${A}`;if(j<B.length-1)A=`${A}>`;return A});for(let q of x){let j=q.trim();if(!j)continue;if(j.startsWith("</")||j.startsWith("-->"))z=Math.max(0,z-1);if(b+=`${"  ".repeat(z)}${j}
-`,j.startsWith("<")&&!j.startsWith("</")&&!j.startsWith("<!")&&!j.endsWith("/>")&&!j.includes("</"))z++}return b.trim()}function K(w){return w.replace(/\s+/g," ").replace(/>\s+</g,"><").replace(/\s+>/g,">").replace(/<\s+/g,"<").trim()}function C(w){return w.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function O(w){return`
-    <div class="stx-compiled-output">
-      <div class="stx-compiled-header">
-        <span>Compiled HTML</span>
-        <div class="stx-compiled-actions">
-          <button onclick="window.__stxStory.copyCompiledOutput()" title="Copy">\uD83D\uDCCB</button>
-          <button onclick="window.__stxStory.toggleMinify()" title="Toggle minify">\uD83D\uDDDC\uFE0F</button>
-        </div>
-      </div>
-      <pre class="stx-compiled-code"><code>${C(w)}</code></pre>
-    </div>
-  `}function P(){return`
-    .stx-compiled-output {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-    }
-    .stx-compiled-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 8px 12px;
-      background: var(--bg-secondary);
-      border-bottom: 1px solid var(--border);
-      font-size: 12px;
-      font-weight: 500;
-    }
-    .stx-compiled-actions {
-      display: flex;
-      gap: 4px;
-    }
-    .stx-compiled-actions button {
-      padding: 4px 8px;
-      border: 1px solid var(--border);
-      border-radius: 4px;
-      background: var(--bg);
-      cursor: pointer;
-    }
-    .stx-compiled-actions button:hover {
-      background: var(--bg-secondary);
-    }
-    .stx-compiled-code {
-      flex: 1;
-      margin: 0;
-      padding: 12px;
-      overflow: auto;
-      font-family: var(--code-font-family);
-      font-size: 12px;
-      line-height: 1.5;
-      background: var(--bg);
-      white-space: pre-wrap;
-      word-break: break-word;
-    }
-    .stx-compiled-code code {
-      font-family: inherit;
-    }
-  `}function Q(){return`
-    window.__stxStory = window.__stxStory || {};
-
-    window.__stxStory.showCompiledOutput = false;
-
-    window.__stxStory.toggleCompiledOutput = function() {
-      this.showCompiledOutput = !this.showCompiledOutput;
-      const panel = document.querySelector('.stx-compiled-output');
-      if (panel) {
-        panel.style.display = this.showCompiledOutput ? 'flex' : 'none';
-      }
-    };
-
-    window.__stxStory.copyCompiledOutput = function() {
-      const code = document.querySelector('.stx-compiled-code code');
-      if (code) {
-        navigator.clipboard.writeText(code.textContent || '');
-      }
-    };
-  `}
-export{N as Ua,O as Va,P as Wa,Q as Xa};

package/dist/chunk-a87qqft6.js

@@ -1,194 +0,0 @@
-// @bun
-import{Ks as H,Qr as g,Us as x,tr as O}from"./chunk-1xz0w746.js";import{dt as R}from"./chunk-g1vt329s.js";import b from"path";var v={enabled:!0,bufferSize:16384,strategy:"auto",timeout:30000},M=/<!-- @section:([\w-]+) -->([\s\S]*?)<!-- @endsection:\1 -->/g;var T=/<!-- @suspense:([\w-]+) -->([\s\S]*?)<!-- @endsuspense:\1 -->/g;function f(q){let B=[],Q=0,G;T.lastIndex=0;while((G=T.exec(q))!==null){if(G.index>Q){let X=q.slice(Q,G.index);if(X.trim())B.push({type:B.length===0?"shell":"content",content:X})}let J=G[1],K=G[2];B.push({type:"suspense",name:J,content:K}),Q=G.index+G[0].length}if(Q<q.length){let J=q.slice(Q);if(J.trim())B.push({type:B.length===0?"shell":"content",content:J})}if(B.length===0)B.push({type:"shell",content:q});return B}async function r(q,B={},Q={}){let G={...g,...Q,streaming:{...v,...Q.streaming}},J=G.streaming?.bufferSize||16384;return new ReadableStream({async start(K){try{let X=await Bun.file(q).text(),z=X.match(/<script\b[^>]*\bserver\b[^>]*>([\s\S]*?)<\/script>/i),L=z?z[1]:"",Y=X.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,""),j={...B,__filename:q,__dirname:b.dirname(q)};if(L.trim())await R(L,j,q);let D=f(Y),$=new Set;if(!D.some((w)=>w.type==="suspense")){let w=G.streaming?.strategy||"auto",U=new RegExp(M.source,"g");if(!(w!=="manual"&&U.test(Y))){let F=await H(Y,j,q,G,$);for(let V=0;V<F.length;V+=J)K.enqueue(F.slice(V,V+J)),await new Promise((W)=>setTimeout(W,0))}else{let F=[],V=new RegExp(M.source,"g"),W;while((W=V.exec(Y))!==null)F.push({name:W[1],content:W[2],start:W.index,end:W.index+W[0].length});let y=0;for(let A of F){if(A.start>y){let k=Y.slice(y,A.start);if(k.trim()){let E=await H(k,j,q,G,$);K.enqueue(E),await new Promise((S)=>setTimeout(S,0))}}let I=await H(A.content,j,q,G,$);K.enqueue(I),await new Promise((k)=>setTimeout(k,0)),y=A.end}if(y<Y.length){let A=Y.slice(y);if(A.trim()){let I=await H(A,j,q,G,$);K.enqueue(I)}}}}else{let w=new Map;for(let Z of D)if(Z.type==="shell"||Z.type==="content"){let F=await H(Z.content,j,q,G,$);K.enqueue(F)}else if(Z.type==="suspense"&&Z.name){let F=`stx-suspense-${Z.name}`;K.enqueue(`<div id="${F}" data-suspense="${Z.name}" style="display:contents;">
-  <template data-suspense-fallback>Loading...</template>
-</div>`),w.set(Z.name,H(Z.content,j,q,G,$))}K.enqueue(`
-<script>
-(function() {
-  window.__stxSuspense = window.__stxSuspense || {
-    resolve: function(name, content) {
-      var el = document.querySelector('[data-suspense="' + name + '"]');
-      if (el) {
-        // Create a template to parse the HTML
-        var template = document.createElement('template');
-        template.innerHTML = content;
-        // Replace placeholder with actual content
-        el.replaceWith(template.content);
-      }
-    }
-  };
-})();
-</script>`);let U=Array.from(w.entries()).map(async([Z,F])=>{K.enqueue(await N(Z,F))});await Promise.all(U)}K.close()}catch(X){K.error(X)}}})}async function N(q,B){try{let G=(await B).replace(/`/g,"\\`").replace(/<\/script>/gi,"<\\/script>");return`
-<script>
-window.__stxSuspense.resolve('${q}', \`${G}\`);
-</script>`}catch(Q){let G=Q instanceof Error?Q.message:String(Q);return`
-<script>
-window.__stxSuspense.resolve('${q}', '<div class="stx-error">Error loading content: ${O(G)}</div>');
-</script>`}}var C=`
-<script>
-(function(){
-  window.__stxSuspense = window.__stxSuspense || {
-    resolve: function(name, content){
-      var el = document.querySelector('[data-suspense="' + name + '"]');
-      if (!el) return;
-      var t = document.createElement('template');
-      t.innerHTML = content;
-      // Keep handles to the inserted nodes \u2014 the fragment is emptied on insert.
-      var nodes = Array.prototype.slice.call(t.content.childNodes);
-      el.replaceWith(t.content);
-      // Hydrate the streamed content so interactive islands/directives inside
-      // it come alive (no-op when the signals runtime isn't on the page).
-      if (window.stx && typeof window.stx.hydrate === 'function') {
-        nodes.forEach(function(n){ if (n.nodeType === 1) window.stx.hydrate(n); });
-      }
-    }
-  };
-})();
-</script>`;function P(q,B,Q){if(!B||B<=0)return q;let G,J=new Promise((K,X)=>{G=setTimeout(()=>X(Error(`streaming boundary "${Q}" timed out after ${B}ms`)),B)});return Promise.race([q,J]).finally(()=>clearTimeout(G))}function s(q,B=[],Q={}){let G=Q.timeoutMs??0;return new ReadableStream({async start(J){try{if(J.enqueue(q),B.length>0)J.enqueue(C),await Promise.all(B.map(async(K)=>{let X=P(K.render(),G,K.id);J.enqueue(await N(K.id,X))}));J.close()}catch(K){J.error(K)}}})}var u=/@stream\s*\(\s*['"]([^'"]+)['"]\s*\)([\s\S]*?)@endstream/gi;function a(q,B){return q.replace(u,(Q,G,J)=>{let K=G.trim(),X=J.split(/@fallback/i),z=X[0].trim(),L=X.length>1?X.slice(1).join("@fallback").trim():"";if(!B.__streamTemplates)B.__streamTemplates={};return B.__streamTemplates[K]=z,`<div data-suspense="${K}">${L}</div>`})}function o(q){let B=q?.streamBoundaries;if(!B||typeof B!=="object")return;let Q=Object.entries(B).filter(([,G])=>typeof G==="function");return Q.length>0?Q.map(([G,J])=>({id:G,render:J})):void 0}async function n(q,B={},Q={}){let G={...g,...Q,streaming:{...v,...Q.streaming}},J=G.streaming?.bufferSize||16384;return new ReadableStream({async start(K){try{let X=await Bun.file(q).text(),z=X.match(/<script\b[^>]*\bserver\b[^>]*>([\s\S]*?)<\/script>/i),L=z?z[1]:"",Y=X.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,""),j={...B,__filename:q,__dirname:b.dirname(q)};if(L.trim())await R(L,j,q);let D=new Set,$=G.streaming?.strategy||"auto",_=new RegExp(M.source,"g");if(!($!=="manual"&&_.test(Y))){let U=await H(Y,j,q,G,D);for(let Z=0;Z<U.length;Z+=J)K.enqueue(U.slice(Z,Z+J))}else{let U=[],Z=new RegExp(M.source,"g"),F;while((F=Z.exec(Y))!==null)U.push({name:F[1],content:F[2],start:F.index,end:F.index+F[0].length});let V=0;for(let W of U){if(W.start>V){let A=Y.slice(V,W.start);if(A.trim()){let I=await H(A,j,q,G,D);K.enqueue(I)}}let y=await H(W.content,j,q,G,D);K.enqueue(y),V=W.end}if(V<Y.length){let W=Y.slice(V);if(W.trim()){let y=await H(W,j,q,G,D);K.enqueue(y)}}}K.close()}catch(X){K.error(X)}}})}async function e(q,B={}){let Q={...g,...B,streaming:{...v,...B.streaming}},G=await Bun.file(q).text(),J=G.match(/<script\b[^>]*\bserver\b[^>]*>([\s\S]*?)<\/script>/i),K=J?J[1]:"",X=G.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,""),z=X,L={},Y;M.lastIndex=0;while((Y=M.exec(X))!==null){let $=Y[1],_=Y[2];L[$]=_}let j=X.replace(M,"");return{renderShell:async($={})=>{let _={...$,__filename:q,__dirname:b.dirname(q)};return await R(K,_,q),H(j,_,q,Q,new Set)},renderSection:async($,_={})=>{try{if(!L[$])return`<div class="error-message">Section "${O($)}" not found in template "${O(q)}"</div>`;let w={..._,__filename:q,__dirname:b.dirname(q)};await R(K,w,q);let U=new Set;return await H(L[$],w,q,Q,U)}catch(w){let U=w instanceof Error?w.message:String(w);return x("Expression",U,q,L[$]||"",0,L[$]||"")}},getSections:()=>{return Object.keys(L)},getTemplate:()=>{return z}}}var d={name:"suspense",hasEndTag:!0,handler:(q,B,Q,G)=>{if(!B||B.length===0)throw Error("Suspense directive requires a name parameter");let J=B[0].replace(/['"`]/g,"");return`<!-- @suspense:${J} -->${q}<!-- @endsuspense:${J} -->`}},h={name:"island",hasEndTag:!0,handler:(q,B,Q,G)=>{if(!B||B.length===0)throw Error("Island directive requires a name parameter");let J=B[0].replace(/['"`]/g,""),K=B[1]?B[1].replace(/['"`]/g,""):"lazy",X=`island-${J}-${Math.random().toString(36).substring(2,9)}`,z=q.match(/<script\s+props\s*>([\s\S]*?)<\/script>/i),L=z?z[1].trim():"",Y=z?q.replace(z[0],""):q;return`<div data-island="${J}" data-island-id="${X}" data-priority="${K}">
-      ${Y}
-      <script type="application/json" data-island-props="${X}">
-        ${L?`{${L}}`:"{}"}
-      </script>
-    </div>`}};function t(q={}){let B=[];if(q.streaming?.enabled)B.push(d);if(q.hydration?.enabled)B.push(h);return B}async function qq(q,B,Q,G={}){return q}function Bq(q,B={}){let Q=new TextEncoder,G=q.pipeThrough(new TransformStream({transform(K,X){X.enqueue(Q.encode(K))}})),J=new Headers(B.headers);if(!J.has("Content-Type"))J.set("Content-Type","text/html; charset=utf-8");if(!J.has("Transfer-Encoding"))J.set("Transfer-Encoding","chunked");if(!J.has("X-Content-Type-Options"))J.set("X-Content-Type-Options","nosniff");if(!J.has("X-Accel-Buffering"))J.set("X-Accel-Buffering","no");return new Response(G,{...B,headers:J})}function Gq(q={mode:"full"}){let{mode:B,components:Q={},dynamicImports:G=!0}=q,J=Object.entries(Q).map(([K,X])=>`'${K}': ${G?`() => import('${X}')`:`require('${X}')`}`).join(`,
-      `);if(B==="loader")return`
-(function() {
-  window.__stx = window.__stx || {};
-  window.__stx.islands = new Map();
-  window.__stx.registerComponent = function(name, component) {
-    window.__stx.islands.set(name, component);
-  };
-})();`;return`
-(function() {
-  'use strict';
-
-  // Hydration runtime for stx islands
-  const stx = {
-    // Component registry
-    components: {
-      ${J}
-    },
-
-    // Loaded island instances
-    islands: new Map(),
-
-    // Register a component for hydration
-    registerComponent: function(name, loader) {
-      this.components[name] = loader;
-    },
-
-    // Get props for an island by ID
-    getIslandProps: function(id) {
-      const propsScript = document.querySelector('[data-island-props="' + id + '"]');
-      if (!propsScript) return {};
-      try {
-        return JSON.parse(propsScript.textContent || '{}');
-      }
-catch (e) {
-        console.warn('[stx] Failed to parse island props:', id, e);
-        return {};
-      }
-    },
-
-    // Hydrate a single island
-    hydrateIsland: async function(element) {
-      const name = element.dataset.island;
-      const id = element.dataset.islandId;
-
-      if (!name || this.islands.has(id)) return;
-
-      const loader = this.components[name];
-      if (!loader) {
-        console.warn('[stx] Unknown island component:', name);
-        return;
-      }
-
-      try {
-        const component = typeof loader === 'function' ? await loader() : loader;
-        const props = this.getIslandProps(id);
-
-        // Mark as hydrating
-        element.dataset.hydrating = 'true';
-
-        // Call component's hydrate method if available
-        if (component.hydrate) {
-          await component.hydrate(element, props);
-        }
-else if (component.default && component.default.hydrate) {
-          await component.default.hydrate(element, props);
-        }
-
-        // Mark as hydrated
-        delete element.dataset.hydrating;
-        element.dataset.hydrated = 'true';
-        this.islands.set(id, { element, component, props });
-
-      }
-catch (error) {
-        console.error('[stx] Failed to hydrate island:', name, error);
-        element.dataset.hydrateError = 'true';
-      }
-    },
-
-    // Hydrate all islands based on priority
-    hydrate: function() {
-      const islands = document.querySelectorAll('[data-island]');
-
-      // Group by priority
-      const eager = [];
-      const lazy = [];
-      const idle = [];
-
-      islands.forEach(function(el) {
-        const priority = el.dataset.priority || 'lazy';
-        if (priority === 'eager') eager.push(el);
-        else if (priority === 'idle') idle.push(el);
-        else lazy.push(el);
-      });
-
-      // Hydrate eager immediately
-      eager.forEach(function(el) { stx.hydrateIsland(el); });
-
-      // Hydrate lazy on intersection
-      if (lazy.length > 0 && 'IntersectionObserver' in window) {
-        const observer = new IntersectionObserver(function(entries) {
-          entries.forEach(function(entry) {
-            if (entry.isIntersecting) {
-              observer.unobserve(entry.target);
-              stx.hydrateIsland(entry.target);
-            }
-          });
-        }, { rootMargin: '50px' });
-
-        lazy.forEach(function(el) { observer.observe(el); });
-      }
-else {
-        // Fallback: hydrate all lazy immediately
-        lazy.forEach(function(el) { stx.hydrateIsland(el); });
-      }
-
-      // Hydrate idle during browser idle time
-      if (idle.length > 0 && 'requestIdleCallback' in window) {
-        requestIdleCallback(function() {
-          idle.forEach(function(el) { stx.hydrateIsland(el); });
-        });
-      }
-else {
-        // Fallback: hydrate after a delay
-        setTimeout(function() {
-          idle.forEach(function(el) { stx.hydrateIsland(el); });
-        }, 200);
-      }
-    }
-  };
-
-  // Expose to window
-  window.__stx = stx;
-
-  // Auto-hydrate on DOMContentLoaded if not SSR
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', function() { stx.hydrate(); });
-  }
-else {
-    stx.hydrate();
-  }
-})();`}
-export{r as Wf,N as Xf,C as Yf,s as Zf,a as _f,o as $f,n as ag,e as bg,d as cg,h as dg,t as eg,qq as fg,Bq as gg,Gq as hg};

package/dist/chunk-ah88wzbg.js

@@ -1,10 +0,0 @@
-// @bun
-function G(j){return j.replace(/[;{}()]/g,"").replace(/url/gi,"")}function E(j,q){if(j.serverDynamic[q]!==void 0)return String(j.serverDynamic[q]);let A=j.static[q];if(typeof A==="string")return A;return}function F(j,q,A){let B=E(j,q);if(B!==void 0){let D=Number.parseInt(B,10);if(!Number.isNaN(D))return D}return A}var O={name:"StxLoadingIndicator",aliases:["stx-loading-indicator"],render(j,q,A){let B=G(E(j,"color")||"#6366f1"),D=G(E(j,"initialColor")||E(j,"initial-color")||""),H=G(E(j,"height")||"3px"),J=F(j,"duration",2000),K=F(j,"throttle",200),L=F(j,"zIndex",999999)||F(j,"z-index",999999),M=D?`linear-gradient(to right, ${D}, ${B})`:B;return`
-<div id="stx-loading-indicator" style="position:fixed;top:0;left:0;right:0;height:${H};background:${M};z-index:${L};transform:scaleX(0);transform-origin:left;transition:transform 0.1s ease-out,opacity 0.3s ease;opacity:0;pointer-events:none">
-  <div style="position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);animation:stx-shimmer 1.5s infinite"></div>
-</div>
-<style>@keyframes stx-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}</style>
-<script>
-(function(){var el=document.getElementById('stx-loading-indicator'),p=0,l=!1,i=null;function u(v){p=Math.min(Math.max(v,0),100);if(el){el.style.opacity=p>0?'1':'0';el.style.transform='scaleX('+(p/100)+')'}}window.stxLoading={start:function(){l=!0;p=0;u(10);if(i)clearInterval(i);i=setInterval(function(){if(!l)return;var r=90-p,inc=Math.max(0.5,r*0.1);if(p<90)u(p+inc)},${K})},finish:function(){l=!1;if(i){clearInterval(i);i=null}u(100);setTimeout(function(){if(el)el.style.opacity='0';setTimeout(function(){p=0;if(el)el.style.transform='scaleX(0)'},300)},200)},set:function(v){u(v)},clear:function(){l=!1;p=0;if(i){clearInterval(i);i=null}if(el){el.style.opacity='0';el.style.transform='scaleX(0)'}}};document.addEventListener('click',function(e){var a=e.target.closest&&e.target.closest('a');if(!a)return;var h=a.getAttribute('href');if(!h||h.startsWith('http')||h.startsWith('#')||h.startsWith('mailto:')||h.startsWith('tel:')||a.target==='_blank')return;window.stxLoading.start()});window.addEventListener('popstate',function(){window.stxLoading.start()});window.addEventListener('load',function(){window.stxLoading.finish()})})();
-</script>`}};
-export{O as Zy};