@devlusoft/devix 0.1.0

package/dist/runtime/index.d.ts

@@ -0,0 +1,5 @@
+export { useRouter, useNavigate, useParams, useLoaderData, RouterProvider } from "./router-provider";
+export { Link } from "./link";
+export type { Metadata, Viewport, LoaderContext, LoaderFunction, GuardFunction } from '../types';
+export type { PageProps, LayoutProps, PageModule, LayoutModule, ErrorProps } from '../server/types';
+export type { RouteHandler } from './api-context';

package/dist/runtime/index.js

@@ -0,0 +1,300 @@
+// src/runtime/router-provider.tsx
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { RouterContext as RouterContext2 } from "virtual:devix/context";
+import { getDefaultErrorPage, loadErrorPage, matchClientRoute } from "virtual:devix/client-routes";
+
+// src/runtime/head.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function collectTags(metadata, viewport) {
+  const tags = [];
+  if (metadata.title)
+    tags.push({ tag: "title", children: metadata.title });
+  if (metadata.description)
+    tags.push({ tag: "meta", name: "description", content: metadata.description });
+  if (metadata.keywords?.length)
+    tags.push({ tag: "meta", name: "keywords", content: metadata.keywords.join(", ") });
+  const ogTitle = metadata.og?.title ?? metadata.title;
+  if (ogTitle) tags.push({ tag: "meta", property: "og:title", content: ogTitle });
+  const ogDesc = metadata.og?.description ?? metadata.description;
+  if (ogDesc) tags.push({ tag: "meta", property: "og:description", content: ogDesc });
+  if (metadata.og?.image) tags.push({ tag: "meta", property: "og:image", content: metadata.og.image });
+  if (metadata.og?.type) tags.push({ tag: "meta", property: "og:type", content: metadata.og.type });
+  if (metadata.og?.url) tags.push({ tag: "meta", property: "og:url", content: metadata.og.url });
+  const twTitle = metadata.twitter?.title ?? metadata.title;
+  if (twTitle) tags.push({ tag: "meta", name: "twitter:title", content: twTitle });
+  const twDesc = metadata.twitter?.description ?? metadata.description;
+  if (twDesc) tags.push({ tag: "meta", name: "twitter:description", content: twDesc });
+  if (metadata.twitter?.card) tags.push({
+    tag: "meta",
+    name: "twitter:card",
+    content: metadata.twitter.card
+  });
+  if (metadata.twitter?.image) tags.push({
+    tag: "meta",
+    name: "twitter:image",
+    content: metadata.twitter.image
+  });
+  if (metadata.twitter?.creator) tags.push({
+    tag: "meta",
+    name: "twitter:creator",
+    content: metadata.twitter.creator
+  });
+  if (metadata.canonical) tags.push({ tag: "link", rel: "canonical", href: metadata.canonical });
+  if (metadata.robots) tags.push({ tag: "meta", name: "robots", content: metadata.robots });
+  if (metadata.alternates) {
+    for (const [lang, href] of Object.entries(metadata.alternates))
+      tags.push({ tag: "link", rel: "alternate", href, hrefLang: lang });
+  }
+  if (viewport) {
+    const parts = [];
+    if (viewport.width !== void 0) parts.push(`width=${viewport.width}`);
+    if (viewport.initialScale !== void 0) parts.push(`initial-scale=${viewport.initialScale}`);
+    if (viewport.maximumScale !== void 0) parts.push(`maximum-scale=${viewport.maximumScale}`);
+    if (viewport.userScalable !== void 0) parts.push(`user-scalable=${viewport.userScalable ? "yes" : "no"}`);
+    if (parts.length) tags.push({ tag: "meta", name: "viewport", content: parts.join(", ") });
+    if (viewport.themeColor) tags.push({
+      tag: "meta",
+      name: "theme-color",
+      content: viewport.themeColor
+    });
+  }
+  return tags;
+}
+function buildHeadNodes(metadata, viewport) {
+  const tags = collectTags(metadata, viewport);
+  return /* @__PURE__ */ jsx(Fragment, { children: tags.map((t, i) => {
+    if (t.tag === "title") return /* @__PURE__ */ jsx("title", { children: t.children }, i);
+    if (t.tag === "link") return /* @__PURE__ */ jsx("link", { rel: t.rel, href: t.href, hrefLang: t.hrefLang }, i);
+    return /* @__PURE__ */ jsx("meta", { name: t.name, property: t.property, content: t.content }, i);
+  }) });
+}
+
+// src/runtime/context.tsx
+import { createContext } from "react";
+var g = globalThis;
+g.__devix_RouterContext__ ??= createContext(null);
+var RouterContext = g.__devix_RouterContext__;
+g.__devix_PageMetaContext__ ??= createContext(null);
+g.__devix_RouteDataContext__ ??= createContext(null);
+var PageMetaContext = g.__devix_PageMetaContext__;
+var RouteDataContext = g.__devix_RouteDataContext__;
+
+// src/runtime/error-boundary.tsx
+import { Component } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DevixErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(err) {
+    if (err instanceof DevixError) {
+      return {
+        error: { statusCode: err.statusCode, message: err.message }
+      };
+    }
+    return {
+      error: { statusCode: 500, message: err instanceof Error ? err.message : "Unknown error" }
+    };
+  }
+  render() {
+    if (this.state.error && this.props.ErrorPage) {
+      return /* @__PURE__ */ jsx2(this.props.ErrorPage, { ...this.state.error });
+    }
+    if (this.state.error) {
+      return /* @__PURE__ */ jsx2("h1", { children: this.state.error.statusCode });
+    }
+    return this.props.children;
+  }
+};
+var DevixError = class extends Error {
+  statusCode;
+  constructor(statusCode, message) {
+    super(message);
+    this.statusCode = statusCode;
+  }
+};
+
+// src/runtime/router-provider.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function useRouter() {
+  return useContext(RouterContext2);
+}
+function useNavigate() {
+  const ctx = useContext(RouterContext2);
+  if (!ctx) throw new Error("useNavigate must be used within a RouterProvider");
+  return ctx.navigate;
+}
+function useParams() {
+  const ctx = useContext(RouteDataContext);
+  if (!ctx) throw new Error("useParams must be used within a route or layout");
+  return ctx.params;
+}
+function useLoaderData() {
+  const ctx = useContext(RouteDataContext);
+  if (!ctx) throw new Error("useLoaderData must be used within a route or layout");
+  return ctx.loaderData;
+}
+function RouterProvider({
+  initialData,
+  initialParams,
+  initialPage,
+  initialLayouts = [],
+  initialLayoutsData = [],
+  initialMeta,
+  initialViewport,
+  initialError,
+  initialErrorPage,
+  clientEntry
+}) {
+  const [state, setState] = useState({
+    pathname: window.location.pathname,
+    params: initialParams,
+    loaderData: initialData,
+    layoutsData: initialLayoutsData,
+    Page: initialPage,
+    layouts: initialLayouts,
+    metadata: initialMeta ?? null,
+    viewport: initialViewport,
+    pendingError: initialError,
+    ErrorPage: initialErrorPage
+  });
+  const navigatingRef = useRef(null);
+  const [isNavigating, setIsNavigating] = useState(false);
+  const loadRoute = useCallback(async (to, controller) => {
+    const pathname = to.split("?")[0];
+    const matched = matchClientRoute(pathname);
+    if (!matched) {
+      const ErrorPage = await loadErrorPage() ?? getDefaultErrorPage();
+      setState((prev) => ({
+        ...prev,
+        pathname,
+        pendingError: { statusCode: 404, message: "Not found" },
+        ErrorPage: ErrorPage ?? void 0
+      }));
+      return;
+    }
+    const [pageMod, ...layoutMods] = await Promise.all([
+      matched.load(),
+      ...matched.loadLayouts.map((l) => l())
+    ]);
+    if (controller.signal.aborted) return;
+    if (!pageMod.default) return;
+    const dataRes = await fetch(`/_data${to}`, {
+      headers: { Accept: "application/json" },
+      signal: controller.signal
+    });
+    if (controller.signal.aborted) return;
+    if (!dataRes.ok) {
+      if (dataRes.status === 404) {
+        window.location.href = to;
+        return;
+      }
+      console.error(`/_data${to} returned ${dataRes.status}`);
+      return;
+    }
+    const data = await dataRes.json();
+    window.scrollTo(0, 0);
+    setState({
+      pathname,
+      params: data.params ?? {},
+      loaderData: data.loaderData,
+      layoutsData: (data.layouts ?? []).map((l) => l.loaderData),
+      Page: pageMod.default,
+      layouts: layoutMods.map((m) => m.default),
+      metadata: data.metadata ?? null,
+      viewport: data.viewport
+    });
+  }, []);
+  const navigate = useCallback(async (to) => {
+    navigatingRef.current?.abort();
+    const controller = new AbortController();
+    navigatingRef.current = controller;
+    setIsNavigating(true);
+    try {
+      window.history.pushState(null, "", to);
+      await loadRoute(to, controller);
+    } finally {
+      if (!controller.signal.aborted) setIsNavigating(false);
+    }
+  }, [loadRoute]);
+  useEffect(() => {
+    const handlePop = () => {
+      navigatingRef.current?.abort();
+      const controller = new AbortController();
+      navigatingRef.current = controller;
+      const to = window.location.pathname + window.location.search;
+      loadRoute(to, controller).catch((err) => {
+        if (err.name !== "AbortError") console.error("[router] popstate error:", err);
+      });
+    };
+    window.addEventListener("popstate", handlePop);
+    return () => window.removeEventListener("popstate", handlePop);
+  }, [loadRoute]);
+  let content;
+  if (state.pendingError) {
+    content = state.ErrorPage ? /* @__PURE__ */ jsx3(state.ErrorPage, { ...state.pendingError }) : /* @__PURE__ */ jsx3("h1", { children: state.pendingError.statusCode });
+  } else {
+    let tree = /* @__PURE__ */ jsx3(RouteDataContext, { value: { loaderData: state.loaderData, params: state.params }, children: /* @__PURE__ */ jsx3(state.Page, { data: state.loaderData, params: state.params, url: state.pathname }) });
+    for (let i = state.layouts.length - 1; i >= 0; i--) {
+      const Layout = state.layouts[i];
+      const layoutData = state.layoutsData[i];
+      tree = /* @__PURE__ */ jsx3(RouteDataContext, { value: { loaderData: layoutData, params: state.params }, children: /* @__PURE__ */ jsx3(Layout, { data: layoutData, params: state.params, children: tree }) });
+    }
+    content = /* @__PURE__ */ jsx3(DevixErrorBoundary, { ErrorPage: state.ErrorPage, children: tree }, state.pathname);
+  }
+  return /* @__PURE__ */ jsxs(PageMetaContext, { value: {
+    metadata: state.metadata,
+    viewport: state.viewport,
+    clientEntry
+  }, children: [
+    state.metadata && buildHeadNodes(state.metadata, state.viewport),
+    /* @__PURE__ */ jsx3(RouterContext2, { value: { ...state, isNavigating, navigate }, children: content })
+  ] });
+}
+
+// src/runtime/link.tsx
+import { useCallback as useCallback2, useContext as useContext2 } from "react";
+import { matchClientRoute as matchClientRoute2 } from "virtual:devix/client-routes";
+import { RouterContext as RouterContext3 } from "virtual:devix/context";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function resolveHref(href) {
+  if (href.startsWith("/") || href.startsWith("http")) return href;
+  const base = window.location.pathname.endsWith("/") ? window.location.href : window.location.href + "/";
+  const resolved = new URL(href, base).pathname;
+  return resolved.length > 1 ? resolved.replace(/\/$/, "") : resolved;
+}
+function Link({ href, prefetch = false, viewTransition = false, children, ...props }) {
+  const router = useContext2(RouterContext3);
+  const handleMouseEnter = useCallback2(() => {
+    if (!prefetch) return;
+    const resolved = resolveHref(href);
+    const pathname = resolved.split("?")[0];
+    const matched = matchClientRoute2(pathname);
+    if (matched) {
+      matched.load().catch(() => {
+      });
+      fetch(`/_data${resolved}`, { headers: { Accept: "application/json" } }).catch(() => {
+      });
+    }
+  }, [href, prefetch]);
+  const handleClick = (e) => {
+    if (!router) return;
+    if (!e.ctrlKey && !e.metaKey && !e.shiftKey && e.button === 0) {
+      e.preventDefault();
+      const resolved = resolveHref(href);
+      if (viewTransition && typeof document.startViewTransition === "function") {
+        document.startViewTransition(() => router.navigate(resolved));
+      } else {
+        router.navigate(resolved);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx4("a", { href, onClick: handleClick, onMouseEnter: handleMouseEnter, ...props, children });
+}
+export {
+  Link,
+  RouterProvider,
+  useLoaderData,
+  useNavigate,
+  useParams,
+  useRouter
+};
+//# sourceMappingURL=index.js.map

package/dist/runtime/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/runtime/router-provider.tsx", "../../src/runtime/head.tsx", "../../src/runtime/context.tsx", "../../src/runtime/error-boundary.tsx", "../../src/runtime/link.tsx"],
+  "sourcesContent": ["import {ComponentType, ReactNode, useCallback, useContext, useEffect, useRef, useState} from \"react\";\nimport {RouterContext} from 'virtual:devix/context'\nimport {ErrorProps, LayoutProps, PageProps} from \"../server/types\";\nimport {Metadata, Viewport} from \"../types\";\nimport {getDefaultErrorPage, loadErrorPage, matchClientRoute} from \"virtual:devix/client-routes\";\nimport {buildHeadNodes} from \"./head\";\nimport {PageMetaContext, RouteDataContext} from \"./context\";\nimport {DevixErrorBoundary} from \"./error-boundary\";\n\ninterface RouteState {\n    pathname: string\n    params: Record<string, string>\n    loaderData: unknown\n    layoutsData: unknown[]\n    Page: ComponentType<PageProps>\n    layouts: ComponentType<LayoutProps>[]\n    metadata: Metadata | null\n    viewport?: Viewport\n    pendingError?: ErrorProps\n    ErrorPage?: ComponentType<ErrorProps>\n}\n\nexport function useRouter() {\n    return useContext(RouterContext)\n}\n\nexport function useNavigate() {\n    const ctx = useContext(RouterContext)\n    if (!ctx) throw new Error(\"useNavigate must be used within a RouterProvider\")\n    return ctx.navigate\n}\n\nexport function useParams<T extends Record<string, string>>() {\n    const ctx = useContext(RouteDataContext)\n    if (!ctx) throw new Error(\"useParams must be used within a route or layout\")\n    return ctx.params as T\n}\n\ntype LoaderReturnType<T> = T extends (...args: any[]) => Promise<infer R>\n    ? R\n    : T extends (...args: any[]) => infer R\n        ? R\n        : T\n\nexport function useLoaderData<T>() {\n    const ctx = useContext(RouteDataContext)\n    if (!ctx) throw new Error(\"useLoaderData must be used within a route or layout\")\n    return ctx.loaderData as LoaderReturnType<T>\n}\n\n\ninterface RouterProviderProps {\n    initialData: unknown\n    initialParams: Record<string, string>\n    initialPage: ComponentType<PageProps>\n    initialLayouts?: ComponentType<LayoutProps>[]\n    initialLayoutsData?: unknown[]\n    initialMeta?: Metadata | null\n    initialViewport?: Viewport\n    initialError?: ErrorProps\n    initialErrorPage?: ComponentType<ErrorProps>\n    clientEntry: string\n}\n\nexport function RouterProvider({\n                                   initialData,\n                                   initialParams,\n                                   initialPage,\n                                   initialLayouts = [],\n                                   initialLayoutsData = [],\n                                   initialMeta,\n                                   initialViewport,\n                                   initialError,\n                                   initialErrorPage,\n                                   clientEntry,\n                               }: RouterProviderProps) {\n\n    const [state, setState] = useState<RouteState>({\n        pathname: window.location.pathname,\n        params: initialParams,\n        loaderData: initialData,\n        layoutsData: initialLayoutsData,\n        Page: initialPage,\n        layouts: initialLayouts,\n        metadata: initialMeta ?? null,\n        viewport: initialViewport,\n        pendingError: initialError,\n        ErrorPage: initialErrorPage,\n    })\n\n    const navigatingRef = useRef<AbortController | null>(null)\n    const [isNavigating, setIsNavigating] = useState(false)\n\n    const loadRoute = useCallback(async (to: string, controller: AbortController) => {\n        const pathname = to.split('?')[0]\n        const matched = matchClientRoute(pathname)\n        if (!matched) {\n            const ErrorPage = await loadErrorPage() ?? getDefaultErrorPage()\n            setState(prev => ({\n                ...prev,\n                pathname: pathname,\n                pendingError: {statusCode: 404, message: 'Not found'},\n                ErrorPage: ErrorPage ?? undefined,\n            }))\n            return\n        }\n\n        const [pageMod, ...layoutMods] = await Promise.all([\n            matched.load(),\n            ...matched.loadLayouts.map(l => l()),\n        ])\n\n        if (controller.signal.aborted) return\n        if (!pageMod.default) return\n\n        const dataRes = await fetch(`/_data${to}`, {\n            headers: {Accept: 'application/json'},\n            signal: controller.signal,\n        })\n\n        if (controller.signal.aborted) return\n\n        if (!dataRes.ok) {\n            if (dataRes.status === 404) {\n                window.location.href = to\n                return\n            }\n            console.error(`/_data${to} returned ${dataRes.status}`)\n            return\n        }\n\n        const data = await dataRes.json()\n\n        window.scrollTo(0, 0)\n        setState({\n            pathname,\n            params: data.params ?? {},\n            loaderData: data.loaderData,\n            layoutsData: (data.layouts ?? []).map((l: any) => l.loaderData),\n            Page: pageMod.default,\n            layouts: layoutMods.map(m => m.default),\n            metadata: data.metadata ?? null,\n            viewport: data.viewport,\n        })\n    }, [])\n\n    const navigate = useCallback(async (to: string) => {\n        navigatingRef.current?.abort()\n        const controller = new AbortController()\n        navigatingRef.current = controller\n\n        setIsNavigating(true)\n        try {\n            window.history.pushState(null, \"\", to)\n            await loadRoute(to, controller)\n        } finally {\n            if (!controller.signal.aborted) setIsNavigating(false)\n        }\n    }, [loadRoute])\n\n    useEffect(() => {\n        const handlePop = () => {\n            navigatingRef.current?.abort()\n            const controller = new AbortController()\n            navigatingRef.current = controller\n\n            const to = window.location.pathname + window.location.search\n            loadRoute(to, controller).catch(err => {\n                if (err.name !== 'AbortError') console.error('[router] popstate error:', err)\n            })\n        }\n        window.addEventListener(\"popstate\", handlePop)\n        return () => window.removeEventListener(\"popstate\", handlePop)\n    }, [loadRoute])\n\n    let content: ReactNode\n\n    if (state.pendingError) {\n        content = state.ErrorPage\n            ? <state.ErrorPage {...state.pendingError} />\n            : <h1>{state.pendingError.statusCode}</h1>\n    } else {\n        let tree: ReactNode = (\n            <RouteDataContext value={{loaderData: state.loaderData, params: state.params}}>\n                <state.Page data={state.loaderData} params={state.params} url={state.pathname}/>\n            </RouteDataContext>\n        )\n\n        for (let i = state.layouts.length - 1; i >= 0; i--) {\n            const Layout = state.layouts[i]\n            const layoutData = state.layoutsData[i]\n            tree = (\n                <RouteDataContext value={{loaderData: layoutData, params: state.params}}>\n                    <Layout data={layoutData} params={state.params}>{tree}</Layout>\n                </RouteDataContext>\n            )\n        }\n\n        content = (\n            <DevixErrorBoundary key={state.pathname} ErrorPage={state.ErrorPage}>\n                {tree}\n            </DevixErrorBoundary>\n        )\n    }\n\n    return (\n        <PageMetaContext value={{\n            metadata: state.metadata,\n            viewport: state.viewport,\n            clientEntry,\n        }}>\n            {state.metadata && buildHeadNodes(state.metadata, state.viewport)}\n            <RouterContext value={{...state, isNavigating, navigate}}>\n                {content}\n            </RouterContext>\n        </PageMetaContext>\n    )\n}", "import {Metadata, Viewport} from \"../types\";\nimport {ReactNode} from \"react\";\n\ntype MetaTag =\n    | { tag: 'title'; children: string }\n    | { tag: 'meta'; name?: string; property?: string; content: string }\n    | { tag: 'link'; rel: string; href: string; hrefLang?: string }\n\nfunction collectTags(metadata: Metadata, viewport?: Viewport): MetaTag[] {\n    const tags: MetaTag[] = []\n\n    if (metadata.title)\n        tags.push({tag: 'title', children: metadata.title})\n    if (metadata.description)\n        tags.push({tag: 'meta', name: 'description', content: metadata.description})\n    if (metadata.keywords?.length)\n        tags.push({tag: 'meta', name: 'keywords', content: metadata.keywords.join(', ')})\n\n    const ogTitle = metadata.og?.title ?? metadata.title\n    if (ogTitle) tags.push({tag: 'meta', property: 'og:title', content: ogTitle})\n    const ogDesc = metadata.og?.description ?? metadata.description\n    if (ogDesc) tags.push({tag: 'meta', property: 'og:description', content: ogDesc})\n    if (metadata.og?.image) tags.push({tag: 'meta', property: 'og:image', content: metadata.og.image})\n    if (metadata.og?.type) tags.push({tag: 'meta', property: 'og:type', content: metadata.og.type})\n    if (metadata.og?.url) tags.push({tag: 'meta', property: 'og:url', content: metadata.og.url})\n\n    const twTitle = metadata.twitter?.title ?? metadata.title\n    if (twTitle) tags.push({tag: 'meta', name: 'twitter:title', content: twTitle})\n    const twDesc = metadata.twitter?.description ?? metadata.description\n    if (twDesc) tags.push({tag: 'meta', name: 'twitter:description', content: twDesc})\n    if (metadata.twitter?.card) tags.push({\n        tag: 'meta', name: 'twitter:card', content:\n        metadata.twitter.card\n    })\n    if (metadata.twitter?.image) tags.push({\n        tag: 'meta', name: 'twitter:image', content:\n        metadata.twitter.image\n    })\n    if (metadata.twitter?.creator) tags.push({\n        tag: 'meta', name: 'twitter:creator', content:\n        metadata.twitter.creator\n    })\n\n    if (metadata.canonical) tags.push({tag: 'link', rel: 'canonical', href: metadata.canonical})\n    if (metadata.robots) tags.push({tag: 'meta', name: 'robots', content: metadata.robots})\n    if (metadata.alternates) {\n        for (const [lang, href] of Object.entries(metadata.alternates))\n            tags.push({tag: 'link', rel: 'alternate', href, hrefLang: lang})\n    }\n\n    if (viewport) {\n        const parts: string[] = []\n        if (viewport.width !== undefined) parts.push(`width=${viewport.width}`)\n        if (viewport.initialScale !== undefined) parts.push(`initial-scale=${viewport.initialScale}`)\n        if (viewport.maximumScale !== undefined) parts.push(`maximum-scale=${viewport.maximumScale}`)\n        if (viewport.userScalable !== undefined) parts.push(`user-scalable=${viewport.userScalable ? 'yes' :\n            'no'}`)\n        if (parts.length) tags.push({tag: 'meta', name: 'viewport', content: parts.join(', ')})\n        if (viewport.themeColor) tags.push({\n            tag: 'meta', name: 'theme-color', content: viewport.themeColor\n        })\n    }\n\n    return tags\n}\n\nexport function buildHeadNodes(metadata: Metadata, viewport?: Viewport): ReactNode {\n    const tags = collectTags(metadata, viewport)\n\n    return <>\n        {tags.map((t, i) => {\n            if (t.tag === 'title') return <title key={i}>{t.children}</title>\n            if (t.tag === 'link') return <link key={i} rel={t.rel} href={t.href} hrefLang={t.hrefLang}/>\n            return <meta key={i} name={t.name} property={t.property} content={t.content}/>\n        })}\n    </>\n}", "import {createContext, Context, ComponentType} from \"react\";\nimport {Metadata, Viewport} from \"../types\";\nimport {LayoutProps, PageProps} from \"../server/types\";\n\nexport interface RouterContextValue {\n    pathname: string\n    params: Record<string, string>\n    loaderData: unknown\n    layoutsData: unknown[]\n    Page: ComponentType<PageProps>\n    layouts: ComponentType<LayoutProps>[]\n    metadata: Metadata | null\n    viewport?: Viewport\n    navigate: (to: string) => void\n    isNavigating: boolean\n}\n\nexport interface PageMetaContextValue {\n    metadata: Metadata | null\n    viewport?: Viewport\n    clientEntry?: string\n}\n\nexport interface RouteDataContextValue {\n    loaderData: unknown\n    params: Record<string, string>\n}\n\nconst g = globalThis as any\n\ng.__devix_RouterContext__ ??= createContext<RouterContextValue | null>(null)\nexport const RouterContext: Context<RouterContextValue | null> = g.__devix_RouterContext__\n\ng.__devix_PageMetaContext__ ??= createContext<PageMetaContextValue | null>(null)\ng.__devix_RouteDataContext__ ??= createContext<RouteDataContextValue | null>(null)\n\nexport const PageMetaContext: Context<PageMetaContextValue | null> = g.__devix_PageMetaContext__\nexport const RouteDataContext: Context<RouteDataContextValue | null> = g.__devix_RouteDataContext__\n\n", "import {Component, ComponentType, ReactNode} from \"react\";\nimport {ErrorProps} from \"../server/types\";\n\ninterface Props {\n    ErrorPage?: ComponentType<ErrorProps>\n    children: ReactNode\n}\n\ninterface State {\n    error: ErrorProps | null\n}\n\nexport class DevixErrorBoundary extends Component<Props, State> {\n    state: State = { error: null }\n\n    static getDerivedStateFromError(err: unknown): State {\n        if (err instanceof DevixError) {\n            return {\n                error: {statusCode: err.statusCode, message: err.message}\n            }\n        }\n        return  {\n            error: {statusCode: 500, message: err instanceof Error ? err.message : 'Unknown error'}\n        }\n    }\n\n    render() {\n        if (this.state.error && this.props.ErrorPage) {\n            return <this.props.ErrorPage {...this.state.error} />\n        }\n        if (this.state.error) {\n            return <h1>{this.state.error.statusCode}</h1>\n        }\n        return this.props.children\n    }\n}\n\nexport class DevixError extends Error {\n    statusCode: number\n    constructor(statusCode: number, message: string) {\n        super(message)\n        this.statusCode = statusCode\n    }\n}\n", "import {AnchorHTMLAttributes, MouseEventHandler, useCallback, useContext} from \"react\";\nimport {matchClientRoute} from \"virtual:devix/client-routes\";\nimport {RouterContext} from 'virtual:devix/context'\n\ninterface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n    href: string\n    prefetch?: boolean\n    viewTransition?: boolean\n}\n\nfunction resolveHref(href: string): string {\n    if (href.startsWith('/') || href.startsWith('http')) return href\n    const base = window.location.pathname.endsWith('/')\n        ? window.location.href\n        : window.location.href + '/'\n    const resolved = new URL(href, base).pathname\n    return resolved.length > 1 ? resolved.replace(/\\/$/, '') : resolved\n}\n\nexport function Link({ href, prefetch = false, viewTransition = false, children, ...props }: LinkProps) {\n    const router = useContext(RouterContext)\n\n    const handleMouseEnter = useCallback(() => {\n        if (!prefetch) return\n        const resolved = resolveHref(href)\n        const pathname = resolved.split('?')[0]\n        const matched = matchClientRoute(pathname)\n        if (matched) {\n            matched.load().catch(() => {})\n            fetch(`/_data${resolved}`, { headers: { Accept: 'application/json' } }).catch(() => {})\n        }\n    }, [href, prefetch])\n\n    const handleClick: MouseEventHandler<HTMLAnchorElement> = (e) => {\n        if (!router) return\n        if (!e.ctrlKey && !e.metaKey && !e.shiftKey && e.button === 0) {\n            e.preventDefault()\n            const resolved = resolveHref(href)\n            if (viewTransition && typeof document.startViewTransition === 'function') {\n                document.startViewTransition(() => router.navigate(resolved))\n            } else {\n                router.navigate(resolved)\n            }\n        }\n    }\n\n    return (\n        <a href={href} onClick={handleClick} onMouseEnter={handleMouseEnter} {...props}>\n            {children}\n        </a>\n    )\n}"],
+  "mappings": ";AAAA,SAAkC,aAAa,YAAY,WAAW,QAAQ,gBAAe;AAC7F,SAAQ,iBAAAA,sBAAoB;AAG5B,SAAQ,qBAAqB,eAAe,wBAAuB;;;ACiExD,mBAE+B,WAF/B;AA7DX,SAAS,YAAY,UAAoB,UAAgC;AACrE,QAAM,OAAkB,CAAC;AAEzB,MAAI,SAAS;AACT,SAAK,KAAK,EAAC,KAAK,SAAS,UAAU,SAAS,MAAK,CAAC;AACtD,MAAI,SAAS;AACT,SAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,eAAe,SAAS,SAAS,YAAW,CAAC;AAC/E,MAAI,SAAS,UAAU;AACnB,SAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,YAAY,SAAS,SAAS,SAAS,KAAK,IAAI,EAAC,CAAC;AAEpF,QAAM,UAAU,SAAS,IAAI,SAAS,SAAS;AAC/C,MAAI,QAAS,MAAK,KAAK,EAAC,KAAK,QAAQ,UAAU,YAAY,SAAS,QAAO,CAAC;AAC5E,QAAM,SAAS,SAAS,IAAI,eAAe,SAAS;AACpD,MAAI,OAAQ,MAAK,KAAK,EAAC,KAAK,QAAQ,UAAU,kBAAkB,SAAS,OAAM,CAAC;AAChF,MAAI,SAAS,IAAI,MAAO,MAAK,KAAK,EAAC,KAAK,QAAQ,UAAU,YAAY,SAAS,SAAS,GAAG,MAAK,CAAC;AACjG,MAAI,SAAS,IAAI,KAAM,MAAK,KAAK,EAAC,KAAK,QAAQ,UAAU,WAAW,SAAS,SAAS,GAAG,KAAI,CAAC;AAC9F,MAAI,SAAS,IAAI,IAAK,MAAK,KAAK,EAAC,KAAK,QAAQ,UAAU,UAAU,SAAS,SAAS,GAAG,IAAG,CAAC;AAE3F,QAAM,UAAU,SAAS,SAAS,SAAS,SAAS;AACpD,MAAI,QAAS,MAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,iBAAiB,SAAS,QAAO,CAAC;AAC7E,QAAM,SAAS,SAAS,SAAS,eAAe,SAAS;AACzD,MAAI,OAAQ,MAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,uBAAuB,SAAS,OAAM,CAAC;AACjF,MAAI,SAAS,SAAS,KAAM,MAAK,KAAK;AAAA,IAClC,KAAK;AAAA,IAAQ,MAAM;AAAA,IAAgB,SACnC,SAAS,QAAQ;AAAA,EACrB,CAAC;AACD,MAAI,SAAS,SAAS,MAAO,MAAK,KAAK;AAAA,IACnC,KAAK;AAAA,IAAQ,MAAM;AAAA,IAAiB,SACpC,SAAS,QAAQ;AAAA,EACrB,CAAC;AACD,MAAI,SAAS,SAAS,QAAS,MAAK,KAAK;AAAA,IACrC,KAAK;AAAA,IAAQ,MAAM;AAAA,IAAmB,SACtC,SAAS,QAAQ;AAAA,EACrB,CAAC;AAED,MAAI,SAAS,UAAW,MAAK,KAAK,EAAC,KAAK,QAAQ,KAAK,aAAa,MAAM,SAAS,UAAS,CAAC;AAC3F,MAAI,SAAS,OAAQ,MAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,UAAU,SAAS,SAAS,OAAM,CAAC;AACtF,MAAI,SAAS,YAAY;AACrB,eAAW,CAAC,MAAM,IAAI,KAAK,OAAO,QAAQ,SAAS,UAAU;AACzD,WAAK,KAAK,EAAC,KAAK,QAAQ,KAAK,aAAa,MAAM,UAAU,KAAI,CAAC;AAAA,EACvE;AAEA,MAAI,UAAU;AACV,UAAM,QAAkB,CAAC;AACzB,QAAI,SAAS,UAAU,OAAW,OAAM,KAAK,SAAS,SAAS,KAAK,EAAE;AACtE,QAAI,SAAS,iBAAiB,OAAW,OAAM,KAAK,iBAAiB,SAAS,YAAY,EAAE;AAC5F,QAAI,SAAS,iBAAiB,OAAW,OAAM,KAAK,iBAAiB,SAAS,YAAY,EAAE;AAC5F,QAAI,SAAS,iBAAiB,OAAW,OAAM,KAAK,iBAAiB,SAAS,eAAe,QACzF,IAAI,EAAE;AACV,QAAI,MAAM,OAAQ,MAAK,KAAK,EAAC,KAAK,QAAQ,MAAM,YAAY,SAAS,MAAM,KAAK,IAAI,EAAC,CAAC;AACtF,QAAI,SAAS,WAAY,MAAK,KAAK;AAAA,MAC/B,KAAK;AAAA,MAAQ,MAAM;AAAA,MAAe,SAAS,SAAS;AAAA,IACxD,CAAC;AAAA,EACL;AAEA,SAAO;AACX;AAEO,SAAS,eAAe,UAAoB,UAAgC;AAC/E,QAAM,OAAO,YAAY,UAAU,QAAQ;AAE3C,SAAO,gCACF,eAAK,IAAI,CAAC,GAAG,MAAM;AAChB,QAAI,EAAE,QAAQ,QAAS,QAAO,oBAAC,WAAe,YAAE,YAAN,CAAe;AACzD,QAAI,EAAE,QAAQ,OAAQ,QAAO,oBAAC,UAAa,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,EAAE,YAAzC,CAAkD;AAC1F,WAAO,oBAAC,UAAa,MAAM,EAAE,MAAM,UAAU,EAAE,UAAU,SAAS,EAAE,WAAlD,CAA0D;AAAA,EAChF,CAAC,GACL;AACJ;;;AC5EA,SAAQ,qBAA4C;AA4BpD,IAAM,IAAI;AAEV,EAAE,4BAA4B,cAAyC,IAAI;AACpE,IAAM,gBAAoD,EAAE;AAEnE,EAAE,8BAA8B,cAA2C,IAAI;AAC/E,EAAE,+BAA+B,cAA4C,IAAI;AAE1E,IAAM,kBAAwD,EAAE;AAChE,IAAM,mBAA0D,EAAE;;;ACrCzE,SAAQ,iBAA0C;AA4B/B,gBAAAC,YAAA;AAhBZ,IAAM,qBAAN,cAAiC,UAAwB;AAAA,EAC5D,QAAe,EAAE,OAAO,KAAK;AAAA,EAE7B,OAAO,yBAAyB,KAAqB;AACjD,QAAI,eAAe,YAAY;AAC3B,aAAO;AAAA,QACH,OAAO,EAAC,YAAY,IAAI,YAAY,SAAS,IAAI,QAAO;AAAA,MAC5D;AAAA,IACJ;AACA,WAAQ;AAAA,MACJ,OAAO,EAAC,YAAY,KAAK,SAAS,eAAe,QAAQ,IAAI,UAAU,gBAAe;AAAA,IAC1F;AAAA,EACJ;AAAA,EAEA,SAAS;AACL,QAAI,KAAK,MAAM,SAAS,KAAK,MAAM,WAAW;AAC1C,aAAO,gBAAAA,KAAC,KAAK,MAAM,WAAX,EAAsB,GAAG,KAAK,MAAM,OAAO;AAAA,IACvD;AACA,QAAI,KAAK,MAAM,OAAO;AAClB,aAAO,gBAAAA,KAAC,QAAI,eAAK,MAAM,MAAM,YAAW;AAAA,IAC5C;AACA,WAAO,KAAK,MAAM;AAAA,EACtB;AACJ;AAEO,IAAM,aAAN,cAAyB,MAAM;AAAA,EAClC;AAAA,EACA,YAAY,YAAoB,SAAiB;AAC7C,UAAM,OAAO;AACb,SAAK,aAAa;AAAA,EACtB;AACJ;;;AHwIc,gBAAAC,MA2BN,YA3BM;AA7JP,SAAS,YAAY;AACxB,SAAO,WAAWC,cAAa;AACnC;AAEO,SAAS,cAAc;AAC1B,QAAM,MAAM,WAAWA,cAAa;AACpC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO,IAAI;AACf;AAEO,SAAS,YAA8C;AAC1D,QAAM,MAAM,WAAW,gBAAgB;AACvC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,iDAAiD;AAC3E,SAAO,IAAI;AACf;AAQO,SAAS,gBAAmB;AAC/B,QAAM,MAAM,WAAW,gBAAgB;AACvC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,qDAAqD;AAC/E,SAAO,IAAI;AACf;AAgBO,SAAS,eAAe;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,qBAAqB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAwB;AAEnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqB;AAAA,IAC3C,UAAU,OAAO,SAAS;AAAA,IAC1B,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU,eAAe;AAAA,IACzB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAW;AAAA,EACf,CAAC;AAED,QAAM,gBAAgB,OAA+B,IAAI;AACzD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,YAAY,YAAY,OAAO,IAAY,eAAgC;AAC7E,UAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;AAChC,UAAM,UAAU,iBAAiB,QAAQ;AACzC,QAAI,CAAC,SAAS;AACV,YAAM,YAAY,MAAM,cAAc,KAAK,oBAAoB;AAC/D,eAAS,WAAS;AAAA,QACd,GAAG;AAAA,QACH;AAAA,QACA,cAAc,EAAC,YAAY,KAAK,SAAS,YAAW;AAAA,QACpD,WAAW,aAAa;AAAA,MAC5B,EAAE;AACF;AAAA,IACJ;AAEA,UAAM,CAAC,SAAS,GAAG,UAAU,IAAI,MAAM,QAAQ,IAAI;AAAA,MAC/C,QAAQ,KAAK;AAAA,MACb,GAAG,QAAQ,YAAY,IAAI,OAAK,EAAE,CAAC;AAAA,IACvC,CAAC;AAED,QAAI,WAAW,OAAO,QAAS;AAC/B,QAAI,CAAC,QAAQ,QAAS;AAEtB,UAAM,UAAU,MAAM,MAAM,SAAS,EAAE,IAAI;AAAA,MACvC,SAAS,EAAC,QAAQ,mBAAkB;AAAA,MACpC,QAAQ,WAAW;AAAA,IACvB,CAAC;AAED,QAAI,WAAW,OAAO,QAAS;AAE/B,QAAI,CAAC,QAAQ,IAAI;AACb,UAAI,QAAQ,WAAW,KAAK;AACxB,eAAO,SAAS,OAAO;AACvB;AAAA,MACJ;AACA,cAAQ,MAAM,SAAS,EAAE,aAAa,QAAQ,MAAM,EAAE;AACtD;AAAA,IACJ;AAEA,UAAM,OAAO,MAAM,QAAQ,KAAK;AAEhC,WAAO,SAAS,GAAG,CAAC;AACpB,aAAS;AAAA,MACL;AAAA,MACA,QAAQ,KAAK,UAAU,CAAC;AAAA,MACxB,YAAY,KAAK;AAAA,MACjB,cAAc,KAAK,WAAW,CAAC,GAAG,IAAI,CAAC,MAAW,EAAE,UAAU;AAAA,MAC9D,MAAM,QAAQ;AAAA,MACd,SAAS,WAAW,IAAI,OAAK,EAAE,OAAO;AAAA,MACtC,UAAU,KAAK,YAAY;AAAA,MAC3B,UAAU,KAAK;AAAA,IACnB,CAAC;AAAA,EACL,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,YAAY,OAAO,OAAe;AAC/C,kBAAc,SAAS,MAAM;AAC7B,UAAM,aAAa,IAAI,gBAAgB;AACvC,kBAAc,UAAU;AAExB,oBAAgB,IAAI;AACpB,QAAI;AACA,aAAO,QAAQ,UAAU,MAAM,IAAI,EAAE;AACrC,YAAM,UAAU,IAAI,UAAU;AAAA,IAClC,UAAE;AACE,UAAI,CAAC,WAAW,OAAO,QAAS,iBAAgB,KAAK;AAAA,IACzD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACZ,UAAM,YAAY,MAAM;AACpB,oBAAc,SAAS,MAAM;AAC7B,YAAM,aAAa,IAAI,gBAAgB;AACvC,oBAAc,UAAU;AAExB,YAAM,KAAK,OAAO,SAAS,WAAW,OAAO,SAAS;AACtD,gBAAU,IAAI,UAAU,EAAE,MAAM,SAAO;AACnC,YAAI,IAAI,SAAS,aAAc,SAAQ,MAAM,4BAA4B,GAAG;AAAA,MAChF,CAAC;AAAA,IACL;AACA,WAAO,iBAAiB,YAAY,SAAS;AAC7C,WAAO,MAAM,OAAO,oBAAoB,YAAY,SAAS;AAAA,EACjE,GAAG,CAAC,SAAS,CAAC;AAEd,MAAI;AAEJ,MAAI,MAAM,cAAc;AACpB,cAAU,MAAM,YACV,gBAAAD,KAAC,MAAM,WAAN,EAAiB,GAAG,MAAM,cAAc,IACzC,gBAAAA,KAAC,QAAI,gBAAM,aAAa,YAAW;AAAA,EAC7C,OAAO;AACH,QAAI,OACA,gBAAAA,KAAC,oBAAiB,OAAO,EAAC,YAAY,MAAM,YAAY,QAAQ,MAAM,OAAM,GACxE,0BAAAA,KAAC,MAAM,MAAN,EAAW,MAAM,MAAM,YAAY,QAAQ,MAAM,QAAQ,KAAK,MAAM,UAAS,GAClF;AAGJ,aAAS,IAAI,MAAM,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAChD,YAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,YAAM,aAAa,MAAM,YAAY,CAAC;AACtC,aACI,gBAAAA,KAAC,oBAAiB,OAAO,EAAC,YAAY,YAAY,QAAQ,MAAM,OAAM,GAClE,0BAAAA,KAAC,UAAO,MAAM,YAAY,QAAQ,MAAM,QAAS,gBAAK,GAC1D;AAAA,IAER;AAEA,cACI,gBAAAA,KAAC,sBAAwC,WAAW,MAAM,WACrD,kBADoB,MAAM,QAE/B;AAAA,EAER;AAEA,SACI,qBAAC,mBAAgB,OAAO;AAAA,IACpB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB;AAAA,EACJ,GACK;AAAA,UAAM,YAAY,eAAe,MAAM,UAAU,MAAM,QAAQ;AAAA,IAChE,gBAAAA,KAACC,gBAAA,EAAc,OAAO,EAAC,GAAG,OAAO,cAAc,SAAQ,GAClD,mBACL;AAAA,KACJ;AAER;;;AIzNA,SAAiD,eAAAC,cAAa,cAAAC,mBAAiB;AAC/E,SAAQ,oBAAAC,yBAAuB;AAC/B,SAAQ,iBAAAC,sBAAoB;AA6CpB,gBAAAC,YAAA;AArCR,SAAS,YAAY,MAAsB;AACvC,MAAI,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,MAAM,EAAG,QAAO;AAC5D,QAAM,OAAO,OAAO,SAAS,SAAS,SAAS,GAAG,IAC5C,OAAO,SAAS,OAChB,OAAO,SAAS,OAAO;AAC7B,QAAM,WAAW,IAAI,IAAI,MAAM,IAAI,EAAE;AACrC,SAAO,SAAS,SAAS,IAAI,SAAS,QAAQ,OAAO,EAAE,IAAI;AAC/D;AAEO,SAAS,KAAK,EAAE,MAAM,WAAW,OAAO,iBAAiB,OAAO,UAAU,GAAG,MAAM,GAAc;AACpG,QAAM,SAASH,YAAWE,cAAa;AAEvC,QAAM,mBAAmBH,aAAY,MAAM;AACvC,QAAI,CAAC,SAAU;AACf,UAAM,WAAW,YAAY,IAAI;AACjC,UAAM,WAAW,SAAS,MAAM,GAAG,EAAE,CAAC;AACtC,UAAM,UAAUE,kBAAiB,QAAQ;AACzC,QAAI,SAAS;AACT,cAAQ,KAAK,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC;AAC7B,YAAM,SAAS,QAAQ,IAAI,EAAE,SAAS,EAAE,QAAQ,mBAAmB,EAAE,CAAC,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC;AAAA,IAC1F;AAAA,EACJ,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,cAAoD,CAAC,MAAM;AAC7D,QAAI,CAAC,OAAQ;AACb,QAAI,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,YAAY,EAAE,WAAW,GAAG;AAC3D,QAAE,eAAe;AACjB,YAAM,WAAW,YAAY,IAAI;AACjC,UAAI,kBAAkB,OAAO,SAAS,wBAAwB,YAAY;AACtE,iBAAS,oBAAoB,MAAM,OAAO,SAAS,QAAQ,CAAC;AAAA,MAChE,OAAO;AACH,eAAO,SAAS,QAAQ;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,gBAAAE,KAAC,OAAE,MAAY,SAAS,aAAa,cAAc,kBAAmB,GAAG,OACpE,UACL;AAER;",
+  "names": ["RouterContext", "jsx", "jsx", "RouterContext", "useCallback", "useContext", "matchClientRoute", "RouterContext", "jsx"]
+}

package/dist/runtime/link.d.ts

@@ -0,0 +1,8 @@
+import { AnchorHTMLAttributes } from "react";
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+    prefetch?: boolean;
+    viewTransition?: boolean;
+}
+export declare function Link({ href, prefetch, viewTransition, children, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/runtime/link.js

@@ -0,0 +1,43 @@
+// src/runtime/link.tsx
+import { useCallback, useContext } from "react";
+import { matchClientRoute } from "virtual:devix/client-routes";
+import { RouterContext } from "virtual:devix/context";
+import { jsx } from "react/jsx-runtime";
+function resolveHref(href) {
+  if (href.startsWith("/") || href.startsWith("http")) return href;
+  const base = window.location.pathname.endsWith("/") ? window.location.href : window.location.href + "/";
+  const resolved = new URL(href, base).pathname;
+  return resolved.length > 1 ? resolved.replace(/\/$/, "") : resolved;
+}
+function Link({ href, prefetch = false, viewTransition = false, children, ...props }) {
+  const router = useContext(RouterContext);
+  const handleMouseEnter = useCallback(() => {
+    if (!prefetch) return;
+    const resolved = resolveHref(href);
+    const pathname = resolved.split("?")[0];
+    const matched = matchClientRoute(pathname);
+    if (matched) {
+      matched.load().catch(() => {
+      });
+      fetch(`/_data${resolved}`, { headers: { Accept: "application/json" } }).catch(() => {
+      });
+    }
+  }, [href, prefetch]);
+  const handleClick = (e) => {
+    if (!router) return;
+    if (!e.ctrlKey && !e.metaKey && !e.shiftKey && e.button === 0) {
+      e.preventDefault();
+      const resolved = resolveHref(href);
+      if (viewTransition && typeof document.startViewTransition === "function") {
+        document.startViewTransition(() => router.navigate(resolved));
+      } else {
+        router.navigate(resolved);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx("a", { href, onClick: handleClick, onMouseEnter: handleMouseEnter, ...props, children });
+}
+export {
+  Link
+};
+//# sourceMappingURL=link.js.map

package/dist/runtime/link.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/runtime/link.tsx"],
+  "sourcesContent": ["import {AnchorHTMLAttributes, MouseEventHandler, useCallback, useContext} from \"react\";\nimport {matchClientRoute} from \"virtual:devix/client-routes\";\nimport {RouterContext} from 'virtual:devix/context'\n\ninterface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n    href: string\n    prefetch?: boolean\n    viewTransition?: boolean\n}\n\nfunction resolveHref(href: string): string {\n    if (href.startsWith('/') || href.startsWith('http')) return href\n    const base = window.location.pathname.endsWith('/')\n        ? window.location.href\n        : window.location.href + '/'\n    const resolved = new URL(href, base).pathname\n    return resolved.length > 1 ? resolved.replace(/\\/$/, '') : resolved\n}\n\nexport function Link({ href, prefetch = false, viewTransition = false, children, ...props }: LinkProps) {\n    const router = useContext(RouterContext)\n\n    const handleMouseEnter = useCallback(() => {\n        if (!prefetch) return\n        const resolved = resolveHref(href)\n        const pathname = resolved.split('?')[0]\n        const matched = matchClientRoute(pathname)\n        if (matched) {\n            matched.load().catch(() => {})\n            fetch(`/_data${resolved}`, { headers: { Accept: 'application/json' } }).catch(() => {})\n        }\n    }, [href, prefetch])\n\n    const handleClick: MouseEventHandler<HTMLAnchorElement> = (e) => {\n        if (!router) return\n        if (!e.ctrlKey && !e.metaKey && !e.shiftKey && e.button === 0) {\n            e.preventDefault()\n            const resolved = resolveHref(href)\n            if (viewTransition && typeof document.startViewTransition === 'function') {\n                document.startViewTransition(() => router.navigate(resolved))\n            } else {\n                router.navigate(resolved)\n            }\n        }\n    }\n\n    return (\n        <a href={href} onClick={handleClick} onMouseEnter={handleMouseEnter} {...props}>\n            {children}\n        </a>\n    )\n}"],
+  "mappings": ";AAAA,SAAiD,aAAa,kBAAiB;AAC/E,SAAQ,wBAAuB;AAC/B,SAAQ,qBAAoB;AA6CpB;AArCR,SAAS,YAAY,MAAsB;AACvC,MAAI,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,MAAM,EAAG,QAAO;AAC5D,QAAM,OAAO,OAAO,SAAS,SAAS,SAAS,GAAG,IAC5C,OAAO,SAAS,OAChB,OAAO,SAAS,OAAO;AAC7B,QAAM,WAAW,IAAI,IAAI,MAAM,IAAI,EAAE;AACrC,SAAO,SAAS,SAAS,IAAI,SAAS,QAAQ,OAAO,EAAE,IAAI;AAC/D;AAEO,SAAS,KAAK,EAAE,MAAM,WAAW,OAAO,iBAAiB,OAAO,UAAU,GAAG,MAAM,GAAc;AACpG,QAAM,SAAS,WAAW,aAAa;AAEvC,QAAM,mBAAmB,YAAY,MAAM;AACvC,QAAI,CAAC,SAAU;AACf,UAAM,WAAW,YAAY,IAAI;AACjC,UAAM,WAAW,SAAS,MAAM,GAAG,EAAE,CAAC;AACtC,UAAM,UAAU,iBAAiB,QAAQ;AACzC,QAAI,SAAS;AACT,cAAQ,KAAK,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC;AAC7B,YAAM,SAAS,QAAQ,IAAI,EAAE,SAAS,EAAE,QAAQ,mBAAmB,EAAE,CAAC,EAAE,MAAM,MAAM;AAAA,MAAC,CAAC;AAAA,IAC1F;AAAA,EACJ,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,cAAoD,CAAC,MAAM;AAC7D,QAAI,CAAC,OAAQ;AACb,QAAI,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,YAAY,EAAE,WAAW,GAAG;AAC3D,QAAE,eAAe;AACjB,YAAM,WAAW,YAAY,IAAI;AACjC,UAAI,kBAAkB,OAAO,SAAS,wBAAwB,YAAY;AACtE,iBAAS,oBAAoB,MAAM,OAAO,SAAS,QAAQ,CAAC;AAAA,MAChE,OAAO;AACH,eAAO,SAAS,QAAQ;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,oBAAC,OAAE,MAAY,SAAS,aAAa,cAAc,kBAAmB,GAAG,OACpE,UACL;AAER;",
+  "names": []
+}

package/dist/runtime/metadata.d.ts

@@ -0,0 +1,10 @@
+import { LayoutModule, PageModule } from "../server";
+import { LoaderContext, Metadata, Viewport } from "../types";
+export interface ResolvedMeta {
+    metadata: Metadata;
+    viewport?: Viewport;
+}
+export declare function resolveMetadata(module: PageModule | LayoutModule, ctx: LoaderContext & {
+    loaderData: unknown;
+}): Promise<ResolvedMeta>;
+export declare function mergeMetadata(...sources: (Metadata | null | undefined)[]): Metadata;

package/dist/runtime/metadata.js

@@ -0,0 +1,22 @@
+// src/runtime/metadata.ts
+async function resolveMetadata(module, ctx) {
+  const metadata = module.generateMetadata ? await module.generateMetadata(ctx) : module.metadata ?? {};
+  const viewport = module.generateViewport ? await module.generateViewport(ctx) : module.viewport;
+  return { metadata, viewport };
+}
+function mergeMetadata(...sources) {
+  const result = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const { og, twitter, ...rest } = source;
+    Object.assign(result, rest);
+    if (og) result.og = { ...result.og, ...og };
+    if (twitter) result.twitter = { ...result.twitter, ...twitter };
+  }
+  return result;
+}
+export {
+  mergeMetadata,
+  resolveMetadata
+};
+//# sourceMappingURL=metadata.js.map

package/dist/runtime/metadata.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/runtime/metadata.ts"],
+  "sourcesContent": ["import {LayoutModule, PageModule} from \"../server\";\nimport {LoaderContext, Metadata, Viewport} from \"../types\"\n\nexport interface ResolvedMeta {\n    metadata: Metadata\n    viewport?: Viewport\n}\n\nexport async function resolveMetadata(module: PageModule | LayoutModule, ctx: LoaderContext & {\n    loaderData: unknown\n}): Promise<ResolvedMeta> {\n    const metadata = module.generateMetadata\n        ? await module.generateMetadata(ctx)\n        : module.metadata ?? {}\n\n    const viewport = module.generateViewport\n        ? await module.generateViewport(ctx)\n        : module.viewport\n\n    return {metadata, viewport}\n}\n\nexport function mergeMetadata(...sources: (Metadata | null | undefined)[]): Metadata {\n    const result: Metadata = {}\n\n    for (const source of sources) {\n        if (!source) continue\n        const { og, twitter, ...rest } = source\n        Object.assign(result, rest)\n        if (og) result.og = { ...result.og, ...og }\n        if (twitter) result.twitter = { ...result.twitter, ...twitter }\n    }\n\n    return result\n}"],
+  "mappings": ";AAQA,eAAsB,gBAAgB,QAAmC,KAE/C;AACtB,QAAM,WAAW,OAAO,mBAClB,MAAM,OAAO,iBAAiB,GAAG,IACjC,OAAO,YAAY,CAAC;AAE1B,QAAM,WAAW,OAAO,mBAClB,MAAM,OAAO,iBAAiB,GAAG,IACjC,OAAO;AAEb,SAAO,EAAC,UAAU,SAAQ;AAC9B;AAEO,SAAS,iBAAiB,SAAoD;AACjF,QAAM,SAAmB,CAAC;AAE1B,aAAW,UAAU,SAAS;AAC1B,QAAI,CAAC,OAAQ;AACb,UAAM,EAAE,IAAI,SAAS,GAAG,KAAK,IAAI;AACjC,WAAO,OAAO,QAAQ,IAAI;AAC1B,QAAI,GAAI,QAAO,KAAK,EAAE,GAAG,OAAO,IAAI,GAAG,GAAG;AAC1C,QAAI,QAAS,QAAO,UAAU,EAAE,GAAG,OAAO,SAAS,GAAG,QAAQ;AAAA,EAClE;AAEA,SAAO;AACX;",
+  "names": []
+}

package/dist/runtime/router-provider.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from "react";
+import { ErrorProps, LayoutProps, PageProps } from "../server/types";
+import { Metadata, Viewport } from "../types";
+export declare function useRouter(): import("virtual:devix/context").RouterContextValue | null;
+export declare function useNavigate(): (to: string) => void;
+export declare function useParams<T extends Record<string, string>>(): T;
+type LoaderReturnType<T> = T extends (...args: any[]) => Promise<infer R> ? R : T extends (...args: any[]) => infer R ? R : T;
+export declare function useLoaderData<T>(): LoaderReturnType<T>;
+interface RouterProviderProps {
+    initialData: unknown;
+    initialParams: Record<string, string>;
+    initialPage: ComponentType<PageProps>;
+    initialLayouts?: ComponentType<LayoutProps>[];
+    initialLayoutsData?: unknown[];
+    initialMeta?: Metadata | null;
+    initialViewport?: Viewport;
+    initialError?: ErrorProps;
+    initialErrorPage?: ComponentType<ErrorProps>;
+    clientEntry: string;
+}
+export declare function RouterProvider({ initialData, initialParams, initialPage, initialLayouts, initialLayoutsData, initialMeta, initialViewport, initialError, initialErrorPage, clientEntry, }: RouterProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};