v3: use regexparam package

packages/wouter-preact/package.json

@@ -64,7 +64,7 @@
   },
   "dependencies": {
     "mitt": "^3.0.1",
-    "regexparam": "^2.0.1"
+    "regexparam": "^3.0.0"
   },
   "devDependencies": {
     "wouter": "*"

packages/wouter-preact/rollup.config.js

@@ -10,7 +10,7 @@ export default defineConfig([
       "wouter/use-hash-location",
       "wouter/memory-location",
     ],
-    external: ["preact", "preact/hooks", "mitt"],
+    external: ["preact", "preact/hooks", "regexparam", "mitt"],
 
     output: {
       dir: "esm",
@@ -21,7 +21,6 @@ export default defineConfig([
       alias({
         entries: {
           "./react-deps.js": "./src/preact-deps.js",
-          regexparam: "wouter/src/regexparam.js",
         },
       }),
     ],

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

@@ -26,7 +26,7 @@ import { RouterObject, RouterOptions } from "./router.js";
 export { Path, BaseLocationHook, BaseSearchHook } from "./location-hook.js";
 export * from "./router.js";
 
-import { RouteParams } from "./regexparam.js";
+import { RouteParams } from "regexparam";
 
 /**
  * Route patterns and parameters

packages/wouter/package.json

@@ -67,7 +67,7 @@
   },
   "dependencies": {
     "mitt": "^3.0.1",
-    "regexparam": "^2.0.1",
+    "regexparam": "^3.0.0",
     "use-sync-external-store": "^1.0.0"
   }
 }

packages/wouter/rollup.config.js

@@ -1,5 +1,4 @@
 import { defineConfig } from "rollup";
-import alias from "@rollup/plugin-alias";
 
 export default defineConfig([
   {
@@ -21,18 +20,10 @@ export default defineConfig([
       "src/use-hash-location.js",
       "src/memory-location.js",
     ],
-    external: [/react-deps/, "mitt"],
+    external: [/react-deps/, "regexparam", "mitt"],
     output: {
       dir: "esm",
       format: "esm",
     },
-
-    plugins: [
-      alias({
-        entries: {
-          regexparam: "./src/regexparam.js",
-        },
-      }),
-    ],
   },
 ]);

packages/wouter/test/use-route.test.tsx

@@ -36,18 +36,18 @@ it("ignores the trailing slash", () => {
 });
 
 it("supports trailing wildcards", () => {
-  assertRoute("/app/*", "/app/", { wild: "" });
-  assertRoute("/app/*", "/app/dashboard/intro", { wild: "dashboard/intro" });
-  assertRoute("/app/*", "/app/charges/1", { wild: "charges/1" });
+  assertRoute("/app/*", "/app/", { "*": "" });
+  assertRoute("/app/*", "/app/dashboard/intro", { "*": "dashboard/intro" });
+  assertRoute("/app/*", "/app/charges/1", { "*": "charges/1" });
 });
 
 it("supports wildcards in the middle of the pattern", () => {
-  assertRoute("/app/*/settings", "/app/users/settings", { wild: "users" });
-  assertRoute("/app/*/settings", "/app/users/1/settings", { wild: "users/1" });
+  assertRoute("/app/*/settings", "/app/users/settings", { "*": "users" });
+  assertRoute("/app/*/settings", "/app/users/1/settings", { "*": "users/1" });
 
-  assertRoute("/*/payments/:id", "/home/payments/1", { wild: "home", id: "1" });
+  assertRoute("/*/payments/:id", "/home/payments/1", { "*": "home", id: "1" });
   assertRoute("/*/payments/:id?", "/home/payments", {
-    wild: "home",
+    "*": "home",
     id: undefined,
   });
 });
@@ -75,12 +75,12 @@ it("uses a question mark to define optional segments", () => {
 });
 
 it("supports optional wildcards", () => {
-  assertRoute("/app/*?", "/app/blog/mac", { wild: "blog/mac" });
-  assertRoute("/app/*?", "/app", { wild: undefined });
-  assertRoute("/app/*?/dashboard", "/app/v1/dashboard", { wild: "v1" });
-  assertRoute("/app/*?/dashboard", "/app/dashboard", { wild: undefined });
+  assertRoute("/app/*?", "/app/blog/mac", { "*": "blog/mac" });
+  assertRoute("/app/*?", "/app", { "*": undefined });
+  assertRoute("/app/*?/dashboard", "/app/v1/dashboard", { "*": "v1" });
+  assertRoute("/app/*?/dashboard", "/app/dashboard", { "*": undefined });
   assertRoute("/app/*?/users/:name", "/app/users/karen", {
-    wild: undefined,
+    "*": undefined,
     name: "karen",
   });
 });
@@ -133,10 +133,7 @@ it("reacts to pattern updates", () => {
   expect(result.current).toStrictEqual([false, null]);
 
   rerender({ pattern: "/blog/*" });
-  expect(result.current).toStrictEqual([
-    true,
-    { wild: "products/40/read-all" },
-  ]);
+  expect(result.current).toStrictEqual([true, { "*": "products/40/read-all" }]);
 });
 
 it("reacts to location updates", () => {

packages/wouter/types/index.d.ts

@@ -30,7 +30,7 @@ import { RouterObject, RouterOptions } from "./router.js";
 export { Path, BaseLocationHook, BaseSearchHook } from "./location-hook.js";
 export * from "./router.js";
 
-import { RouteParams } from "./regexparam.js";
+import { RouteParams } from "regexparam";
 
 /**
  * Route patterns and parameters