@kitbag/router 0.20.11 → 0.21.0

package/dist/types/router.d.ts

@@ -1,7 +1,7 @@
 import { App, InjectionKey, Ref } from 'vue';
 import { RouterHistoryMode } from '../services/createRouterHistory';
 import { RouterRoute } from './routerRoute';
-import { AddRouterAfterRouteHook, AddRouterBeforeRouteHook, AddRouterErrorHook, WithHooks } from './hooks';
+import { AddAfterHook, AddBeforeHook, AddErrorHook } from './hooks';
 import { PrefetchConfig } from './prefetch';
 import { ResolvedRoute } from './resolved';
 import { Route, Routes } from './route';
@@ -12,11 +12,11 @@ import { RouterReject } from './routerReject';
 import { RouterPlugin } from './routerPlugin';
 import { RoutesName } from './routesMap';
 import { ToRouteContext } from './routeContext';
-import { ExtractRejections, Rejection } from './rejection';
+import { ExtractRejections, Rejections } from './rejection';
 /**
  * Options to initialize a {@link Router} instance.
  */
-export type RouterOptions = WithHooks & {
+export type RouterOptions = {
     /**
      * Initial URL for the router to use. Required if using Node environment. Defaults to window.location when using browser.
      *
@@ -41,7 +41,7 @@ export type RouterOptions = WithHooks & {
     /**
      * Components assigned to each type of rejection your router supports.
      */
-    rejections?: Rejection[];
+    rejections?: Rejections;
     /**
      * When false, createRouterAssets must be used for component and hooks. Assets exported by the library
      * will not work with the created router instance.
@@ -99,32 +99,32 @@ export type Router<TRoutes extends Routes = any, TOptions extends RouterOptions
     /**
      * Registers a hook to be called before a route is entered.
      */
-    onBeforeRouteEnter: AddRouterBeforeRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onBeforeRouteEnter: AddBeforeHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called before a route is left.
      */
-    onBeforeRouteLeave: AddRouterBeforeRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onBeforeRouteLeave: AddBeforeHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called before a route is updated.
      */
-    onBeforeRouteUpdate: AddRouterBeforeRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onBeforeRouteUpdate: AddBeforeHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called after a route is entered.
      */
-    onAfterRouteEnter: AddRouterAfterRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onAfterRouteEnter: AddAfterHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called after a route is left.
      */
-    onAfterRouteLeave: AddRouterAfterRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onAfterRouteLeave: AddAfterHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called after a route is updated.
      */
-    onAfterRouteUpdate: AddRouterAfterRouteHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onAfterRouteUpdate: AddAfterHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
      * Registers a hook to be called when an error occurs.
      * If the hook returns true, the error is considered handled and the other hooks are not run. If all hooks return false the error is rethrown
      */
-    onError: AddRouterErrorHook<TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
+    onError: AddErrorHook<TRoutes[number] | TPlugin['routes'][number], TRoutes | TPlugin['routes'], ToRouteContext<TOptions['rejections']> | ToRouteContext<TPlugin['rejections']>>;
     /**
     * Given a URL, returns true if host does not match host stored on router instance
     */

package/dist/types/routerAbort.d.ts

@@ -0,0 +1 @@
+export type RouterAbort = () => void;

package/dist/types/routerPlugin.d.ts

@@ -1,43 +1,19 @@
-import { BeforeRouteHook, AfterRouteHook, RouteHookRemove } from './hooks';
+import { HookRemove } from './hooks';
 import { Routes } from './route';
-import { MaybeArray, MaybePromise } from './utilities';
-import { Rejection } from './rejection';
-import { RouterRouteHooks } from '../models/RouterRouteHooks';
+import { Rejections } from './rejection';
+import { Hooks } from '../models/hooks';
 import { ResolvedRoute } from './resolved';
 import { RouterReject } from './routerReject';
 import { RouterPush } from './routerPush';
 import { RouterReplace } from './routerReplace';
 import { CallbackContextAbort } from '../services/createRouterCallbackContext';
+import { MaybePromise } from './utilities';
 export type EmptyRouterPlugin = RouterPlugin<[], []>;
-export type CreateRouterPluginOptions<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = {
+export type CreateRouterPluginOptions<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = {
     routes?: TRoutes;
     rejections?: TRejections;
-    /**
-     * @deprecated use plugin.onBeforeRouteEnter instead
-     */
-    onBeforeRouteEnter?: MaybeArray<BeforeRouteHook>;
-    /**
-     * @deprecated use plugin.onAfterRouteEnter instead
-     */
-    onAfterRouteEnter?: MaybeArray<AfterRouteHook>;
-    /**
-     * @deprecated use plugin.onBeforeRouteUpdate instead
-     */
-    onBeforeRouteUpdate?: MaybeArray<BeforeRouteHook>;
-    /**
-     * @deprecated use plugin.onAfterRouteUpdate instead
-     */
-    onAfterRouteUpdate?: MaybeArray<AfterRouteHook>;
-    /**
-     * @deprecated use plugin.onBeforeRouteLeave instead
-     */
-    onBeforeRouteLeave?: MaybeArray<BeforeRouteHook>;
-    /**
-     * @deprecated use plugin.onAfterRouteLeave instead
-     */
-    onAfterRouteLeave?: MaybeArray<AfterRouteHook>;
 };
-export type RouterPlugin<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = {
+export type RouterPlugin<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = {
     /**
      * The routes supplied by the plugin.
      * @internal
@@ -52,26 +28,26 @@ export type RouterPlugin<TRoutes extends Routes = Routes, TRejections extends Re
      * The hooks supplied by the plugin.
      * @internal
      */
-    hooks: RouterRouteHooks;
+    hooks: Hooks;
 };
-type PluginBeforeRouteHookContext<TRoutes extends Routes, TRejections extends Rejection[]> = {
+type PluginBeforeRouteHookContext<TRoutes extends Routes, TRejections extends Rejections> = {
     from: ResolvedRoute | null;
     reject: RouterReject<TRejections>;
     push: RouterPush<TRoutes>;
     replace: RouterReplace<TRoutes>;
     abort: CallbackContextAbort;
 };
-type PluginAfterRouteHookContext<TRoutes extends Routes, TRejections extends Rejection[]> = {
+type PluginAfterRouteHookContext<TRoutes extends Routes, TRejections extends Rejections> = {
     from: ResolvedRoute | null;
     reject: RouterReject<TRejections>;
     push: RouterPush<TRoutes>;
     replace: RouterReplace<TRoutes>;
 };
-export type PluginBeforeRouteHook<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = (to: ResolvedRoute, context: PluginBeforeRouteHookContext<TRoutes, TRejections>) => MaybePromise<void>;
-export type PluginAfterRouteHook<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = (to: ResolvedRoute, context: PluginAfterRouteHookContext<TRoutes, TRejections>) => MaybePromise<void>;
-type AddPluginBeforeRouteHook<TRoutes extends Routes, TRejections extends Rejection[]> = (hook: PluginBeforeRouteHook<TRoutes, TRejections>) => RouteHookRemove;
-type AddPluginAfterRouteHook<TRoutes extends Routes, TRejections extends Rejection[]> = (hook: PluginAfterRouteHook<TRoutes, TRejections>) => RouteHookRemove;
-export type PluginErrorHookContext<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = {
+export type PluginBeforeRouteHook<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = (to: ResolvedRoute, context: PluginBeforeRouteHookContext<TRoutes, TRejections>) => MaybePromise<void>;
+export type PluginAfterRouteHook<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = (to: ResolvedRoute, context: PluginAfterRouteHookContext<TRoutes, TRejections>) => MaybePromise<void>;
+type AddPluginBeforeRouteHook<TRoutes extends Routes, TRejections extends Rejections> = (hook: PluginBeforeRouteHook<TRoutes, TRejections>) => HookRemove;
+type AddPluginAfterRouteHook<TRoutes extends Routes, TRejections extends Rejections> = (hook: PluginAfterRouteHook<TRoutes, TRejections>) => HookRemove;
+export type PluginErrorHookContext<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = {
     to: ResolvedRoute;
     from: ResolvedRoute | null;
     source: 'props' | 'hook' | 'component';
@@ -79,9 +55,9 @@ export type PluginErrorHookContext<TRoutes extends Routes = Routes, TRejections
     push: RouterPush<TRoutes>;
     replace: RouterReplace<TRoutes>;
 };
-export type PluginErrorHook<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = (error: unknown, context: PluginErrorHookContext<TRoutes, TRejections>) => void;
-export type AddPluginErrorHook<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = (hook: PluginErrorHook<TRoutes, TRejections>) => RouteHookRemove;
-export type PluginRouteHooks<TRoutes extends Routes = Routes, TRejections extends Rejection[] = Rejection[]> = {
+export type PluginErrorHook<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = (error: unknown, context: PluginErrorHookContext<TRoutes, TRejections>) => void;
+export type AddPluginErrorHook<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = (hook: PluginErrorHook<TRoutes, TRejections>) => HookRemove;
+export type PluginRouteHooks<TRoutes extends Routes = Routes, TRejections extends Rejections = Rejections> = {
     /**
      * Registers a global hook to be called before a route is entered.
      */

package/dist/types/routerReject.d.ts

@@ -1,3 +1,3 @@
 import { BuiltInRejectionType } from '../services/createRouterReject';
-import { Rejection, RejectionType } from './rejection';
-export type RouterReject<TRejections extends Rejection[] | undefined> = <TSource extends (RejectionType<TRejections> | BuiltInRejectionType)>(type: TSource) => void;
+import { Rejections, RejectionType } from './rejection';
+export type RouterReject<TRejections extends Rejections | undefined> = <TSource extends (RejectionType<TRejections> | BuiltInRejectionType)>(type: TSource) => void;

package/dist/types/url.d.ts

@@ -1,13 +1,4 @@
-import { QuerySource } from './querySource';
 export type Url = `http://${string}` | `https://${string}` | `/${string}`;
-export type UrlParts = {
-    protocol?: string;
-    host?: string;
-    pathname: string;
-    searchParams: QuerySource;
-    search: string;
-    hash: string;
-};
 /**
  * A type guard for determining if a value is a valid URL.
  * @param value - The value to check.

package/dist/types/urlParts.d.ts

@@ -0,0 +1,53 @@
+import { WithParams } from '../services/withParams';
+import { ExtractRouteParamTypesWriting } from './params';
+/**
+ * Represents the structure of a url parts. Can be used to create a url with support for params.
+ */
+export type UrlParts<TProtocol extends WithParams = WithParams, THost extends WithParams = WithParams, TPort extends WithParams = WithParams, TPath extends WithParams = WithParams, TQuery extends WithParams = WithParams, THash extends WithParams = WithParams> = {
+    /**
+     * Represents the protocol for this route. Used for external routes.
+    */
+    protocol: TProtocol;
+    /**
+     * Represents the host for this route. Used for external routes.
+    */
+    host: THost;
+    /**
+     * Represents the port for this route. Used for external routes.
+    */
+    port: TPort;
+    /**
+     * Represents the structured path of the route, including path params.
+    */
+    pathname: TPath;
+    /**
+     * Represents the structured query of the route, including query params.
+    */
+    search: TQuery;
+    /**
+     * Represents the hash of the route.
+     */
+    hash: THash;
+    /**
+     * Converts the url parts to a full url.
+     */
+    assemble: (params: ExtractRouteParamTypesWriting<{
+        protocol: TProtocol;
+        host: THost;
+        port: TPort;
+        pathname: TPath;
+        search: TQuery;
+        hash: THash;
+    }>) => string;
+    /**
+     * Converts the url parts to a full url.
+     */
+    href: (params: ExtractRouteParamTypesWriting<{
+        protocol: TProtocol;
+        host: THost;
+        port: TPort;
+        pathname: TPath;
+        search: TQuery;
+        hash: THash;
+    }>) => string;
+};

package/dist/utilities/makeOptional.d.ts

@@ -6,4 +6,5 @@ export type MakeOptional<T> = {
 } & {
     [P in Exclude<keyof T, WithOptionalProperties<T>>]: T[P];
 };
+export type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;
 export {};

package/dist/utilities/testHelpers.d.ts

@@ -15,7 +15,14 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>, import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentA";
+    readonly path: "/parentA/[paramA]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []>, []>, import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
     paramA: StringConstructor;
 } & {
     paramB: StringConstructor;
@@ -34,14 +41,90 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
         id: string;
         props: undefined;
         meta: Readonly<{}>;
-    }], []> & import('../main').InternalRouteHooks<unknown>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
     readonly name: "parentA.childA";
     readonly path: "/childA/[?paramB]";
 }, "meta" | "props"> & {
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>, import('../main').Route<"parentA.childB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childB/[paramD]", {
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
+    paramA: StringConstructor;
+} & {
+    paramB: StringConstructor;
+}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentA";
+    readonly path: "/parentA/[paramA]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}, Omit<{
+    readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
+    readonly name: "parentA.childA";
+    readonly path: "/childA/[?paramB]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []>, []>, import('../main').Route<"parentA.childB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childB/[paramD]", {
+    paramA: StringConstructor;
+} & {
+    paramD: StringConstructor;
+}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentA";
+    readonly path: "/parentA/[paramA]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}, Omit<{
+    readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
+    readonly name: "parentA.childB";
+    readonly path: "/childB/[paramD]";
+    readonly component: {
+        template: string;
+    };
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA.childB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childB/[paramD]", {
     paramA: StringConstructor;
 } & {
     paramD: StringConstructor;
@@ -60,7 +143,14 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
         id: string;
         props: undefined;
         meta: Readonly<{}>;
-    }], []> & import('../main').InternalRouteHooks<unknown>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
     readonly name: "parentA.childB";
     readonly path: "/childB/[paramD]";
     readonly component: {
@@ -70,7 +160,7 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>, import('../main').Route<"parentA.childA.grandChildA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]/[paramC]", {
+}], []>, []>, import('../main').Route<"parentA.childA.grandChildA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]/[paramC]", {
     paramA: StringConstructor;
     paramB: StringConstructor;
 } & {
@@ -90,7 +180,14 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
         id: string;
         props: undefined;
         meta: Readonly<{}>;
-    }], []> & import('../main').InternalRouteHooks<unknown>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
     readonly name: "parentA.childA";
     readonly path: "/childA/[?paramB]";
 }, "meta" | "props"> & {
@@ -117,14 +214,54 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
             id: string;
             props: undefined;
             meta: Readonly<{}>;
-        }], []> & import('../main').InternalRouteHooks<unknown>;
+        }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []>, []>;
         readonly name: "parentA.childA";
         readonly path: "/childA/[?paramB]";
     }, "meta" | "props"> & {
         id: string;
         props: undefined;
         meta: Readonly<{}>;
-    }], []> & import('../main').InternalRouteHooks<unknown>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
+        paramA: StringConstructor;
+    } & {
+        paramB: StringConstructor;
+    }>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }, Omit<{
+        readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []>, []>;
+        readonly name: "parentA.childA";
+        readonly path: "/childA/[?paramB]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
     readonly name: "parentA.childA.grandChildA";
     readonly path: "/[paramC]";
     readonly component: {
@@ -134,7 +271,128 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>, import('../main').Route<"parentB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentB", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA.childA.grandChildA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]/[paramC]", {
+    paramA: StringConstructor;
+    paramB: StringConstructor;
+} & {
+    paramC: StringConstructor;
+}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentA";
+    readonly path: "/parentA/[paramA]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}, Omit<{
+    readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
+    readonly name: "parentA.childA";
+    readonly path: "/childA/[?paramB]";
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}, Omit<{
+    readonly parent: import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
+        paramA: StringConstructor;
+    } & {
+        paramB: StringConstructor;
+    }>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }, Omit<{
+        readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []>, []>;
+        readonly name: "parentA.childA";
+        readonly path: "/childA/[?paramB]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA.childA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]/childA/[?paramB]", {
+        paramA: StringConstructor;
+    } & {
+        paramB: StringConstructor;
+    }>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+        readonly name: "parentA";
+        readonly path: "/parentA/[paramA]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }, Omit<{
+        readonly parent: import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentA", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentA/[paramA]", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+            readonly name: "parentA";
+            readonly path: "/parentA/[paramA]";
+        }, "meta" | "props"> & {
+            id: string;
+            props: undefined;
+            meta: Readonly<{}>;
+        }], []>, []>;
+        readonly name: "parentA.childA";
+        readonly path: "/childA/[?paramB]";
+    }, "meta" | "props"> & {
+        id: string;
+        props: undefined;
+        meta: Readonly<{}>;
+    }], []>, []>;
+    readonly name: "parentA.childA.grandChildA";
+    readonly path: "/[paramC]";
+    readonly component: {
+        template: string;
+    };
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []>, []>, import('../main').Route<"parentB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentB", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentB";
+    readonly path: "/parentB";
+    readonly component: {
+        template: string;
+    };
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentB", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/parentB", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
     readonly name: "parentB";
     readonly path: "/parentB";
     readonly component: {
@@ -144,7 +402,17 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>, import('../main').Route<"parentC", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+}], []>, []>, import('../main').Route<"parentC", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
+    readonly name: "parentC";
+    readonly path: "/";
+    readonly component: {
+        template: string;
+    };
+}, "meta" | "props"> & {
+    id: string;
+    props: undefined;
+    meta: Readonly<{}>;
+}], []> & import('../main').InternalRouteHooks<import('../main').Route<"parentC", import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"/", {}>, import('../services/withParams').WithParams<"", {}>, import('../services/withParams').WithParams<"", {}>, Readonly<{}>, {}, [Omit<{
     readonly name: "parentC";
     readonly path: "/";
     readonly component: {
@@ -154,4 +422,4 @@ export declare const routes: readonly [import('../main').Route<"parentA", import
     id: string;
     props: undefined;
     meta: Readonly<{}>;
-}], []> & import('../main').InternalRouteHooks<unknown>];
+}], []>, []>];