kiru 0.49.2 → 0.50.0-preview.1

package/dist/recursiveRender.js

@@ -0,0 +1,109 @@
+import { node, hookIndex } from "./globals.js";
+import { isVNode, encodeHtmlEntities, propsToElementAttributes, isExoticType, assertValidElementProps, } from "./utils/index.js";
+import { Signal } from "./signals/base.js";
+import { $ERROR_BOUNDARY, voidElements, $SUSPENSE_THROW } from "./constants.js";
+import { __DEV__ } from "./env.js";
+import { isSuspenseThrowValue } from "./components/suspense.js";
+export function recursiveRender(ctx, el, parent, idx) {
+    if (el === null)
+        return;
+    if (el === undefined)
+        return;
+    if (typeof el === "boolean")
+        return;
+    if (typeof el === "string") {
+        return ctx.write(encodeHtmlEntities(el));
+    }
+    if (typeof el === "number" || typeof el === "bigint") {
+        return ctx.write(el.toString());
+    }
+    if (el instanceof Array) {
+        return el.forEach((c, i) => recursiveRender(ctx, c, parent, i));
+    }
+    if (Signal.isSignal(el)) {
+        return ctx.write(String(el.peek()));
+    }
+    if (!isVNode(el)) {
+        return ctx.write(String(el));
+    }
+    el.parent = parent;
+    el.depth = (parent?.depth ?? -1) + 1;
+    el.index = idx;
+    const { type, props = {} } = el;
+    if (type === "#text") {
+        return ctx.write(encodeHtmlEntities(props.nodeValue ?? ""));
+    }
+    const children = props.children;
+    if (isExoticType(type)) {
+        if (type === $ERROR_BOUNDARY) {
+            let boundaryBuffer = "";
+            const pending = new Set();
+            const boundaryCtx = {
+                write(chunk) {
+                    boundaryBuffer += chunk;
+                },
+                onPending(data) {
+                    data.forEach((p) => pending.add(p));
+                },
+            };
+            try {
+                recursiveRender(boundaryCtx, children, el, idx);
+                // flush successful render
+                ctx.write(boundaryBuffer);
+                ctx.onPending?.([...pending]);
+            }
+            catch (error) {
+                if (isSuspenseThrowValue(error)) {
+                    throw error;
+                }
+                const e = error instanceof Error ? error : new Error(String(error));
+                const { fallback, onError } = props;
+                onError?.(e);
+                const fallbackContent = typeof fallback === "function" ? fallback(e) : fallback;
+                recursiveRender(ctx, fallbackContent, el, 0);
+            }
+            return;
+        }
+        recursiveRender(ctx, children, el, idx);
+        return;
+    }
+    if (typeof type !== "string") {
+        try {
+            hookIndex.current = 0;
+            node.current = el;
+            const res = type(props);
+            recursiveRender(ctx, res, el, idx);
+            return;
+        }
+        catch (error) {
+            if (isSuspenseThrowValue(error)) {
+                const { fallback, pending } = error[$SUSPENSE_THROW];
+                ctx.onPending?.(pending);
+                return recursiveRender(ctx, fallback, el, 0);
+            }
+            throw error;
+        }
+        finally {
+            node.current = null;
+        }
+    }
+    if (__DEV__)
+        assertValidElementProps(el);
+    const attrs = propsToElementAttributes(props);
+    ctx.write(`<${type}${attrs.length ? ` ${attrs}` : ""}>`);
+    if (voidElements.has(type))
+        return;
+    if ("innerHTML" in props) {
+        ctx.write(String(Signal.isSignal(props.innerHTML)
+            ? props.innerHTML.peek()
+            : props.innerHTML));
+    }
+    else if (Array.isArray(children)) {
+        children.forEach((c, i) => recursiveRender(ctx, c, el, i));
+    }
+    else {
+        recursiveRender(ctx, children, el, 0);
+    }
+    ctx.write(`</${type}>`);
+}
+//# sourceMappingURL=recursiveRender.js.map

package/dist/recursiveRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recursiveRender.js","sourceRoot":"","sources":["../src/recursiveRender.ts"],"names":[],"mappings":"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"}

package/dist/renderToString.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderToString.d.ts","sourceRoot":"","sources":["../src/renderToString.ts"],"names":[],"mappings":"AAcA,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,UAOlD"}
+{"version":3,"file":"renderToString.d.ts","sourceRoot":"","sources":["../src/renderToString.ts"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,UAYlD"}

package/dist/renderToString.js

@@ -1,66 +1,17 @@
-import { node, renderMode } from "./globals.js";
+import { renderMode } from "./globals.js";
 import { Fragment } from "./element.js";
-import { isVNode, encodeHtmlEntities, propsToElementAttributes, isExoticType, assertValidElementProps, } from "./utils/index.js";
-import { Signal } from "./signals/base.js";
-import { $HYDRATION_BOUNDARY, voidElements } from "./constants.js";
-import { HYDRATION_BOUNDARY_MARKER } from "./ssr/hydrationBoundary.js";
-import { __DEV__ } from "./env.js";
+import { recursiveRender } from "./recursiveRender.js";
 export function renderToString(element) {
     const prev = renderMode.current;
     renderMode.current = "string";
-    const rootNode = Fragment({ children: element });
-    const res = renderToString_internal(rootNode, null, 0);
+    let result = "";
+    const ctx = {
+        write(chunk) {
+            result += chunk;
+        },
+    };
+    recursiveRender(ctx, Fragment({ children: element }), null, 0);
     renderMode.current = prev;
-    return res;
-}
-function renderToString_internal(el, parent, idx) {
-    if (el === null)
-        return "";
-    if (el === undefined)
-        return "";
-    if (typeof el === "boolean")
-        return "";
-    if (typeof el === "string")
-        return encodeHtmlEntities(el);
-    if (typeof el === "number" || typeof el === "bigint")
-        return el.toString();
-    if (el instanceof Array) {
-        return el.map((c, i) => renderToString_internal(c, parent, i)).join("");
-    }
-    if (Signal.isSignal(el))
-        return String(el.peek());
-    if (!isVNode(el))
-        return String(el);
-    el.parent = parent;
-    el.depth = (parent?.depth ?? -1) + 1;
-    el.index = idx;
-    const { type, props = {} } = el;
-    if (type === "#text")
-        return encodeHtmlEntities(props.nodeValue ?? "");
-    const children = props.children;
-    if (isExoticType(type)) {
-        if (type === $HYDRATION_BOUNDARY) {
-            return `<!--${HYDRATION_BOUNDARY_MARKER}-->${renderToString_internal(children, el, idx)}<!--/${HYDRATION_BOUNDARY_MARKER}-->`;
-        }
-        return renderToString_internal(children, el, idx);
-    }
-    if (typeof type !== "string") {
-        node.current = el;
-        const res = type(props);
-        node.current = null;
-        return renderToString_internal(res, el, idx);
-    }
-    if (__DEV__) {
-        assertValidElementProps(el);
-    }
-    const attrs = propsToElementAttributes(props);
-    const inner = "innerHTML" in props
-        ? Signal.isSignal(props.innerHTML)
-            ? props.innerHTML.peek()
-            : props.innerHTML
-        : Array.isArray(children)
-            ? children.map((c, i) => renderToString_internal(c, el, i)).join("")
-            : renderToString_internal(children, el, 0);
-    return `<${type}${attrs.length ? ` ${attrs}` : ""}>${voidElements.has(type) ? "" : `${inner}</${type}>`}`;
+    return result;
 }
 //# sourceMappingURL=renderToString.js.map

package/dist/renderToString.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderToString.js","sourceRoot":"","sources":["../src/renderToString.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderToString.js","sourceRoot":"","sources":["../src/renderToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,eAAe,EAA0B,MAAM,sBAAsB,CAAA;AAE9E,MAAM,UAAU,cAAc,CAAC,OAAoB;IACjD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAA;IAC/B,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAA;IAC7B,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,GAAG,GAA2B;QAClC,KAAK,CAAC,KAAK;YACT,MAAM,IAAI,KAAK,CAAA;QACjB,CAAC;KACF,CAAA;IACD,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC9D,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;IACzB,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/router/config.d.ts

@@ -0,0 +1,3 @@
+import type { PageConfig } from "./types";
+export declare function definePageConfig<T extends PageConfig>(config: T): T;
+//# sourceMappingURL=config.d.ts.map

package/dist/router/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/router/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,UAAU,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAUnE"}

package/dist/router/config.js

@@ -0,0 +1,13 @@
+import { __DEV__ } from "../env.js";
+import { fileRouterInstance } from "./globals.js";
+export function definePageConfig(config) {
+    if (__DEV__) {
+        const filePath = window.__kiru?.HMRContext?.getCurrentFilePath();
+        const fileRouter = fileRouterInstance.current;
+        if (filePath && fileRouter) {
+            fileRouter.onPageConfigDefined(filePath, config);
+        }
+    }
+    return config;
+}
+//# sourceMappingURL=config.js.map

package/dist/router/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/router/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGjD,MAAM,UAAU,gBAAgB,CAAuB,MAAS;IAC9D,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA;QAChE,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAA;QAC7C,IAAI,QAAQ,IAAI,UAAU,EAAE,CAAC;YAC3B,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/router/context.d.ts

@@ -0,0 +1,15 @@
+import type { RouteQuery, RouterState } from "./types.js";
+export interface FileRouterContextType {
+    state: RouterState;
+    navigate: (path: string, options?: {
+        replace?: boolean;
+        transition?: boolean;
+    }) => Promise<void>;
+    reload: (options?: {
+        transition?: boolean;
+    }) => Promise<void>;
+    setQuery: (query: RouteQuery) => void;
+}
+export declare const RouterContext: Kiru.Context<FileRouterContextType>;
+export declare function useFileRouter(): FileRouterContextType;
+//# sourceMappingURL=context.d.ts.map

package/dist/router/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/router/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEzD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,aAAa,qCAA8C,CAAA;AAKxE,wBAAgB,aAAa,IAAI,qBAAqB,CAErD"}

package/dist/router/context.js

@@ -0,0 +1,11 @@
+import { createContext } from "../context.js";
+import { __DEV__ } from "../env.js";
+import { useContext } from "../hooks/index.js";
+export const RouterContext = createContext(null);
+if (__DEV__) {
+    RouterContext.displayName = "RouterContext";
+}
+export function useFileRouter() {
+    return useContext(RouterContext);
+}
+//# sourceMappingURL=context.js.map

package/dist/router/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/router/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAa9C,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAwB,IAAK,CAAC,CAAA;AACxE,IAAI,OAAO,EAAE,CAAC;IACZ,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,aAAa,CAAC,CAAA;AAClC,CAAC"}

package/dist/router/errors.d.ts

@@ -0,0 +1,4 @@
+export declare class FileRouterDataLoadError extends Error {
+    constructor(cause: unknown);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/router/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/router/errors.ts"],"names":[],"mappings":"AAAA,qBAAa,uBAAwB,SAAQ,KAAK;gBACpC,KAAK,EAAE,OAAO;CAI3B"}

package/dist/router/errors.js

@@ -0,0 +1,7 @@
+export class FileRouterDataLoadError extends Error {
+    constructor(cause) {
+        super("An error occurred while loading route data");
+        this.cause = cause;
+    }
+}
+//# sourceMappingURL=errors.js.map

package/dist/router/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../src/router/errors.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAChD,YAAY,KAAc;QACxB,KAAK,CAAC,4CAA4C,CAAC,CAAA;QACnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;CACF"}

package/dist/router/fileRouter.d.ts

@@ -0,0 +1,48 @@
+import { type FileRouterContextType } from "./context.js";
+import type { FileRouterConfig, PageConfig } from "./types.js";
+export declare class FileRouterController {
+    private enableTransitions;
+    private pages;
+    private layouts;
+    private abortController;
+    private currentPage;
+    private currentPageProps;
+    private currentLayouts;
+    private loading;
+    private state;
+    private contextValue;
+    private cleanups;
+    private filePathToPageRoute;
+    private pageRouteToConfig;
+    private currentRoute;
+    constructor(props: FileRouterProps);
+    onPageConfigDefined<T extends PageConfig>(fp: string, config: T): void;
+    getContextValue(): FileRouterContextType;
+    getChildren(): Kiru.VNode | null;
+    dispose(): void;
+    private matchRoute;
+    private loadRoute;
+    private loadRouteData;
+    private navigate;
+    private setQuery;
+}
+export interface FileRouterProps {
+    /**
+     * The router configuration
+     * @example
+     * ```ts
+     *<FileRouter
+         config={{
+           dir: "/fbr-app", // optional, defaults to "/pages"
+           baseUrl: "/app", // optional, defaults to "/"
+           pages: import.meta.glob("/∗∗/index.tsx"),
+           layouts: import.meta.glob("/∗∗/layout.tsx"),
+           transition: true
+         }}
+    />
+     * ```
+     */
+    config: FileRouterConfig;
+}
+export declare function FileRouter(props: FileRouterProps): JSX.Element;
+//# sourceMappingURL=fileRouter.d.ts.map

package/dist/router/fileRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileRouter.d.ts","sourceRoot":"","sources":["../../src/router/fileRouter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAGxE,OAAO,KAAK,EAEV,gBAAgB,EAChB,UAAU,EAIX,MAAM,YAAY,CAAA;AAOnB,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,WAAW,CAIV;IACT,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,mBAAmB,CAM1B;IACD,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,YAAY,CAAe;gBAEvB,KAAK,EAAE,eAAe;IA2D3B,mBAAmB,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IA+B/D,eAAe;IAIf,WAAW;IAgBX,OAAO;IAId,OAAO,CAAC,UAAU;YA+BJ,SAAS;YAkGT,aAAa;YAkCb,QAAQ;IActB,OAAO,CAAC,QAAQ;CAQjB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;;;;;OAcG;IACH,MAAM,EAAE,gBAAgB,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAS9D"}

package/dist/router/fileRouter.js

@@ -0,0 +1,311 @@
+import { Signal, computed, flushSync } from "../index.js";
+import { __DEV__ } from "../env.js";
+import { createElement } from "../element.js";
+import { useState, useEffect } from "../hooks/index.js";
+import { RouterContext } from "./context.js";
+import { FileRouterDataLoadError } from "./errors.js";
+import { fileRouterInstance } from "./globals.js";
+export class FileRouterController {
+    constructor(props) {
+        this.cleanups = [];
+        fileRouterInstance.current = this;
+        this.pages = {};
+        this.layouts = {};
+        this.abortController = new AbortController();
+        this.currentPage = new Signal(null);
+        this.currentPageProps = new Signal({});
+        this.currentLayouts = new Signal([]);
+        this.loading = new Signal(true);
+        this.state = new Signal({
+            path: window.location.pathname,
+            params: {},
+            query: {},
+            signal: this.abortController.signal,
+        });
+        this.contextValue = computed(() => ({
+            state: this.state.value,
+            navigate: this.navigate.bind(this),
+            setQuery: this.setQuery.bind(this),
+            reload: (options) => this.loadRoute(void 0, void 0, options?.transition),
+        }));
+        this.filePathToPageRoute = new Map();
+        this.pageRouteToConfig = new Map();
+        this.currentRoute = null;
+        const { pages, layouts, dir = "/pages", baseUrl = "/", transition, } = props.config;
+        this.enableTransitions = !!transition;
+        const [normalizedDir, normalizedBaseUrl] = [
+            normalizePrefixPath(dir),
+            normalizePrefixPath(baseUrl),
+        ];
+        debugger;
+        this.pages = formatViteImportMap(pages, normalizedDir, normalizedBaseUrl);
+        this.layouts = formatViteImportMap(layouts, normalizedDir, normalizedBaseUrl);
+        this.loadRoute();
+        const handlePopState = () => this.loadRoute();
+        window.addEventListener("popstate", handlePopState);
+        this.cleanups.push(() => window.removeEventListener("popstate", handlePopState));
+    }
+    onPageConfigDefined(fp, config) {
+        const existing = this.filePathToPageRoute.get(fp);
+        if (existing === undefined) {
+            const route = this.currentRoute;
+            if (!route)
+                return;
+            this.filePathToPageRoute.set(fp, { route, config });
+            return;
+        }
+        const curPage = this.currentPage.value;
+        if (curPage?.route === existing.route && config.loader) {
+            const p = this.currentPageProps.value;
+            let transition = this.enableTransitions;
+            if (config.loader.transition !== undefined) {
+                transition = config.loader.transition;
+            }
+            const props = {
+                ...p,
+                loading: true,
+                data: null,
+                error: null,
+            };
+            handleStateTransition(this.state.value.signal, transition, () => {
+                this.currentPageProps.value = props;
+            });
+            this.loadRouteData(config.loader, props, this.state.value, transition);
+        }
+        this.pageRouteToConfig.set(existing.route, config);
+    }
+    getContextValue() {
+        return this.contextValue.value;
+    }
+    getChildren() {
+        const page = this.currentPage.value, props = this.currentPageProps.value, layouts = this.currentLayouts.value;
+        if (page) {
+            // Wrap component with layouts (outermost first)
+            return layouts.reduceRight((children, Layout) => createElement(Layout, { children }), createElement(page.component, props));
+        }
+        return null;
+    }
+    dispose() {
+        this.cleanups.forEach((cleanup) => cleanup());
+    }
+    matchRoute(pathSegments) {
+        outer: for (const [route, pageModuleLoader] of Object.entries(this.pages)) {
+            const routeSegments = route.split("/").filter(Boolean);
+            const pathMatchingSegments = routeSegments.filter((seg) => !seg.startsWith("(") && !seg.endsWith(")"));
+            if (pathMatchingSegments.length !== pathSegments.length) {
+                continue;
+            }
+            const params = {};
+            for (let i = 0; i < pathMatchingSegments.length; i++) {
+                const routeSeg = pathMatchingSegments[i];
+                if (routeSeg.startsWith(":")) {
+                    const key = routeSeg.slice(1);
+                    params[key] = pathSegments[i];
+                    continue;
+                }
+                if (routeSeg !== pathSegments[i]) {
+                    continue outer;
+                }
+            }
+            return { route, pageModuleLoader, params, routeSegments };
+        }
+        return null;
+    }
+    async loadRoute(path = window.location.pathname, props = {}, enableTransition = this.enableTransitions) {
+        this.loading.value = true;
+        this.abortController?.abort();
+        const query = parseQuery(window.location.search);
+        const controller = (this.abortController = new AbortController());
+        const signal = controller.signal;
+        try {
+            const pathSegments = path.split("/").filter(Boolean);
+            const routeMatch = this.matchRoute(pathSegments);
+            if (!routeMatch) {
+                const _404 = this.matchRoute(["404"]);
+                if (!_404) {
+                    if (__DEV__) {
+                        console.error(`No 404 route defined (path: ${path}). See https://kirujs.dev/404 for more information.`);
+                    }
+                    return;
+                }
+                const errorProps = {
+                    source: { path },
+                };
+                return this.navigate("/404", { replace: true, props: errorProps });
+            }
+            const { route, pageModuleLoader, params, routeSegments } = routeMatch;
+            this.currentRoute = route;
+            const pagePromise = pageModuleLoader();
+            const layoutPromises = ["/", ...routeSegments].reduce((acc, _, i) => {
+                const layoutPath = "/" + routeSegments.slice(0, i).join("/");
+                const layoutLoad = this.layouts[layoutPath];
+                if (!layoutLoad) {
+                    return acc;
+                }
+                return [...acc, layoutLoad()];
+            }, []);
+            const [page, ...layouts] = await Promise.all([
+                pagePromise,
+                ...layoutPromises,
+            ]);
+            this.currentRoute = null;
+            if (controller.signal.aborted)
+                return;
+            if (typeof page.default !== "function") {
+                throw new Error("Route component must be a default exported function");
+            }
+            const routerState = {
+                path,
+                params,
+                query,
+                signal,
+            };
+            let config = page.config;
+            if (this.pageRouteToConfig.has(route)) {
+                config = this.pageRouteToConfig.get(route);
+            }
+            if (config?.loader) {
+                props = { ...props, loading: true, data: null, error: null };
+                this.loadRouteData(config.loader, props, routerState, enableTransition);
+            }
+            handleStateTransition(signal, enableTransition, () => {
+                this.currentPage.value = {
+                    component: page.default,
+                    config,
+                    route: "/" + routeSegments.join("/"),
+                };
+                this.state.value = routerState;
+                this.currentPageProps.value = props;
+                this.currentLayouts.value = layouts
+                    .filter((m) => typeof m.default === "function")
+                    .map((m) => m.default);
+            });
+        }
+        catch (error) {
+            console.error("Failed to load route component:", error);
+            this.currentPage.value = null;
+        }
+        finally {
+            this.loading.value = false;
+        }
+    }
+    async loadRouteData(loader, props, routerState, enableTransition = this.enableTransitions) {
+        loader
+            .load(routerState)
+            .then((data) => ({ data, error: null }), (error) => ({
+            data: null,
+            error: new FileRouterDataLoadError(error),
+        }))
+            .then(({ data, error }) => {
+            if (routerState.signal.aborted)
+                return;
+            let transition = enableTransition;
+            if (loader.transition !== undefined) {
+                transition = loader.transition;
+            }
+            handleStateTransition(routerState.signal, transition, () => {
+                this.currentPageProps.value = {
+                    ...props,
+                    loading: false,
+                    data,
+                    error,
+                };
+            });
+        });
+    }
+    async navigate(path, options) {
+        const f = options?.replace ? "replaceState" : "pushState";
+        window.history[f]({}, "", path);
+        window.dispatchEvent(new PopStateEvent("popstate", { state: {} }));
+        return this.loadRoute(path, options?.props, options?.transition);
+    }
+    setQuery(query) {
+        const queryString = buildQueryString(query);
+        const newUrl = `${this.state.value.path}${queryString ? `?${queryString}` : ""}`;
+        window.history.pushState(null, "", newUrl);
+        this.state.value = { ...this.state.value, query };
+    }
+}
+export function FileRouter(props) {
+    const [controller] = useState(() => new FileRouterController(props));
+    useEffect(() => () => controller.dispose(), [controller]);
+    return createElement(RouterContext.Provider, { value: controller.getContextValue() }, controller.getChildren());
+}
+// Utility functions
+function parseQuery(search) {
+    const params = new URLSearchParams(search);
+    const query = {};
+    for (const [key, value] of params.entries()) {
+        if (query[key]) {
+            // Convert to array if multiple values
+            if (Array.isArray(query[key])) {
+                ;
+                query[key].push(value);
+            }
+            else {
+                query[key] = [query[key], value];
+            }
+        }
+        else {
+            query[key] = value;
+        }
+    }
+    return query;
+}
+function buildQueryString(query) {
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(query)) {
+        if (value !== undefined) {
+            if (Array.isArray(value)) {
+                value.forEach((v) => params.append(key, v));
+            }
+            else {
+                params.set(key, value);
+            }
+        }
+    }
+    return params.toString();
+}
+function formatViteImportMap(map, dir, baseUrl) {
+    return Object.keys(map).reduce((acc, key) => {
+        let k = key;
+        const dirIndex = k.indexOf(dir);
+        if (dirIndex === -1) {
+            return acc;
+        }
+        k = k.slice(dirIndex + dir.length);
+        while (k.startsWith("/")) {
+            k = k.slice(1);
+        }
+        k = k.split("/").slice(0, -1).join("/"); // remove filename
+        k = k.replace(/\[([^\]]+)\]/g, ":$1"); // replace [param] with :param
+        return {
+            ...acc,
+            [baseUrl + k]: map[key],
+        };
+    }, {});
+}
+function normalizePrefixPath(path) {
+    while (path.startsWith(".")) {
+        path = path.slice(1);
+    }
+    path = `/${path}/`;
+    while (path.startsWith("//")) {
+        path = path.slice(1);
+    }
+    while (path.endsWith("//")) {
+        path = path.slice(0, -1);
+    }
+    return path;
+}
+function handleStateTransition(signal, enableTransition, callback) {
+    if (!enableTransition || typeof document.startViewTransition !== "function") {
+        return callback();
+    }
+    const vt = document.startViewTransition(() => {
+        callback();
+        flushSync();
+    });
+    signal.addEventListener("abort", () => vt.skipTransition());
+}
+//# sourceMappingURL=fileRouter.js.map