@fluixi/core 1.0.0-alpha.53

package/dist/src/lib/router-next/index.js

@@ -0,0 +1,464 @@
+/**
+ * @fileoverview Fluixi adapter for the framework-agnostic @fluixi/router core.
+ *
+ * Renders the resolved match tree TOP-DOWN. Each layer's component is rendered
+ * inside the PARENT layer's <Outlet/> scope, so a child route inherits whatever
+ * context a parent layout provides. <Outlet/> is reactive but keyed on the child's
+ * component reference, so it only re-renders when the child route at that depth
+ * actually changes — sibling navigation reuses the layout, deeper navigation
+ * leaves shallower layouts untouched.
+ *
+ * No parentGate, no deferred content memo: a child is rendered straight from the
+ * matched array, never by re-entering a still-building parent, so deeply nested
+ * <Outlet/> works at any depth.
+ */
+import { createSignal, createMemo, createResource, createEffect, getOwner, onCleanup, untrack, } from '@fluixi/reactive/signal';
+import { insert, createComponent, createNativeElement, setAttribute, } from '@fluixi/dom';
+// Reactive context (not fluixi createProvider, which destructures children
+// eagerly) so a `get children()` getter renders AFTER the context is stamped.
+import { createContext, useContext } 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';
+const RouterContext = createContext();
+const OutletContext = createContext();
+const LevelParamsContext = createContext();
+const RouteDataContext = createContext();
+// ─── Rendering ────────────────────────────────────────────────────────────────
+/** Render one matched layer: load its data, stamp its contexts, run its component. */
+function renderLayer(m, depth, base) {
+    // Load this layer's data once. createResource integrates with the nearest
+    // Suspense; it is owned by the enclosing memo, so it is recreated only when this
+    // layer's route changes (not on deeper navigation).
+    let data;
+    const loader = m.route.data;
+    if (typeof loader === 'function') {
+        let cancelled = false;
+        onCleanup(() => {
+            cancelled = true;
+        });
+        const owner = getOwner();
+        const [resource] = createResource(() => loader({ params: base.params, location: base.location }, owner, () => cancelled));
+        data = resource;
+    }
+    const buildPage = () => RouteDataContext.Provider({
+        value: data,
+        get children() {
+            return LevelParamsContext.Provider({
+                value: m.params,
+                get children() {
+                    return OutletContext.Provider({
+                        value: { depth, ...base },
+                        get children() {
+                            return createComponent(m.component, {});
+                        },
+                    });
+                },
+            });
+        },
+    });
+    if (!data)
+        return buildPage();
+    // Gate on the data being resolved — like the old router — so the page reads
+    // ready data (rd() returns the value, not a thrown promise) and works without a
+    // Suspense boundary. Signal-gated (`ready` only flips when loading actually
+    // changes) so navigation re-renders don't re-run this and rebuild the page.
+    const res = data;
+    const isLoading = () => res.loading;
+    // untrack the initial read so the enclosing render memo doesn't subscribe to the
+    // resource state (that would re-run renderLayer and recreate the resource — a loop).
+    const [ready, setReady] = createSignal(untrack(() => !isLoading()));
+    createEffect(() => setReady(!isLoading()));
+    return createMemo(() => (ready() ? buildPage() : null));
+}
+/**
+ * Renders the next matched layer, reactively but keyed on its component ref so the
+ * child is only rebuilt when the route at this depth changes. Used by both <Outlet/>
+ * and the Router root.
+ */
+function renderChild(ctx) {
+    const childIdx = ctx.depth + 1;
+    // Gate rendering on the child component reference through a SIGNAL, not a direct
+    // memo read. This reactive core marks the whole downstream memo chain stale on any
+    // signal write (no value check), so a memo that read `matched` would re-run on
+    // every navigation and re-render the child. A signal only notifies when its value
+    // actually changes, so the render memo below re-runs only when the route at this
+    // depth changes — sibling navigation reuses the layout, deeper navigation leaves
+    // this level untouched. The child is rendered INLINE (no detached createRoot), so
+    // it stays connected to the Suspense / context owner chain.
+    const [childComp, setChildComp] = createSignal(untrack(() => ctx.matched()[childIdx]?.component));
+    createEffect(() => {
+        const c = ctx.matched()[childIdx]?.component;
+        setChildComp(() => c);
+    });
+    return createMemo(() => {
+        const component = childComp();
+        if (!component) {
+            // No route at this depth. At the ROOT (the only ctx carrying `notFound`) that means the
+            // URL matched nothing — render the not-found fallback instead of a blank page. Nested
+            // Outlets have no `notFound`, so they stay null (a missing child is just an empty Outlet).
+            return ctx.notFound ? ctx.notFound() : null;
+        }
+        const m = untrack(() => ctx.matched())[childIdx];
+        return renderLayer(m, childIdx, {
+            matched: ctx.matched,
+            params: ctx.params,
+            location: ctx.location,
+        });
+    });
+}
+/**
+ * Resolve the Router's `notFound` prop to a renderable view. A component is instantiated; an
+ * element/value is returned as-is; when omitted, a minimal built-in 404 keeps the page from
+ * rendering blank. Prefer a catch-all file route (`[...slug].tsx` → `*`) when the 404 should sit
+ * inside your layout — this prop is the app-level fallback for an otherwise unmatched URL.
+ */
+function renderNotFound(notFound) {
+    if (notFound == null)
+        return buildDefaultNotFound();
+    return typeof notFound === 'function' ? createComponent(notFound, {}) : notFound;
+}
+/** Minimal, unstyled-enough default 404 (single element so it hydrates cleanly). */
+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;
+}
+export function Router(props) {
+    const history = props.history ?? createBrowserHistory();
+    const router = createCoreRouter({
+        routes: props.routes,
+        base: props.base,
+        history,
+    });
+    const [state, setState] = createSignal(router.state());
+    const unsub = router.subscribe(setState);
+    onCleanup(() => {
+        unsub();
+        router.destroy();
+    });
+    // Drop pathless layers (no component) — their params still appear in the merged
+    // params exposed by RouterContext.
+    const matched = createMemo(() => (state().match?.matched ?? []).filter((m) => m.component));
+    const ctx = {
+        router: router,
+        location: createMemo(() => state().location),
+        params: createMemo(() => state().match?.params ?? {}),
+    };
+    // Render depth 0 (a virtual parent at depth -1 so the root reuses the same path).
+    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),
+    };
+    // Build the root view once, lazily, inside the provider's children getter: the
+    // getter must run in the provider scope (so components can useRouter), but the
+    // reactive provider re-invokes it whenever content changes — caching keeps the
+    // root chain from being rebuilt on every navigation.
+    let rootView;
+    return RouterContext.Provider({
+        value: ctx,
+        get children() {
+            return (rootView ??= renderChild(root));
+        },
+    });
+}
+// ─── Outlet ───────────────────────────────────────────────────────────────────
+/** Renders this layout's child route, inside this layout's context. */
+export function Outlet() {
+    const ctx = useContext(OutletContext);
+    if (!ctx)
+        return null;
+    return renderChild(ctx);
+}
+/** Navigate to `to` on mount (replace by default). Renders nothing. */
+export function Redirect(props) {
+    const ctx = useContext(RouterContext);
+    if (!ctx || typeof window === 'undefined')
+        return null;
+    // Navigate AFTER the current render commits. Navigating during render (an effect
+    // running mid-render) updated the location but the route never re-matched, so the
+    // target never showed. Guard against firing if this Redirect is torn down first.
+    let cancelled = false;
+    onCleanup(() => (cancelled = true));
+    queueMicrotask(() => {
+        if (!cancelled)
+            ctx.router.navigate(props.to, { replace: props.replace !== false });
+    });
+    return null;
+}
+// ─── Hooks ──────────────────────────────────────────────────────────────────
+// Safe stub returned by useRouter on the SERVER when no RouterContext is on the owner
+// chain. That happens during a late/detached re-render — e.g. a slow data resource
+// settling AFTER renderToStringAsync already serialized the response and disposed the
+// root — whose output is discarded. Returning this (instead of throwing) prevents a
+// floating rejection that crashes the dev server / shows an error overlay seconds
+// after the page already rendered.
+const _ssrRouterStub = {
+    router: { navigate: () => { } },
+    location: () => ({ pathname: '', search: '', hash: '', query: {} }),
+    params: () => ({}),
+};
+export function useRouter() {
+    const ctx = useContext(RouterContext);
+    if (ctx)
+        return ctx;
+    // On the server, degrade to a no-op stub (see above). On the client, a missing
+    // router is genuine misuse — throw.
+    if (typeof window === 'undefined')
+        return _ssrRouterStub;
+    throw new Error('[router-next] useRouter must be used within <Router>');
+}
+/**
+ * Reactive merged params across all matched layers, as an accessor. Deep-equal
+ * memoized so it only notifies when a value actually changes (the underlying
+ * params object is rebuilt on every transition).
+ */
+export function useParams() {
+    const params = useRouter().params;
+    return createMemo(() => params(), {}, {
+        equals: (a, b) => JSON.stringify(a) === JSON.stringify(b),
+    });
+}
+/** Params introduced at the nearest matched layer. */
+export function useLevelParams() {
+    return useContext(LevelParamsContext) ?? {};
+}
+/**
+ * Reactive accessor for a single route param. Default `===` equality on the
+ * string value, so it only re-triggers when THIS key changes — not when other
+ * params at the same level change.
+ */
+export function useParam(key) {
+    const params = useParams();
+    return createMemo(() => params()[key]);
+}
+/**
+ * Derive a stable value from route params. Only re-triggers when the selector's
+ * return value changes. For object returns, pass a custom `equals`.
+ *
+ * @example
+ * const ids = useParamSelector((p) => ({ wsId: p.workspaceId, chId: p.channelId }), deepEqual);
+ */
+export function useParamSelector(selector, equals) {
+    const params = useParams();
+    return createMemo(() => selector(params()), undefined, equals ? { equals } : undefined);
+}
+/**
+ * Match a path pattern against the current pathname, reactively. Returns the
+ * matched `{ params, path }` or null.
+ */
+export function useMatch(path) {
+    const location = useLocation();
+    return createMemo(() => matchPath(typeof path === 'function' ? path() : path, location.pathname));
+}
+/**
+ * Read/write the current query string. Returns `[params, setParams]`: `params`
+ * is a reactive accessor of the parsed query; `setParams` merges the given keys
+ * (null deletes) and navigates. Matches the old router.
+ */
+export function useSearchParams() {
+    const location = useLocation();
+    const navigate = useNavigate();
+    const params = 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];
+}
+/**
+ * Stable accessor from any reactive source with deep-equal memoization. Pass a
+ * `key` to select a nested property. Only re-triggers downstream when the value
+ * (or selected field) actually changes.
+ *
+ * @example
+ * const ws = select(store.activeWorkspace);        // whole object
+ * const id = select(store.activeWorkspace, 'id');  // single field
+ */
+export function select(source, key) {
+    const equals = (a, b) => deepEqual(a, b);
+    if (key !== undefined) {
+        return createMemo(() => get(source(), key), undefined, { equals });
+    }
+    return createMemo(source, undefined, { equals });
+}
+/**
+ * The current location as a reactive object: reading a property (pathname, etc.)
+ * subscribes to location changes. Matches the old router's useLocation().
+ */
+export 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),
+    });
+}
+export function useNavigate() {
+    // useRouter is SSR-safe (returns a no-op stub on the server when the context is
+    // detached), so navigation degrades to a no-op during SSR and only throws on
+    // genuine client-side misuse outside <Router>.
+    const { router } = useRouter();
+    return (to, options) => router.navigate(to, options);
+}
+/**
+ * The resolved data for the nearest route that declared a `data` loader. Always
+ * returns a callable accessor (matching the old router): it suspends under
+ * <Suspense> while loading and yields undefined when no ancestor declared data.
+ */
+export function useRouteData() {
+    const acc = useContext(RouteDataContext);
+    return acc ?? (() => undefined);
+}
+const read = (v) => typeof v === 'function' ? v() : v;
+export function Link(props) {
+    const ctx = useContext(RouterContext);
+    const isServer = typeof document === 'undefined';
+    const navigate = () => ctx?.router.navigate(read(props.href) ?? '', { replace: read(props.replace) });
+    // createNativeElement branches on isServer → a real ServerNode <a> (serialized as a true
+    // element, not an escaped string) on the server, a real DOM <a> on the client.
+    const a = createNativeElement('a');
+    setAttribute(a, 'href', read(props.href) ?? '');
+    if (props.slot)
+        setAttribute(a, 'slot', read(props.slot));
+    // Client only (ServerNode has no addEventListener). Direct listener (not delegated) so
+    // preventDefault reliably blocks navigation.
+    if (typeof a.addEventListener === 'function') {
+        a.addEventListener('click', (e) => {
+            if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
+                return;
+            e.preventDefault();
+            navigate();
+        });
+    }
+    else {
+        // Server: set the static class so the markup matches the client's first render.
+        const base = (read(props.className ?? props.class) ?? '');
+        if (base)
+            setAttribute(a, 'class', base);
+    }
+    // Client only: keep href + active class in sync with reactive props / location.
+    // (Skipped on the server — `a` is a ServerNode without these DOM setters; the static
+    // href/class were set above.)
+    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; // read once (getter builds fresh nodes per access)
+    if (linkChildren != null)
+        insert(a, linkChildren);
+    return a;
+}
+/** Alias for {@link Link}. */
+export const A = Link;
+/**
+ * A `<form>` wired to an action: on submit it builds `FormData` from the form and calls
+ * `action(formData)` (which tracks submission state via `useSubmission`), without a full
+ * page navigation. The markup carries `method="post"` + `action={action.url}` so it's
+ * progressive-enhancement-ready.
+ *
+ *   <Form action={save}>
+ *     <input name="title" />
+ *     <button>Save</button>
+ *   </Form>
+ */
+export function Form(props) {
+    const action = props.action;
+    const cls = (props.className ?? props.class); // compiler passes class→className
+    const url = action.url ?? '';
+    // createNativeElement/setAttribute branch on isServer, so this builds a real ServerNode
+    // <form> on the server (serialized as a true element, NOT an escaped string) and a real
+    // DOM <form> on the client — hydration reuses the same element.
+    const form = createNativeElement('form');
+    setAttribute(form, 'method', 'post');
+    if (url)
+        setAttribute(form, 'action', url);
+    if (cls)
+        setAttribute(form, 'class', cls);
+    for (const [k, v] of Object.entries(props)) {
+        if (k === 'action' || k === 'children' || k === 'class' || k === 'className')
+            continue;
+        if (v != null && typeof v !== 'function')
+            setAttribute(form, k, String(v));
+    }
+    // Client only (ServerNode has no addEventListener). Direct listener so preventDefault
+    // reliably blocks the native submit/navigation. Fields are passed as a plain object so
+    // a `"use server"` action (JSON RPC) gets them unchanged. (File uploads are a follow-up.)
+    if (typeof form.addEventListener === 'function') {
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+            const data = {};
+            new FormData(form).forEach((v, k) => {
+                data[k] = v;
+            });
+            Promise.resolve(action(data)).catch(() => {
+                /* error is captured in the submission state via useSubmission */
+            });
+        });
+    }
+    // Read children ONCE: the compiler emits `get children()` as a getter that builds fresh
+    // nodes on every access, so reading it twice (here + the null check) created a duplicate
+    // set — under hydration that meant two <input>s in the form.
+    const children = props.children;
+    if (children != null)
+        insert(form, children);
+    return form;
+}
+// ─── Hydration preload ───────────────────────────────────────────────────────────
+/**
+ * Download the lazy component chunks for the route(s) matching `pathname` and resolve when
+ * they're all loaded. Await this BEFORE hydrating: once each matched lazy file-route is
+ * resolved it renders synchronously on the first pass (no Suspense fallback, no late
+ * re-render), so hydration adopts the server DOM in place instead of building a duplicate
+ * subtree next to it. No-op for routes with no lazy components. Safe to call when the URL
+ * matches nothing (resolves immediately).
+ */
+export 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);
+}
+// ─── Re-exports ────────────────────────────────────────────────────────────────
+export { createMemoryHistory, createBrowserHistory, matchRoutes, matchPath, } from '@fluixi/router';
+// Action/cache/lazy layer is orthogonal to routing — re-export so a route file can
+// swap its import path wholesale. (Routing hooks above are the router-next ones.)
+export { cache, action, revalidate, createAsync, useSubmission, useAction, } from './data.js';
+export { lazy } from '../render/lazy.js';
+// Parity with the retired '@fluixi/core/router' barrel (route codegen used it).
+export { runWithOwner } from '@fluixi/reactive/signal';

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

@@ -0,0 +1 @@
+import{createSignal as P,createMemo as d,createResource as ge,createEffect as w,getOwner as xe,onCleanup as A,untrack as R}from"@fluixi/reactive/signal";import{insert as h,createComponent as F,createNativeElement as g,setAttribute as u}from"@fluixi/dom";import{createContext as v,useContext as p}from"@fluixi/reactive/signal";import{get as he}from"@fluixi/utils/object";import{deepEqual as ve}from"@fluixi/utils/compare";import{createRouter as Te,createBrowserHistory as Ce,matchRoutes as be,matchPath as Re}from"@fluixi/router";import{createMemoryHistory as Vt,createBrowserHistory as Ft,matchRoutes as jt,matchPath as Ut}from"@fluixi/router";import{createResource as oe,createSignal as N}from"@fluixi/reactive/signal";var B=!1,C=new Map;function O(){return B}function E(e,n){C.set(e,n)}function L(e){return C.get(e)}function J(){C.clear()}function X(){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=[],o;for(;o=n.nextNode();){let r=o,a=r.nodeValue||"";(a.startsWith("#")||a.startsWith("/"))&&t.push(r)}t.forEach(r=>r.remove()),J()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(X,100)});function D(){return typeof window>"u"}import{asProvider as ne}from"@fluixi/dom";import{createContext as re,useContext as Qe}from"@fluixi/reactive/signal";import{readChildren as nt}from"@fluixi/reactive/signal";import{registerCreateComponent as Y,asComponent as G}from"@fluixi/dom";import{untrack as Q,onCleanup as Ne,getOwner as _e,createEffect as He,createMemo as Ve,createSignal as Fe,isSignal as Z,batch as je,runWithOwner as Ie}from"@fluixi/reactive/signal";function k(e){Y(ee)}function ee(e,n){return te(e,n)}function te(e,n){let t=typeof e=="function"?Q(()=>e(n)):e;if(t!=null&&(typeof t=="function"||typeof t=="object")&&!Z(t)){try{t.$name=e.name}catch{}return G(t)}return t}k("index");function M(e){let n=re(e),t=o=>(o.debug,n.Provider({value:o.value,get children(){return o.children},debug:o.debug}));return typeof Symbol<"u"&&Symbol.for&&(t.$$typeof=Symbol.for("react.provider")),t.$$typeof=Symbol.for("react.provider"),{id:n.id,Provider:ne(t),defaultValue:e}}var m=new Map,y=new Map;function ae(e,n){return async(...t)=>{let o=n+":"+JSON.stringify(t);if(O()||typeof window<"u"){let a=L(o);if(a!==void 0)return a}if(m.has(o))return m.get(o);if(y.has(o))return y.get(o);let r=Promise.resolve(e(...t)).then(a=>(m.set(o,a),y.delete(o),D()&&E(o,a),a),a=>{throw y.delete(o),a});return y.set(o,r),r}}var[dt,ie]=N(0),se=new Set;function ce(e){let n=typeof e=="string"?t=>t.startsWith(e):e;for(let t of m.keys())n(t)&&(m.delete(t),se.add(t));ie(t=>t+1)}function ue(e,n){let[t]=oe(n||(()=>!0),e);return t}var b=new Map;function _(e){return b.has(e)||b.set(e,N(void 0)),b.get(e)}function H(e,n){let t=n||e.name||"action",o=async r=>{let[,a]=_(t),i=()=>a(void 0),s=()=>o(r);a({input:r,pending:!0,clear:i,retry:s});try{let c=await e(r);return a({input:r,result:c,pending:!1,clear:i,retry:s}),c}catch(c){throw a({input:r,error:c,pending:!1,clear:i,retry:s}),c}};return o.url=t,o.with=r=>H((...a)=>e(r,...a),n),o}function de(e){let[n]=_(e.url);return n}function fe(e){return e}var le=M(),ft=le.Provider;import{untrack as V,createMemo as pe,createResource as ye}from"@fluixi/reactive/signal";function me(e,n){let t,o,r;function a(){return o||(o=e().then(s=>t=s.default)),o}n?.preload&&a();let i=(s=>{if(t){let c=t;return V(()=>c(s))}if(!r){let[c]=ye(()=>a());if(r=c,c.error)throw c.error}return pe(()=>{let c=r();return c?V(()=>c(s)):void 0},void 0,{name:"lazy"})});return i.preload=()=>a().then(()=>{}),i.$lazy=!0,i.loader=e,i}import{runWithOwner as Wt}from"@fluixi/reactive/signal";var T=v(),j=v(),U=v(),I=v();function Pe(e,n,t){let o,r=e.route.data;if(typeof r=="function"){let x=!1;A(()=>{x=!0});let $=xe(),[q]=ge(()=>r({params:t.params,location:t.location},$,()=>x));o=q}let a=()=>I.Provider({value:o,get children(){return U.Provider({value:e.params,get children(){return j.Provider({value:{depth:n,...t},get children(){return F(e.component,{})}})}})}});if(!o)return a();let i=o,s=()=>i.loading,[c,f]=P(R(()=>!s()));return w(()=>f(!s())),d(()=>c()?a():null)}function z(e){let n=e.depth+1,[t,o]=P(R(()=>e.matched()[n]?.component));return w(()=>{let r=e.matched()[n]?.component;o(()=>r)}),d(()=>{if(!t())return e.notFound?e.notFound():null;let a=R(()=>e.matched())[n];return Pe(a,n,{matched:e.matched,params:e.params,location:e.location})})}function we(e){return e==null?Ae():typeof e=="function"?F(e,{}):e}function Ae(){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 n=g("h1");u(n,"style","margin:0;font-size:2.5rem;font-weight:700"),h(n,"404");let t=g("p");return u(t,"style","margin:0;opacity:.7"),h(t,"This page could not be found."),e.appendChild(n),e.appendChild(t),e}function bt(e){let n=e.history??Ce(),t=Te({routes:e.routes,base:e.base,history:n}),[o,r]=P(t.state()),a=t.subscribe(r);A(()=>{a(),t.destroy()});let i=d(()=>(o().match?.matched??[]).filter(x=>x.component)),s={router:t,location:d(()=>o().location),params:d(()=>o().match?.params??{})},c={depth:-1,matched:i,params:s.params,location:s.location,notFound:()=>we(e.notFound)},f;return T.Provider({value:s,get children(){return f??=z(c)}})}function Rt(){let e=p(j);return e?z(e):null}function Pt(e){let n=p(T);if(!n||typeof window>"u")return null;let t=!1;return A(()=>t=!0),queueMicrotask(()=>{t||n.router.navigate(e.to,{replace:e.replace!==!1})}),null}var Se={router:{navigate:()=>{}},location:()=>({pathname:"",search:"",hash:"",query:{}}),params:()=>({})};function S(){let e=p(T);if(e)return e;if(typeof window>"u")return Se;throw new Error("[router-next] useRouter must be used within <Router>")}function K(){let e=S().params;return d(()=>e(),{},{equals:(n,t)=>JSON.stringify(n)===JSON.stringify(t)})}function wt(){return p(U)??{}}function At(e){let n=K();return d(()=>n()[e])}function St(e,n){let t=K();return d(()=>e(t()),void 0,n?{equals:n}:void 0)}function Ot(e){let n=W();return d(()=>Re(typeof e=="function"?e():e,n.pathname))}function Et(){let e=W(),n=Oe();return[d(()=>e.query),(r,a)=>{let i=new URLSearchParams(e.search);for(let[c,f]of Object.entries(r))f===null?i.delete(c):i.set(c,f);let s=i.toString();n(e.pathname+(s?`?${s}`:""),a)}]}function Lt(e,n){let t=(o,r)=>ve(o,r);return n!==void 0?d(()=>he(e(),n),void 0,{equals:t}):d(e,void 0,{equals:t})}function W(){let{location:e}=S();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 Oe(){let{router:e}=S();return(n,t)=>e.navigate(n,t)}function Dt(){return p(I)??(()=>{})}var l=e=>typeof e=="function"?e():e;function Ee(e){let n=p(T),t=typeof document>"u",o=()=>n?.router.navigate(l(e.href)??"",{replace:l(e.replace)}),r=g("a");if(u(r,"href",l(e.href)??""),e.slot&&u(r,"slot",l(e.slot)),typeof r.addEventListener=="function")r.addEventListener("click",i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),o())});else{let i=l(e.className??e.class)??"";i&&u(r,"class",i)}typeof r.addEventListener=="function"&&w(()=>{let i=l(e.href)??"";r.setAttribute("href",i);let s=l(e.className??e.class)??"",c=l(e.activeClass)??"",f=l(e.active)??n?.location().pathname===i;r.className=[s,f?c:""].filter(Boolean).join(" ")});let a=e.children;return a!=null&&h(r,a),r}var kt=Ee;function Mt(e){let n=e.action,t=e.className??e.class,o=n.url??"",r=g("form");u(r,"method","post"),o&&u(r,"action",o),t&&u(r,"class",t);for(let[i,s]of Object.entries(e))i==="action"||i==="children"||i==="class"||i==="className"||s!=null&&typeof s!="function"&&u(r,i,String(s));typeof r.addEventListener=="function"&&r.addEventListener("submit",i=>{i.preventDefault();let s={};new FormData(r).forEach((c,f)=>{s[f]=c}),Promise.resolve(n(s)).catch(()=>{})});let a=e.children;return a!=null&&h(r,a),r}async function Nt(e,n){let t=be(e,n);if(!t)return;let o=[];for(let r of t.matched){let a=r.component;a&&typeof a.preload=="function"&&o.push(a.preload())}await Promise.all(o)}export{kt as A,Mt as Form,Ee as Link,Rt as Outlet,Pt as Redirect,bt as Router,H as action,ae as cache,ue as createAsync,Ft as createBrowserHistory,Vt as createMemoryHistory,me as lazy,Ut as matchPath,jt as matchRoutes,Nt as preloadRoutes,ce as revalidate,Wt as runWithOwner,Lt as select,fe as useAction,wt as useLevelParams,W as useLocation,Ot as useMatch,Oe as useNavigate,At as useParam,St as useParamSelector,K as useParams,Dt as useRouteData,S as useRouter,Et as useSearchParams,de as useSubmission};

package/dist/src/lib/server/hydration.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var w=(t,n)=>{for(var e in n)a(t,e,{get:n[e],enumerable:!0})},x=(t,n,e,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of g(n))!m.call(t,o)&&o!==e&&a(t,o,{get:()=>n[o],enumerable:!(r=l(n,o))||r.enumerable});return t};var h=t=>x(a({},"__esModule",{value:!0}),t);var F={};w(F,{cleanupHydration:()=>y,clearHydrationData:()=>p,clearHydrationDataKey:()=>D,createHydratableResource:()=>M,deserializeHydrationData:()=>b,generateMarkerID:()=>v,getHydrationData:()=>s,hasHydrationData:()=>_,hydrationMarker:()=>E,hydrationMarkerEnd:()=>O,hydrationMarkerStart:()=>N,isClientEnvironment:()=>C,isHydrating:()=>f,isServerEnvironment:()=>k,serializeHydrationData:()=>I,setHydrating:()=>T,setHydrationData:()=>d,useHydrationData:()=>j});module.exports=h(F);var c=!1,i=new Map,H=0;function f(){return c}function T(t){c=t}function d(t,n){i.set(t,n)}function s(t){return i.get(t)}function _(t){return i.has(t)}function p(){i.clear()}function D(t){i.delete(t)}function I(){if(i.size===0)return"";let t=Object.fromEntries(i);return`<script type="application/json" id="__FLUIXI_HYDRATION__">${JSON.stringify(t)}<\/script>`}function b(){if(typeof window>"u")return!1;let t=document.getElementById("__FLUIXI_HYDRATION__");if(!t||t.getAttribute("type")!=="application/json")return!1;try{let n=t.textContent||"{}",e=JSON.parse(n);for(let[r,o]of Object.entries(e))i.set(r,o);return!0}catch(n){return console.error("Failed to deserialize hydration data:",n),!1}}function v(){return`h${H++}`}function E(t){return`<!--#${t}-->`}function N(t){return`<!--#${t}-->`}function O(t){return`<!--/${t}-->`}function M(t,n){return async()=>{if(f()||typeof window<"u"){let r=s(t);if(r!==void 0)return r}let e=await n();return typeof window>"u"&&d(t,e),e}}function j(t,n){let e=s(t);if(e!==void 0)return e;let r=typeof n=="function"?n():n;return typeof window>"u"&&d(t,r),r}function y(){if(typeof window>"u")return;let t=document.getElementById("__FLUIXI_HYDRATION__");t&&t.remove();let n=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),e=[],r;for(;r=n.nextNode();){let o=r,u=o.nodeValue||"";(u.startsWith("#")||u.startsWith("/"))&&e.push(o)}e.forEach(o=>o.remove()),p()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(y,100)});function k(){return typeof window>"u"}function C(){return typeof window<"u"}