loly-jsx 0.1.0

package/dist/index.js

@@ -0,0 +1,1206 @@
+import { s as v, g as O, d as z, i as b, a as S, c as dt, n as k, b as C, F as Q, e as ft, j, o as It, f as x } from "./dev-runtime-CEyE3QDn.js";
+import { h as je, k as Re } from "./dev-runtime-CEyE3QDn.js";
+const U = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakMap();
+let Tt = 0;
+function vt() {
+  return `store-${Date.now()}-${Math.random().toString(36).slice(2)}-${Tt++}`;
+}
+const Dt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new WeakMap(), R = [], tt = () => R[R.length - 1];
+function Nt() {
+  const t = tt(), e = t ? new Map(t) : /* @__PURE__ */ new Map();
+  R.push(e);
+}
+function Y() {
+  R.pop();
+}
+function kt(t, e) {
+  Dt.set(t, e);
+}
+function Ct(t, e, r, n) {
+  const s = tt();
+  if (s)
+    O().enableWarnings && s.has(e) && console.warn("[loly][store] shadowing scoped store detected; consider different store instance"), s.set(e, r);
+  else {
+    const o = /* @__PURE__ */ new Map();
+    o.set(e, r), R.push(o);
+  }
+  let i = U.get(t);
+  i || (i = /* @__PURE__ */ new Map(), U.set(t, i)), i.set(e, r), pt.set(e, t), e.__storeId && n !== void 0 && kt(e.__storeId, n);
+}
+function K(t) {
+  const e = tt();
+  if (e != null && e.has(t))
+    return console.log("[findScopedStore] Found in active stack"), e.get(t);
+  const r = pt.get(t);
+  if (r) {
+    const s = U.get(r);
+    if (s != null && s.has(t))
+      return console.log("[findScopedStore] Found in vnode context"), s.get(t);
+  }
+  const n = it.get(t);
+  if (n)
+    return console.log("[findScopedStore] Found in global registry"), n;
+  if (typeof window < "u" && t.__storeId) {
+    const s = window.__LOLY_STORE_DATA__;
+    if (s && s[t.__storeId]) {
+      const i = s[t.__storeId], [o] = v(i);
+      return it.set(t, o), delete s[t.__storeId], o;
+    }
+  }
+  return null;
+}
+function yt(t) {
+  return K(t);
+}
+function le(t, e) {
+  const [r, n] = v(t), s = e || vt();
+  return e || console.warn("[loly][store] storeId is required for SSR/client serialization"), {
+    __isStore: !0,
+    __defaultValue: t,
+    __globalSignal: r,
+    __storeId: s,
+    get() {
+      const i = K(this);
+      return i ? i() : r();
+    },
+    set(i) {
+      const o = K(this);
+      if (o) {
+        const a = o.get();
+        o.set(i), O().enableDevtools && z("store", "debug", "store:update(scoped)", { prev: a, next: o.get() });
+      } else {
+        const a = r.get();
+        n(i), O().enableDevtools && z("store", "debug", "store:update(global)", { prev: a, next: r.get() });
+      }
+    },
+    update(i) {
+      this.set(i(this.get()));
+    },
+    reset() {
+      this.set(this.__defaultValue);
+    }
+  };
+}
+const et = /* @__PURE__ */ new Map();
+function ue(t, e) {
+  return et.set(t, e), e.__islandName = t, e;
+}
+function Ot(t) {
+  return et.get(t);
+}
+function de() {
+  return Array.from(et.keys());
+}
+function nt(t) {
+  return !!t && typeof t == "object" && t.__kind === "for";
+}
+function fe(t) {
+  const e = t.key ?? ((s, i) => i), n = Array.isArray(t.children) ? t.children[0] : t.children;
+  if (typeof n != "function")
+    throw new Error("<For> expects a render function as its child");
+  if (!b(t.each) && !S(t.each))
+    throw new Error("<For> each prop must be a signal or computed");
+  return {
+    __kind: "for",
+    source: t.each,
+    renderItem: n,
+    getKey: e
+  };
+}
+function pe(t, e, r) {
+  if (typeof e != "function")
+    throw new Error("forBlock renderItem must be a function");
+  return {
+    __kind: "for",
+    source: t,
+    renderItem: e,
+    getKey: r
+  };
+}
+let ht = null;
+function T(t) {
+  ht = t;
+}
+function q() {
+  return ht;
+}
+function P() {
+  return {
+    id: crypto.randomUUID(),
+    onMount: [],
+    onUnmount: [],
+    cleanup: []
+  };
+}
+function N(t, e) {
+  t.__instance = e, e.vnode = t;
+}
+function ye(t) {
+  return () => t();
+}
+function jt(t) {
+  var e;
+  (e = q()) == null || e.onMount.push(t);
+}
+function gt(t) {
+  var e;
+  (e = q()) == null || e.onUnmount.push(t);
+}
+function he(t) {
+  var e;
+  (e = q()) == null || e.cleanup.push(t);
+}
+const V = /* @__PURE__ */ new WeakMap();
+function E(t, e) {
+  (Array.isArray(t) ? t : [t]).forEach((n) => {
+    const s = V.get(n);
+    s ? s.push(e) : V.set(n, [e]);
+  });
+}
+function Rt(t) {
+  const e = V.get(t);
+  e && e.length && (V.delete(t), e.forEach((r) => {
+    try {
+      r();
+    } catch (n) {
+      console.error("[loly] cleanup error", n);
+    }
+  }));
+}
+function mt(t) {
+  Rt(t), t.childNodes.forEach((e) => mt(e));
+}
+function _t(t, e = !0) {
+  t.forEach((r) => {
+    var n;
+    mt(r), e && ((n = r.parentNode) == null || n.removeChild(r));
+  });
+}
+function Mt(t, e) {
+  const r = [];
+  $(t, e, r), r.forEach((n) => n());
+}
+function $(t, e, r) {
+  var o, a;
+  if (Array.isArray(t)) {
+    const l = [];
+    return k(t).forEach((c) => {
+      l.push(...$(c, e, r));
+    }), l;
+  }
+  if (b(t) || S(t)) {
+    const l = document.createComment("loly:signal");
+    e.appendChild(l);
+    let c = [];
+    const u = () => (b(t), t.get()), p = (y) => {
+      _t(c), c = [];
+      const d = document.createDocumentFragment();
+      $(y, d, r);
+      const g = Array.from(d.childNodes);
+      l.parentNode === e && l.parentNode !== null ? e.insertBefore(d, l) : e.appendChild(d), c = g;
+    }, h = () => p(u());
+    p(u());
+    const f = (b(t), t.subscribe)(h);
+    return E(l, f), [l, ...c];
+  }
+  if (typeof t == "function")
+    return $(dt(t), e, r), [];
+  if (typeof t == "string" || typeof t == "number") {
+    const l = document.createTextNode(String(t));
+    return e.appendChild(l), [l];
+  }
+  if (t == null || t === !1 || t === !0) return [];
+  if (nt(t))
+    return Ht(t, e, r);
+  if (!C(t)) return [];
+  if (typeof t.type == "function") {
+    Nt();
+    const l = t.type.__isErrorBoundary === !0, c = P();
+    N(t, c), O().enableDevtools && t.__islandDirective && z("island", "info", "island:activate", { name: (o = t.type) == null ? void 0 : o.name, directive: t.__islandDirective }), T(c);
+    let u;
+    try {
+      u = t.type({
+        ...t.props,
+        children: t.children
+      });
+    } catch (f) {
+      if (T(null), l) {
+        const y = t.props, d = f instanceof Error ? f : new Error(String(f));
+        (a = y.onError) == null || a.call(y, d, null);
+        const g = y.fallback ? y.fallback(d) : null, m = g ? $(g, e, r) : [];
+        return Y(), m;
+      }
+      throw Y(), f;
+    }
+    T(null);
+    const p = (() => {
+      var f;
+      if (l)
+        try {
+          return $(u, e, r);
+        } catch (y) {
+          const d = t.props, g = y instanceof Error ? y : new Error(String(y));
+          (f = d.onError) == null || f.call(d, g, null);
+          const m = d.fallback ? d.fallback(g) : null;
+          return m ? $(m, e, r) : [];
+        }
+      return $(u, e, r);
+    })(), h = p.length ? p : [document.createComment("loly:empty")];
+    if (p.length || h.forEach((f) => e.appendChild(f)), c.onMount.length && r.push(...c.onMount), c.onUnmount.length || c.cleanup.length) {
+      let f = !1;
+      E(h, () => {
+        f || (f = !0, c.onUnmount.forEach((d) => {
+          try {
+            d();
+          } catch (g) {
+            console.error("[loly] onUnmount error", g);
+          }
+        }), c.cleanup.forEach((d) => {
+          try {
+            d();
+          } catch (g) {
+            console.error("[loly] cleanup error", g);
+          }
+        }));
+      });
+    }
+    return Y(), h;
+  }
+  if (t.type === Q) {
+    const l = [];
+    return k(t.children).forEach((c) => {
+      l.push(...$(c, e, r));
+    }), l;
+  }
+  const n = document.createElement(t.type), s = t.props.dangerouslySetInnerHTML;
+  return s && s.__html ? n.innerHTML = s.__html : (Vt(n, t.props), k(t.children).forEach((l) => {
+    $(l, n, r);
+  })), e.appendChild(n), [n];
+}
+function Pt(t) {
+  return Object.entries(t).map(([e, r]) => `${e.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`)}:${r}`).join(";");
+}
+function Vt(t, e) {
+  for (const [r, n] of Object.entries(e)) {
+    if (r === "children") continue;
+    const s = r === "className" ? "class" : r;
+    if (r.startsWith("on") && typeof n == "function") {
+      const i = r.slice(2).toLowerCase();
+      t.addEventListener(i, n), E(
+        t,
+        () => t.removeEventListener(i, n)
+      );
+      continue;
+    }
+    if (r === "value" && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement))
+      if (b(n) || S(n)) {
+        O().enableWarnings && console.warn("[loly][warn] Passing a signal directly as value=. Usa value={signal()} o bind via onInput");
+        const i = () => (b(n), n.get());
+        t.value = String(i() ?? "");
+        const o = n.subscribe(() => {
+          t.value = String(i() ?? "");
+        });
+        E(t, o);
+        continue;
+      } else {
+        t.value = String(n ?? "");
+        continue;
+      }
+    if (r === "checked" && t instanceof HTMLInputElement)
+      if (b(n) || S(n)) {
+        const i = () => (b(n), n.get());
+        t.checked = !!i();
+        const o = n.subscribe(() => {
+          t.checked = !!i();
+        });
+        E(t, o);
+        continue;
+      } else {
+        t.checked = !!n;
+        continue;
+      }
+    if (r === "style") {
+      const i = (o) => {
+        if (typeof o == "object" && o !== null) {
+          const a = Pt(
+            o
+          );
+          t.setAttribute("style", a);
+        } else o == null ? t.removeAttribute("style") : t.setAttribute("style", String(o));
+      };
+      if (b(n) || S(n)) {
+        const o = () => (b(n), n.get());
+        i(o());
+        const a = n.subscribe(() => i(o()));
+        E(t, a);
+        continue;
+      }
+      if (typeof n == "object" && n !== null) {
+        const o = n;
+        if (Object.values(o).some(
+          (l) => typeof l == "function" || b(l) || S(l)
+        )) {
+          const l = dt(() => {
+            const p = {};
+            for (const [h, f] of Object.entries(o))
+              b(f) || S(f) ? p[h] = f.get() : typeof f == "function" ? p[h] = f() : p[h] = f;
+            return p;
+          }), c = () => l.get();
+          i(c());
+          const u = l.subscribe(
+            () => i(c())
+          );
+          E(t, u);
+          continue;
+        }
+      }
+      i(n);
+      continue;
+    }
+    if (s === "disabled") {
+      const i = (o) => {
+        const a = !o || o === "false", l = t;
+        a ? (l.disabled = !1, t.removeAttribute("disabled")) : (l.disabled = !0, t.setAttribute("disabled", "true"));
+      };
+      if (b(n) || S(n)) {
+        const o = () => (b(n), n.get());
+        i(o());
+        const a = n.subscribe(() => i(o()));
+        E(t, a);
+        continue;
+      } else {
+        i(n);
+        continue;
+      }
+    }
+    if (b(n) || S(n)) {
+      const i = () => (b(n), n.get());
+      t.setAttribute(s, String(i()));
+      const o = n.subscribe(
+        () => t.setAttribute(s, String(i()))
+      );
+      E(t, o);
+      continue;
+    }
+    typeof n != "function" && t.setAttribute(s, String(n));
+  }
+}
+function Ht(t, e, r) {
+  const n = document.createComment("loly:for:start"), s = document.createComment("loly:for:end");
+  e.appendChild(n), e.appendChild(s);
+  let i = [];
+  const o = (c) => {
+    const u = /* @__PURE__ */ new Map();
+    i.forEach((f) => u.set(f.key, f));
+    const p = [];
+    let h = s;
+    for (let f = c.length - 1; f >= 0; f--) {
+      const y = c[f], d = t.getKey(y, f), g = u.get(d);
+      let m = [];
+      if (g) {
+        m = g.nodes, u.delete(d);
+        const _ = m[0];
+        _ && _.nextSibling !== h && (h.parentNode === e && h.parentNode !== null ? m.forEach((w) => e.insertBefore(w, h)) : m.forEach((w) => e.appendChild(w)));
+      } else {
+        const _ = document.createDocumentFragment(), w = t.source;
+        m = $(
+          t.renderItem(y, {
+            remove: () => {
+              if (b(w)) {
+                const A = w.get(), D = A.filter((M, J) => t.getKey(A[J], J) !== d);
+                w.set(D);
+              } else
+                console.warn(
+                  "ctx.remove() is not supported when <For> uses a computed source. Handle removal manually."
+                );
+            },
+            index: () => w.get().findIndex(
+              (D, M) => t.getKey(D, M) === d
+            )
+          }),
+          _,
+          r
+        ), m = m.length ? m : Array.from(_.childNodes), _.childNodes.length && (h.parentNode === e && h.parentNode !== null ? e.insertBefore(_, h) : e.appendChild(_));
+      }
+      h = m[0] ?? h, p.unshift({ key: d, nodes: m, item: y });
+    }
+    u.forEach((f) => _t(f.nodes)), i = p;
+  }, a = t.source.get();
+  o(a);
+  const l = t.source.subscribe((c) => {
+    o(c);
+  });
+  return E(s, l), [n, s];
+}
+function qt(t) {
+  return t && (t.startsWith("media:") || t === "idle" || t === "visible" || t === "load") ? t : "load";
+}
+function Jt(t, e, r) {
+  if (e === "load") {
+    r();
+    return;
+  }
+  if (e === "idle") {
+    "requestIdleCallback" in window ? window.requestIdleCallback(r) : setTimeout(r, 0);
+    return;
+  }
+  if (e === "visible") {
+    const n = new IntersectionObserver((s) => {
+      s[0].isIntersecting && (n.disconnect(), r());
+    });
+    n.observe(t);
+    return;
+  }
+  if (e.startsWith("media:")) {
+    const n = e.slice(6), s = window.matchMedia(n), i = () => {
+      s.removeEventListener("change", o), r();
+    }, o = (a) => {
+      a.matches && i();
+    };
+    s.matches ? i() : s.addEventListener("change", o);
+    return;
+  }
+  r();
+}
+function Yt(t = document) {
+  t.querySelectorAll("[data-loly-island]").forEach((r) => {
+    if (r.hasAttribute("data-loly-booted")) return;
+    const n = r.getAttribute("data-loly-island");
+    if (!n) return;
+    const s = Ot(n);
+    if (!s) return;
+    r.setAttribute("data-loly-booted", "true");
+    const i = r.getAttribute("data-island-id");
+    let o = {};
+    if (i && typeof window < "u") {
+      const c = window.__LOLY_ISLAND_DATA__;
+      c && c[i] && (o = c[i], delete c[i]);
+    }
+    const a = qt(r.getAttribute("data-client"));
+    Jt(r, a, () => {
+      r.innerHTML = "";
+      const c = ft(s, o, []);
+      Mt(c, r);
+    });
+  });
+}
+const L = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), bt = (t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || t === void 0;
+let Bt = 0;
+function wt(t) {
+  const e = [];
+  for (const [r, n] of Object.entries(t)) {
+    if (r === "children" || r === "key" || r === "dangerouslySetInnerHTML" || r.startsWith("on") && typeof n == "function") continue;
+    const s = b(n) || S(n) ? n.get() : n;
+    if (s === !1 || s === null || s === void 0) continue;
+    const i = r === "className" ? "class" : r;
+    if (i === "style" && typeof s == "object" && s !== null) {
+      const o = Object.entries(s).map(([a, l]) => `${a.toString().replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}:${l}`).join(";");
+      e.push(`${i}="${L(o)}"`);
+      continue;
+    }
+    s === !0 ? e.push(`${i}`) : e.push(`${i}="${L(String(s))}"`);
+  }
+  return e.length ? ` ${e.join(" ")}` : "";
+}
+async function W(t) {
+  return typeof window > "u" ? (await Promise.all(t.map(async (s) => b(s) || S(s) ? I(s.get()) : I(s)))).join("") : (await Promise.all(t.map(I))).join("");
+}
+async function B(t) {
+  const e = t.type, r = P();
+  N(t, r), T(r);
+  const n = e({ ...t.props, children: t.children });
+  C(n) && N(n, r), T(null);
+  const s = H(n) ? await n : n;
+  return I(s);
+}
+function St(t) {
+  const e = (n, s) => {
+    if (s !== void 0 && typeof s != "function" && typeof s != "symbol")
+      return b(s) ? s.get() : s;
+  }, r = { ...t };
+  delete r.children, delete r.key, delete r.__islandDirective;
+  try {
+    return JSON.parse(JSON.stringify(r, e));
+  } catch {
+    return {};
+  }
+}
+function At() {
+  return `island-${Date.now()}-${Math.random().toString(36).slice(2)}-${Bt++}`;
+}
+function xt(t) {
+  return t.__islandName || t.name || "Island";
+}
+async function Ft(t) {
+  if (t.type === Q)
+    return W(t.children);
+  if (typeof t.type == "function") {
+    if (t.__islandDirective) {
+      const o = xt(t.type), a = St(t.props), l = await B(t), c = t.__islandDirective, u = c ? ` data-client="${L(c)}"` : "", p = At(), h = JSON.stringify(p), f = JSON.stringify(a);
+      return `${`<script>window.__LOLY_ISLAND_DATA__=window.__LOLY_ISLAND_DATA__||{};window.__LOLY_ISLAND_DATA__[${h}]=${f};<\/script>`}<div data-loly-island="${L(o)}" data-island-id="${L(
+        p
+      )}"${u}>${l}</div>`;
+    }
+    if (t.type.__isStoreComponent) {
+      const o = t.props, a = o.store;
+      if (a != null && a.__storeId && o.initialData !== void 0) {
+        const l = JSON.stringify(a.__storeId), c = JSON.stringify(o.initialData), u = `<script>window.__LOLY_STORE_DATA__=window.__LOLY_STORE_DATA__||{};window.__LOLY_STORE_DATA__[${l}]=${c};<\/script>`, p = await B(t);
+        return u + p;
+      }
+    }
+    return B(t);
+  }
+  const e = t.type, r = wt(t.props), n = t.props.dangerouslySetInnerHTML;
+  if (n && typeof n.__html == "string")
+    return `<${e}${r}>${n.__html}</${e}>`;
+  const s = await W(t.children);
+  return `<${e}${r}>${s}</${e}>`;
+}
+async function I(t) {
+  if (Array.isArray(t))
+    return W(t);
+  if (typeof t == "function") {
+    const e = t(), r = H(e) ? await e : e;
+    return I(r);
+  }
+  if (nt(t)) {
+    const e = t.source.get();
+    return (await Promise.all(
+      e.map((n, s) => I(t.renderItem(n, { remove() {
+      }, index: () => s })))
+    )).join("");
+  }
+  return b(t) || S(t) ? I(t.get()) : bt(t) ? t === !1 || t === null || t === void 0 ? "" : L(String(t)) : C(t) ? Ft(t) : "";
+}
+async function Lt(t) {
+  return I(t);
+}
+function zt(t, e = {}) {
+  const { onAsyncTask: r } = e, n = new TextEncoder();
+  let s = 0;
+  async function i(o, a, l, c) {
+    if (Array.isArray(o)) {
+      for (const u of k(o))
+        await i(u, a);
+      return;
+    }
+    if (nt(o)) {
+      const u = o.source.get();
+      for (let p = 0; p < u.length; p++)
+        await i(o.renderItem(u[p], { remove() {
+        }, index: () => p }), a);
+      return;
+    }
+    if (b(o) || S(o))
+      return i(o.get(), a);
+    if (bt(o)) {
+      if (o === !1 || o === null || o === void 0) return;
+      a.enqueue(n.encode(L(String(o))));
+      return;
+    }
+    if (C(o)) {
+      if (o.type === Q || typeof o.type == "symbol") {
+        for (const f of k(o.children))
+          await i(f, a);
+        return;
+      }
+      if (typeof o.type == "function") {
+        if (o.__islandDirective) {
+          const g = xt(o.type), m = St(o.props), _ = P();
+          N(o, _), T(_);
+          const w = o.type({ ...o.props, children: o.children });
+          C(w) && N(w, _), T(null);
+          const A = At(), D = JSON.stringify(A), M = JSON.stringify(m), st = `${`<script>window.__LOLY_ISLAND_DATA__=window.__LOLY_ISLAND_DATA__||{};window.__LOLY_ISLAND_DATA__[${D}]=${M};<\/script>`}<div data-loly-island="${L(
+            g
+          )}" data-island-id="${L(A)}"${o.__islandDirective ? ` data-client="${L(o.__islandDirective)}"` : ""}>`;
+          a.enqueue(n.encode(st)), await i(w, a), a.enqueue(n.encode("</div>"));
+          return;
+        }
+        if (o.type.__isStoreComponent) {
+          const g = o.props, m = g.store;
+          if (m != null && m.__storeId && g.initialData !== void 0) {
+            const _ = JSON.stringify(m.__storeId), w = JSON.stringify(g.initialData), A = `<script>window.__LOLY_STORE_DATA__=window.__LOLY_STORE_DATA__||{};window.__LOLY_STORE_DATA__[${_}]=${w};<\/script>`;
+            a.enqueue(n.encode(A));
+          }
+        }
+        const y = P();
+        N(o, y), T(y);
+        const d = o.type({ ...o.props, children: o.children });
+        if (C(d) && N(d, y), T(null), H(d)) {
+          const g = `async-${s++}`;
+          r && r(g, () => d, o.props), a.enqueue(n.encode(`<div data-loly-async="${L(g)}"><!-- placeholder --></div>`));
+          return;
+        }
+        await i(d, a);
+        return;
+      }
+      const u = o.type, p = wt(o.props), h = o.props.dangerouslySetInnerHTML;
+      if (a.enqueue(n.encode(`<${u}${p}>`)), h && typeof h.__html == "string")
+        a.enqueue(n.encode(h.__html));
+      else {
+        const f = k(o.children);
+        for (const y of f)
+          if (H(y)) {
+            const d = `async-${s++}`;
+            r && r(d, () => y, void 0), a.enqueue(n.encode(`<div data-loly-async="${L(d)}"><!-- placeholder --></div>`));
+          } else
+            await i(y, a);
+      }
+      a.enqueue(n.encode(`</${u}>`));
+      return;
+    }
+  }
+  return new ReadableStream({
+    async start(o) {
+      try {
+        await i(t, o);
+      } catch (a) {
+        o.error(a);
+        return;
+      }
+      o.close();
+    }
+  });
+}
+function H(t) {
+  return typeof t == "object" && t !== null && "then" in t && typeof t.then == "function";
+}
+function Ut(t) {
+  if (!t) return document;
+  if (typeof t == "string") {
+    const e = document.querySelector(t);
+    if (!e) throw new Error(`initLolyApplication: target not found: ${t}`);
+    return e;
+  }
+  return t;
+}
+function ge(t = {}) {
+  const e = Ut(t.target);
+  Yt(e);
+}
+async function Kt(t) {
+  const e = await t();
+  return {
+    html: await Lt(e)
+  };
+}
+const Wt = (t) => {
+  const e = () => Array.isArray(t.children) ? t.children[0] ?? null : t.children ?? null, r = () => {
+    const s = e();
+    return typeof s == "function" ? s() : s;
+  }, n = () => {
+    var s;
+    try {
+      return r();
+    } catch (i) {
+      const o = i instanceof Error ? i : new Error(String(i));
+      return (s = t.onError) == null || s.call(t, o, null), t.fallback ? t.fallback(o) : null;
+    }
+  };
+  return () => n();
+};
+Wt.__isErrorBoundary = !0;
+function Gt({ store: t, initialData: e, children: r }) {
+  const n = q();
+  if (!(n != null && n.vnode))
+    throw new Error("Store component must be used inside a component");
+  const s = e !== void 0 ? e : (() => {
+    const o = yt(t);
+    return o ? o() : t.get();
+  })(), [i] = v(s);
+  return Ct(n.vnode, t, i, e), r ?? null;
+}
+Gt.__isStoreComponent = !0;
+function me(t) {
+  const e = yt(t);
+  return e ? {
+    __isStore: !0,
+    __defaultValue: t.__defaultValue,
+    __globalSignal: t.__globalSignal,
+    get: () => e(),
+    set: (r) => e.set(r),
+    update: (r) => e.set((n) => r(n)),
+    reset: () => e.set(t.__defaultValue)
+  } : t;
+}
+const Xt = 50;
+function _e() {
+  if (!O().enableDevtools) return null;
+  const [e, r] = v(!1), [n, s] = v([]), [i, o] = v(!1);
+  jt(() => {
+    let u = !1;
+    const p = i.subscribe((y) => {
+      u = y;
+    });
+    let h = !1;
+    const f = It((y) => {
+      if (y.scope !== "overlay") {
+        if (y.scope === "signal" && y.message === "signal:update") {
+          const d = y.payload;
+          if (Array.isArray(d.prev) && Array.isArray(d.next) && (d.prev.length > 0 || d.next.length > 0)) {
+            const g = d.prev[0] || d.next[0];
+            if (g && typeof g == "object" && "scope" in g && "timestamp" in g)
+              return;
+          }
+        }
+        if (!h && !u) {
+          h = !0;
+          try {
+            s((d) => [...d, y].slice(-Xt));
+          } finally {
+            setTimeout(() => {
+              h = !1;
+            }, 0);
+          }
+        }
+      }
+    });
+    gt(() => {
+      f(), p();
+    });
+  });
+  const a = () => r((u) => !u), l = () => o((u) => !u), c = () => s([]);
+  return /* @__PURE__ */ j("div", { style: { position: "fixed", right: "12px", bottom: "12px", zIndex: 9999, fontFamily: "system-ui", fontSize: "12px" }, children: [
+    /* @__PURE__ */ x(
+      "button",
+      {
+        onClick: a,
+        style: {
+          padding: "6px 10px",
+          borderRadius: "6px",
+          border: "1px solid #cbd5e1",
+          background: "#111827",
+          color: "#f8fafc",
+          cursor: "pointer"
+        },
+        children: "Devtools"
+      }
+    ),
+    () => e() && /* @__PURE__ */ j(
+      "div",
+      {
+        style: {
+          marginTop: "8px",
+          width: "360px",
+          maxHeight: "320px",
+          overflow: "hidden",
+          border: "1px solid #cbd5e1",
+          borderRadius: "8px",
+          background: "#0f172a",
+          color: "#e2e8f0",
+          boxShadow: "0 10px 30px rgba(0,0,0,0.35)"
+        },
+        children: [
+          /* @__PURE__ */ j("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "8px 10px", borderBottom: "1px solid #1f2937" }, children: [
+            /* @__PURE__ */ x("strong", { style: { fontSize: "12px" }, children: "Devtools" }),
+            /* @__PURE__ */ x("span", { style: { flex: 1 } }),
+            /* @__PURE__ */ x("button", { onClick: l, style: ct(i()), children: i() ? "Resume" : "Pause" }),
+            /* @__PURE__ */ x("button", { onClick: c, style: ct(!1), children: "Clear" })
+          ] }),
+          /* @__PURE__ */ x("div", { style: { maxHeight: "260px", overflowY: "auto" }, children: () => n().length === 0 ? /* @__PURE__ */ x("div", { style: { padding: "12px", color: "#94a3b8" }, children: "No events" }) : n().slice().reverse().map((u, p) => /* @__PURE__ */ j("div", { style: { padding: "8px 10px", borderBottom: "1px solid #1f2937" }, children: [
+            /* @__PURE__ */ j("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: [
+              /* @__PURE__ */ x("span", { style: Zt(u.level), children: u.level }),
+              /* @__PURE__ */ x("span", { style: Qt, children: u.scope }),
+              /* @__PURE__ */ x("span", { style: { color: "#9ca3af", fontSize: "11px" }, children: new Date(u.timestamp).toLocaleTimeString() })
+            ] }),
+            /* @__PURE__ */ x("div", { style: { marginTop: "4px", color: "#e5e7eb" }, children: u.message }),
+            u.payload ? /* @__PURE__ */ x("pre", { style: { marginTop: "4px", fontSize: "11px", color: "#cbd5e1", whiteSpace: "pre-wrap" }, children: JSON.stringify(u.payload, null, 2) }) : null
+          ] }, p)) })
+        ]
+      }
+    )
+  ] });
+}
+const ct = (t) => ({
+  padding: "4px 8px",
+  borderRadius: "6px",
+  border: "1px solid #334155",
+  background: t ? "#1e293b" : "#111827",
+  color: "#e2e8f0",
+  cursor: "pointer",
+  fontSize: "11px"
+}), Zt = (t) => ({
+  fontSize: "10px",
+  padding: "2px 6px",
+  borderRadius: "999px",
+  textTransform: "uppercase",
+  background: t === "error" ? "#7f1d1d" : t === "warn" ? "#854d0e" : "#0f172a",
+  color: "#e5e7eb"
+}), Qt = {
+  fontSize: "10px",
+  padding: "2px 6px",
+  borderRadius: "999px",
+  background: "#1f2937",
+  color: "#e5e7eb"
+};
+async function te(t) {
+  const {
+    view: e,
+    head: r = "",
+    styles: n = "",
+    scripts: s = "",
+    beforeApp: i = "",
+    afterApp: o = "",
+    appId: a = "app"
+  } = t, l = typeof e == "function" ? await e() : e, c = await Lt(l);
+  return { html: `<!doctype html><html><head>${r}${n}</head><body>${i}<div id="${a}">${c}</div>${o}${s}</body></html>` };
+}
+function be(t) {
+  const {
+    view: e,
+    head: r = "",
+    styles: n = "",
+    scripts: s = "",
+    beforeApp: i = "",
+    afterApp: o = "",
+    appId: a = "app",
+    onAsyncTask: l
+  } = t, c = new TextEncoder();
+  let u;
+  if (typeof e == "function") {
+    const p = e();
+    u = p instanceof Promise ? p : Promise.resolve(p);
+  } else
+    u = Promise.resolve(e);
+  return new ReadableStream({
+    async start(p) {
+      try {
+        const h = `<!doctype html><html><head>${r}${n}</head><body>${i}<div id="${a}">`;
+        p.enqueue(c.encode(h));
+        const f = await u, d = zt(f, { onAsyncTask: l }).getReader();
+        for (; ; ) {
+          const { done: m, value: _ } = await d.read();
+          if (m) break;
+          _ && p.enqueue(_);
+        }
+        d.releaseLock();
+        const g = `</div>${o}${s}</body></html>`;
+        p.enqueue(c.encode(g));
+      } catch (h) {
+        p.error(h);
+        return;
+      }
+      p.close();
+    }
+  });
+}
+function ee(t) {
+  const e = new URL(t, "http://localhost");
+  return { pathname: e.pathname || "/", search: e.search, hash: e.hash };
+}
+function we(t) {
+  const {
+    routes: e,
+    styles: r = "",
+    scripts: n = "",
+    head: s = "",
+    appId: i = "app",
+    onNotFound: o
+  } = t;
+  return async function(l, c, u) {
+    var p, h, f, y, d, g, m;
+    try {
+      const _ = l.path || l.url || "/", w = ee(_), A = ot(w.pathname, e);
+      if (!A) {
+        if (o) {
+          await o(l, c, u);
+          return;
+        }
+        if (typeof u == "function") return u();
+        (p = c.status) == null || p.call(c, 404), (h = c.end) == null || h.call(c, "Not found");
+        return;
+      }
+      const { html: D } = await te({
+        view: A.route.factory({ params: A.params, location: w }),
+        head: s,
+        styles: r,
+        scripts: n,
+        appId: i
+      });
+      (f = c.setHeader) == null || f.call(c, "Content-Type", "text/html; charset=utf-8"), (y = c.status) == null || y.call(c, 200), c.send ? c.send(D) : (d = c.end) == null || d.call(c, D);
+    } catch (_) {
+      if (typeof u == "function")
+        return u(_);
+      (g = c.status) == null || g.call(c, 500), (m = c.end) == null || m.call(c, "Internal Server Error"), console.error("[loly] express handler error", _);
+    }
+  };
+}
+const [G, X] = v($t()), [ne, Z] = v({});
+let at = !1;
+function $t() {
+  if (typeof window > "u")
+    return { pathname: "/", search: "", hash: "" };
+  const { pathname: t, search: e, hash: r } = window.location;
+  return { pathname: t, search: e, hash: r };
+}
+function rt(t) {
+  const e = new URL(t, "http://localhost");
+  return { pathname: e.pathname || "/", search: e.search, hash: e.hash };
+}
+function re(t) {
+  if (t === "*") return { pattern: /^.*$/, keys: [] };
+  const e = [], r = t.split("/").filter(Boolean).map((s) => {
+    if (s === "*") return "(.*)";
+    if (s.startsWith(":")) {
+      const i = s.slice(1);
+      return e.push(i), "([^/]+)";
+    }
+    return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  });
+  return { pattern: new RegExp("^/" + r.join("/") + "/?$"), keys: e };
+}
+function Se(t) {
+  return { list: Object.entries(t).map(([r, n]) => {
+    const { pattern: s, keys: i } = re(r);
+    return { path: r, pattern: s, keys: i, factory: n };
+  }) };
+}
+function ot(t, e) {
+  for (const r of e.list) {
+    const n = r.pattern.exec(t);
+    if (!n) continue;
+    const s = {};
+    return r.keys.forEach((i, o) => {
+      s[i] = decodeURIComponent(n[o + 1] ?? "");
+    }), { route: r, params: s };
+  }
+  return null;
+}
+function Et(t, e) {
+  if (!(typeof window > "u") && e !== "preserve") {
+    if (t.hash) {
+      const r = document.getElementById(t.hash.slice(1));
+      if (r) {
+        r.scrollIntoView();
+        return;
+      }
+    }
+    window.scrollTo({ top: 0 });
+  }
+}
+function oe(t, e = {}) {
+  if (typeof window > "u") return;
+  const r = rt(t);
+  e.replace ? window.history.replaceState({}, "", t) : window.history.pushState({}, "", t), X(r), Et(r, e.scroll);
+}
+function Ae() {
+  return G;
+}
+function xe() {
+  return ne;
+}
+function Le({ routes: t, url: e }) {
+  e && typeof window > "u" && X(rt(e)), typeof window < "u" && !at && (at = !0, window.addEventListener("popstate", () => {
+    const o = $t();
+    X(o), Et(o);
+  }));
+  const [r, n] = v(null), s = async () => {
+    const o = G.get(), a = ot(o.pathname, t);
+    if (!a)
+      return Z({}), null;
+    Z(a.params);
+    const l = a.route.factory({ params: a.params, location: o });
+    return l instanceof Promise ? await l : l;
+  };
+  s().then((o) => {
+    o != null && n(o);
+  }).catch((o) => {
+    console.error("[loly-router] Error rendering route:", o), n(null);
+  });
+  const i = G.subscribe(() => {
+    s().then((o) => {
+      o != null && n(o);
+    }).catch((o) => {
+      console.error("[loly-router] Error rendering route:", o), n(null);
+    });
+  });
+  return gt(() => i()), r;
+}
+function $e({
+  to: t,
+  replace: e,
+  children: r,
+  className: n
+}) {
+  return ft("a", {
+    href: t,
+    onClick: (s) => {
+      s.defaultPrevented || s.button !== 0 || s.metaKey || s.altKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), oe(t, { replace: e }));
+    },
+    className: n
+  }, [r]);
+}
+function Ee(t, e) {
+  const r = rt(t), n = ot(r.pathname, e);
+  return n ? (Z(n.params), Kt(() => n.route.factory({ params: n.params, location: r }))) : { html: "" };
+}
+function Ie() {
+  const t = [];
+  return { setTitle: (i) => {
+    const o = t.findIndex((a) => a.tag === "title");
+    o >= 0 ? t[o] = { tag: "title", attrs: {}, content: i } : t.push({ tag: "title", attrs: {}, content: i });
+  }, addMeta: (i) => {
+    const o = i.name ?? i.property;
+    if (o) {
+      const a = t.findIndex((l) => l.tag === "meta" && (l.attrs.name === o || l.attrs.property === o));
+      if (a >= 0) {
+        t[a] = { tag: "meta", attrs: i };
+        return;
+      }
+    }
+    t.push({ tag: "meta", attrs: i });
+  }, addLink: (i) => {
+    const o = i.rel, a = i.href;
+    if (o && a) {
+      const l = t.findIndex((c) => c.tag === "link" && c.attrs.rel === o && c.attrs.href === a);
+      if (l >= 0) {
+        t[l] = { tag: "link", attrs: i };
+        return;
+      }
+    }
+    t.push({ tag: "link", attrs: i });
+  }, toString: () => t.map((i) => {
+    if (i.tag === "title") return `<title>${lt(i.content ?? "")}</title>`;
+    const o = Object.entries(i.attrs).map(([a, l]) => `${a}="${lt(l)}"`).join(" ");
+    return `<${i.tag}${o ? " " + o : ""}>`;
+  }).join(""), entries: t };
+}
+function lt(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function F(t) {
+  var r, n;
+  const e = [];
+  return (r = t.css) == null || r.forEach((s) => {
+    e.push(`<link rel="stylesheet" href="${ut(s)}">`);
+  }), (n = t.js) == null || n.forEach((s) => {
+    e.push(`<script type="module" src="${ut(s)}"><\/script>`);
+  }), e.join("");
+}
+function ut(t) {
+  return t.replace(/"/g, "&quot;");
+}
+function Te(t, e) {
+  if (se(t)) {
+    const s = t[e];
+    if (!s) return { styles: "", scripts: "" };
+    const i = s.css ?? [], o = s.file ? [s.file] : [], a = F({ css: i }), l = F({ js: o });
+    return { styles: a, scripts: l };
+  }
+  const r = t[e];
+  return r ? { styles: "", scripts: F({ js: [r] }) } : { styles: "", scripts: "" };
+}
+function se(t) {
+  if (!t || typeof t != "object") return !1;
+  const e = Object.values(t)[0];
+  return !!e && typeof e == "object" && "file" in e;
+}
+function ie(t) {
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return "{}";
+  }
+}
+function ve(t, e) {
+  const r = JSON.stringify(t), n = ie(e);
+  return `<script>window.__LOLY_DATA__ = window.__LOLY_DATA__ || {}; window.__LOLY_DATA__[${r}] = ${n};<\/script>`;
+}
+function De(t) {
+  if (typeof window > "u") return;
+  const e = window.__LOLY_DATA__;
+  if (e)
+    return e[t];
+}
+const ce = /defineIsland\s*\(\s*["'`](.+?)["'`]/g;
+function Ne(t) {
+  const e = /* @__PURE__ */ new Set();
+  let r;
+  for (; (r = ce.exec(t)) !== null; )
+    r[1] && e.add(r[1]);
+  return Array.from(e);
+}
+function ke(t = document) {
+  t.querySelectorAll("[data-loly-async]").forEach((r) => {
+    const n = r.getAttribute("data-loly-async");
+    n && (r.hasAttribute("data-loly-async-activated") || (r.setAttribute("data-loly-async-activated", "true"), fetch(`/__loly/async/${n}`).then((s) => {
+      if (s.status === 404)
+        return r.remove(), null;
+      if (!s.ok)
+        throw new Error(`Failed to fetch async component: ${s.statusText}`);
+      return s.json();
+    }).then((s) => {
+      if (s) {
+        if (s.error)
+          throw new Error(s.error);
+        if (!s.html)
+          throw new Error("No HTML content received");
+        r.innerHTML = s.html, r.removeAttribute("data-loly-async"), r.removeAttribute("data-loly-async-activated");
+      }
+    }).catch((s) => {
+      s instanceof Error && !s.message.includes("404") && !s.message.includes("Not Found") && (console.error(`[loly] Error activating async component ${n}:`, s), r.innerHTML = '<span style="color: red;">Error loading content</span>', r.removeAttribute("data-loly-async"), r.removeAttribute("data-loly-async-activated"));
+    })));
+  });
+}
+export {
+  _e as DevtoolsOverlay,
+  Wt as ErrorBoundary,
+  fe as For,
+  Q as Fragment,
+  $e as Link,
+  Le as Router,
+  Gt as Store,
+  ke as activateAsyncComponents,
+  he as addCleanup,
+  Vt as applyProps,
+  N as attachInstanceToVNode,
+  Yt as bootIslands,
+  F as buildAssetsTags,
+  Te as buildAssetsTagsFromManifest,
+  ye as component,
+  dt as computed,
+  je as configureRuntime,
+  we as createExpressHandler,
+  Ie as createHead,
+  P as createInstance,
+  le as createStore,
+  ft as createVNode,
+  ue as defineIsland,
+  Se as defineRoutes,
+  Ne as extractIslandsFromCode,
+  pe as forBlock,
+  q as getCurrentInstance,
+  Ot as getIsland,
+  O as getRuntimeConfig,
+  Re as h,
+  ge as initLolyApplication,
+  ve as injectData,
+  S as isComputed,
+  nt as isForBlock,
+  b as isSignal,
+  C as isVNode,
+  x as jsx,
+  x as jsxDEV,
+  j as jsxs,
+  de as listRegisteredIslands,
+  ot as matchRoute,
+  Mt as mount,
+  oe as navigate,
+  k as normalizeChildren,
+  jt as onMount,
+  gt as onUnmount,
+  De as readData,
+  Kt as renderApplication,
+  Ee as renderRoute,
+  te as renderToHtml,
+  be as renderToHtmlStream,
+  zt as renderToStream,
+  Lt as renderToString,
+  ie as serializeData,
+  T as setCurrentInstance,
+  v as state,
+  Ae as useLocation,
+  xe as useParams,
+  me as useStore
+};
+//# sourceMappingURL=index.js.map