@grainular/router 2.0.0-next.2

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/fragments.ts","../../src/lib/hooks/resolve-hook.ts","../../src/lib/params/get-path-param-group.ts","../../src/lib/params/parameterized.ts","../../src/lib/pattern-matcher.ts","../../src/lib/create-router.ts","../../src/lib/directives/active.ts","../../src/lib/hooks/hooks.ts","../../src/lib/navigate.ts","../../src/lib/outlet.ts","../../src/lib/transitions/transition.ts","../../src/lib/transitions/prefabs.ts"],"names":["getFragment","resolved","resolveHooks","hooks","context","handler","path","getPathParamGroup","result","_","value","parameterized","internal","read","readonly","fn","derived","createPatternMatcher","base","routes","registry","route","normalized","url","pattern","isRouterEvent","event","createRouter","params","grain","query","match","state","getURLState","setRouterState","next","matchedParams","matchedQuery","preHooks","hook","fragment","nextState","canNavigate","postHooks","current","active","cls","exact","createDirective","node","href","destination","pre","post","navigate","$outlet","router","transitionRef","currentComponent","html","name","component","target","keyframes","props","$render","transition","setup","crossFade","duration","slide","direction","axis","sign","scale","fade"],"mappings":"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","file":"index.js","sourcesContent":["import type { Route } from './route';\n\nexport const getFragment = (resolved: Awaited<ReturnType<Route['component']>>) => {\n    if ('default' in resolved) {\n        return resolved.default();\n    }\n\n    if (typeof resolved === 'function') {\n        return resolved();\n    }\n\n    return resolved;\n};\n","import type { NavigationHook, NavigationHookContext } from './hooks';\n\nexport const resolveHooks = async (hooks: NavigationHook[], context: Omit<NavigationHookContext, 'navigate'>) => {\n    for (const { handler } of hooks) {\n        const result = await handler({\n            ...context,\n            navigate: (path: string) => {\n                return navigation.navigate(path);\n            },\n        });\n\n        // Bail if a hook returns false explicitly\n        if (result === false) return false;\n    }\n\n    return true;\n};\n","export const getPathParamGroup = (result: URLPatternResult | null) => {\n    return Object.fromEntries(\n        Object.entries(result?.pathname?.groups ?? {}).filter(([_, value]) => {\n            return value !== undefined;\n        }),\n    ) as Record<string, string>;\n};\n","import { derived, type Grain, readonly } from '@grainular/grains';\n\nexport const parameterized = (internal: Grain<Record<string, string>>) => {\n    const read = readonly(internal);\n\n    return Object.assign(read, {\n        select: <K extends string>(fn: (params: Record<K, string>) => string) => {\n            return derived(internal, fn as (params: Record<string, string>) => string);\n        },\n    });\n};\n","import type { Route } from './route';\n\nexport const createPatternMatcher = (base: string, routes: Route[]) => {\n    const registry = new Map<URLPattern, Route>(\n        routes.map((route) => {\n            const normalized = new URL(route.path, `http://localhost${base}`);\n            return [new URLPattern({ pathname: normalized.pathname }), route];\n        }),\n    );\n\n    return {\n        registry,\n        match: (url: URL) => {\n            return [...registry.entries()].find(([pattern]) => pattern.test(url)) ?? null;\n        },\n    };\n};\n","import { grain, readonly } from '@grainular/grains';\nimport type { ComponentFragment } from '@grainular/nord';\nimport { getFragment } from './fragments';\nimport { resolveHooks } from './hooks/resolve-hook';\nimport { getPathParamGroup } from './params/get-path-param-group';\nimport { parameterized } from './params/parameterized';\nimport { createPatternMatcher } from './pattern-matcher';\nimport type { Route } from './route';\n\ntype RouterStateSnapshot = {\n    path: string | null;\n    resolved: string | null;\n    component: ComponentFragment | null;\n    route: Route | null;\n};\n\nconst isRouterEvent = (event: NavigateEvent) => {\n    return event.canIntercept && !event.hashChange && !event.downloadRequest && !event.formData;\n};\n\nexport const createRouter = (base: string, routes: Route[]) => {\n    const params = grain({});\n    const query = grain<Record<string, string>>({});\n\n    const { match, registry } = createPatternMatcher(base, routes);\n    const state = grain<RouterStateSnapshot>({ resolved: null, component: null, path: null, route: null });\n\n    const getURLState = (url: URL) => {\n        const [pattern, route] = match(url) ?? [];\n        if (!pattern || !route) return null;\n\n        return {\n            params: getPathParamGroup(pattern.exec(url)),\n            query: Object.fromEntries(url.searchParams),\n            resolved: pattern.pathname,\n            path: url.pathname,\n            pattern: pattern,\n            route: route,\n            url: url,\n        };\n    };\n\n    const setRouterState = async (next: NonNullable<ReturnType<typeof getURLState>>) => {\n        const { pattern, route, params: matchedParams, query: matchedQuery, url } = next;\n\n        // Run pre hooks\n        const preHooks = (route.use ?? []).filter((hook) => hook.run === 'pre');\n        const canNavigate = await resolveHooks(preHooks, next);\n\n        if (!canNavigate) return;\n\n        const fragment = getFragment(await route.component());\n        params.set(matchedParams);\n        query.set(matchedQuery);\n        state.update(() => {\n            return {\n                route,\n                component: fragment,\n                resolved: pattern.pathname,\n                path: url.pathname,\n            };\n        });\n    };\n\n    navigation.addEventListener('navigate', (event) => {\n        if (!isRouterEvent(event)) return;\n        const url = new URL(event.destination.url);\n\n        const nextState = getURLState(url);\n        if (!nextState) return;\n        let canNavigate = true;\n\n        event.intercept({\n            scroll: 'after-transition',\n            precommitHandler: async () => {\n                // Run all post hooks of the previous route\n                const postHooks = (state().route?.use ?? []).filter((hook) => hook.run === 'post');\n                canNavigate = await resolveHooks(postHooks, { ...state(), params: params(), query: query() });\n\n                // Run pre hooks\n                const preHooks = (nextState.route.use ?? []).filter((hook) => hook.run === 'pre');\n                canNavigate = await resolveHooks(preHooks, nextState);\n            },\n            handler: async () => {\n                // Cancel navigation based on hook result\n                if (!canNavigate) return;\n\n                // update router state & post hooks\n                const { pattern, route, params: matchedParams, query: matchedQuery } = nextState;\n                const fragment = getFragment(await route.component());\n                params.set(matchedParams);\n                query.set(matchedQuery);\n                state.update(() => {\n                    return {\n                        route,\n                        component: fragment,\n                        resolved: pattern.pathname,\n                        path: url.pathname,\n                    };\n                });\n            },\n        });\n    });\n\n    // Get the initial route set and set the routerState\n    const current = getURLState(new URL(navigation.currentEntry?.url ?? ''));\n    if (current) setRouterState(current);\n\n    return {\n        params: parameterized(params),\n        query: readonly(query),\n        state: readonly(state),\n        match,\n        registry,\n        base,\n    };\n};\n\nexport type Router = Omit<ReturnType<typeof createRouter>, 'registry' | 'match' | 'params' | 'query'>;\n","import { createDirective } from '@grainular/nord';\n\nexport const active = (cls: string, { exact }: { exact: boolean } = { exact: true }) => {\n    return createDirective((node) => {\n        const handler = () => {\n            const href = node.getAttribute('href');\n            const destination = navigation.currentEntry?.url;\n\n            // Should both be not possible, but alas.\n            if (!destination || !href) return;\n            const url = new URL(destination);\n            node.classList.toggle(cls, exact ? url.pathname === href : url.pathname.startsWith(href));\n        };\n\n        navigation.addEventListener('navigatesuccess', handler);\n        return () => navigation.removeEventListener('navigatesuccess', handler);\n    });\n};\n","export type NavigationHookContext = {\n    path: string | null;\n    resolved: string | null;\n    params: Record<string, string>;\n    query: Record<string, string>;\n    navigate: (path: string) => void;\n};\nexport type NavigationHook = {\n    run: 'pre' | 'post';\n    handler: (ctx: NavigationHookContext) => Promise<boolean | void>;\n};\n\nexport const pre = (handler: (ctx: NavigationHookContext) => Promise<boolean | void>): NavigationHook => {\n    return { run: 'pre' as const, handler };\n};\n\nexport const post = (handler: (ctx: NavigationHookContext) => Promise<boolean | void>): NavigationHook => {\n    return { run: 'post' as const, handler };\n};\n","export const navigate = (path: string) => navigation.navigate(path);\n","import { grain } from '@grainular/grains';\nimport { $render, type ComponentFragment, html, type Ref } from '@grainular/nord';\nimport type { Router } from './create-router';\n\ntype OutletConfig = {\n    for: Router;\n    transitionElement?: Ref<HTMLElement>; // user provides the element to transition\n};\n\nexport const $outlet = ({ for: router, transitionElement: transitionRef }: OutletConfig) => {\n    const currentComponent = grain<ComponentFragment>(html``);\n    const name = `outlet-${router.base.replace(/[^a-zA-Z0-9-_]/g, '') || 'root'}`;\n\n    router.state.subscribe((state) => {\n        const { component, route } = state;\n        const next = component ?? html``;\n        if (!route?.transition) return currentComponent.set(next);\n\n        // Apply view-transition-name to user's element or fall back to documentElement\n        const target = transitionRef?.current ?? document.documentElement;\n        target.style.viewTransitionName = name;\n\n        const viewTransition = document.startViewTransition(() => currentComponent.set(next));\n        viewTransition.ready.then(() => {\n            const animations = [route.transition ?? []].flat();\n            animations.forEach(({ keyframes, ...props }) => {\n                document.documentElement.animate(keyframes, {\n                    pseudoElement: props.element?.replace('(root)', `(${name})`)?.replace('(outlet)', `(${name})`),\n                    ...props,\n                });\n            });\n        });\n    });\n\n    // No wrapper div at all — just $render directly\n    return $render(currentComponent);\n};\n","export type Transition = {\n    keyframes: Keyframe[];\n    duration: number;\n    delay?: number;\n    easing?: string;\n    element?: '::view-transition-new(root)' | '::view-transition-old(root)' | string;\n};\n\nexport const transition = (setup: Transition): Required<Transition> => {\n    return {\n        delay: 0,\n        easing: 'linear',\n        element: '::view-transition-new(root)',\n        ...setup,\n    };\n};\n","import { transition } from './transition';\n\nexport const crossFade = (duration: number) => {\n    return [\n        transition({\n            keyframes: [{ opacity: 0 }, { opacity: 1 }],\n            element: '::view-transition-new(root)',\n            duration,\n        }),\n        transition({\n            keyframes: [{ opacity: 1 }, { opacity: 0 }],\n            element: '::view-transition-old(root)',\n            duration,\n        }),\n    ];\n};\n\n// slide in from a direction\nexport const slide = (duration: number, direction: 'left' | 'right' | 'up' | 'down' = 'right') => {\n    const axis = direction === 'left' || direction === 'right' ? 'X' : 'Y';\n    const sign = direction === 'right' || direction === 'down' ? '' : '-';\n\n    return [\n        transition({\n            keyframes: [{ transform: `translate${axis}(${sign}100%)` }, { transform: `translate${axis}(0)` }],\n            element: '::view-transition-new(root)',\n            duration,\n        }),\n        transition({\n            keyframes: [\n                { transform: `translate${axis}(0)` },\n                { transform: `translate${axis}(${sign === '' ? '-' : ''}100%)` },\n            ],\n            element: '::view-transition-old(root)',\n            duration,\n        }),\n    ];\n};\n\n// scale up, good for modals/detail views\nexport const scale = (duration: number) => {\n    return [\n        transition({\n            keyframes: [\n                { transform: 'scale(0.95)', opacity: 0 },\n                { transform: 'scale(1)', opacity: 1 },\n            ],\n            element: '::view-transition-new(root)',\n            duration,\n        }),\n        transition({\n            keyframes: [\n                { transform: 'scale(1)', opacity: 1 },\n                { transform: 'scale(0.95)', opacity: 0 },\n            ],\n            element: '::view-transition-old(root)',\n            duration,\n        }),\n    ];\n};\n\n// just fade the new in, old stays — subtle\nexport const fade = (duration: number) => {\n    return [\n        transition({\n            keyframes: [{ opacity: 0 }, { opacity: 1 }],\n            element: '::view-transition-new(root)',\n            duration,\n        }),\n    ];\n};\n"]}

package/dist/types/index.d.cts

@@ -0,0 +1,94 @@
+import * as _grainular_grains from '@grainular/grains';
+import { ComponentFragment, Ref } from '@grainular/nord';
+
+type NavigationHookContext = {
+    path: string | null;
+    resolved: string | null;
+    params: Record<string, string>;
+    query: Record<string, string>;
+    navigate: (path: string) => void;
+};
+type NavigationHook = {
+    run: 'pre' | 'post';
+    handler: (ctx: NavigationHookContext) => Promise<boolean | void>;
+};
+declare const pre: (handler: (ctx: NavigationHookContext) => Promise<boolean | void>) => NavigationHook;
+declare const post: (handler: (ctx: NavigationHookContext) => Promise<boolean | void>) => NavigationHook;
+
+type Transition = {
+    keyframes: Keyframe[];
+    duration: number;
+    delay?: number;
+    easing?: string;
+    element?: '::view-transition-new(root)' | '::view-transition-old(root)' | string;
+};
+
+type Route = {
+    path: string;
+    component: () => Promise<() => ComponentFragment> | Promise<{
+        default: () => ComponentFragment;
+    }> | ComponentFragment;
+    use?: NavigationHook[];
+    transition?: Transition | Transition[];
+};
+
+type RouterStateSnapshot = {
+    path: string | null;
+    resolved: string | null;
+    component: ComponentFragment | null;
+    route: Route | null;
+};
+declare const createRouter: (base: string, routes: Route[]) => {
+    params: _grainular_grains.Grain<Record<string, string>> & {
+        select: <K extends string>(fn: (params: Record<K, string>) => string) => _grainular_grains.Grain<string>;
+    };
+    query: _grainular_grains.Grain<Record<string, string>>;
+    state: _grainular_grains.Grain<RouterStateSnapshot>;
+    match: (url: URL) => [URLPattern, Route] | null;
+    registry: Map<URLPattern, Route>;
+    base: string;
+};
+type Router = Omit<ReturnType<typeof createRouter>, 'registry' | 'match' | 'params' | 'query'>;
+
+declare const active: (cls: string, { exact }?: {
+    exact: boolean;
+}) => {
+    readonly fragmentId: ReturnType<() => {
+        fragmentId: boolean;
+        create: (idx: string) => void;
+        get: () => string;
+    }>;
+    resolve: () => string;
+    render: () => string;
+    hydrate: (target: Node, def?: {
+        binding?: (value: unknown) => void;
+        scope?: string;
+    }) => void;
+};
+
+declare const navigate: (path: string) => NavigationResult;
+
+type OutletConfig = {
+    for: Router;
+    transitionElement?: Ref<HTMLElement>;
+};
+declare const $outlet: ({ for: router, transitionElement: transitionRef }: OutletConfig) => {
+    readonly fragmentId: ReturnType<() => {
+        fragmentId: boolean;
+        create: (idx: string) => void;
+        get: () => string;
+    }>;
+    resolve: () => string;
+    render: () => string;
+    hydrate: (target: Node, def?: {
+        binding?: (value: unknown) => void;
+        scope?: string;
+    }) => void;
+};
+
+declare const crossFade: (duration: number) => Required<Transition>[];
+declare const slide: (duration: number, direction?: "left" | "right" | "up" | "down") => Required<Transition>[];
+declare const scale: (duration: number) => Required<Transition>[];
+declare const fade: (duration: number) => Required<Transition>[];
+
+export { $outlet, type NavigationHook, type NavigationHookContext, active, createRouter, crossFade, fade, navigate, post, pre, scale, slide };

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export { createRouter } from './lib/create-router';
+export { active } from './lib/directives/active';
+export { post, pre, type NavigationHook, type NavigationHookContext } from './lib/hooks/hooks';
+export { navigate } from './lib/navigate';
+export { $outlet } from './lib/outlet';
+export { crossFade, fade, scale, slide } from './lib/transitions/prefabs';

package/dist/types/lib/create-router.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentFragment } from '@grainular/nord';
+import type { Route } from './route';
+type RouterStateSnapshot = {
+    path: string | null;
+    resolved: string | null;
+    component: ComponentFragment | null;
+    route: Route | null;
+};
+export declare const createRouter: (base: string, routes: Route[]) => {
+    params: import("@grainular/grains").Grain<Record<string, string>> & {
+        select: <K extends string>(fn: (params: Record<K, string>) => string) => import("@grainular/grains").Grain<string>;
+    };
+    query: import("@grainular/grains").Grain<Record<string, string>>;
+    state: import("@grainular/grains").Grain<RouterStateSnapshot>;
+    match: (url: URL) => any;
+    registry: Map<URLPattern, Route>;
+};
+export type Router = Omit<ReturnType<typeof createRouter>, 'registry' | 'match' | 'params' | 'query'>;
+export {};

package/dist/types/lib/directives/active.d.ts

@@ -0,0 +1,3 @@
+export declare const active: (cls: string, { exact }?: {
+    exact: boolean;
+}) => import("@grainular/nord/dist/types/internals/fragment").Fragment;

package/dist/types/lib/fragments.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentFragment } from '@grainular/nord';
+import type { Route } from './route';
+export declare const fragmentCache: Map<URLPattern, ComponentFragment>;
+export declare const getFragment: (resolved: Awaited<ReturnType<Route["component"]>>) => ComponentFragment;

package/dist/types/lib/grains/params.d.ts

@@ -0,0 +1,4 @@
+import { type Grain } from '@grainular/grains';
+export declare const createParams: (internal: Grain<Record<string, string>>) => Grain<Record<string, string>> & {
+    select: <K extends string>(fn: (params: Record<K, string>) => string) => Grain<string>;
+};

package/dist/types/lib/guards/guard-executor.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from '../../types/route';
+import type { GuardContext, RouteGuard } from '../../types/route-guard';
+export declare const executeGuards: (guards: RouteGuard[], ctx: GuardContext) => Promise<boolean>;
+export declare const canDeactivateRoute: (route: Route | null, ctx: GuardContext) => Promise<boolean>;
+export declare const canActivateRoute: (route: Route, ctx: GuardContext) => Promise<boolean>;

package/dist/types/lib/history/history-manager.d.ts

@@ -0,0 +1,13 @@
+import type { Params } from '../../types/params';
+export type HistoryState = {
+    params: Params;
+    search: Params;
+    serialized: string;
+    route: string;
+    [key: string]: unknown;
+};
+export declare const createHistoryManager: () => {
+    push: (path: string, state: HistoryState) => void;
+    onPopState: (handler: (route: string) => void) => () => void;
+};
+export type HistoryManager = ReturnType<typeof createHistoryManager>;

package/dist/types/lib/hooks/hooks.d.ts

@@ -0,0 +1,13 @@
+export type NavigationHookContext = {
+    path: string | null;
+    resolved: string | null;
+    params: Record<string, string>;
+    query: Record<string, string>;
+    navigate: (path: string) => void;
+};
+export type NavigationHook = {
+    run: 'pre' | 'post';
+    handler: (ctx: NavigationHookContext) => Promise<boolean | void>;
+};
+export declare const pre: (handler: (ctx: NavigationHookContext) => Promise<boolean | void>) => NavigationHook;
+export declare const post: (handler: (ctx: NavigationHookContext) => Promise<boolean | void>) => NavigationHook;

package/dist/types/lib/hooks/resolve-hook.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationHook, NavigationHookContext } from './hooks';
+export declare const resolveHooks: (hooks: NavigationHook[], context: Omit<NavigationHookContext, "navigate">) => Promise<boolean>;

package/dist/types/lib/navigate.d.ts

@@ -0,0 +1 @@
+export declare const navigate: any;

package/dist/types/lib/outlet.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentFragment } from '@grainular/nord';
+import type { Router } from './create-router';
+type OutletConfig = {
+    for: Router;
+};
+export declare const $outlet: ({ for: router }: OutletConfig) => ComponentFragment;
+export {};

package/dist/types/lib/params/get-path-param-group.d.ts

@@ -0,0 +1 @@
+export declare const getPathParamGroup: (result: URLPatternResult | null) => Record<string, string>;

package/dist/types/lib/params/parameterized.d.ts

@@ -0,0 +1,4 @@
+import { type Grain } from '@grainular/grains';
+export declare const parameterized: (internal: Grain<Record<string, string>>) => Grain<Record<string, string>> & {
+    select: <K extends string>(fn: (params: Record<K, string>) => string) => Grain<string>;
+};

package/dist/types/lib/pattern-matcher.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from './route';
+export declare const createPatternMatcher: (base: string, routes: Route[]) => {
+    registry: Map<URLPattern, Route>;
+    match: (url: URL) => any;
+};

package/dist/types/lib/route/redirect.d.ts

@@ -0,0 +1,2 @@
+import type { RouteDefinition } from '../types/route-context';
+export declare const redirect: (targetPath: string) => RouteDefinition;

package/dist/types/lib/route/route.d.ts

@@ -0,0 +1,3 @@
+import type { RouteComponent, RouteDefinition } from '../types/route-context';
+import type { RouteGuard } from '../types/route-guard';
+export declare const route: <Path extends string>(component: RouteComponent<Path>, ...guards: RouteGuard[]) => RouteDefinition<Path>;

package/dist/types/lib/route.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentFragment } from '@grainular/nord';
+import type { NavigationHook } from './hooks/hooks';
+import type { Transition } from './transitions/transition';
+export type Route = {
+    path: string;
+    component: () => Promise<() => ComponentFragment> | Promise<{
+        default: () => ComponentFragment;
+    }> | ComponentFragment;
+    use?: NavigationHook[];
+    transition?: Transition | Transition[];
+};

package/dist/types/lib/router/create-activated-route.d.ts

@@ -0,0 +1,10 @@
+import { type Grain } from '@grainular/grains';
+import type { Silo } from '@grainular/silo';
+import type { Params } from '../../types/params';
+import type { RouterState } from '../../types/router-state';
+export type ActivatedRoute = {
+    path: Grain<string>;
+    params: Grain<Params>;
+    query: Grain<Params>;
+};
+export declare const createActivatedRoute: (state: Silo<RouterState>) => ActivatedRoute;

package/dist/types/lib/router/create-link-for-router.directive.d.ts

@@ -0,0 +1,6 @@
+import type { Grain } from '@grainular/grains';
+import { type Fragment } from '@grainular/nord';
+import type { LinkOptions } from '../../types/link-options';
+import type { Navigator } from '../../types/navigator';
+import type { Route } from '../../types/route';
+export declare const createLinkForRouter: (navigate: Navigator, matched: Grain<[string, Route | null]>) => (options?: LinkOptions) => Fragment;

package/dist/types/lib/router/create-navigator.d.ts

@@ -0,0 +1,16 @@
+import type { Silo } from '@grainular/silo';
+import type { Navigator } from '../../types/navigator';
+import type { RouterState } from '../../types/router-state';
+import type { HistoryManager } from '../history/history-manager';
+import type { RouteMatcher } from './create-route-matcher';
+type CreateNavigatorOptions = {
+    match: RouteMatcher['match'];
+    state: Silo<RouterState>;
+    history: HistoryManager;
+};
+type NavigatorResult = {
+    navigate: Navigator;
+    syncToRoute: (path: string) => Promise<void>;
+};
+export declare const createNavigator: ({ match, state, history }: CreateNavigatorOptions) => NavigatorResult;
+export {};

package/dist/types/lib/router/create-outlet-struct.d.ts

@@ -0,0 +1,3 @@
+import type { Silo } from '@grainular/silo';
+import type { RouterState } from '../../types/router-state';
+export declare const createOutletStruct: (state: Silo<RouterState>) => import("@grainular/nord").Fragment;

package/dist/types/lib/router/create-route-matcher.d.ts

@@ -0,0 +1,13 @@
+import type { Params } from '../../types/params';
+import type { Route } from '../../types/route';
+type MatchResult = {
+    route: Route;
+    params: Params;
+};
+export type RouteMatcher = {
+    match: (route: string) => MatchResult;
+};
+export declare const createRouteMatcher: (routes: Route[]) => {
+    readonly match: (route: string) => MatchResult;
+};
+export {};

package/dist/types/lib/router/create-router-fragment.d.ts

@@ -0,0 +1,7 @@
+import type { Grain } from '@grainular/grains';
+import type { ComponentFragment, Fragment } from '@grainular/nord';
+/**
+ * Creates a fragment that dynamically renders ComponentFragments
+ * from a grain, properly hydrating and cleaning up on each change
+ */
+export declare const createRouterFragment: (fragmentGrain: Grain<ComponentFragment>) => Fragment;

package/dist/types/lib/router/create-router.d.ts

@@ -0,0 +1,2 @@
+import type { Router, RouterConfig } from '../../types/router';
+export declare const router: (basePath: string, config: RouterConfig) => Router;

package/dist/types/lib/router/resolve-component.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentFragment } from '@grainular/nord';
+import type { Route } from '../../types/route';
+export declare const resolveComponent: (component: Route["component"]) => Promise<ComponentFragment>;

package/dist/types/lib/transitions/prefabs.d.ts

@@ -0,0 +1,4 @@
+export declare const crossFade: (duration: number) => Required<import("./transition").Transition>[];
+export declare const slide: (duration: number, direction?: "left" | "right" | "up" | "down") => Required<import("./transition").Transition>[];
+export declare const scale: (duration: number) => Required<import("./transition").Transition>[];
+export declare const fade: (duration: number) => Required<import("./transition").Transition>[];

package/dist/types/lib/transitions/transition.d.ts

@@ -0,0 +1,8 @@
+export type Transition = {
+    keyframes: Keyframe[];
+    duration: number;
+    delay?: number;
+    easing?: string;
+    element?: '::view-transition-new(root)' | '::view-transition-old(root)' | string;
+};
+export declare const transition: (setup: Transition) => Required<Transition>;

package/dist/types/types/link-options.d.ts

@@ -0,0 +1,7 @@
+import type { Grain } from '@grainular/grains';
+import type { Params } from './params';
+export type LinkOptions = {
+    activeClass?: string;
+    params?: Grain<Params>;
+    matchMode?: 'exact' | 'prefix';
+};

package/dist/types/types/navigator-state.d.ts

@@ -0,0 +1,3 @@
+export type NavigatorState = {
+    search?: Record<string, string>;
+};

package/dist/types/types/navigator.d.ts

@@ -0,0 +1,2 @@
+import type { NavigatorState } from './navigator-state';
+export type Navigator = (route: string, init?: NavigatorState) => Promise<void>;

package/dist/types/types/params.d.ts

@@ -0,0 +1 @@
+export type Params = Record<string, string>;

package/dist/types/types/path-params.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Extract parameter names from a path string
+ * @example ExtractParams<'/user/:id/post/:postId'> = 'id' | 'postId'
+ */
+export type ExtractParams<Path extends string> = Path extends `${infer _Start}:${infer Param}/${infer Rest}` ? Param | ExtractParams<`/${Rest}`> : Path extends `${infer _Start}:${infer Param}` ? Param : never;
+/**
+ * Convert extracted param names to a typed object
+ * @example ParamsObject<'/user/:id/post/:postId'> = { id: string; postId: string }
+ */
+export type ParamsObject<Path extends string> = ExtractParams<Path> extends never ? Record<string, never> : {
+    [K in ExtractParams<Path>]: string;
+};

package/dist/types/types/path.d.ts

@@ -0,0 +1 @@
+export type Path = string | [string, ...(string | boolean | number)[]];

package/dist/types/types/route-context.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentFragment, Fragment } from '@grainular/nord';
+import type { Silo } from '@grainular/silo';
+import type { Params } from './params';
+import type { ParamsObject } from './path-params';
+import type { RouteGuard } from './route-guard';
+export type RouteContext<Path extends string> = {
+    params: Silo<ParamsObject<Path>>;
+    query: Silo<Params>;
+    navigate: (path: string, init?: {
+        search?: Record<string, string>;
+    }) => Promise<void>;
+    link: (options?: {
+        activeClass?: string;
+        matchMode?: 'exact' | 'prefix';
+    }) => Fragment;
+};
+export type RouteComponent<Path extends string> = (ctx: RouteContext<Path>) => ComponentFragment;
+export type RouteDefinition<Path extends string = string> = {
+    component: RouteComponent<Path>;
+    guards: RouteGuard[];
+    path: Path;
+};

package/dist/types/types/route-guard.d.ts

@@ -0,0 +1,21 @@
+import type { Params } from './params';
+export type GuardContext = {
+    from: {
+        path: string;
+        params: Params;
+        query: Params;
+    } | null;
+    to: {
+        path: string;
+        params: Params;
+        query: Params;
+    };
+    navigate: (path: string, init?: {
+        search?: Record<string, string>;
+    }) => Promise<void>;
+};
+export type GuardResult = boolean | void | Promise<boolean | void>;
+export type RouteGuard = {
+    run: 'pre' | 'post';
+    use: (ctx: GuardContext) => GuardResult;
+};

package/dist/types/types/route.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentFragment } from '@grainular/nord';
+import type { RouteGuard } from './route-guard';
+export type Route = {
+    path: `/${string}` | '**';
+    guards?: RouteGuard[];
+} & ({
+    component: (() => ComponentFragment) | (() => Promise<ComponentFragment>) | (() => Promise<{
+        default: ComponentFragment;
+    }>);
+    children?: never;
+    redirect?: never;
+} | {
+    children: Route[];
+    component?: never;
+    redirect?: never;
+} | {
+    redirect: string;
+    component?: never;
+    children?: never;
+});

package/dist/types/types/router-state.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentFragment } from '@grainular/nord';
+import type { Route } from './route';
+export type RouterState = {
+    path: string;
+    route: Route | null;
+    fragment: ComponentFragment;
+    setRouterContext: (path: string, route: Route | null, fragment: ComponentFragment) => void;
+};

package/dist/types/types/router.d.ts

@@ -0,0 +1,17 @@
+import type { Fragment } from '@grainular/nord';
+import type { Silo } from '@grainular/silo';
+import type { Params } from './params';
+import type { RouteDefinition } from './route-context';
+export type RouterConfig = Record<string, () => RouteDefinition>;
+export type Router = {
+    navigate: (path: string, init?: {
+        search?: Record<string, string>;
+    }) => Promise<void>;
+    link: (options?: {
+        activeClass?: string;
+        matchMode?: 'exact' | 'prefix';
+    }) => Fragment;
+    $router: Fragment;
+    params: Silo<Params>;
+    query: Silo<Params>;
+};

package/dist/types/utils/normalize-route.d.ts

@@ -0,0 +1,2 @@
+import type { Params } from '../types/params';
+export declare const normalizeRoute: (path: string, query?: Params) => [string, string, URL];

package/package.json

@@ -0,0 +1,49 @@
+{
+    "name": "@grainular/router",
+    "version": "2.0.0-next.2",
+    "type": "module",
+    "packageManager": "bun@1.2.7",
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/esm/index.js",
+    "types": "./dist/types/index.d.cts",
+    "exports": {
+        ".": {
+            "types": "./dist/types/index.d.cts",
+            "import": "./dist/esm/index.js",
+            "require": "./dist/cjs/index.js"
+        }
+    },
+    "unpkg": "./dist/browser/index.js",
+    "devDependencies": {
+        "@repository/builder": "0.0.0",
+        "@repository/config": "0.0.0",
+        "@types/bun": "latest",
+        "tsup": "^8.5.1",
+        "typescript": "6.0.3"
+    },
+    "peerDependencies": {
+        "@grainular/nord": "2.0.0-next.2",
+        "@grainular/grains": "2.0.0-next.2"
+    },
+    "scripts": {
+        "dev": "bunx tsup --watch",
+        "build": "bunx tsup",
+        "prepublishOnly": "bunx tsup",
+        "test": "bun test --coverage"
+    },
+    "sideEffects": false,
+    "publishConfig": {
+        "access": "public",
+        "tag": "next"
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE"
+    ],
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/grainular/nord.git"
+    }
+}