wouter-preact types are up to date.

Author: molefrog

packages/magazin/components/with-status-code.tsx

@@ -10,9 +10,8 @@ export function WithStatusCode({
   const router = useRouter();
 
   // Set status code on SSR context if available
-  // Cast to any because statusCode is not yet in the official types
   if (router.ssrContext) {
-    (router.ssrContext as any).statusCode = code;
+    router.ssrContext.statusCode = code;
   }
 
   return <>{children}</>;

packages/wouter-preact/types/memory-location.d.ts

@@ -2,7 +2,7 @@ import { BaseLocationHook, Path } from "./location-hook.js";
 
 type Navigate<S = any> = (
   to: Path,
-  options?: { replace?: boolean; state?: S }
+  options?: { replace?: boolean; state?: S; transition?: boolean }
 ) => void;
 
 type HookReturnValue = { hook: BaseLocationHook; navigate: Navigate };

packages/wouter-preact/types/router.d.ts

@@ -11,6 +11,21 @@ export type Parser = (
   loose?: boolean
 ) => { pattern: RegExp; keys: string[] };
 
+// Standard navigation options supported by all built-in location hooks
+export type NavigateOptions<S = any> = {
+  replace?: boolean;
+  state?: S;
+  /** Enable view transitions for this navigation (used with aroundNav) */
+  transition?: boolean;
+};
+
+// Function that wraps navigate calls, useful for view transitions
+export type AroundNavHandler = (
+  navigate: (to: Path, options?: NavigateOptions) => void,
+  to: Path,
+  options?: NavigateOptions
+) => void;
+
 // the object returned from `useRouter`
 export interface RouterObject {
   readonly hook: BaseLocationHook;
@@ -20,9 +35,19 @@ export interface RouterObject {
   readonly parser: Parser;
   readonly ssrPath?: Path;
   readonly ssrSearch?: SearchString;
+  readonly ssrContext?: SsrContext;
   readonly hrefs: HrefsFormatter;
+  readonly aroundNav: AroundNavHandler;
 }
 
+// state captured during SSR render
+export type SsrContext = {
+  // if a redirect was encountered, this will be populated with the path
+  redirectTo?: Path;
+  // HTTP status code to set for SSR response
+  statusCode?: number;
+};
+
 // basic options to construct a router
 export type RouterOptions = {
   hook?: BaseLocationHook;
@@ -31,5 +56,7 @@ export type RouterOptions = {
   parser?: Parser;
   ssrPath?: Path;
   ssrSearch?: SearchString;
+  ssrContext?: SsrContext;
   hrefs?: HrefsFormatter;
+  aroundNav?: AroundNavHandler;
 };

packages/wouter-preact/types/use-browser-location.d.ts

@@ -18,7 +18,7 @@ export const useHistoryState: <T = any>() => T;
 
 export const navigate: <S = any>(
   to: string | URL,
-  options?: { replace?: boolean; state?: S }
+  options?: { replace?: boolean; state?: S; transition?: boolean }
 ) => void;
 
 /*

packages/wouter-preact/types/use-hash-location.d.ts

@@ -2,7 +2,7 @@ import { Path } from "./location-hook.js";
 
 export function navigate<S = any>(
   to: Path,
-  options?: { state?: S; replace?: boolean }
+  options?: { state?: S; replace?: boolean; transition?: boolean }
 ): void;
 
 export function useHashLocation(options?: {

packages/wouter/types/router.d.ts

@@ -44,6 +44,8 @@ export interface RouterObject {
 export type SsrContext = {
   // if a redirect was encountered, this will be populated with the path
   redirectTo?: Path;
+  // HTTP status code to set for SSR response
+  statusCode?: number;
 };
 
 // basic options to construct a router