@flight-framework/router 0.3.2 → 0.5.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { L as LinkProps, R as RouteParams, S as SearchParams } from './prefetch-COkjiZgH.js';
-export { g as LoaderContext, f as LoaderFunction, N as NavigateOptions, d as PrefetchOptions, k as PrefetchPageLinks, c as PrefetchPriority, P as PrefetchStrategy, e as RouteDefinition, h as RouteMatch, i as RouterContext, a as RouterContextValue, j as RouterProvider, b as RouterProviderProps, w as clearPrefetchCache, l as findRoute, o as generatePath, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, u as useRouter } from './prefetch-COkjiZgH.js';
+import { L as LinkProps, R as RouteParams, S as SearchParams } from './prefetch-C_RFFXW0.js';
+export { g as LoaderContext, f as LoaderFunction, N as NavigateOptions, d as PrefetchOptions, k as PrefetchPageLinks, c as PrefetchPriority, P as PrefetchStrategy, e as RouteDefinition, h as RouteMatch, i as RouterContext, a as RouterContextValue, j as RouterProvider, b as RouterProviderProps, w as clearPrefetchCache, l as findRoute, o as generatePath, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, u as useRouter } from './prefetch-C_RFFXW0.js';
 
 /**
  * @flight-framework/router - Link Component

package/dist/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()

package/dist/preact/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue } from '../prefetch-COkjiZgH.js';
-export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, B as getRouterContext, D as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, C as subscribe } from '../prefetch-COkjiZgH.js';
+import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue, B as SetSearchParamsFunction } from '../prefetch-C_RFFXW0.js';
+export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, C as getRouterContext, E as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, D as subscribe } from '../prefetch-C_RFFXW0.js';
 import * as preact$1 from 'preact';
 import { FunctionComponent, ComponentChildren } from 'preact';
 
@@ -46,9 +46,9 @@ declare function useRouter(): RouterContextValue;
  */
 declare function usePathname(): string;
 /**
- * Hook to get current search params
+ * Hook to get and set current search params (React Router compatible)
  */
-declare function useSearchParams(): URLSearchParams;
+declare function useSearchParams(): [URLSearchParams, SetSearchParamsFunction];
 /**
  * Hook to get route params
  */

package/dist/preact/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()
@@ -551,9 +585,41 @@ function navigateTo2(to, options = {}) {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }
 }
+function createSetSearchParams2() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser6) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams2 = createSetSearchParams2();
 var defaultContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams2,
   navigate: navigateTo2,
   back: () => isBrowser6 && window.history.back(),
   forward: () => isBrowser6 && window.history.forward()
@@ -567,8 +633,8 @@ function usePathname() {
   return path;
 }
 function useSearchParams() {
-  const { searchParams } = useContext(RouterContext2);
-  return searchParams;
+  const { searchParams, setSearchParams } = useContext(RouterContext2);
+  return [searchParams, setSearchParams];
 }
 function useParams() {
   return {};
@@ -588,6 +654,7 @@ var RouterProvider2 = ({
     return {
       path: normalizedPath,
       searchParams,
+      setSearchParams: globalSetSearchParams2,
       navigate: navigateTo2,
       back: () => isBrowser6 && window.history.back(),
       forward: () => isBrowser6 && window.history.forward()

package/dist/{prefetch-COkjiZgH.d.ts → prefetch-C_RFFXW0.d.ts}

@@ -9,6 +9,8 @@ interface RouterContextValue {
     path: string;
     /** URL search params as object */
     searchParams: URLSearchParams;
+    /** Update URL search params (React Router compatible) */
+    setSearchParams: SetSearchParamsFunction;
     /** Navigate to a new path */
     navigate: (to: string, options?: NavigateOptions) => void;
     /** Go back in history */
@@ -16,6 +18,14 @@ interface RouterContextValue {
     /** Go forward in history */
     forward: () => void;
 }
+/**
+ * SetSearchParams function type following React Router pattern.
+ * Accepts URLSearchParams, object, or callback function.
+ */
+type SetSearchParamsFunction = (nextInit: URLSearchParams | Record<string, string | string[]> | ((prev: URLSearchParams) => URLSearchParams), navigateOptions?: {
+    replace?: boolean;
+    state?: unknown;
+}) => void;
 /**
  * Props for RouterProvider component
  */
@@ -370,4 +380,4 @@ declare function observeForPrefetch(element: Element, href: string): () => void;
  */
 declare function setupIntentPrefetch(element: HTMLElement, href: string): () => void;
 
-export { prefetchWhenIdle as A, getRouterContext as B, subscribe as C, initRouter as D, type LinkProps as L, type NavigateOptions as N, type PrefetchStrategy as P, type RouteParams as R, type SearchParams as S, type RouterContextValue as a, type RouterProviderProps as b, type PrefetchPriority as c, type PrefetchOptions as d, type RouteDefinition as e, type LoaderFunction as f, type LoaderContext as g, type RouteMatch as h, RouterContext as i, RouterProvider as j, PrefetchPageLinks as k, findRoute as l, matchRoute as m, navigate as n, generatePath as o, parseParams as p, isActive as q, redirect as r, prefetch as s, prefetchAll as t, useRouter as u, isPrefetched as v, clearPrefetchCache as w, observeForPrefetch as x, setupIntentPrefetch as y, prefetchPages as z };
+export { prefetchWhenIdle as A, type SetSearchParamsFunction as B, getRouterContext as C, subscribe as D, initRouter as E, type LinkProps as L, type NavigateOptions as N, type PrefetchStrategy as P, type RouteParams as R, type SearchParams as S, type RouterContextValue as a, type RouterProviderProps as b, type PrefetchPriority as c, type PrefetchOptions as d, type RouteDefinition as e, type LoaderFunction as f, type LoaderContext as g, type RouteMatch as h, RouterContext as i, RouterProvider as j, PrefetchPageLinks as k, findRoute as l, matchRoute as m, navigate as n, generatePath as o, parseParams as p, isActive as q, redirect as r, prefetch as s, prefetchAll as t, useRouter as u, isPrefetched as v, clearPrefetchCache as w, observeForPrefetch as x, setupIntentPrefetch as y, prefetchPages as z };

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
-import { L as LinkProps, b as RouterProviderProps, a as RouterContextValue, R as RouteParams } from '../prefetch-COkjiZgH.js';
-export { g as LoaderContext, f as LoaderFunction, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, P as PrefetchStrategy, e as RouteDefinition, h as RouteMatch, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, B as getRouterContext, D as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, C as subscribe } from '../prefetch-COkjiZgH.js';
+import { L as LinkProps, b as RouterProviderProps, a as RouterContextValue, B as SetSearchParamsFunction, R as RouteParams } from '../prefetch-C_RFFXW0.js';
+export { g as LoaderContext, f as LoaderFunction, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, P as PrefetchStrategy, e as RouteDefinition, h as RouteMatch, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, C as getRouterContext, E as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, D as subscribe } from '../prefetch-C_RFFXW0.js';
 import React from 'react';
 
 /**
@@ -85,18 +85,30 @@ declare function RouterProvider({ children, initialPath, basePath }: RouterProvi
  */
 declare function usePathname(): string;
 /**
- * Hook to get current search params
+ * Hook to get and set current search params
+ *
+ * Following React Router API pattern: returns [searchParams, setSearchParams] tuple.
  *
  * @example
  * ```tsx
  * function Component() {
- *     const searchParams = useSearchParams();
+ *     const [searchParams, setSearchParams] = useSearchParams();
  *     const page = searchParams.get('page') || '1';
+ *
+ *     // Update search params
+ *     setSearchParams({ page: '2' });
+ *
+ *     // Or with callback
+ *     setSearchParams(prev => {
+ *         prev.set('tab', '1');
+ *         return prev;
+ *     });
+ *
  *     return <div>Page: {page}</div>;
  * }
  * ```
  */
-declare function useSearchParams(): URLSearchParams;
+declare function useSearchParams(): [URLSearchParams, SetSearchParamsFunction];
 /**
  * Hook to get route params
  *

package/dist/react/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()
@@ -556,7 +590,7 @@ function Link({
 }
 
 // src/react/RouterProvider.tsx
-import { createContext, useContext, useState, useEffect as useEffect2 } from "react";
+import { createContext, useContext, useState, useEffect as useEffect2, useCallback as useCallback2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var isBrowser6 = typeof window !== "undefined";
 function navigateTo2(to, options = {}) {
@@ -571,9 +605,12 @@ function navigateTo2(to, options = {}) {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }
 }
+var defaultSetSearchParams = () => {
+};
 var defaultContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: defaultSetSearchParams,
   navigate: navigateTo2,
   back: () => isBrowser6 && window.history.back(),
   forward: () => isBrowser6 && window.history.forward()
@@ -587,6 +624,30 @@ function RouterProvider2({
   initialPath,
   basePath = ""
 }) {
+  const setSearchParamsCallback = useCallback2((nextInit, navigateOptions = {}) => {
+    if (!isBrowser6) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    navigateTo2(newUrl, { replace: navigateOptions.replace ?? false, scroll: false, state: navigateOptions.state });
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  }, []);
   const [routerState, setRouterState] = useState(() => {
     const path = isBrowser6 ? window.location.pathname : initialPath || "/";
     const searchParams = isBrowser6 ? new URLSearchParams(window.location.search) : new URLSearchParams();
@@ -597,6 +658,7 @@ function RouterProvider2({
     return {
       path: normalizedPath,
       searchParams,
+      setSearchParams: setSearchParamsCallback,
       navigate: navigateTo2,
       back: () => isBrowser6 && window.history.back(),
       forward: () => isBrowser6 && window.history.forward()
@@ -661,8 +723,8 @@ function usePathname() {
   );
 }
 function useSearchParams() {
-  const { searchParams } = useContext2(RouterContext2);
-  return searchParams;
+  const { searchParams, setSearchParams } = useContext2(RouterContext2);
+  return [searchParams, setSearchParams];
 }
 function useParams() {
   return {};

package/dist/solid/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue } from '../prefetch-COkjiZgH.js';
-export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, B as getRouterContext, D as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, C as subscribe } from '../prefetch-COkjiZgH.js';
+import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue } from '../prefetch-C_RFFXW0.js';
+export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, C as getRouterContext, E as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, D as subscribe } from '../prefetch-C_RFFXW0.js';
 import * as solid_js from 'solid-js';
 import { JSX, Accessor } from 'solid-js';
 
@@ -69,7 +69,7 @@ declare function useRouter(): RouterContextValue;
  */
 declare function usePathname(): Accessor<string>;
 /**
- * Hook to get current search params
+ * Hook to get and set current search params
  */
 declare function useSearchParams(): Accessor<URLSearchParams>;
 /**

package/dist/solid/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()
@@ -539,9 +573,41 @@ function navigateTo2(to, options = {}) {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }
 }
+function createSetSearchParams2() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser6) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams2 = createSetSearchParams2();
 var defaultContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams2,
   navigate: navigateTo2,
   back: () => isBrowser6 && window.history.back(),
   forward: () => isBrowser6 && window.history.forward()
@@ -572,6 +638,7 @@ function createRouterProvider(options = {}) {
   const getRouterContext2 = () => ({
     path: path(),
     searchParams: searchParams(),
+    setSearchParams: globalSetSearchParams2,
     navigate: navigateTo2,
     back: () => isBrowser6 && window.history.back(),
     forward: () => isBrowser6 && window.history.forward()

package/dist/svelte/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PrefetchStrategy, a as RouterContextValue } from '../prefetch-COkjiZgH.js';
-export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, b as RouterProviderProps, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, B as getRouterContext, D as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, C as subscribe } from '../prefetch-COkjiZgH.js';
+import { P as PrefetchStrategy, a as RouterContextValue } from '../prefetch-C_RFFXW0.js';
+export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, b as RouterProviderProps, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, C as getRouterContext, E as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, D as subscribe } from '../prefetch-C_RFFXW0.js';
 
 /**
  * Svelte Link Component

package/dist/svelte/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()

package/dist/vue/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue } from '../prefetch-COkjiZgH.js';
-export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, B as getRouterContext, D as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, C as subscribe } from '../prefetch-COkjiZgH.js';
+import { P as PrefetchStrategy, b as RouterProviderProps, a as RouterContextValue } from '../prefetch-C_RFFXW0.js';
+export { L as LinkProps, N as NavigateOptions, d as PrefetchOptions, c as PrefetchPriority, R as RouteParams, S as SearchParams, w as clearPrefetchCache, l as findRoute, o as generatePath, C as getRouterContext, E as initRouter, q as isActive, v as isPrefetched, m as matchRoute, n as navigate, x as observeForPrefetch, p as parseParams, s as prefetch, t as prefetchAll, z as prefetchPages, A as prefetchWhenIdle, r as redirect, y as setupIntentPrefetch, D as subscribe } from '../prefetch-C_RFFXW0.js';
 import * as vue from 'vue';
 import { PropType, Ref } from 'vue';
 

package/dist/vue/index.js

@@ -1,8 +1,40 @@
 // src/context.ts
 var isBrowser = typeof window !== "undefined";
+function createSetSearchParams() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams = createSetSearchParams();
 var currentContext = {
   path: "/",
   searchParams: new URLSearchParams(),
+  setSearchParams: globalSetSearchParams,
   navigate: () => {
   },
   back: () => {
@@ -56,6 +88,7 @@ function initRouter(options = {}) {
   currentContext = {
     path,
     searchParams,
+    setSearchParams: globalSetSearchParams,
     navigate: navigateTo,
     back: () => isBrowser && window.history.back(),
     forward: () => isBrowser && window.history.forward()
@@ -117,6 +150,7 @@ if (typeof globalThis !== "undefined") {
           return {
             path: basePath && path.startsWith(basePath) ? path.slice(basePath.length) || "/" : path,
             searchParams,
+            setSearchParams: globalSetSearchParams,
             navigate: navigateTo,
             back: () => isBrowser && window.history.back(),
             forward: () => isBrowser && window.history.forward()
@@ -566,12 +600,44 @@ function navigateTo2(to, options = {}) {
     window.scrollTo({ top: 0, left: 0, behavior: "instant" });
   }
 }
+function createSetSearchParams2() {
+  return (nextInit, navigateOptions = {}) => {
+    if (!isBrowser6) return;
+    const currentUrl = new URL(window.location.href);
+    let newSearchParams;
+    if (typeof nextInit === "function") {
+      newSearchParams = nextInit(new URLSearchParams(currentUrl.search));
+    } else if (nextInit instanceof URLSearchParams) {
+      newSearchParams = nextInit;
+    } else {
+      newSearchParams = new URLSearchParams();
+      for (const [key, value] of Object.entries(nextInit)) {
+        if (Array.isArray(value)) {
+          for (const v of value) {
+            newSearchParams.append(key, v);
+          }
+        } else {
+          newSearchParams.set(key, value);
+        }
+      }
+    }
+    const newUrl = `${currentUrl.pathname}${newSearchParams.toString() ? `?${newSearchParams.toString()}` : ""}${currentUrl.hash}`;
+    if (navigateOptions.replace) {
+      window.history.replaceState(navigateOptions.state ?? null, "", newUrl);
+    } else {
+      window.history.pushState(navigateOptions.state ?? null, "", newUrl);
+    }
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+}
+var globalSetSearchParams2 = createSetSearchParams2();
 function RouterProvider2(props, { slots }) {
   const path = ref2(isBrowser6 ? window.location.pathname : props.initialPath || "/");
   const searchParams = ref2(isBrowser6 ? new URLSearchParams(window.location.search) : new URLSearchParams());
   const routerState = ref2({
     path: path.value,
     searchParams: searchParams.value,
+    setSearchParams: globalSetSearchParams2,
     navigate: navigateTo2,
     back: () => isBrowser6 && window.history.back(),
     forward: () => isBrowser6 && window.history.forward()

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flight-framework/router",
-    "version": "0.3.2",
+    "version": "0.5.0",
     "description": "Agnostic client-side routing primitives for Flight Framework",
     "type": "module",
     "main": "./dist/index.js",