refactor(router): allow routes ending with #id

dist/router/index.js

@@ -165,7 +165,7 @@ var Router = class {
     const parts = constructedPath.split("?", 2);
     this.url = constructedPath;
     this.query = parseQuery(parts[1]);
-    const middlewares = searchMiddlewares(this, parts[0].replace(/(.+)\/$/, "$1"));
+    const middlewares = searchMiddlewares(this, parts[0].replace(/(.+)\/$/, "$1").split("#")[0]);
     let component = await searchComponent(this, middlewares);
     if (component === false) {
       return;

dist/router/index.mjs

@@ -148,7 +148,7 @@ var Router = class {
     const parts = constructedPath.split("?", 2);
     this.url = constructedPath;
     this.query = parseQuery(parts[1]);
-    const middlewares = searchMiddlewares(this, parts[0].replace(/(.+)\/$/, "$1"));
+    const middlewares = searchMiddlewares(this, parts[0].replace(/(.+)\/$/, "$1").split("#")[0]);
     let component = await searchComponent(this, middlewares);
     if (component === false) {
       return;

lib/router/index.ts

@@ -270,7 +270,7 @@ export class Router implements RouterInterface {
     this.url = constructedPath;
     this.query = parseQuery(parts[1]);
 
-    const middlewares = searchMiddlewares(this as RouterInterface, parts[0].replace(/(.+)\/$/, "$1"));
+    const middlewares = searchMiddlewares(this as RouterInterface, parts[0].replace(/(.+)\/$/, "$1").split("#")[0]);
     let component = await searchComponent(this as RouterInterface, middlewares);
 
     if (component === false) {

test/router_test.js

@@ -430,6 +430,29 @@ describe("Router", () => {
     });
   });
 
+  it("Test the onClick handler from a route with # to another route with #", async () => {
+    let router = new Router();
+    let Component = () => <div>Hello {router.url}</div>;
+
+    router.add("/world", () => <Component />);
+    mountRouter("body", router);
+    let result = {
+      before: await router.go("/world#world")
+    };
+
+    let handler = router.getOnClickHandler("/world#Mike");
+    handler({ preventDefault: () => {} });
+
+    await new Promise((resolve) => setTimeout(resolve, 10));
+
+    result.after = update();
+
+    expect(result).toEqual({
+      before: "<div>Hello /world#world</div>",
+      after: "<div>Hello /world#Mike</div>"
+    });
+  });
+
   it("Test the initial prefix", async () => {
     let subrouter = new Router();