@fluixi/core 1.0.0-alpha.83 → 1.0.0-alpha.85

package/dist/src/lib/router/index.cjs

@@ -1 +1,709 @@
-"use strict";var P=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var oe=Object.prototype.hasOwnProperty;var ae=(e,n)=>{for(var t in n)P(e,t,{get:n[t],enumerable:!0})},ie=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of re(n))!oe.call(e,r)&&r!==t&&P(e,r,{get:()=>n[r],enumerable:!(a=ne(n,r))||a.enumerable});return e};var se=e=>ie(P({},"__esModule",{value:!0}),e);var Ee={};ae(Ee,{A:()=>De,Form:()=>Ne,Link:()=>Q,Outlet:()=>Te,Redirect:()=>ve,Router:()=>xe,action:()=>S,cache:()=>_,createAsync:()=>F,createBrowserHistory:()=>m.createBrowserHistory,createMemoryHistory:()=>m.createMemoryHistory,lazy:()=>$,matchPath:()=>m.matchPath,matchRoutes:()=>m.matchRoutes,preloadRoutes:()=>Me,revalidate:()=>V,runWithOwner:()=>Z.runWithOwner,select:()=>Se,useAction:()=>K,useLevelParams:()=>Re,useLinkNavigation:()=>ke,useLocation:()=>O,useMatch:()=>Ae,useNavigate:()=>G,useParam:()=>Pe,useParamSelector:()=>be,useParams:()=>k,useRouteData:()=>Oe,useRouter:()=>R,useSearchParams:()=>we,useSubmission:()=>I});module.exports=se(Ee);var i=require("@fluixi/reactive/signal"),c=require("@fluixi/dom"),l=require("@fluixi/reactive/signal"),W=require("@fluixi/utils/object"),q=require("@fluixi/utils/compare"),y=require("@fluixi/router"),m=require("@fluixi/router");var T=require("@fluixi/reactive/signal");var ce=!1,b=new Map;function L(){return ce}function D(e,n){b.set(e,n)}function N(e){return b.get(e)}function ue(){b.clear()}function de(){if(typeof window>"u")return;let e=document.getElementById("__FLUIXI_HYDRATION__");e&&e.remove();let n=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),t=[],a;for(;a=n.nextNode();){let r=a,o=r.nodeValue||"";(o.startsWith("#")||o.startsWith("/"))&&t.push(r)}t.forEach(r=>r.remove()),ue()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(de,100)});function M(){return typeof window>"u"}var E=require("@fluixi/dom"),A=require("@fluixi/reactive/signal"),le=require("@fluixi/reactive/signal");function H(e,n){let t=(0,A.createContext)(e,n),a=r=>(r.debug,t.Provider({value:r.value,get children(){return r.children},debug:r.debug}));return typeof Symbol<"u"&&Symbol.for&&(a.$$typeof=Symbol.for("react.provider")),a.$$typeof=Symbol.for("react.provider"),{id:t.id,Provider:(0,E.asProvider)(a),defaultValue:e}}var x=new Map,h=new Map;function _(e,n){return async(...t)=>{let a=n+":"+JSON.stringify(t);if(L()||typeof window<"u"){let o=N(a);if(o!==void 0)return o}if(x.has(a))return x.get(a);if(h.has(a))return h.get(a);let r=Promise.resolve(e(...t)).then(o=>(x.set(a,o),h.delete(a),M()&&D(a,o),o),o=>{throw h.delete(a),o});return h.set(a,r),r}}var[$e,fe]=(0,T.createSignal)(0),pe=new Set;function V(e){let n=typeof e=="string"?t=>t.startsWith(e):e;for(let t of x.keys())n(t)&&(x.delete(t),pe.add(t));fe(t=>t+1)}function F(e,n){let[t]=(0,T.createResource)(n||(()=>!0),e);return t}var w=new Map;function j(e){return w.has(e)||w.set(e,(0,T.createSignal)(void 0)),w.get(e)}function S(e,n){let t=n||e.name||"action",a=async r=>{let[,o]=j(t),s=()=>o(void 0),u=()=>a(r);o({input:r,pending:!0,clear:s,retry:u});try{let d=await e(r);return o({input:r,result:d,pending:!1,clear:s,retry:u}),d}catch(d){throw o({input:r,error:d,pending:!1,clear:s,retry:u}),d}};return a.url=t,a.with=r=>S((...o)=>e(r,...o),n),a}function I(e){let[n]=j(e.url);return n}function K(e){return e}var ye=H(void 0,"route-data"),We=ye.Provider;var U=require("@fluixi/dom"),g=require("@fluixi/reactive/signal");function z(e){if(e!=null&&(typeof e=="object"||typeof e=="function"))try{e.$lazy=!0}catch{}return e}function $(e,n){let t,a,r;function o(){return a||(a=e().then(u=>t=u.default)),a}n?.preload&&o();let s=(u=>{if(t){let d=t;return z((0,g.untrack)(()=>d(u)))}if(!r){let[d]=(0,g.createResource)(()=>o(),{transport:!1});if(r=d,d.error)throw d.error}return(0,g.createMemo)(()=>{let d=r();return d?z((0,U.createComponent)(d,u)):void 0})});return s.preload=()=>o().then(()=>{}),s.$lazy=!0,s.loader=e,s}var Z=require("@fluixi/reactive/signal"),v=(0,l.createContext)(void 0,"router"),B=(0,l.createContext)(void 0,"outlet"),J=(0,l.createContext)(void 0,"route-params"),X=(0,l.createContext)(void 0,"route-data");function me(e,n,t){let a,r=e.route.data;if(typeof r=="function"){let C=!1;(0,i.onCleanup)(()=>{C=!0});let ee=(0,i.getOwner)(),[te]=(0,i.createResource)(()=>r({params:t.params,location:t.location},ee,()=>C));a=te}let o=()=>X.Provider({value:a,get children(){return J.Provider({value:e.params,get children(){return B.Provider({value:{depth:n,...t},get children(){return(0,c.createComponent)(e.component,{})}})}})}});if(!a)return o();let s=a,u=()=>s.loading,[d,p]=(0,i.createSignal)((0,i.untrack)(()=>!u()));return(0,i.createEffect)(()=>p(!u())),(0,i.createMemo)(()=>d()?o():null)}function Y(e){let n=e.depth+1,[t,a]=(0,i.createSignal)((0,i.untrack)(()=>e.matched()[n]?.component));return(0,i.createEffect)(()=>{let r=e.matched()[n]?.component;a(()=>r)}),(0,i.createMemo)(()=>{if(!t())return e.notFound?e.notFound():null;let o=(0,i.untrack)(()=>e.matched())[n];return me(o,n,{matched:e.matched,params:e.params,location:e.location})})}function ge(e){return e==null?he():typeof e=="function"?(0,c.createComponent)(e,{}):e}function he(){let e=(0,c.createNativeElement)("div");(0,c.setAttribute)(e,"class","fx-not-found"),(0,c.setAttribute)(e,"role","main"),(0,c.setAttribute)(e,"style","min-height:60vh;display:grid;place-content:center;gap:.25rem;text-align:center;font-family:system-ui,-apple-system,sans-serif");let n=(0,c.createNativeElement)("h1");(0,c.setAttribute)(n,"style","margin:0;font-size:2.5rem;font-weight:700"),(0,c.insert)(n,"404");let t=(0,c.createNativeElement)("p");return(0,c.setAttribute)(t,"style","margin:0;opacity:.7"),(0,c.insert)(t,"This page could not be found."),e.appendChild(n),e.appendChild(t),e}function xe(e){let n=e.history??(0,y.createBrowserHistory)(),t=(0,y.createRouter)({routes:e.routes,base:e.base,history:n}),[a,r]=(0,i.createSignal)(t.state()),o=t.subscribe(r);(0,i.onCleanup)(()=>{o(),t.destroy()});let s=(0,i.createMemo)(()=>(a().match?.matched??[]).filter(C=>C.component)),u={router:t,location:(0,i.createMemo)(()=>a().location),params:(0,i.createMemo)(()=>a().match?.params??{})},d={depth:-1,matched:s,params:u.params,location:u.location,notFound:()=>ge(e.notFound)},p;return v.Provider({value:u,get children(){return p??=Y(d)}})}function Te(){let e=(0,l.useContext)(B);return e?Y(e):null}function ve(e){let n=(0,l.useContext)(v);if(n&&typeof window<"u"){let t=!1;(0,i.onCleanup)(()=>t=!0),queueMicrotask(()=>{t||n.router.navigate(e.to,{replace:e.replace!==!1})})}return null}var Ce={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function R(){let e=(0,l.useContext)(v);if(e)return e;if(typeof window>"u")return Ce;throw new Error("[router] useRouter must be used within <Router>")}function k(){let e=R().params;return(0,i.createMemo)(()=>e(),{},{equals:(n,t)=>JSON.stringify(n)===JSON.stringify(t)})}function Re(){return(0,l.useContext)(J)??{}}function Pe(e){let n=k();return(0,i.createMemo)(()=>n()[e])}function be(e,n){let t=k();return(0,i.createMemo)(()=>e(t()),void 0,n?{equals:n}:void 0)}function Ae(e){let n=O();return(0,i.createMemo)(()=>(0,y.matchPath)(typeof e=="function"?e():e,n.pathname))}function we(){let e=O(),n=G();return[(0,i.createMemo)(()=>e.query),(r,o)=>{let s=new URLSearchParams(e.search);for(let[d,p]of Object.entries(r))p===null?s.delete(d):s.set(d,p);let u=s.toString();n(e.pathname+(u?`?${u}`:""),o)}]}function Se(e,n){let t=(a,r)=>(0,q.deepEqual)(a,r);return n!==void 0?(0,i.createMemo)(()=>(0,W.get)(e(),n),void 0,{equals:t}):(0,i.createMemo)(e,void 0,{equals:t})}function O(){let{location:e}=R();return new Proxy({},{get:(n,t)=>e()[t],has:(n,t)=>t in e(),ownKeys:()=>Reflect.ownKeys(e()),getOwnPropertyDescriptor:(n,t)=>Object.getOwnPropertyDescriptor(e(),t)})}function ke(e={}){let n=(0,l.useContext)(v);return t=>{if(!n||t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;let r=t.target?.closest?.("a");if(!r||!r.getAttribute("href")||r.target&&r.target!=="_self"||r.hasAttribute("download")||/(^|\s)external(\s|$)/.test(r.getAttribute("rel")??""))return;let o=new URL(r.href);o.protocol!=="http:"&&o.protocol!=="https:"||o.origin===window.location.origin&&(o.hash&&o.pathname===window.location.pathname&&o.search===window.location.search||e.shouldNavigate&&!e.shouldNavigate(o,r)||(t.preventDefault(),n.router.navigate(o.pathname+o.search+o.hash,{replace:e.replace})))}}function G(){let{router:e}=R();return(n,t)=>e.navigate(n,t)}function Oe(){return(0,l.useContext)(X)??(()=>{})}var f=e=>typeof e=="function"?e():e,Le=new Set(["href","slot","class","className","active","activeClass","replace","children"]);function Q(e){let n=(0,l.useContext)(v),t=()=>n?.router.navigate(f(e.href)??"",{replace:f(e.replace)}),a=(0,c.createNativeElement)("a");(0,c.setAttribute)(a,"href",f(e.href)??""),e.slot&&(0,c.setAttribute)(a,"slot",f(e.slot));for(let o of Object.keys(e)){if(Le.has(o))continue;let s=e[o];s!=null&&typeof s!="function"&&(0,c.setAttribute)(a,o,String(s))}if(typeof a.addEventListener=="function")a.addEventListener("click",o=>{o.metaKey||o.ctrlKey||o.shiftKey||o.altKey||(o.preventDefault(),t())});else{let o=f(e.className??e.class)??"";o&&(0,c.setAttribute)(a,"class",o)}typeof a.addEventListener=="function"&&(0,i.createEffect)(()=>{let o=f(e.href)??"";a.setAttribute("href",o);let s=f(e.className??e.class)??"",u=f(e.activeClass)??"",d=f(e.active)??n?.location().pathname===o;a.className=[s,d?u:""].filter(Boolean).join(" ")});let r=e.children;return r!=null&&(0,c.insert)(a,r),a}var De=Q;function Ne(e){let n=e.action,t=e.className??e.class,a=n.url??"",r=(0,c.createNativeElement)("form");(0,c.setAttribute)(r,"method","post"),a&&(0,c.setAttribute)(r,"action",a),t&&(0,c.setAttribute)(r,"class",t);for(let s of Object.keys(e)){if(s==="action"||s==="children"||s==="class"||s==="className")continue;let u=e[s];u!=null&&typeof u!="function"&&(0,c.setAttribute)(r,s,String(u))}typeof r.addEventListener=="function"&&r.addEventListener("submit",s=>{s.preventDefault();let u={};new FormData(r).forEach((d,p)=>{u[p]=d}),Promise.resolve(n(u)).catch(()=>{})});let o=e.children;return o!=null&&(0,c.insert)(r,o),r}async function Me(e,n){let t=(0,y.matchRoutes)(e,n);if(!t)return;let a=[];for(let r of t.matched){let o=r.component;o&&typeof o.preload=="function"&&a.push(o.preload())}await Promise.all(a)}
+/*! @fluixi/core v1.0.0-alpha.85 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/router/index.ts
+var index_exports = {};
+__export(index_exports, {
+  A: () => A,
+  Form: () => Form,
+  Link: () => Link,
+  Outlet: () => Outlet,
+  Redirect: () => Redirect,
+  Router: () => Router,
+  action: () => action,
+  cache: () => cache,
+  createAsync: () => createAsync,
+  createBrowserHistory: () => import_router2.createBrowserHistory,
+  createMemoryHistory: () => import_router2.createMemoryHistory,
+  lazy: () => lazy,
+  matchPath: () => import_router2.matchPath,
+  matchRoutes: () => import_router2.matchRoutes,
+  prefersReducedMotion: () => prefersReducedMotion,
+  preloadRoutes: () => preloadRoutes,
+  revalidate: () => revalidate,
+  runWithOwner: () => import_signal7.runWithOwner,
+  select: () => select,
+  supportsViewTransitions: () => supportsViewTransitions,
+  useAction: () => useAction,
+  useLevelParams: () => useLevelParams,
+  useLinkNavigation: () => useLinkNavigation,
+  useLocation: () => useLocation,
+  useMatch: () => useMatch,
+  useNavigate: () => useNavigate,
+  useParam: () => useParam,
+  useParamSelector: () => useParamSelector,
+  useParams: () => useParams,
+  useRouteData: () => useRouteData,
+  useRouter: () => useRouter,
+  useSearchParams: () => useSearchParams,
+  useSubmission: () => useSubmission
+});
+module.exports = __toCommonJS(index_exports);
+var import_signal5 = require("@fluixi/reactive/signal");
+
+// src/lib/router/transition.ts
+function supportsViewTransitions() {
+  return typeof document !== "undefined" && typeof document.startViewTransition === "function";
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return false;
+  }
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+}
+function shouldAnimate(mode) {
+  return mode !== "none" && supportsViewTransitions() && !prefersReducedMotion();
+}
+function prepareComponents(components) {
+  const pending = [];
+  for (const component of components) {
+    const preload = component?.preload;
+    if (typeof preload === "function") {
+      try {
+        const result = preload();
+        if (result && typeof result.then === "function") {
+          pending.push(result.catch(() => void 0));
+        }
+      } catch {
+      }
+    }
+  }
+  return pending.length ? Promise.all(pending).then(() => void 0) : null;
+}
+function runTransition(mode, commit) {
+  if (!shouldAnimate(mode)) {
+    return Promise.resolve(commit()).then(() => void 0);
+  }
+  const start = document.startViewTransition;
+  try {
+    const transition = start.call(document, () => commit());
+    transition.finished?.catch(() => void 0);
+    transition.ready?.catch(() => void 0);
+    return transition.updateCallbackDone.catch(() => void 0);
+  } catch {
+    return Promise.resolve(commit()).then(() => void 0);
+  }
+}
+
+// src/lib/router/index.ts
+var import_dom4 = require("@fluixi/dom");
+var import_signal6 = require("@fluixi/reactive/signal");
+var import_object = require("@fluixi/utils/object");
+var import_compare = require("@fluixi/utils/compare");
+var import_router = require("@fluixi/router");
+var import_router2 = require("@fluixi/router");
+
+// src/lib/router/data.ts
+var import_signal3 = require("@fluixi/reactive/signal");
+
+// src/lib/server/hydration.ts
+var import_dom = require("@fluixi/dom");
+var hydrating = false;
+var hydrationDataMap = /* @__PURE__ */ new Map();
+function isHydrating() {
+  return hydrating;
+}
+function setHydrationData(key, data) {
+  hydrationDataMap.set(key, data);
+}
+function getHydrationData(key) {
+  return hydrationDataMap.get(key);
+}
+function clearHydrationData() {
+  hydrationDataMap.clear();
+}
+function cleanupHydration() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const script = document.getElementById("__FLUIXI_HYDRATION__");
+  if (script) {
+    script.remove();
+  }
+  const walker = document.createTreeWalker(
+    document.body,
+    NodeFilter.SHOW_COMMENT,
+    null
+  );
+  const comments = [];
+  let node;
+  while (node = walker.nextNode()) {
+    const comment = node;
+    const text = comment.nodeValue || "";
+    if (text.startsWith("#") || text.startsWith("/")) {
+      comments.push(comment);
+    }
+  }
+  comments.forEach((comment) => comment.remove());
+  clearHydrationData();
+}
+if (typeof window !== "undefined") {
+  window.addEventListener("load", () => {
+    setTimeout(cleanupHydration, 100);
+  });
+}
+function isServerEnvironment() {
+  return (0, import_dom.isServer)();
+}
+
+// src/lib/context/context.ts
+var import_dom2 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var import_signal2 = require("@fluixi/reactive/signal");
+function createContext(defaultValue, name) {
+  const context = (0, import_signal.createContext)(defaultValue, name);
+  const Provider = (props) => {
+    if (props.debug === true) {
+    }
+    return context.Provider({
+      value: props.value,
+      get children() {
+        return props.children;
+      },
+      debug: props.debug
+    });
+  };
+  if (typeof Symbol !== "undefined" && Symbol.for) {
+    Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
+  }
+  Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
+  return {
+    id: context.id,
+    Provider: (0, import_dom2.asProvider)(Provider),
+    defaultValue
+  };
+}
+
+// src/lib/router/data.ts
+var globalCache = /* @__PURE__ */ new Map();
+var inflightRequests = /* @__PURE__ */ new Map();
+function cache(fn, name) {
+  return async (...args) => {
+    const key = name + ":" + JSON.stringify(args);
+    if (isHydrating() || typeof window !== "undefined") {
+      const hydrated = getHydrationData(key);
+      if (hydrated !== void 0) {
+        return hydrated;
+      }
+    }
+    if (globalCache.has(key)) {
+      return globalCache.get(key);
+    }
+    if (inflightRequests.has(key)) {
+      return inflightRequests.get(key);
+    }
+    const promise = Promise.resolve(fn(...args)).then(
+      (val) => {
+        globalCache.set(key, val);
+        inflightRequests.delete(key);
+        if (isServerEnvironment()) {
+          setHydrationData(key, val);
+        }
+        return val;
+      },
+      (err) => {
+        inflightRequests.delete(key);
+        throw err;
+      }
+    );
+    inflightRequests.set(key, promise);
+    return promise;
+  };
+}
+var [revalidationVersion, setRevalidationVersion] = (0, import_signal3.createSignal)(0);
+var revalidationKeys = /* @__PURE__ */ new Set();
+function revalidate(key) {
+  const predicate = typeof key === "string" ? (k) => k.startsWith(key) : key;
+  for (const k of globalCache.keys()) {
+    if (predicate(k)) {
+      globalCache.delete(k);
+      revalidationKeys.add(k);
+    }
+  }
+  setRevalidationVersion((v) => v + 1);
+}
+function createAsync(fetcher, source) {
+  const [data] = (0, import_signal3.createResource)(source || (() => true), fetcher);
+  return data;
+}
+var submissionState = /* @__PURE__ */ new Map();
+function getSubmissionSignal(url) {
+  if (!submissionState.has(url)) {
+    submissionState.set(
+      url,
+      (0, import_signal3.createSignal)(void 0)
+    );
+  }
+  return submissionState.get(url);
+}
+function action(fn, name) {
+  const actionUrl = name || fn.name || "action";
+  const submit = async (input) => {
+    const [, setSubmission] = getSubmissionSignal(actionUrl);
+    const clear = () => setSubmission(void 0);
+    const retry = () => submit(input);
+    setSubmission({
+      input,
+      // Approximate type for tracking
+      pending: true,
+      clear,
+      retry
+    });
+    try {
+      const result = await fn(input);
+      setSubmission({
+        input,
+        result,
+        pending: false,
+        clear,
+        retry
+      });
+      return result;
+    } catch (error) {
+      setSubmission({
+        input,
+        error,
+        pending: false,
+        clear,
+        retry
+      });
+      throw error;
+    }
+  };
+  submit.url = actionUrl;
+  submit.with = (args) => action((...a) => fn(args, ...a), name);
+  return submit;
+}
+function useSubmission(actionFn) {
+  const [submission] = getSubmissionSignal(actionFn.url);
+  return submission;
+}
+function useAction(actionFn) {
+  return actionFn;
+}
+var RouteDataContext = createContext(void 0, "route-data");
+var RouteDataProvider = RouteDataContext.Provider;
+
+// src/lib/render/lazy.ts
+var import_dom3 = require("@fluixi/dom");
+var import_signal4 = require("@fluixi/reactive/signal");
+function fromChunk(value) {
+  if (value != null && (typeof value === "object" || typeof value === "function")) {
+    try {
+      value["$lazy"] = true;
+    } catch {
+    }
+  }
+  return value;
+}
+function lazy(loader, options) {
+  let resolved;
+  let promise;
+  let component;
+  function load() {
+    if (!promise) {
+      promise = loader().then((mod) => resolved = mod.default);
+    }
+    return promise;
+  }
+  if (options?.preload) load();
+  const LazyWrapper = ((props) => {
+    if (resolved) {
+      const C = resolved;
+      return fromChunk((0, import_signal4.untrack)(() => C(props)));
+    }
+    if (!component) {
+      const [resource] = (0, import_signal4.createResource)(() => load(), { transport: false });
+      component = resource;
+      if (resource.error) throw resource.error;
+    }
+    return (0, import_signal4.createMemo)(() => {
+      const C = component();
+      return C ? fromChunk((0, import_dom3.createComponent)(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+
+// src/lib/router/index.ts
+var import_signal7 = require("@fluixi/reactive/signal");
+var RouterContext = (0, import_signal6.createContext)(void 0, "router");
+var OutletContext = (0, import_signal6.createContext)(void 0, "outlet");
+var LevelParamsContext = (0, import_signal6.createContext)(void 0, "route-params");
+var RouteDataContext2 = (0, import_signal6.createContext)(void 0, "route-data");
+function renderLayer(m, depth, base) {
+  let data;
+  const loader = m.route.data;
+  if (typeof loader === "function") {
+    let cancelled = false;
+    (0, import_signal5.onCleanup)(() => {
+      cancelled = true;
+    });
+    const owner = (0, import_signal5.getOwner)();
+    const [resource] = (0, import_signal5.createResource)(
+      () => loader({ params: base.params, location: base.location }, owner, () => cancelled)
+    );
+    data = resource;
+  }
+  const buildPage = () => RouteDataContext2.Provider({
+    value: data,
+    get children() {
+      return LevelParamsContext.Provider({
+        value: m.params,
+        get children() {
+          return OutletContext.Provider({
+            value: { depth, ...base },
+            get children() {
+              return (0, import_dom4.createComponent)(m.component, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  if (!data) return buildPage();
+  const res = data;
+  const isLoading = () => res.loading;
+  const [ready, setReady] = (0, import_signal5.createSignal)((0, import_signal5.untrack)(() => !isLoading()));
+  (0, import_signal5.createEffect)(() => setReady(!isLoading()));
+  return (0, import_signal5.createMemo)(() => ready() ? buildPage() : null);
+}
+function renderChild(ctx) {
+  const childIdx = ctx.depth + 1;
+  const [childComp, setChildComp] = (0, import_signal5.createSignal)(
+    (0, import_signal5.untrack)(() => ctx.matched()[childIdx]?.component)
+  );
+  (0, import_signal5.createEffect)(() => {
+    const c = ctx.matched()[childIdx]?.component;
+    if ((0, import_signal5.untrack)(childComp) !== c) setChildComp(() => c);
+  });
+  return (0, import_signal5.createMemo)(() => {
+    const component = childComp();
+    if (!component) {
+      return ctx.notFound ? ctx.notFound() : null;
+    }
+    const m = (0, import_signal5.untrack)(() => ctx.matched())[childIdx];
+    return renderLayer(m, childIdx, {
+      matched: ctx.matched,
+      params: ctx.params,
+      location: ctx.location
+    });
+  });
+}
+function renderNotFound(notFound) {
+  if (notFound == null) return buildDefaultNotFound();
+  return typeof notFound === "function" ? (0, import_dom4.createComponent)(notFound, {}) : notFound;
+}
+function buildDefaultNotFound() {
+  const el = (0, import_dom4.createNativeElement)("div");
+  (0, import_dom4.setAttribute)(el, "class", "fx-not-found");
+  (0, import_dom4.setAttribute)(el, "role", "main");
+  (0, import_dom4.setAttribute)(
+    el,
+    "style",
+    "min-height:60vh;display:grid;place-content:center;gap:.25rem;text-align:center;font-family:system-ui,-apple-system,sans-serif"
+  );
+  const h1 = (0, import_dom4.createNativeElement)("h1");
+  (0, import_dom4.setAttribute)(h1, "style", "margin:0;font-size:2.5rem;font-weight:700");
+  (0, import_dom4.insert)(h1, "404");
+  const p = (0, import_dom4.createNativeElement)("p");
+  (0, import_dom4.setAttribute)(p, "style", "margin:0;opacity:.7");
+  (0, import_dom4.insert)(p, "This page could not be found.");
+  el.appendChild(h1);
+  el.appendChild(p);
+  return el;
+}
+var pendingTransitionMode;
+function Router(props) {
+  const history = props.history ?? (0, import_router.createBrowserHistory)();
+  const router = (0, import_router.createRouter)({
+    routes: props.routes,
+    base: props.base,
+    history
+  });
+  const [state, setState] = (0, import_signal5.createSignal)(router.state());
+  let navigationId = 0;
+  const takeMode = () => {
+    const mode = pendingTransitionMode ?? (props.transition ?? "auto");
+    pendingTransitionMode = void 0;
+    return mode;
+  };
+  const unsub = router.subscribe((next) => {
+    const id = ++navigationId;
+    const mode = takeMode();
+    const prepared = prepareComponents(
+      (next.match?.matched ?? []).map((m) => m.component).filter(Boolean)
+    );
+    const commit = () => {
+      setState(next);
+      return (0, import_signal5.flush)();
+    };
+    if (!prepared) {
+      void runTransition(mode, commit);
+      return;
+    }
+    void prepared.then(() => {
+      if (id !== navigationId) return;
+      return runTransition(mode, commit);
+    });
+  });
+  (0, import_signal5.onCleanup)(() => {
+    unsub();
+    router.destroy();
+    navigationId++;
+  });
+  const matched = (0, import_signal5.createMemo)(
+    () => (state().match?.matched ?? []).filter((m) => m.component)
+  );
+  const ctx = {
+    router,
+    location: (0, import_signal5.createMemo)(() => state().location),
+    params: (0, import_signal5.createMemo)(() => state().match?.params ?? {})
+  };
+  const root = {
+    depth: -1,
+    matched,
+    params: ctx.params,
+    location: ctx.location,
+    // Only the root carries this: renderChild shows it when the URL matched nothing.
+    notFound: () => renderNotFound(props.notFound)
+  };
+  let rootView;
+  return RouterContext.Provider({
+    value: ctx,
+    get children() {
+      return rootView ??= renderChild(root);
+    }
+  });
+}
+function Outlet() {
+  const ctx = (0, import_signal6.useContext)(OutletContext);
+  if (!ctx) return null;
+  return renderChild(ctx);
+}
+function Redirect(props) {
+  const ctx = (0, import_signal6.useContext)(RouterContext);
+  if (ctx && typeof window !== "undefined") {
+    let cancelled = false;
+    (0, import_signal5.onCleanup)(() => cancelled = true);
+    queueMicrotask(() => {
+      if (!cancelled) ctx.router.navigate(props.to, { replace: props.replace !== false });
+    });
+  }
+  return null;
+}
+var _ssrRouterStub = {
+  router: { navigate: () => {
+  } },
+  location: () => ({ pathname: "", search: "", hash: "", query: {} }),
+  params: () => ({})
+};
+function useRouter() {
+  const ctx = (0, import_signal6.useContext)(RouterContext);
+  if (ctx) return ctx;
+  if (typeof window === "undefined") return _ssrRouterStub;
+  throw new Error("[router] useRouter must be used within <Router>");
+}
+function useParams() {
+  const params = useRouter().params;
+  return (0, import_signal5.createMemo)(() => params(), {}, {
+    equals: (a, b) => JSON.stringify(a) === JSON.stringify(b)
+  });
+}
+function useLevelParams() {
+  return (0, import_signal6.useContext)(LevelParamsContext) ?? {};
+}
+function useParam(key) {
+  const params = useParams();
+  return (0, import_signal5.createMemo)(() => params()[key]);
+}
+function useParamSelector(selector, equals) {
+  const params = useParams();
+  return (0, import_signal5.createMemo)(
+    () => selector(params()),
+    void 0,
+    equals ? { equals } : void 0
+  );
+}
+function useMatch(path) {
+  const location = useLocation();
+  return (0, import_signal5.createMemo)(
+    () => (0, import_router.matchPath)(typeof path === "function" ? path() : path, location.pathname)
+  );
+}
+function useSearchParams() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const params = (0, import_signal5.createMemo)(() => location.query);
+  const setParams = (next, options) => {
+    const current = new URLSearchParams(location.search);
+    for (const [k, v] of Object.entries(next)) {
+      if (v === null) current.delete(k);
+      else current.set(k, v);
+    }
+    const search = current.toString();
+    navigate(location.pathname + (search ? `?${search}` : ""), options);
+  };
+  return [params, setParams];
+}
+function select(source, key) {
+  const equals = (a, b) => (0, import_compare.deepEqual)(a, b);
+  if (key !== void 0) {
+    return (0, import_signal5.createMemo)(
+      () => (0, import_object.get)(source(), key),
+      void 0,
+      { equals }
+    );
+  }
+  return (0, import_signal5.createMemo)(source, void 0, { equals });
+}
+function useLocation() {
+  const { location } = useRouter();
+  return new Proxy({}, {
+    get: (_t, key) => location()[key],
+    has: (_t, key) => key in location(),
+    ownKeys: () => Reflect.ownKeys(location()),
+    getOwnPropertyDescriptor: (_t, key) => Object.getOwnPropertyDescriptor(location(), key)
+  });
+}
+function useLinkNavigation(options = {}) {
+  const ctx = (0, import_signal6.useContext)(RouterContext);
+  return (event) => {
+    if (!ctx || event.defaultPrevented || event.button !== 0) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const target = event.target;
+    const anchor = target?.closest?.("a");
+    if (!anchor || !anchor.getAttribute("href")) return;
+    if (anchor.target && anchor.target !== "_self") return;
+    if (anchor.hasAttribute("download")) return;
+    if (/(^|\s)external(\s|$)/.test(anchor.getAttribute("rel") ?? "")) return;
+    const url = new URL(anchor.href);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return;
+    if (url.origin !== window.location.origin) return;
+    if (url.hash && url.pathname === window.location.pathname && url.search === window.location.search) return;
+    if (options.shouldNavigate && !options.shouldNavigate(url, anchor)) return;
+    event.preventDefault();
+    pendingTransitionMode = options.transition;
+    ctx.router.navigate(url.pathname + url.search + url.hash, { replace: options.replace });
+  };
+}
+function useNavigate() {
+  const { router } = useRouter();
+  return (to, options) => {
+    pendingTransitionMode = options?.transition;
+    router.navigate(to, options);
+  };
+}
+function useRouteData() {
+  const acc = (0, import_signal6.useContext)(RouteDataContext2);
+  return acc ?? (() => void 0);
+}
+var read = (v) => typeof v === "function" ? v() : v;
+var LINK_OWN_PROPS = /* @__PURE__ */ new Set([
+  "href",
+  "slot",
+  "class",
+  "className",
+  "active",
+  "activeClass",
+  "replace",
+  "children"
+]);
+function Link(props) {
+  const ctx = (0, import_signal6.useContext)(RouterContext);
+  const navigate = () => ctx?.router.navigate(read(props.href) ?? "", { replace: read(props.replace) });
+  const a = (0, import_dom4.createNativeElement)("a");
+  (0, import_dom4.setAttribute)(a, "href", read(props.href) ?? "");
+  if (props.slot) (0, import_dom4.setAttribute)(a, "slot", read(props.slot));
+  for (const k of Object.keys(props)) {
+    if (LINK_OWN_PROPS.has(k)) continue;
+    const v = props[k];
+    if (v != null && typeof v !== "function") (0, import_dom4.setAttribute)(a, k, String(v));
+  }
+  if (typeof a.addEventListener === "function") {
+    a.addEventListener("click", (e) => {
+      if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      e.preventDefault();
+      navigate();
+    });
+  } else {
+    const base = read(props.className ?? props.class) ?? "";
+    if (base) (0, import_dom4.setAttribute)(a, "class", base);
+  }
+  if (typeof a.addEventListener === "function") {
+    (0, import_signal5.createEffect)(() => {
+      const href = read(props.href) ?? "";
+      a.setAttribute("href", href);
+      const base = read(props.className ?? props.class) ?? "";
+      const activeClass = read(props.activeClass) ?? "";
+      const active = read(props.active) ?? ctx?.location().pathname === href;
+      a.className = [base, active ? activeClass : ""].filter(Boolean).join(" ");
+    });
+  }
+  const linkChildren = props.children;
+  if (linkChildren != null) (0, import_dom4.insert)(a, linkChildren);
+  return a;
+}
+var A = Link;
+function Form(props) {
+  const action2 = props.action;
+  const cls = props.className ?? props.class;
+  const url = action2.url ?? "";
+  const form = (0, import_dom4.createNativeElement)("form");
+  (0, import_dom4.setAttribute)(form, "method", "post");
+  if (url) (0, import_dom4.setAttribute)(form, "action", url);
+  if (cls) (0, import_dom4.setAttribute)(form, "class", cls);
+  for (const k of Object.keys(props)) {
+    if (k === "action" || k === "children" || k === "class" || k === "className") continue;
+    const v = props[k];
+    if (v != null && typeof v !== "function") (0, import_dom4.setAttribute)(form, k, String(v));
+  }
+  if (typeof form.addEventListener === "function") {
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const data = {};
+      new FormData(form).forEach((v, k) => {
+        data[k] = v;
+      });
+      Promise.resolve(action2(data)).catch(() => {
+      });
+    });
+  }
+  const children = props.children;
+  if (children != null) (0, import_dom4.insert)(form, children);
+  return form;
+}
+async function preloadRoutes(routes, pathname) {
+  const match = (0, import_router.matchRoutes)(routes, pathname);
+  if (!match) return;
+  const loads = [];
+  for (const m of match.matched) {
+    const c = m.component;
+    if (c && typeof c.preload === "function") loads.push(c.preload());
+  }
+  await Promise.all(loads);
+}