@ovineko/react-router 0.0.1 → 0.0.2

package/README.md

@@ -174,7 +174,7 @@ userRoute.path({ id: "42" }, { tab: "settings" }, "profile");
 #### Type-safe Links
 
 ```tsx
-<userRoute.Link params={{ id: "42" }} queryParams={{ tab: "profile" }}>
+<userRoute.Link params={{ id: "42" }} searchParams={{ tab: "profile" }}>
   View Profile
 </userRoute.Link>
 
@@ -256,25 +256,6 @@ const params = route.useParams(); // Readonly<{ id: string }>
 const [searchParams] = route.useSearchParams(); // Readonly<{ page?: number }>
 ```
 
-## Migration from v0.x
-
-The library now uses valibot for validation instead of TypeScript generics:
-
-**Before:**
-
-```tsx
-const route = createRouteWithParams<{ id: string }, { q: string }>("/users/:id");
-```
-
-**After:**
-
-```tsx
-const route = createRouteWithParams("/users/:id", {
-  params: v.object({ id: v.string() }),
-  searchParams: v.object({ q: v.string() }),
-});
-```
-
 **Benefits:**
 
 - Runtime validation

package/dist/index.js

@@ -32,7 +32,7 @@ function safeDecodeURIComponent(value) {
 }
 
 // src/utils.ts
-var queryParamsToString = (params) => {
+var searchParamsToString = (params) => {
   if (!params || typeof params !== "object" || Array.isArray(params)) {
     return "";
   }
@@ -207,13 +207,13 @@ var createSearchParamsHook = (schema) => {
   return { useSearchParamsHook, useSearchParamsRaw };
 };
 var createRouteWithParams = (pattern, config) => {
-  const getPath = (params, searchParams, hash) => `${generatePath(pattern, params)}${queryParamsToString(searchParams)}${hash ? `#${hash}` : ""}`;
+  const getPath = (params, searchParams, hash) => `${generatePath(pattern, params)}${searchParamsToString(searchParams)}${hash ? `#${hash}` : ""}`;
   const searchParamsHooks = config.searchParams ? createSearchParamsHook(config.searchParams) : null;
   const LinkComponent = memo(
     ({
       children,
       params,
-      queryParams,
+      searchParams,
       state,
       ...props
     }) => {
@@ -222,7 +222,7 @@ var createRouteWithParams = (pattern, config) => {
         () => ({ prevPath: pathname, ...state }),
         [pathname, state]
       );
-      return /* @__PURE__ */ jsx(Link, { ...props, state: mergedState, to: getPath(params, queryParams), children });
+      return /* @__PURE__ */ jsx(Link, { ...props, state: mergedState, to: getPath(params, searchParams), children });
     }
   );
   const useParamsRaw = () => {
@@ -259,16 +259,16 @@ var createRouteWithParams = (pattern, config) => {
   };
 };
 var createRouteWithoutParams = (pattern, config) => {
-  const getPath = (searchParams, hash) => `${pattern}${queryParamsToString(searchParams)}${hash ? `#${hash}` : ""}`;
+  const getPath = (searchParams, hash) => `${pattern}${searchParamsToString(searchParams)}${hash ? `#${hash}` : ""}`;
   const searchParamsHooks = config?.searchParams ? createSearchParamsHook(config.searchParams) : null;
   const LinkComponent = memo(
-    ({ children, queryParams, state, ...props }) => {
+    ({ children, searchParams, state, ...props }) => {
       const { pathname } = useLocation();
       const mergedState = useMemo(
         () => ({ prevPath: pathname, ...state }),
         [pathname, state]
       );
-      return /* @__PURE__ */ jsx(Link, { ...props, state: mergedState, to: getPath(queryParams), children });
+      return /* @__PURE__ */ jsx(Link, { ...props, state: mergedState, to: getPath(searchParams), children });
     }
   );
   return {

package/dist/types.d.ts

@@ -4,7 +4,7 @@ export type InferSearchParams<T> = T extends v.GenericSchema ? v.InferOutput<T>
 export interface LinkPropsWithoutParams<SearchParams> extends Omit<LinkPropsLib, "to"> {
     children: React.ReactNode | string;
     className?: string;
-    queryParams?: SearchParams;
+    searchParams?: SearchParams;
     state?: State;
     style?: React.CSSProperties;
 }

package/dist/utils.d.ts

@@ -1,12 +1,12 @@
 import * as v from "valibot";
 import type { SearchParamsInput } from "./types";
-export declare const queryParamsToString: (params?: SearchParamsInput) => string;
+export declare const searchParamsToString: (params?: SearchParamsInput) => string;
 export declare const searchParamsToObject: (params: URLSearchParams) => Record<string, string | string[]>;
 export declare const objectToSearchParams: (obj: Record<string, unknown>) => URLSearchParams;
 export declare const parseURLParamsRaw: (pattern: string, url: string) => Record<string, string>;
 /**
  * Filters an object to only include keys that exist in the valibot object schema.
- * Ignores extra query parameters not defined in the schema.
+ * Ignores extra search parameters not defined in the schema.
  */
 export declare const filterBySchemaKeys: <T extends v.ObjectSchema<any, any>>(obj: Record<string, unknown>, schema: T) => Record<string, unknown>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovineko/react-router",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Type-safe wrapper for React Router v7 with typed params, query params, and Link components",
   "keywords": [
     "react",