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

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

@@ -1 +1,639 @@
-import{createSignal as b,createMemo as d,createResource as le,createEffect as A,getOwner as fe,onCleanup as w,untrack as P}from"@fluixi/reactive/signal";import{insert as T,createComponent as V,createNativeElement as g,setAttribute as u}from"@fluixi/dom";import{createContext as v,useContext as p}from"@fluixi/reactive/signal";import{get as pe}from"@fluixi/utils/object";import{deepEqual as ye}from"@fluixi/utils/compare";import{createRouter as me,createBrowserHistory as ge,matchRoutes as he,matchPath as xe}from"@fluixi/router";import{createMemoryHistory as ht,createBrowserHistory as xt,matchRoutes as Tt,matchPath as vt}from"@fluixi/router";import{createResource as G,createSignal as M}from"@fluixi/reactive/signal";var q=!1,C=new Map;function k(){return q}function O(e,r){C.set(e,r)}function L(e){return C.get(e)}function B(){C.clear()}function J(){if(typeof window>"u")return;let e=document.getElementById("__FLUIXI_HYDRATION__");e&&e.remove();let r=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),t=[],a;for(;a=r.nextNode();){let o=a,n=o.nodeValue||"";(n.startsWith("#")||n.startsWith("/"))&&t.push(o)}t.forEach(o=>o.remove()),B()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(J,100)});function D(){return typeof window>"u"}import{asProvider as X}from"@fluixi/dom";import{createContext as Y,useContext as Oe}from"@fluixi/reactive/signal";import{readChildren as Me}from"@fluixi/reactive/signal";function N(e,r){let t=Y(e,r),a=o=>(o.debug,t.Provider({value:o.value,get children(){return o.children},debug:o.debug}));return typeof Symbol<"u"&&Symbol.for&&(a.$$typeof=Symbol.for("react.provider")),a.$$typeof=Symbol.for("react.provider"),{id:t.id,Provider:X(a),defaultValue:e}}var m=new Map,y=new Map;function Q(e,r){return async(...t)=>{let a=r+":"+JSON.stringify(t);if(k()||typeof window<"u"){let n=L(a);if(n!==void 0)return n}if(m.has(a))return m.get(a);if(y.has(a))return y.get(a);let o=Promise.resolve(e(...t)).then(n=>(m.set(a,n),y.delete(a),D()&&O(a,n),n),n=>{throw y.delete(a),n});return y.set(a,o),o}}var[Ie,Z]=M(0),ee=new Set;function te(e){let r=typeof e=="string"?t=>t.startsWith(e):e;for(let t of m.keys())r(t)&&(m.delete(t),ee.add(t));Z(t=>t+1)}function ne(e,r){let[t]=G(r||(()=>!0),e);return t}var R=new Map;function E(e){return R.has(e)||R.set(e,M(void 0)),R.get(e)}function H(e,r){let t=r||e.name||"action",a=async o=>{let[,n]=E(t),i=()=>n(void 0),s=()=>a(o);n({input:o,pending:!0,clear:i,retry:s});try{let c=await e(o);return n({input:o,result:c,pending:!1,clear:i,retry:s}),c}catch(c){throw n({input:o,error:c,pending:!1,clear:i,retry:s}),c}};return a.url=t,a.with=o=>H((...n)=>e(o,...n),r),a}function re(e){let[r]=E(e.url);return r}function oe(e){return e}var ae=N(void 0,"route-data"),Ke=ae.Provider;import{createComponent as ie}from"@fluixi/dom";import{untrack as se,createMemo as ce,createResource as ue}from"@fluixi/reactive/signal";function _(e){if(e!=null&&(typeof e=="object"||typeof e=="function"))try{e.$lazy=!0}catch{}return e}function de(e,r){let t,a,o;function n(){return a||(a=e().then(s=>t=s.default)),a}r?.preload&&n();let i=(s=>{if(t){let c=t;return _(se(()=>c(s)))}if(!o){let[c]=ue(()=>n(),{transport:!1});if(o=c,c.error)throw c.error}return ce(()=>{let c=o();return c?_(ie(c,s)):void 0})});return i.preload=()=>n().then(()=>{}),i.$lazy=!0,i.loader=e,i}import{runWithOwner as bt}from"@fluixi/reactive/signal";var h=v(void 0,"router"),F=v(void 0,"outlet"),j=v(void 0,"route-params"),I=v(void 0,"route-data");function Te(e,r,t){let a,o=e.route.data;if(typeof o=="function"){let x=!1;w(()=>{x=!0});let $=fe(),[W]=le(()=>o({params:t.params,location:t.location},$,()=>x));a=W}let n=()=>I.Provider({value:a,get children(){return j.Provider({value:e.params,get children(){return F.Provider({value:{depth:r,...t},get children(){return V(e.component,{})}})}})}});if(!a)return n();let i=a,s=()=>i.loading,[c,f]=b(P(()=>!s()));return A(()=>f(!s())),d(()=>c()?n():null)}function K(e){let r=e.depth+1,[t,a]=b(P(()=>e.matched()[r]?.component));return A(()=>{let o=e.matched()[r]?.component;a(()=>o)}),d(()=>{if(!t())return e.notFound?e.notFound():null;let n=P(()=>e.matched())[r];return Te(n,r,{matched:e.matched,params:e.params,location:e.location})})}function ve(e){return e==null?Ce():typeof e=="function"?V(e,{}):e}function Ce(){let e=g("div");u(e,"class","fx-not-found"),u(e,"role","main"),u(e,"style","min-height:60vh;display:grid;place-content:center;gap:.25rem;text-align:center;font-family:system-ui,-apple-system,sans-serif");let r=g("h1");u(r,"style","margin:0;font-size:2.5rem;font-weight:700"),T(r,"404");let t=g("p");return u(t,"style","margin:0;opacity:.7"),T(t,"This page could not be found."),e.appendChild(r),e.appendChild(t),e}function tt(e){let r=e.history??ge(),t=me({routes:e.routes,base:e.base,history:r}),[a,o]=b(t.state()),n=t.subscribe(o);w(()=>{n(),t.destroy()});let i=d(()=>(a().match?.matched??[]).filter(x=>x.component)),s={router:t,location:d(()=>a().location),params:d(()=>a().match?.params??{})},c={depth:-1,matched:i,params:s.params,location:s.location,notFound:()=>ve(e.notFound)},f;return h.Provider({value:s,get children(){return f??=K(c)}})}function nt(){let e=p(F);return e?K(e):null}function rt(e){let r=p(h);if(r&&typeof window<"u"){let t=!1;w(()=>t=!0),queueMicrotask(()=>{t||r.router.navigate(e.to,{replace:e.replace!==!1})})}return null}var Re={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function S(){let e=p(h);if(e)return e;if(typeof window>"u")return Re;throw new Error("[router] useRouter must be used within <Router>")}function z(){let e=S().params;return d(()=>e(),{},{equals:(r,t)=>JSON.stringify(r)===JSON.stringify(t)})}function ot(){return p(j)??{}}function at(e){let r=z();return d(()=>r()[e])}function it(e,r){let t=z();return d(()=>e(t()),void 0,r?{equals:r}:void 0)}function st(e){let r=U();return d(()=>xe(typeof e=="function"?e():e,r.pathname))}function ct(){let e=U(),r=Pe();return[d(()=>e.query),(o,n)=>{let i=new URLSearchParams(e.search);for(let[c,f]of Object.entries(o))f===null?i.delete(c):i.set(c,f);let s=i.toString();r(e.pathname+(s?`?${s}`:""),n)}]}function ut(e,r){let t=(a,o)=>ye(a,o);return r!==void 0?d(()=>pe(e(),r),void 0,{equals:t}):d(e,void 0,{equals:t})}function U(){let{location:e}=S();return new Proxy({},{get:(r,t)=>e()[t],has:(r,t)=>t in e(),ownKeys:()=>Reflect.ownKeys(e()),getOwnPropertyDescriptor:(r,t)=>Object.getOwnPropertyDescriptor(e(),t)})}function dt(e={}){let r=p(h);return t=>{if(!r||t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;let o=t.target?.closest?.("a");if(!o||!o.getAttribute("href")||o.target&&o.target!=="_self"||o.hasAttribute("download")||/(^|\s)external(\s|$)/.test(o.getAttribute("rel")??""))return;let n=new URL(o.href);n.protocol!=="http:"&&n.protocol!=="https:"||n.origin===window.location.origin&&(n.hash&&n.pathname===window.location.pathname&&n.search===window.location.search||e.shouldNavigate&&!e.shouldNavigate(n,o)||(t.preventDefault(),r.router.navigate(n.pathname+n.search+n.hash,{replace:e.replace})))}}function Pe(){let{router:e}=S();return(r,t)=>e.navigate(r,t)}function lt(){return p(I)??(()=>{})}var l=e=>typeof e=="function"?e():e,be=new Set(["href","slot","class","className","active","activeClass","replace","children"]);function Ae(e){let r=p(h),t=()=>r?.router.navigate(l(e.href)??"",{replace:l(e.replace)}),a=g("a");u(a,"href",l(e.href)??""),e.slot&&u(a,"slot",l(e.slot));for(let n of Object.keys(e)){if(be.has(n))continue;let i=e[n];i!=null&&typeof i!="function"&&u(a,n,String(i))}if(typeof a.addEventListener=="function")a.addEventListener("click",n=>{n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||(n.preventDefault(),t())});else{let n=l(e.className??e.class)??"";n&&u(a,"class",n)}typeof a.addEventListener=="function"&&A(()=>{let n=l(e.href)??"";a.setAttribute("href",n);let i=l(e.className??e.class)??"",s=l(e.activeClass)??"",c=l(e.active)??r?.location().pathname===n;a.className=[i,c?s:""].filter(Boolean).join(" ")});let o=e.children;return o!=null&&T(a,o),a}var ft=Ae;function pt(e){let r=e.action,t=e.className??e.class,a=r.url??"",o=g("form");u(o,"method","post"),a&&u(o,"action",a),t&&u(o,"class",t);for(let i of Object.keys(e)){if(i==="action"||i==="children"||i==="class"||i==="className")continue;let s=e[i];s!=null&&typeof s!="function"&&u(o,i,String(s))}typeof o.addEventListener=="function"&&o.addEventListener("submit",i=>{i.preventDefault();let s={};new FormData(o).forEach((c,f)=>{s[f]=c}),Promise.resolve(r(s)).catch(()=>{})});let n=e.children;return n!=null&&T(o,n),o}async function yt(e,r){let t=he(e,r);if(!t)return;let a=[];for(let o of t.matched){let n=o.component;n&&typeof n.preload=="function"&&a.push(n.preload())}await Promise.all(a)}export{ft as A,pt as Form,Ae as Link,nt as Outlet,rt as Redirect,tt as Router,H as action,Q as cache,ne as createAsync,xt as createBrowserHistory,ht as createMemoryHistory,de as lazy,vt as matchPath,Tt as matchRoutes,yt as preloadRoutes,te as revalidate,bt as runWithOwner,ut as select,oe as useAction,ot as useLevelParams,dt as useLinkNavigation,U as useLocation,st as useMatch,Pe as useNavigate,at as useParam,it as useParamSelector,z as useParams,lt as useRouteData,S as useRouter,ct as useSearchParams,re as useSubmission};
+/*! @fluixi/core v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/router/index.ts
+import {
+  createSignal as createSignal2,
+  createMemo as createMemo2,
+  createResource as createResource3,
+  createEffect,
+  getOwner,
+  onCleanup,
+  untrack as untrack2
+} from "@fluixi/reactive/signal";
+import {
+  insert,
+  createComponent as createComponent2,
+  createNativeElement,
+  setAttribute
+} from "@fluixi/dom";
+import { createContext as createContext2, useContext as useContext2 } from "@fluixi/reactive/signal";
+import { get } from "@fluixi/utils/object";
+import { deepEqual } from "@fluixi/utils/compare";
+import {
+  createRouter as createCoreRouter,
+  createBrowserHistory,
+  matchRoutes,
+  matchPath
+} from "@fluixi/router";
+import {
+  createMemoryHistory,
+  createBrowserHistory as createBrowserHistory2,
+  matchRoutes as matchRoutes2,
+  matchPath as matchPath2
+} from "@fluixi/router";
+
+// src/lib/router/data.ts
+import {
+  createResource,
+  createSignal
+} from "@fluixi/reactive/signal";
+
+// src/lib/server/hydration.ts
+import { isServer as domIsServer } from "@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 domIsServer();
+}
+
+// src/lib/context/context.ts
+import { asProvider } from "@fluixi/dom";
+import { createContext as createReactiveContext, useContext as useReactiveContext } from "@fluixi/reactive/signal";
+import {
+  readChildren
+} from "@fluixi/reactive/signal";
+function createContext(defaultValue, name) {
+  const context = createReactiveContext(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: 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] = 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] = createResource(source || (() => true), fetcher);
+  return data;
+}
+var submissionState = /* @__PURE__ */ new Map();
+function getSubmissionSignal(url) {
+  if (!submissionState.has(url)) {
+    submissionState.set(
+      url,
+      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
+import { createComponent } from "@fluixi/dom";
+import {
+  untrack,
+  createMemo,
+  createResource as createResource2
+} from "@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(untrack(() => C(props)));
+    }
+    if (!component) {
+      const [resource] = createResource2(() => load(), { transport: false });
+      component = resource;
+      if (resource.error) throw resource.error;
+    }
+    return createMemo(() => {
+      const C = component();
+      return C ? fromChunk(createComponent(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+
+// src/lib/router/index.ts
+import { runWithOwner } from "@fluixi/reactive/signal";
+var RouterContext = createContext2(void 0, "router");
+var OutletContext = createContext2(void 0, "outlet");
+var LevelParamsContext = createContext2(void 0, "route-params");
+var RouteDataContext2 = createContext2(void 0, "route-data");
+function renderLayer(m, depth, base) {
+  let data;
+  const loader = m.route.data;
+  if (typeof loader === "function") {
+    let cancelled = false;
+    onCleanup(() => {
+      cancelled = true;
+    });
+    const owner = getOwner();
+    const [resource] = createResource3(
+      () => 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 createComponent2(m.component, {});
+            }
+          });
+        }
+      });
+    }
+  });
+  if (!data) return buildPage();
+  const res = data;
+  const isLoading = () => res.loading;
+  const [ready, setReady] = createSignal2(untrack2(() => !isLoading()));
+  createEffect(() => setReady(!isLoading()));
+  return createMemo2(() => ready() ? buildPage() : null);
+}
+function renderChild(ctx) {
+  const childIdx = ctx.depth + 1;
+  const [childComp, setChildComp] = createSignal2(
+    untrack2(() => ctx.matched()[childIdx]?.component)
+  );
+  createEffect(() => {
+    const c = ctx.matched()[childIdx]?.component;
+    setChildComp(() => c);
+  });
+  return createMemo2(() => {
+    const component = childComp();
+    if (!component) {
+      return ctx.notFound ? ctx.notFound() : null;
+    }
+    const m = untrack2(() => 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" ? createComponent2(notFound, {}) : notFound;
+}
+function buildDefaultNotFound() {
+  const el = createNativeElement("div");
+  setAttribute(el, "class", "fx-not-found");
+  setAttribute(el, "role", "main");
+  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 = createNativeElement("h1");
+  setAttribute(h1, "style", "margin:0;font-size:2.5rem;font-weight:700");
+  insert(h1, "404");
+  const p = createNativeElement("p");
+  setAttribute(p, "style", "margin:0;opacity:.7");
+  insert(p, "This page could not be found.");
+  el.appendChild(h1);
+  el.appendChild(p);
+  return el;
+}
+function Router(props) {
+  const history = props.history ?? createBrowserHistory();
+  const router = createCoreRouter({
+    routes: props.routes,
+    base: props.base,
+    history
+  });
+  const [state, setState] = createSignal2(router.state());
+  const unsub = router.subscribe(setState);
+  onCleanup(() => {
+    unsub();
+    router.destroy();
+  });
+  const matched = createMemo2(
+    () => (state().match?.matched ?? []).filter((m) => m.component)
+  );
+  const ctx = {
+    router,
+    location: createMemo2(() => state().location),
+    params: createMemo2(() => 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 = useContext2(OutletContext);
+  if (!ctx) return null;
+  return renderChild(ctx);
+}
+function Redirect(props) {
+  const ctx = useContext2(RouterContext);
+  if (ctx && typeof window !== "undefined") {
+    let cancelled = false;
+    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 = useContext2(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 createMemo2(() => params(), {}, {
+    equals: (a, b) => JSON.stringify(a) === JSON.stringify(b)
+  });
+}
+function useLevelParams() {
+  return useContext2(LevelParamsContext) ?? {};
+}
+function useParam(key) {
+  const params = useParams();
+  return createMemo2(() => params()[key]);
+}
+function useParamSelector(selector, equals) {
+  const params = useParams();
+  return createMemo2(
+    () => selector(params()),
+    void 0,
+    equals ? { equals } : void 0
+  );
+}
+function useMatch(path) {
+  const location = useLocation();
+  return createMemo2(
+    () => matchPath(typeof path === "function" ? path() : path, location.pathname)
+  );
+}
+function useSearchParams() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const params = createMemo2(() => 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) => deepEqual(a, b);
+  if (key !== void 0) {
+    return createMemo2(
+      () => get(source(), key),
+      void 0,
+      { equals }
+    );
+  }
+  return createMemo2(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 = useContext2(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();
+    ctx.router.navigate(url.pathname + url.search + url.hash, { replace: options.replace });
+  };
+}
+function useNavigate() {
+  const { router } = useRouter();
+  return (to, options) => router.navigate(to, options);
+}
+function useRouteData() {
+  const acc = useContext2(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 = useContext2(RouterContext);
+  const navigate = () => ctx?.router.navigate(read(props.href) ?? "", { replace: read(props.replace) });
+  const a = createNativeElement("a");
+  setAttribute(a, "href", read(props.href) ?? "");
+  if (props.slot) 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") 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) setAttribute(a, "class", base);
+  }
+  if (typeof a.addEventListener === "function") {
+    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) 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 = createNativeElement("form");
+  setAttribute(form, "method", "post");
+  if (url) setAttribute(form, "action", url);
+  if (cls) 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") 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) insert(form, children);
+  return form;
+}
+async function preloadRoutes(routes, pathname) {
+  const match = 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);
+}
+export {
+  A,
+  Form,
+  Link,
+  Outlet,
+  Redirect,
+  Router,
+  action,
+  cache,
+  createAsync,
+  createBrowserHistory2 as createBrowserHistory,
+  createMemoryHistory,
+  lazy,
+  matchPath2 as matchPath,
+  matchRoutes2 as matchRoutes,
+  preloadRoutes,
+  revalidate,
+  runWithOwner,
+  select,
+  useAction,
+  useLevelParams,
+  useLinkNavigation,
+  useLocation,
+  useMatch,
+  useNavigate,
+  useParam,
+  useParamSelector,
+  useParams,
+  useRouteData,
+  useRouter,
+  useSearchParams,
+  useSubmission
+};