@noego/forge 0.0.4 → 0.0.6

package/dist/client.mjs

@@ -1,185 +1,458 @@
-import { p as S } from "./index-DFgPI13E.js";
-import { updateRoute as m, loadRoute as L } from "../src/client/navigation.svelte";
-import { loadRoute as W, updateRoute as z } from "../src/client/navigation.svelte";
-import { MANIFEST_STORE as g, updateManifestStore as R } from "../src/routing/manifest/store.svelte";
-import { MANIFEST_STORE as B, updateManifestStore as Y } from "../src/routing/manifest/store.svelte";
-import { page as h } from "../src/client/page.svelte";
-import { page as J, shadowUrl as K } from "../src/client/page.svelte";
-function U(c) {
-  const l = new S(c);
-  return (i) => l.match(i) || null;
-}
-function q(c) {
-  return c.map((l) => {
-    const i = l.path, r = U(i);
-    return { pattern: i, parser: r };
+import { p as G, a as y } from "./page.svelte-C4chAYK2.js";
+import { s as vt } from "./page.svelte-C4chAYK2.js";
+import * as B from "svelte/internal/client";
+import { hydrate as Y } from "svelte";
+import J from "../src/components/RecursiveRender.svelte";
+function K(t) {
+  const a = new G(t);
+  return (o) => a.match(o) || null;
+}
+function Q(t) {
+  return t.map((a) => {
+    const o = a.path, n = K(o);
+    return { pattern: o, parser: n };
   });
 }
-function j(c, l, i) {
+function A() {
+  return A = Object.assign ? Object.assign.bind() : function(t) {
+    for (var a = 1; a < arguments.length; a++) {
+      var o = arguments[a];
+      for (var n in o) ({}).hasOwnProperty.call(o, n) && (t[n] = o[n]);
+    }
+    return t;
+  }, A.apply(null, arguments);
+}
+var O;
+(function(t) {
+  t.Pop = "POP", t.Push = "PUSH", t.Replace = "REPLACE";
+})(O || (O = {}));
+var F = process.env.NODE_ENV !== "production" ? function(t) {
+  return Object.freeze(t);
+} : function(t) {
+  return t;
+};
+function X(t, a) {
+  {
+    typeof console < "u" && console.warn(a);
+    try {
+      throw new Error(a);
+    } catch {
+    }
+  }
+}
+var I = "beforeunload", Z = "popstate";
+function tt(t) {
+  t === void 0 && (t = {});
+  var a = t, o = a.window, n = o === void 0 ? document.defaultView : o, i = n.history;
+  function s() {
+    var f = n.location, h = f.pathname, g = f.search, P = f.hash, b = i.state || {};
+    return [b.idx, F({
+      pathname: h,
+      search: g,
+      hash: P,
+      state: b.usr || null,
+      key: b.key || "default"
+    })];
+  }
+  var c = null;
+  function r() {
+    if (c)
+      p.call(c), c = null;
+    else {
+      var f = O.Pop, h = s(), g = h[0], P = h[1];
+      if (p.length)
+        if (g != null) {
+          var b = u - g;
+          b && (c = {
+            action: f,
+            location: P,
+            retry: function() {
+              L(b * -1);
+            }
+          }, L(b));
+        } else
+          process.env.NODE_ENV !== "production" && X(
+            !1,
+            // TODO: Write up a doc that explains our blocking strategy in
+            // detail and link to it here so people can understand better what
+            // is going on and how to avoid it.
+            "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
+          );
+      else
+        E(f);
+    }
+  }
+  n.addEventListener(Z, r);
+  var e = O.Pop, l = s(), u = l[0], w = l[1], d = W(), p = W();
+  u == null && (u = 0, i.replaceState(A({}, i.state, {
+    idx: u
+  }), ""));
+  function v(f) {
+    return typeof f == "string" ? f : nt(f);
+  }
+  function S(f, h) {
+    return h === void 0 && (h = null), F(A({
+      pathname: w.pathname,
+      hash: "",
+      search: ""
+    }, typeof f == "string" ? ot(f) : f, {
+      state: h,
+      key: et()
+    }));
+  }
+  function R(f, h) {
+    return [{
+      usr: f.state,
+      key: f.key,
+      idx: h
+    }, v(f)];
+  }
+  function j(f, h, g) {
+    return !p.length || (p.call({
+      action: f,
+      location: h,
+      retry: g
+    }), !1);
+  }
+  function E(f) {
+    e = f;
+    var h = s();
+    u = h[0], w = h[1], d.call({
+      action: e,
+      location: w
+    });
+  }
+  function H(f, h) {
+    var g = O.Push, P = S(f, h);
+    function b() {
+      H(f, h);
+    }
+    if (j(g, P, b)) {
+      var _ = R(P, u + 1), x = _[0], U = _[1];
+      try {
+        i.pushState(x, "", U);
+      } catch {
+        n.location.assign(U);
+      }
+      E(g);
+    }
+  }
+  function D(f, h) {
+    var g = O.Replace, P = S(f, h);
+    function b() {
+      D(f, h);
+    }
+    if (j(g, P, b)) {
+      var _ = R(P, u), x = _[0], U = _[1];
+      i.replaceState(x, "", U), E(g);
+    }
+  }
+  function L(f) {
+    i.go(f);
+  }
+  var z = {
+    get action() {
+      return e;
+    },
+    get location() {
+      return w;
+    },
+    createHref: v,
+    push: H,
+    replace: D,
+    go: L,
+    back: function() {
+      L(-1);
+    },
+    forward: function() {
+      L(1);
+    },
+    listen: function(h) {
+      return d.push(h);
+    },
+    block: function(h) {
+      var g = p.push(h);
+      return p.length === 1 && n.addEventListener(I, M), function() {
+        g(), p.length || n.removeEventListener(I, M);
+      };
+    }
+  };
+  return z;
+}
+function M(t) {
+  t.preventDefault(), t.returnValue = "";
+}
+function W() {
+  var t = [];
+  return {
+    get length() {
+      return t.length;
+    },
+    push: function(o) {
+      return t.push(o), function() {
+        t = t.filter(function(n) {
+          return n !== o;
+        });
+      };
+    },
+    call: function(o) {
+      t.forEach(function(n) {
+        return n && n(o);
+      });
+    }
+  };
+}
+function et() {
+  return Math.random().toString(36).substr(2, 8);
+}
+function nt(t) {
+  var a = t.pathname, o = a === void 0 ? "/" : a, n = t.search, i = n === void 0 ? "" : n, s = t.hash, c = s === void 0 ? "" : s;
+  return i && i !== "?" && (o += i.charAt(0) === "?" ? i : "?" + i), c && c !== "#" && (o += c.charAt(0) === "#" ? c : "#" + c), o;
+}
+function ot(t) {
+  var a = {};
+  if (t) {
+    var o = t.indexOf("#");
+    o >= 0 && (a.hash = t.substr(o), t = t.substr(0, o));
+    var n = t.indexOf("?");
+    n >= 0 && (a.search = t.substr(n), t = t.substr(0, n)), t && (a.pathname = t);
+  }
+  return a;
+}
+const rt = tt(), m = B.proxy({
+  layouts: [],
+  view: null,
+  data: null,
+  params: null,
+  urlParams: null,
+  query: null,
+  page: y
+});
+function T(...t) {
+  let a = t.map((o, n) => n === 0 ? o.replace(/\/+$/, "") : o.replace(/^\/+|\/+$/g, "")).join("/");
+  return a.startsWith("/") || (a = "/" + a), a.split("?")[0];
+}
+async function at(t, a, o, n, i, s) {
+  try {
+    const c = (o.layout || []).map((u) => T(a, u).toString());
+    let r = T(a, o.view).toString();
+    console.log({ layouts_paths: c, view_path: r });
+    const e = await Promise.all(c.map((u) => import(
+      /* @vite-ignore */
+      u
+    ).then((w) => w.default)));
+    r.startsWith("/") || (r = "/" + r);
+    const l = await import(
+      /* @vite-ignore */
+      r
+    ).then((u) => u.default);
+    m.layouts = e, m.view = l, m.params = n, m.data = window.__INITIAL_DATA__, m.urlParams = i, m.query = s, Y(J, { target: t, props: m });
+  } catch (c) {
+    console.log("Client-side route loading failed - falling back to SSR navigation"), console.error("Route loading error:", c);
+    const r = window.location.pathname || "/";
+    window.location.href = r;
+  }
+}
+async function N(t, a, o, n, i, s, c = !1, r = !0) {
+  try {
+    const e = (o.layout || []).map((d) => T(a, d).toString()), l = T(a, o.view).toString(), u = await Promise.all(e.map((d) => import(
+      /* @vite-ignore */
+      d
+    ).then((p) => p.default))), w = await import(
+      /* @vite-ignore */
+      l
+    ).then((d) => d.default);
+    if (c) {
+      const d = {
+        method: o.method,
+        headers: {
+          "Content-Type": "application/json",
+          Accept: "application/json"
+        }
+      };
+      d[V] = !0, await fetch(t, d).then((p) => {
+        if (p.ok)
+          return p.json();
+        throw new Error("Network response was not ok");
+      }).then((p) => {
+        console.log("Server data", p), m.data = p, m.params = n, m.layouts = u, m.view = w, m.urlParams = i, m.query = s;
+      });
+    } else
+      m.data = { layout: [], view: {} }, m.params = n, m.layouts = u, m.view = w, m.urlParams = i, m.query = s;
+    window && window.scroll(0, 0), r && rt.push(t);
+  } catch (e) {
+    console.log("Client-side navigation failed for URL:", t, "- falling back to SSR navigation"), console.error("Navigation error:", e), window.location.href = t;
+  }
+}
+const k = B.proxy({});
+async function it() {
+  Object.assign(k, window.__MANIFEST__);
+}
+function st(t, a, o) {
   if (!document) {
     console.error("Document not found");
     return;
   }
-  document.addEventListener("click", (r) => {
-    var s, e;
-    const a = window.location.pathname, n = ((s = r.target) == null ? void 0 : s.tagName) === "A" ? r.target : (e = r.target) == null ? void 0 : e.closest("A");
-    if (n) {
-      let t = n.getAttribute("href");
-      if (a === t) {
-        r.preventDefault();
+  document.addEventListener("click", (n) => {
+    var c, r;
+    const i = window.location.pathname, s = ((c = n.target) == null ? void 0 : c.tagName) === "A" ? n.target : (r = n.target) == null ? void 0 : r.closest("A");
+    if (s) {
+      let e = s.getAttribute("href");
+      if (i === e) {
+        n.preventDefault();
         return;
       }
-      if (t && t.startsWith("/") || t.startsWith(".")) {
-        const o = t.split("?")[0], p = n.getAttribute("method") || "get", u = l.find((d) => d.method.toLowerCase() === p && i.find((f) => f.parser(o) && f.pattern === d.path));
-        if (u) {
-          r.preventDefault();
-          const d = i.find((_) => _.parser(o) && _.pattern === u.path), f = (d == null ? void 0 : d.parser(o)) || {}, w = new URLSearchParams(t.split("?")[1] || ""), E = Object.fromEntries(w.entries()) || {}, v = { ...f, ...E }, O = g[d == null ? void 0 : d.pattern];
-          m(t, c, u, v, f, E, O);
+      if (e && e.startsWith("/") || e.startsWith(".")) {
+        const l = e.split("?")[0], u = s.getAttribute("method") || "get", w = a.find((d) => d.method.toLowerCase() === u && o.find((p) => p.parser(l) && p.pattern === d.path));
+        if (w) {
+          n.preventDefault();
+          const d = o.find((E) => E.parser(l) && E.pattern === w.path), p = (d == null ? void 0 : d.parser(l)) || {}, v = new URLSearchParams(e.split("?")[1] || ""), S = Object.fromEntries(v.entries()) || {}, R = { ...p, ...S }, j = k[d == null ? void 0 : d.pattern];
+          N(e, t, w, R, p, S, j);
         } else
-          console.log("No matching route found for URL:", t, "- using fallback navigation");
+          console.log("No matching route found for URL:", e, "- using fallback navigation");
       }
     }
-  }), window.addEventListener("popstate", (r) => {
-    const a = window.location.pathname, n = window.location.pathname + window.location.search;
-    h.url = n, h.pathname = window.location.pathname;
-    const s = "get", e = l.find((t) => t.method.toLowerCase() === s && i.find((o) => o.parser(a) && o.pattern === t.path));
-    if (e) {
-      const t = i.find((w) => w.parser(a) && w.pattern === e.path), o = (t == null ? void 0 : t.parser(a)) || {}, p = new URLSearchParams(window.location.search), u = Object.fromEntries(p.entries()) || {};
-      Object.assign(h.params, o), Object.assign(h.query, u);
-      const d = { ...o, ...u }, f = g[t == null ? void 0 : t.pattern];
-      m(n, c, e, d, o, u, f, !1);
+  }), window.addEventListener("popstate", (n) => {
+    const i = window.location.pathname, s = window.location.pathname + window.location.search;
+    y.url = s, y.pathname = window.location.pathname;
+    const c = "get", r = a.find((e) => e.method.toLowerCase() === c && o.find((l) => l.parser(i) && l.pattern === e.path));
+    if (r) {
+      const e = o.find((v) => v.parser(i) && v.pattern === r.path), l = (e == null ? void 0 : e.parser(i)) || {}, u = new URLSearchParams(window.location.search), w = Object.fromEntries(u.entries()) || {};
+      Object.assign(y.params, l), Object.assign(y.query, w);
+      const d = { ...l, ...w }, p = k[e == null ? void 0 : e.pattern];
+      N(s, t, r, d, l, w, p, !1);
     } else
-      console.log("No matching route found for popstate navigation to:", a, "- using fallback navigation"), window.location.href = a;
+      console.log("No matching route found for popstate navigation to:", i, "- using fallback navigation"), window.location.href = i;
   }), function() {
-    const r = history.pushState, a = history.replaceState;
-    history.pushState = function(...n) {
-      const s = r.apply(this, n), e = new Event("pushstate");
-      return e.state = n[0], e.url = n[2], window.dispatchEvent(e), s;
-    }, history.replaceState = function(...n) {
-      const s = a.apply(this, n), e = n[2], t = window.location.pathname;
-      if ((e ? new URL(e, window.location.origin).pathname : t) !== t) {
-        const p = new Event("replacestate");
-        p.state = n[0], p.url = n[2], window.dispatchEvent(p);
+    const n = history.pushState, i = history.replaceState;
+    history.pushState = function(...s) {
+      const c = n.apply(this, s), r = new Event("pushstate");
+      return r.state = s[0], r.url = s[2], window.dispatchEvent(r), c;
+    }, history.replaceState = function(...s) {
+      const c = i.apply(this, s), r = s[2], e = window.location.pathname;
+      if ((r ? new URL(r, window.location.origin).pathname : e) !== e) {
+        const u = new Event("replacestate");
+        u.state = s[0], u.url = s[2], window.dispatchEvent(u);
       }
-      return s;
+      return c;
     };
-  }(), window.addEventListener("pushstate", (r) => {
-    const a = r.url || window.location.pathname + window.location.search, n = a.split("?")[0], s = "get", e = l.find((t) => t.method.toLowerCase() === s && i.find((o) => o.parser(n) && o.pattern === t.path));
-    if (e) {
-      const t = i.find((w) => w.parser(n) && w.pattern === e.path), o = t == null ? void 0 : t.parser(n), p = new URLSearchParams(a.split("?")[1] || ""), u = Object.fromEntries(p.entries());
-      h.url = a, h.pathname = window.location.pathname, Object.assign(h.params, o), Object.assign(h.query, u);
-      const d = { ...o, ...u }, f = g[t == null ? void 0 : t.pattern];
-      m(a, c, e, d, o, u, f, !1);
+  }(), window.addEventListener("pushstate", (n) => {
+    const i = n.url || window.location.pathname + window.location.search, s = i.split("?")[0], c = "get", r = a.find((e) => e.method.toLowerCase() === c && o.find((l) => l.parser(s) && l.pattern === e.path));
+    if (r) {
+      const e = o.find((v) => v.parser(s) && v.pattern === r.path), l = e == null ? void 0 : e.parser(s), u = new URLSearchParams(i.split("?")[1] || ""), w = Object.fromEntries(u.entries());
+      y.url = i, y.pathname = window.location.pathname, Object.assign(y.params, l), Object.assign(y.query, w);
+      const d = { ...l, ...w }, p = k[e == null ? void 0 : e.pattern];
+      N(i, t, r, d, l, w, p, !1);
     } else
-      console.log("No matching route found for pushstate to:", n, "- using fallback navigation"), window.location.href = n;
-  }), window.addEventListener("replacestate", (r) => {
-    const a = r.url || window.location.pathname + window.location.search, n = a.split("?")[0];
-    h.url = a, h.pathname = window.location.pathname, h.query = Object.fromEntries(new URLSearchParams(a.split("?")[1] || ""));
-    const s = "get", e = l.find((t) => t.method.toLowerCase() === s && i.find((o) => o.parser(n) && o.pattern === t.path));
-    if (e) {
-      const t = i.find((w) => w.parser(n) && w.pattern === e.path), o = (t == null ? void 0 : t.parser(n)) || {}, p = new URLSearchParams(a.split("?")[1] || ""), u = Object.fromEntries(p.entries()) || {}, d = { ...o, ...u }, f = g[t == null ? void 0 : t.pattern];
-      m(a, c, e, d, o, u, f, !1);
+      console.log("No matching route found for pushstate to:", s, "- using fallback navigation"), window.location.href = s;
+  }), window.addEventListener("replacestate", (n) => {
+    const i = n.url || window.location.pathname + window.location.search, s = i.split("?")[0];
+    y.url = i, y.pathname = window.location.pathname, y.query = Object.fromEntries(new URLSearchParams(i.split("?")[1] || ""));
+    const c = "get", r = a.find((e) => e.method.toLowerCase() === c && o.find((l) => l.parser(s) && l.pattern === e.path));
+    if (r) {
+      const e = o.find((v) => v.parser(s) && v.pattern === r.path), l = (e == null ? void 0 : e.parser(s)) || {}, u = new URLSearchParams(i.split("?")[1] || ""), w = Object.fromEntries(u.entries()) || {}, d = { ...l, ...w }, p = k[e == null ? void 0 : e.pattern];
+      N(i, t, r, d, l, w, p, !1);
     } else
-      console.log("No matching route found for replacestate to:", n, "- using fallback navigation"), window.location.href = n;
+      console.log("No matching route found for replacestate to:", s, "- using fallback navigation"), window.location.href = s;
   });
 }
-const N = Symbol("forge-load-function");
-let P = [], b = null;
-function A(c) {
+const V = Symbol("forge-load-function");
+let q = [], $ = null;
+function ct(t) {
   try {
-    const l = new URL(c, window.location.origin);
-    return l.origin === window.location.origin && !l.pathname.startsWith("/api/");
+    const a = new URL(t, window.location.origin);
+    return a.origin === window.location.origin && !a.pathname.startsWith("/api/");
   } catch {
-    return !c.startsWith("/api/");
+    return !t.startsWith("/api/");
   }
 }
-function k() {
-  typeof window < "u" && !b && (b = window.fetch, window.fetch = async function(c, l = {}) {
-    console.log("🔵 Enhanced fetch called for:", c), console.log("🔵 Initial headers:", l.headers);
-    const i = new Headers(l.headers), r = Object.fromEntries(i.entries());
-    console.log("🟡 Headers before middleware:", r);
-    for (const e of P)
-      e.length === 2 ? await new Promise((t, o) => {
+function lt() {
+  typeof window < "u" && !$ && ($ = window.fetch, window.fetch = async function(t, a = {}) {
+    console.log("🔵 Enhanced fetch called for:", t), console.log("🔵 Initial headers:", a.headers);
+    const o = new Headers(a.headers), n = Object.fromEntries(o.entries());
+    console.log("🟡 Headers before middleware:", n);
+    for (const r of q)
+      r.length === 2 ? await new Promise((e, l) => {
         try {
-          e(r, (p) => {
-            p ? o(p) : t();
+          r(n, (u) => {
+            u ? l(u) : e();
           });
-        } catch (p) {
-          o(p);
+        } catch (u) {
+          l(u);
         }
-      }) : await e(r);
-    console.log("🟢 Headers after middleware:", r);
-    const a = new Headers();
-    Object.entries(r).forEach(([e, t]) => {
-      t !== void 0 && a.set(e, t);
+      }) : await r(n);
+    console.log("🟢 Headers after middleware:", n);
+    const i = new Headers();
+    Object.entries(n).forEach(([r, e]) => {
+      e !== void 0 && i.set(r, e);
     });
-    const n = {
-      ...l,
-      headers: a
+    const s = {
+      ...a,
+      headers: i
     };
-    console.log("🔴 Final requestInit:", n), console.log("🔴 Headers entries:", Array.from(a.entries()));
-    const s = await b(c, n);
-    if (s.status >= 300 && s.status < 400 && l[N]) {
-      const e = s.headers.get("location");
-      if (e && A(e))
-        return window.location.href = e, s;
+    console.log("🔴 Final requestInit:", s), console.log("🔴 Headers entries:", Array.from(i.entries()));
+    const c = await $(t, s);
+    if (c.status >= 300 && c.status < 400 && a[V]) {
+      const r = c.headers.get("location");
+      if (r && ct(r))
+        return window.location.href = r, c;
     }
-    return s;
+    return c;
   });
 }
-k();
-const H = {
+lt();
+const ht = {
   /**
    * Add middleware to the fetch pipeline
    */
-  configUpdate(c) {
-    if (typeof c != "function")
+  configUpdate(t) {
+    if (typeof t != "function")
       throw new Error("Middleware must be a function");
-    P.push(c);
+    q.push(t);
   },
   /**
    * Reset all middleware
    */
   reset() {
-    P.length = 0;
+    q.length = 0;
   },
   /**
    * Get current middleware count (for debugging)
    */
   getMiddlewareCount() {
-    return P.length;
+    return q.length;
   }
 };
-let y;
-async function x(c, l) {
-  let i = l.component_dir;
-  if (!i && typeof i != "string")
+let C;
+async function wt(t, a) {
+  let o = a.component_dir;
+  if (!o && typeof o != "string")
     throw new Error("No component directory provided");
-  let r = window.__ROUTING__;
-  if (y = q(r), window && window.location) {
-    const a = (window.location.pathname || "/").split("?")[0];
-    console.log(`Current pathname: ${a}`);
-    const n = y.find((e) => e.parser(a));
-    let s = n ? r.find((e) => e.path === n.pattern) : null;
-    if (n && s) {
-      console.log("Found route:", s);
-      const e = n.parser(a) || {}, t = new URLSearchParams(window.location.search), o = Object.fromEntries(t.entries()) || {}, p = { ...e, ...o };
-      R(), L(c, i, s, p, e, o), j(i, r, y);
+  let n = window.__ROUTING__;
+  if (C = Q(n), window && window.location) {
+    const i = (window.location.pathname || "/").split("?")[0];
+    console.log(`Current pathname: ${i}`);
+    const s = C.find((r) => r.parser(i));
+    let c = s ? n.find((r) => r.path === s.pattern) : null;
+    if (s && c) {
+      console.log("Found route:", c);
+      const r = s.parser(i) || {}, e = new URLSearchParams(window.location.search), l = Object.fromEntries(e.entries()) || {}, u = { ...r, ...l };
+      it(), at(t, o, c, u, r, l), st(o, n, C);
     } else {
-      console.log("No matching route found, using fallback navigation"), window.location.href = a;
+      console.log("No matching route found, using fallback navigation"), window.location.href = i;
       return;
     }
   }
 }
 export {
-  B as MANIFEST_STORE,
-  j as bootstrap_events,
-  x as createApp,
-  H as fetch,
-  W as loadRoute,
-  J as page,
-  K as shadowUrl,
-  Y as updateManifestStore,
-  z as updateRoute
+  k as MANIFEST_STORE,
+  st as bootstrap_events,
+  wt as createApp,
+  ht as fetch,
+  at as loadRoute,
+  y as page,
+  vt as shadowUrl,
+  it as updateManifestStore,
+  N as updateRoute
 };
 //# sourceMappingURL=client.mjs.map