feat: add type-safe redirect util to react router plugin

examples/react-router/plugin/src/routes.gen.tsx

@@ -3,7 +3,7 @@
 
 import { Fragment, lazy, Suspense } from 'react'
 import { createBrowserRouter, Outlet, RouterProvider } from 'react-router-dom'
-import { components, hooks } from '@generouted/react-router/client'
+import { components, hooks, utils } from '@generouted/react-router/client'
 
 import app from './pages/_app'
 import noMatch from './pages/404'
@@ -86,3 +86,4 @@ export const routes = [{ element: <App />, children: [...config, { path: '*', el
 export const Routes = () => <RouterProvider router={createBrowserRouter(routes)} />
 export const { Link, Navigate } = components<Path, Params>()
 export const { useNavigate, useParams } = hooks<Path, Params>()
+export const { rediect } = utils<Path, Params>()

plugins/react-router/src/client/index.ts

@@ -1,2 +1,3 @@
 export * from './components'
 export * from './hooks'
+export * from './utils'

plugins/react-router/src/client/utils.ts

@@ -0,0 +1,14 @@
+import { generatePath, redirect } from 'react-router-dom'
+
+export const utils = <Path extends string, Params extends Record<string, any>>() => {
+  type ParamPath = keyof Params
+
+  type Init = number | ResponseInit
+  type RedirectOptions<P> = P extends ParamPath ? [Init & { params: Params[P] }] : [Init & { params?: never }] | []
+
+  return {
+    rediect: <P extends Path>(url: P, ...[options]: RedirectOptions<P>) => {
+      return redirect(options?.params ? generatePath(url, options.params) : url, options)
+    },
+  }
+}

plugins/react-router/src/template.ts

@@ -3,7 +3,7 @@ export const template = `// Generouted, changes to this file will be overriden
 
 import { Fragment, lazy, Suspense } from 'react'
 import { createBrowserRouter, Outlet, RouterProvider } from 'react-router-dom'
-import { components, hooks } from '@generouted/react-router/client'
+import { components, hooks, utils } from '@generouted/react-router/client'
 
 // imports
 
@@ -17,4 +17,5 @@ export const routes = [{ element: <App />, children: [...config, { path: '*', el
 export const Routes = () => <RouterProvider router={createBrowserRouter(routes)} />
 export const { Link, Navigate } = components<Path, Params>()
 export const { useNavigate, useParams } = hooks<Path, Params>()
+export const { rediect } = utils<Path, Params>()
 `