@hyeonqyu/typed-router-react 1.5.5 → 1.7.0

package/dist/index.d.mts

@@ -1,6 +1,9 @@
+import * as _hyeonqyu_typed_router_core from '@hyeonqyu/typed-router-core';
+import { PartialRouteTree as PartialRouteTree$1, RouteTree as RouteTree$1, ResolvedRouteTree as ResolvedRouteTree$1, RoutePathname as RoutePathname$1 } from '@hyeonqyu/typed-router-core';
+export * from '@hyeonqyu/typed-router-core';
+import * as react_router from 'react-router';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-export * from '@hyeonqyu/typed-router-core';
 
 type Paths<TObject, TSplitter extends string, TPrev extends string = '', TMaxDepth extends number = 10, TDepth extends unknown[] = []> = TDepth['length'] extends TMaxDepth ? never : TSplitter | {
     [K in keyof TObject & string]: TObject[K] extends object ? `${TSplitter}${TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`}` | Paths<TObject[K], TSplitter, TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`, TMaxDepth, [...TDepth, 1]> : `${TSplitter}${TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`}`;
@@ -39,23 +42,42 @@ type RouteTreeWithoutMetadata<T> = {
     [K in keyof T as K extends '_metadata' ? never : K]: T[K] extends object ? RouteTreeWithoutMetadata<T[K]> : T[K];
 };
 type RoutePathname<TMetadata extends BaseMetadata, TContext, TRouteTree extends PartialRouteTree<TMetadata, TContext>> = Paths<RouteTreeWithoutMetadata<TRouteTree>, '/', ''>;
+type SimplifyPathname<T> = T extends string ? T : never;
 type ResolvedRouteTree<TMetadata extends BaseMetadata, TContext, TRouteTree extends PartialRouteTree<TMetadata, TContext>> = TRouteTree & RouteTree<TMetadata, TContext, TRouteTree>;
+type ExtractSearchParams<TNode> = TNode extends {
+    _metadata: {
+        searchParamsSchema: AnyZodSchema;
+    };
+} ? TNode['_metadata']['searchParamsSchema']['_output'] : Record<string, unknown>;
+type GetRouteNode<TRouteTree, TPath extends string> = TPath extends `/${infer First}/${infer Rest}` ? First extends keyof TRouteTree ? GetRouteNode<TRouteTree[First], `/${Rest}`> : never : TPath extends `/${infer Key}` ? Key extends keyof TRouteTree ? TRouteTree[Key] : never : TRouteTree;
 
 declare const createAppRoutes: <TMetadata extends {
     component: ReactNode;
-}, TContext>() => <TRouteTree extends PartialRouteTree<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree<TMetadata, TContext, TRouteTree, TRouteTree>) => {
+}, TContext>() => <TRouteTree extends PartialRouteTree$1<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree>) => {
     AppRoutesProvider: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    useAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree>;
-    useCurrentRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree>>(pathname: TPath) => RouteNode<TMetadata, TContext>;
+    useAppRoutes: () => ResolvedRouteTree$1<TMetadata, TContext, TRouteTree>;
+    useTypedNavigation: () => <TPath extends RoutePathname$1<TMetadata, TContext, TRouteTree>>(href: TPath, options?: Omit<react_router.NavigateOptions, "searchParams"> & {
+        searchParams?: _hyeonqyu_typed_router_core.ExtractSearchParams<_hyeonqyu_typed_router_core.GetRouteNode<TRouteTree, TPath>> | undefined;
+    }) => void | Promise<void>;
     getPathnameFromNode: (targetNode: RouteNode<TMetadata, TContext>, params?: SearchParams) => string | undefined;
-    freezeAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree>;
+    freezeAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>;
+    useCurrentRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(pathname: TPath) => RouteNode<TMetadata, TContext>;
+    appRoutes: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>;
     _types: {
+        AppRoutesPathname: RoutePathname$1<TMetadata, TContext, TRouteTree>;
         AppRoutesMetadata: TMetadata;
         AppRoutesContext: TContext;
-        AppRoutesPathname: RoutePathname<TMetadata, TContext, TRouteTree>;
         AppRouteNode: RouteNode<TMetadata, TContext>;
+        AppRoutes: ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>;
+        AppRouteTree: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>;
+        AppRouteNodeMetadata: RouteNodeMetadata<TMetadata, TContext>;
+        AppPartialRouteTree: PartialRouteTree<TMetadata, TContext>;
+        GetRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(path: TPath) => GetRouteNode<ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>, TPath>;
+        SearchParamsForPath: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(path: TPath) => ExtractSearchParams<GetRouteNode<ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>, TPath>>;
+        ExtractSearchParams: <TNode extends RouteNode<TMetadata, TContext>>(node: TNode) => ExtractSearchParams<TNode>;
+        SimplifyPathname: SimplifyPathname<RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>;
     };
 };
 

package/dist/index.d.ts

@@ -1,6 +1,9 @@
+import * as _hyeonqyu_typed_router_core from '@hyeonqyu/typed-router-core';
+import { PartialRouteTree as PartialRouteTree$1, RouteTree as RouteTree$1, ResolvedRouteTree as ResolvedRouteTree$1, RoutePathname as RoutePathname$1 } from '@hyeonqyu/typed-router-core';
+export * from '@hyeonqyu/typed-router-core';
+import * as react_router from 'react-router';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-export * from '@hyeonqyu/typed-router-core';
 
 type Paths<TObject, TSplitter extends string, TPrev extends string = '', TMaxDepth extends number = 10, TDepth extends unknown[] = []> = TDepth['length'] extends TMaxDepth ? never : TSplitter | {
     [K in keyof TObject & string]: TObject[K] extends object ? `${TSplitter}${TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`}` | Paths<TObject[K], TSplitter, TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`, TMaxDepth, [...TDepth, 1]> : `${TSplitter}${TPrev extends '' ? K : `${TPrev}${TSplitter}${K}`}`;
@@ -39,23 +42,42 @@ type RouteTreeWithoutMetadata<T> = {
     [K in keyof T as K extends '_metadata' ? never : K]: T[K] extends object ? RouteTreeWithoutMetadata<T[K]> : T[K];
 };
 type RoutePathname<TMetadata extends BaseMetadata, TContext, TRouteTree extends PartialRouteTree<TMetadata, TContext>> = Paths<RouteTreeWithoutMetadata<TRouteTree>, '/', ''>;
+type SimplifyPathname<T> = T extends string ? T : never;
 type ResolvedRouteTree<TMetadata extends BaseMetadata, TContext, TRouteTree extends PartialRouteTree<TMetadata, TContext>> = TRouteTree & RouteTree<TMetadata, TContext, TRouteTree>;
+type ExtractSearchParams<TNode> = TNode extends {
+    _metadata: {
+        searchParamsSchema: AnyZodSchema;
+    };
+} ? TNode['_metadata']['searchParamsSchema']['_output'] : Record<string, unknown>;
+type GetRouteNode<TRouteTree, TPath extends string> = TPath extends `/${infer First}/${infer Rest}` ? First extends keyof TRouteTree ? GetRouteNode<TRouteTree[First], `/${Rest}`> : never : TPath extends `/${infer Key}` ? Key extends keyof TRouteTree ? TRouteTree[Key] : never : TRouteTree;
 
 declare const createAppRoutes: <TMetadata extends {
     component: ReactNode;
-}, TContext>() => <TRouteTree extends PartialRouteTree<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree<TMetadata, TContext, TRouteTree, TRouteTree>) => {
+}, TContext>() => <TRouteTree extends PartialRouteTree$1<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree>) => {
     AppRoutesProvider: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
-    useAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree>;
-    useCurrentRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree>>(pathname: TPath) => RouteNode<TMetadata, TContext>;
+    useAppRoutes: () => ResolvedRouteTree$1<TMetadata, TContext, TRouteTree>;
+    useTypedNavigation: () => <TPath extends RoutePathname$1<TMetadata, TContext, TRouteTree>>(href: TPath, options?: Omit<react_router.NavigateOptions, "searchParams"> & {
+        searchParams?: _hyeonqyu_typed_router_core.ExtractSearchParams<_hyeonqyu_typed_router_core.GetRouteNode<TRouteTree, TPath>> | undefined;
+    }) => void | Promise<void>;
     getPathnameFromNode: (targetNode: RouteNode<TMetadata, TContext>, params?: SearchParams) => string | undefined;
-    freezeAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree>;
+    freezeAppRoutes: () => ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>;
+    useCurrentRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(pathname: TPath) => RouteNode<TMetadata, TContext>;
+    appRoutes: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>;
     _types: {
+        AppRoutesPathname: RoutePathname$1<TMetadata, TContext, TRouteTree>;
         AppRoutesMetadata: TMetadata;
         AppRoutesContext: TContext;
-        AppRoutesPathname: RoutePathname<TMetadata, TContext, TRouteTree>;
         AppRouteNode: RouteNode<TMetadata, TContext>;
+        AppRoutes: ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>;
+        AppRouteTree: TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>;
+        AppRouteNodeMetadata: RouteNodeMetadata<TMetadata, TContext>;
+        AppPartialRouteTree: PartialRouteTree<TMetadata, TContext>;
+        GetRouteNode: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(path: TPath) => GetRouteNode<ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>, TPath>;
+        SearchParamsForPath: <TPath extends RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>(path: TPath) => ExtractSearchParams<GetRouteNode<ResolvedRouteTree<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>, TPath>>;
+        ExtractSearchParams: <TNode extends RouteNode<TMetadata, TContext>>(node: TNode) => ExtractSearchParams<TNode>;
+        SimplifyPathname: SimplifyPathname<RoutePathname<TMetadata, TContext, TRouteTree & RouteTree$1<TMetadata, TContext, TRouteTree, TRouteTree>>>;
     };
 };
 

package/dist/index.js

@@ -2,9 +2,41 @@
 
 var routes_utils = require('@hyeonqyu/typed-router-core/routes.utils');
 var typedRouterCore = require('@hyeonqyu/typed-router-core');
+var reactRouterDom = require('react-router-dom');
 
 // src/index.ts
-var createAppRoutes = () => routes_utils.createAppRoutes();
+var createTypedNavigation = () => {
+  const getHrefWithSearchParams = (href, searchParams) => {
+    const { pathname, remainingParams } = typedRouterCore.replaceDynamicSegments(href, searchParams);
+    return `${pathname}${typedRouterCore.toSearchParamsString(remainingParams, { includeQuestionMark: true })}`;
+  };
+  return () => {
+    const navigate = reactRouterDom.useNavigate();
+    return (href, options) => {
+      const finalHref = getHrefWithSearchParams(href, options?.searchParams);
+      return navigate(finalHref, options);
+    };
+  };
+};
+var createAppRoutes = () => {
+  return (appRoutes) => {
+    const { AppRoutesProvider, useAppRoutes, getPathnameFromNode, freezeAppRoutes, useCurrentRouteNode, _types } = routes_utils.createAppRoutes()(appRoutes);
+    const useTypedNavigation = createTypedNavigation();
+    return {
+      AppRoutesProvider,
+      useAppRoutes,
+      useTypedNavigation,
+      getPathnameFromNode,
+      freezeAppRoutes,
+      useCurrentRouteNode,
+      appRoutes,
+      _types: {
+        ..._types,
+        AppRoutesPathname: {}
+      }
+    };
+  };
+};
 
 exports.createAppRoutes = createAppRoutes;
 Object.keys(typedRouterCore).forEach(function (k) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["coreCreateAppRoutes"],"mappings":";;;;;;AAGO,IAAM,eAAA,GAAkB,MAA4DA,4BAAA","file":"index.js","sourcesContent":["import { createAppRoutes as coreCreateAppRoutes } from '@hyeonqyu/typed-router-core/routes.utils';\nimport { ReactNode } from 'react';\n\nexport const createAppRoutes = <TMetadata extends { component: ReactNode }, TContext>() => coreCreateAppRoutes<TMetadata, TContext>();\n\nexport * from '@hyeonqyu/typed-router-core';\n"]}
+{"version":3,"sources":["../src/navigation.hooks.ts","../src/index.ts"],"names":["replaceDynamicSegments","toSearchParamsString","useNavigate","coreCreateAppRoutes"],"mappings":";;;;;;;AAQO,IAAM,wBAAwB,MAA+D;AAClG,EAAA,MAAM,uBAAA,GAA0B,CAAC,IAAA,EAAiB,YAAA,KAAgC;AAChF,IAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAgB,GAAIA,sCAAA,CAAuB,MAAgB,YAAY,CAAA;AACzF,IAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAGC,oCAAA,CAAqB,iBAAiB,EAAE,mBAAA,EAAqB,IAAA,EAAM,CAAC,CAAA,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,OAAO,MAAM;AACX,IAAA,MAAM,WAAWC,0BAAA,EAAY;AAE7B,IAAA,OAAO,CAA0B,MAAa,OAAA,KAA2E;AACvH,MAAA,MAAM,SAAA,GAAY,uBAAA,CAAwB,IAAA,EAAM,OAAA,EAAS,YAA4B,CAAA;AACrF,MAAA,OAAO,QAAA,CAAS,WAAW,OAAO,CAAA;AAAA,IACpC,CAAA;AAAA,EACF,CAAA;AACF,CAAA;ACjBO,IAAM,kBAAkB,MAA4D;AACzF,EAAA,OAAO,CAA2D,SAAA,KAAuE;AACvI,IAAA,MAAM,EAAE,iBAAA,EAAmB,YAAA,EAAc,mBAAA,EAAqB,eAAA,EAAiB,qBAAqB,MAAA,EAAO,GAAIC,4BAAA,EAG7G,CAAE,SAAS,CAAA;AAKb,IAAA,MAAM,qBAAqB,qBAAA,EAA4C;AAEvE,IAAA,OAAO;AAAA,MACL,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,mBAAA;AAAA,MACA,eAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,GAAG,MAAA;AAAA,QACH,mBAAmB;AAAC;AACtB,KACF;AAAA,EACF,CAAA;AACF","file":"index.js","sourcesContent":["import { replaceDynamicSegments, SearchParams, SearchParamsForPath, toSearchParamsString } from '@hyeonqyu/typed-router-core';\nimport { NavigateOptions, useNavigate } from 'react-router-dom';\n\ntype TypedNavigateOptions<TSearchParams = SearchParams> = Omit<NavigateOptions, 'searchParams'> & {\n  /** Custom typed search params */\n  searchParams?: TSearchParams;\n};\n\nexport const createTypedNavigation = <TPathname extends string = string, TRouteTree = unknown>() => {\n  const getHrefWithSearchParams = (href: TPathname, searchParams?: SearchParams) => {\n    const { pathname, remainingParams } = replaceDynamicSegments(href as string, searchParams);\n    return `${pathname}${toSearchParamsString(remainingParams, { includeQuestionMark: true })}`;\n  };\n\n  return () => {\n    const navigate = useNavigate();\n\n    return <TPath extends TPathname>(href: TPath, options?: TypedNavigateOptions<SearchParamsForPath<TRouteTree, TPath>>) => {\n      const finalHref = getHrefWithSearchParams(href, options?.searchParams as SearchParams);\n      return navigate(finalHref, options);\n    };\n  };\n};\n","import { type PartialRouteTree, type ResolvedRouteTree, type RoutePathname, type RouteTree } from '@hyeonqyu/typed-router-core';\nimport { createAppRoutes as coreCreateAppRoutes } from '@hyeonqyu/typed-router-core/routes.utils';\nimport { ReactNode } from 'react';\nimport { createTypedNavigation } from './navigation.hooks';\n\nexport const createAppRoutes = <TMetadata extends { component: ReactNode }, TContext>() => {\n  return <TRouteTree extends PartialRouteTree<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree<TMetadata, TContext, TRouteTree>) => {\n    const { AppRoutesProvider, useAppRoutes, getPathnameFromNode, freezeAppRoutes, useCurrentRouteNode, _types } = coreCreateAppRoutes<\n      TMetadata,\n      TContext\n    >()(appRoutes);\n\n    type Pathname = RoutePathname<TMetadata, TContext, TRouteTree>;\n    type Routes = ResolvedRouteTree<TMetadata, TContext, TRouteTree>;\n\n    const useTypedNavigation = createTypedNavigation<Pathname, TRouteTree>();\n\n    return {\n      AppRoutesProvider,\n      useAppRoutes: useAppRoutes as () => Routes,\n      useTypedNavigation,\n      getPathnameFromNode,\n      freezeAppRoutes,\n      useCurrentRouteNode,\n      appRoutes,\n      _types: {\n        ..._types,\n        AppRoutesPathname: {} as Pathname,\n      },\n    };\n  };\n};\n\nexport * from '@hyeonqyu/typed-router-core';\n"]}

package/dist/index.mjs

@@ -1,8 +1,41 @@
 import { createAppRoutes as createAppRoutes$1 } from '@hyeonqyu/typed-router-core/routes.utils';
+import { replaceDynamicSegments, toSearchParamsString } from '@hyeonqyu/typed-router-core';
 export * from '@hyeonqyu/typed-router-core';
+import { useNavigate } from 'react-router-dom';
 
 // src/index.ts
-var createAppRoutes = () => createAppRoutes$1();
+var createTypedNavigation = () => {
+  const getHrefWithSearchParams = (href, searchParams) => {
+    const { pathname, remainingParams } = replaceDynamicSegments(href, searchParams);
+    return `${pathname}${toSearchParamsString(remainingParams, { includeQuestionMark: true })}`;
+  };
+  return () => {
+    const navigate = useNavigate();
+    return (href, options) => {
+      const finalHref = getHrefWithSearchParams(href, options?.searchParams);
+      return navigate(finalHref, options);
+    };
+  };
+};
+var createAppRoutes = () => {
+  return (appRoutes) => {
+    const { AppRoutesProvider, useAppRoutes, getPathnameFromNode, freezeAppRoutes, useCurrentRouteNode, _types } = createAppRoutes$1()(appRoutes);
+    const useTypedNavigation = createTypedNavigation();
+    return {
+      AppRoutesProvider,
+      useAppRoutes,
+      useTypedNavigation,
+      getPathnameFromNode,
+      freezeAppRoutes,
+      useCurrentRouteNode,
+      appRoutes,
+      _types: {
+        ..._types,
+        AppRoutesPathname: {}
+      }
+    };
+  };
+};
 
 export { createAppRoutes };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["coreCreateAppRoutes"],"mappings":";;;;AAGO,IAAM,eAAA,GAAkB,MAA4DA,iBAAA","file":"index.mjs","sourcesContent":["import { createAppRoutes as coreCreateAppRoutes } from '@hyeonqyu/typed-router-core/routes.utils';\nimport { ReactNode } from 'react';\n\nexport const createAppRoutes = <TMetadata extends { component: ReactNode }, TContext>() => coreCreateAppRoutes<TMetadata, TContext>();\n\nexport * from '@hyeonqyu/typed-router-core';\n"]}
+{"version":3,"sources":["../src/navigation.hooks.ts","../src/index.ts"],"names":["coreCreateAppRoutes"],"mappings":";;;;;;AAQO,IAAM,wBAAwB,MAA+D;AAClG,EAAA,MAAM,uBAAA,GAA0B,CAAC,IAAA,EAAiB,YAAA,KAAgC;AAChF,IAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAgB,GAAI,sBAAA,CAAuB,MAAgB,YAAY,CAAA;AACzF,IAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,oBAAA,CAAqB,iBAAiB,EAAE,mBAAA,EAAqB,IAAA,EAAM,CAAC,CAAA,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,OAAO,MAAM;AACX,IAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,IAAA,OAAO,CAA0B,MAAa,OAAA,KAA2E;AACvH,MAAA,MAAM,SAAA,GAAY,uBAAA,CAAwB,IAAA,EAAM,OAAA,EAAS,YAA4B,CAAA;AACrF,MAAA,OAAO,QAAA,CAAS,WAAW,OAAO,CAAA;AAAA,IACpC,CAAA;AAAA,EACF,CAAA;AACF,CAAA;ACjBO,IAAM,kBAAkB,MAA4D;AACzF,EAAA,OAAO,CAA2D,SAAA,KAAuE;AACvI,IAAA,MAAM,EAAE,iBAAA,EAAmB,YAAA,EAAc,mBAAA,EAAqB,eAAA,EAAiB,qBAAqB,MAAA,EAAO,GAAIA,iBAAA,EAG7G,CAAE,SAAS,CAAA;AAKb,IAAA,MAAM,qBAAqB,qBAAA,EAA4C;AAEvE,IAAA,OAAO;AAAA,MACL,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,mBAAA;AAAA,MACA,eAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,GAAG,MAAA;AAAA,QACH,mBAAmB;AAAC;AACtB,KACF;AAAA,EACF,CAAA;AACF","file":"index.mjs","sourcesContent":["import { replaceDynamicSegments, SearchParams, SearchParamsForPath, toSearchParamsString } from '@hyeonqyu/typed-router-core';\nimport { NavigateOptions, useNavigate } from 'react-router-dom';\n\ntype TypedNavigateOptions<TSearchParams = SearchParams> = Omit<NavigateOptions, 'searchParams'> & {\n  /** Custom typed search params */\n  searchParams?: TSearchParams;\n};\n\nexport const createTypedNavigation = <TPathname extends string = string, TRouteTree = unknown>() => {\n  const getHrefWithSearchParams = (href: TPathname, searchParams?: SearchParams) => {\n    const { pathname, remainingParams } = replaceDynamicSegments(href as string, searchParams);\n    return `${pathname}${toSearchParamsString(remainingParams, { includeQuestionMark: true })}`;\n  };\n\n  return () => {\n    const navigate = useNavigate();\n\n    return <TPath extends TPathname>(href: TPath, options?: TypedNavigateOptions<SearchParamsForPath<TRouteTree, TPath>>) => {\n      const finalHref = getHrefWithSearchParams(href, options?.searchParams as SearchParams);\n      return navigate(finalHref, options);\n    };\n  };\n};\n","import { type PartialRouteTree, type ResolvedRouteTree, type RoutePathname, type RouteTree } from '@hyeonqyu/typed-router-core';\nimport { createAppRoutes as coreCreateAppRoutes } from '@hyeonqyu/typed-router-core/routes.utils';\nimport { ReactNode } from 'react';\nimport { createTypedNavigation } from './navigation.hooks';\n\nexport const createAppRoutes = <TMetadata extends { component: ReactNode }, TContext>() => {\n  return <TRouteTree extends PartialRouteTree<TMetadata, TContext>>(appRoutes: TRouteTree & RouteTree<TMetadata, TContext, TRouteTree>) => {\n    const { AppRoutesProvider, useAppRoutes, getPathnameFromNode, freezeAppRoutes, useCurrentRouteNode, _types } = coreCreateAppRoutes<\n      TMetadata,\n      TContext\n    >()(appRoutes);\n\n    type Pathname = RoutePathname<TMetadata, TContext, TRouteTree>;\n    type Routes = ResolvedRouteTree<TMetadata, TContext, TRouteTree>;\n\n    const useTypedNavigation = createTypedNavigation<Pathname, TRouteTree>();\n\n    return {\n      AppRoutesProvider,\n      useAppRoutes: useAppRoutes as () => Routes,\n      useTypedNavigation,\n      getPathnameFromNode,\n      freezeAppRoutes,\n      useCurrentRouteNode,\n      appRoutes,\n      _types: {\n        ..._types,\n        AppRoutesPathname: {} as Pathname,\n      },\n    };\n  };\n};\n\nexport * from '@hyeonqyu/typed-router-core';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyeonqyu/typed-router-react",
-  "version": "1.5.5",
+  "version": "1.7.0",
   "description": "Type-safe IA-first routing for React Router",
   "author": "hyeonQyu <dhk0561@naver.com>",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "react-router-dom": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
-    "@hyeonqyu/typed-router-core": "^1.5.5"
+    "@hyeonqyu/typed-router-core": "^1.6.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.5",