@real-router/solid 0.2.0 → 0.2.2

package/dist/cjs/index.d.ts

@@ -39,8 +39,8 @@ declare const RouteView: typeof RouteViewRoot & {
     NotFound: typeof NotFound;
 };
 
-interface RouteState<P extends Params = Params, MP extends Params = Params> {
-    route: State<P, MP> | undefined;
+interface RouteState<P extends Params = Params> {
+    route: State<P> | undefined;
     previousRoute?: State | undefined;
 }
 interface LinkProps<P extends Params = Params> extends Omit<JSX.HTMLAttributes<HTMLAnchorElement>, "onClick"> {
@@ -101,7 +101,7 @@ interface RouterContextValue {
     routeSelector: (routeName: string) => boolean;
 }
 declare const RouterContext: solid_js.Context<RouterContextValue | null>;
-declare const RouteContext: solid_js.Context<Accessor<RouteState<_real_router_core.Params, _real_router_core.Params>> | null>;
+declare const RouteContext: solid_js.Context<Accessor<RouteState<_real_router_core.Params>> | null>;
 
 declare function createSignalFromSource<T>(source: RouterSource<T>): Accessor<T>;
 

package/dist/cjs/index.js

@@ -148,7 +148,7 @@ const RouteView = Object.assign(RouteViewRoot, {
   NotFound
 });
 
-var t="data-real-router-announcer";function e(e,n){const r="Navigated to ";let o,u=true,c=false,a=false,s="";const l=function(){const e=document.querySelector(`[${t}]`);if(e)return e;const n=document.createElement("div");return n.setAttribute("style","position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.setAttribute(t,""),document.body.prepend(n),n}(),m=setTimeout(()=>{c=true;},100),d=e.subscribe(({route:t})=>{u?u=false:requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(a)return;const e=function(t,e,n){const r=document.querySelector("h1"),i=r?.textContent.trim()??"",o=t.name.startsWith("@@")?"":t.name;return `${e}${i||document.title||o||globalThis.location.pathname}`}(t,r);e&&e!==s&&c&&(s=e,clearTimeout(o),l.textContent=e,o=setTimeout(()=>{l.textContent="",s="";},7e3),function(){const t=document.querySelector("h1");t&&(t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.focus({preventScroll:true}));}());});});});return {destroy(){a=true,d(),clearTimeout(o),clearTimeout(m),document.querySelector(`[${t}]`)?.remove();}}}function n(t){return !(0!==t.button||t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}function r(t,e,n){const r=t.buildUrl;return r?r(e,n):t.buildPath(e,n)}function i(t,e,n){return t&&e?n?`${n} ${e}`.trim():e:n??void 0}function o(t){t instanceof HTMLAnchorElement||t instanceof HTMLButtonElement||(t.getAttribute("role")||t.setAttribute("role","link"),t.getAttribute("tabindex")||t.setAttribute("tabindex","0"));}
+const e=`data-real-router-announcer`;function t(e,t){let o=`Navigated to `,c=true,l=false,u=false,d=``,f,p=n(),m=setTimeout(()=>{l=true;},100),h=e.subscribe(({route:e})=>{if(c){c=false;return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(u)return;let t=i(e,o);t&&t!==d&&l&&(d=t,clearTimeout(f),p.textContent=t,f=setTimeout(()=>{p.textContent=``,d=``;},7e3),a());});});});return {destroy(){u=true,h(),clearTimeout(f),clearTimeout(m),r();}}}function n(){let t=document.querySelector(`[${e}]`);if(t)return t;let n=document.createElement(`div`);return n.setAttribute(`style`,`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0`),n.setAttribute(`aria-live`,`assertive`),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(e,``),document.body.prepend(n),n}function r(){document.querySelector(`[${e}]`)?.remove();}function i(e,t,n){let r=document.querySelector(`h1`)?.textContent.trim()??``,i=e.name.startsWith(`@@`)?``:e.name;return `${t}${r||document.title||i||globalThis.location.pathname}`}function a(){let e=document.querySelector(`h1`);e&&(e.hasAttribute(`tabindex`)||e.setAttribute(`tabindex`,`-1`),e.focus({preventScroll:true}));}function o(e){return e.button===0&&!e.metaKey&&!e.altKey&&!e.ctrlKey&&!e.shiftKey}function s(e,t,n){try{let r=e.buildUrl;return r?r(t,n):e.buildPath(t,n)}catch{console.error(`[real-router] Route "${t}" is not defined. The element will render without an href attribute.`);return}}function c(e,t,n){return e&&t?n?`${n} ${t}`.trim():t:n??void 0}function l(e){e instanceof HTMLAnchorElement||e instanceof HTMLButtonElement||(e.getAttribute(`role`)||e.setAttribute(`role`,`link`),e.getAttribute(`tabindex`)||e.setAttribute(`tabindex`,`0`));}
 
 /**
  * Stable empty object for default params
@@ -177,7 +177,7 @@ function Link(props) {
     strict: local.activeStrict,
     ignoreQueryParams: local.ignoreQueryParams
   }));
-  const href = solidJs.createMemo(() => r(router, local.routeName, local.routeParams));
+  const href = solidJs.createMemo(() => s(router, local.routeName, local.routeParams));
   const handleClick = evt => {
     if (local.onClick) {
       local.onClick(evt);
@@ -185,13 +185,13 @@ function Link(props) {
         return;
       }
     }
-    if (!n(evt) || local.target === "_blank") {
+    if (!o(evt) || local.target === "_blank") {
       return;
     }
     evt.preventDefault();
     router.navigate(local.routeName, local.routeParams, local.routeOptions).catch(() => {});
   };
-  const finalClassName = solidJs.createMemo(() => i(isActive(), local.activeClassName, local.class));
+  const finalClassName = solidJs.createMemo(() => c(isActive(), local.activeClassName, local.class));
   return (() => {
     var _el$ = _tmpl$();
     web.spread(_el$, web.mergeProps(rest, {
@@ -245,9 +245,14 @@ function link(element, accessor) {
 
   // Set href on <a> elements
   if (element instanceof HTMLAnchorElement) {
-    element.href = router.buildPath(options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    const href = s(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    if (href === undefined) {
+      element.removeAttribute("href");
+    } else {
+      element.href = href;
+    }
   }
-  o(element);
+  l(element);
 
   // Active class tracking (reactive)
   if (options.activeClassName) {
@@ -264,7 +269,7 @@ function link(element, accessor) {
 
   // Click handler
   function handleClick(evt) {
-    if (!n(evt)) {
+    if (!o(evt)) {
       return;
     }
     if (element instanceof HTMLAnchorElement) {
@@ -336,7 +341,7 @@ function RouterProvider(props) {
     if (!props.announceNavigation) {
       return;
     }
-    const announcer = e(props.router);
+    const announcer = t(props.router);
     solidJs.onCleanup(() => {
       announcer.destroy();
     });

package/dist/esm/index.d.mts

@@ -39,8 +39,8 @@ declare const RouteView: typeof RouteViewRoot & {
     NotFound: typeof NotFound;
 };
 
-interface RouteState<P extends Params = Params, MP extends Params = Params> {
-    route: State<P, MP> | undefined;
+interface RouteState<P extends Params = Params> {
+    route: State<P> | undefined;
     previousRoute?: State | undefined;
 }
 interface LinkProps<P extends Params = Params> extends Omit<JSX.HTMLAttributes<HTMLAnchorElement>, "onClick"> {
@@ -101,7 +101,7 @@ interface RouterContextValue {
     routeSelector: (routeName: string) => boolean;
 }
 declare const RouterContext: solid_js.Context<RouterContextValue | null>;
-declare const RouteContext: solid_js.Context<Accessor<RouteState<_real_router_core.Params, _real_router_core.Params>> | null>;
+declare const RouteContext: solid_js.Context<Accessor<RouteState<_real_router_core.Params>> | null>;
 
 declare function createSignalFromSource<T>(source: RouterSource<T>): Accessor<T>;
 

package/dist/esm/index.mjs

@@ -146,7 +146,7 @@ const RouteView = Object.assign(RouteViewRoot, {
   NotFound
 });
 
-var t="data-real-router-announcer";function e(e,n){const r="Navigated to ";let o,u=true,c=false,a=false,s="";const l=function(){const e=document.querySelector(`[${t}]`);if(e)return e;const n=document.createElement("div");return n.setAttribute("style","position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.setAttribute(t,""),document.body.prepend(n),n}(),m=setTimeout(()=>{c=true;},100),d=e.subscribe(({route:t})=>{u?u=false:requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(a)return;const e=function(t,e,n){const r=document.querySelector("h1"),i=r?.textContent.trim()??"",o=t.name.startsWith("@@")?"":t.name;return `${e}${i||document.title||o||globalThis.location.pathname}`}(t,r);e&&e!==s&&c&&(s=e,clearTimeout(o),l.textContent=e,o=setTimeout(()=>{l.textContent="",s="";},7e3),function(){const t=document.querySelector("h1");t&&(t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.focus({preventScroll:true}));}());});});});return {destroy(){a=true,d(),clearTimeout(o),clearTimeout(m),document.querySelector(`[${t}]`)?.remove();}}}function n(t){return !(0!==t.button||t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}function r(t,e,n){const r=t.buildUrl;return r?r(e,n):t.buildPath(e,n)}function i(t,e,n){return t&&e?n?`${n} ${e}`.trim():e:n??void 0}function o(t){t instanceof HTMLAnchorElement||t instanceof HTMLButtonElement||(t.getAttribute("role")||t.setAttribute("role","link"),t.getAttribute("tabindex")||t.setAttribute("tabindex","0"));}
+const e=`data-real-router-announcer`;function t(e,t){let o=`Navigated to `,c=true,l=false,u=false,d=``,f,p=n(),m=setTimeout(()=>{l=true;},100),h=e.subscribe(({route:e})=>{if(c){c=false;return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(u)return;let t=i(e,o);t&&t!==d&&l&&(d=t,clearTimeout(f),p.textContent=t,f=setTimeout(()=>{p.textContent=``,d=``;},7e3),a());});});});return {destroy(){u=true,h(),clearTimeout(f),clearTimeout(m),r();}}}function n(){let t=document.querySelector(`[${e}]`);if(t)return t;let n=document.createElement(`div`);return n.setAttribute(`style`,`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0`),n.setAttribute(`aria-live`,`assertive`),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(e,``),document.body.prepend(n),n}function r(){document.querySelector(`[${e}]`)?.remove();}function i(e,t,n){let r=document.querySelector(`h1`)?.textContent.trim()??``,i=e.name.startsWith(`@@`)?``:e.name;return `${t}${r||document.title||i||globalThis.location.pathname}`}function a(){let e=document.querySelector(`h1`);e&&(e.hasAttribute(`tabindex`)||e.setAttribute(`tabindex`,`-1`),e.focus({preventScroll:true}));}function o(e){return e.button===0&&!e.metaKey&&!e.altKey&&!e.ctrlKey&&!e.shiftKey}function s(e,t,n){try{let r=e.buildUrl;return r?r(t,n):e.buildPath(t,n)}catch{console.error(`[real-router] Route "${t}" is not defined. The element will render without an href attribute.`);return}}function c(e,t,n){return e&&t?n?`${n} ${t}`.trim():t:n??void 0}function l(e){e instanceof HTMLAnchorElement||e instanceof HTMLButtonElement||(e.getAttribute(`role`)||e.setAttribute(`role`,`link`),e.getAttribute(`tabindex`)||e.setAttribute(`tabindex`,`0`));}
 
 /**
  * Stable empty object for default params
@@ -175,7 +175,7 @@ function Link(props) {
     strict: local.activeStrict,
     ignoreQueryParams: local.ignoreQueryParams
   }));
-  const href = createMemo(() => r(router, local.routeName, local.routeParams));
+  const href = createMemo(() => s(router, local.routeName, local.routeParams));
   const handleClick = evt => {
     if (local.onClick) {
       local.onClick(evt);
@@ -183,13 +183,13 @@ function Link(props) {
         return;
       }
     }
-    if (!n(evt) || local.target === "_blank") {
+    if (!o(evt) || local.target === "_blank") {
       return;
     }
     evt.preventDefault();
     router.navigate(local.routeName, local.routeParams, local.routeOptions).catch(() => {});
   };
-  const finalClassName = createMemo(() => i(isActive(), local.activeClassName, local.class));
+  const finalClassName = createMemo(() => c(isActive(), local.activeClassName, local.class));
   return (() => {
     var _el$ = _tmpl$();
     spread(_el$, mergeProps$1(rest, {
@@ -243,9 +243,14 @@ function link(element, accessor) {
 
   // Set href on <a> elements
   if (element instanceof HTMLAnchorElement) {
-    element.href = router.buildPath(options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    const href = s(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    if (href === undefined) {
+      element.removeAttribute("href");
+    } else {
+      element.href = href;
+    }
   }
-  o(element);
+  l(element);
 
   // Active class tracking (reactive)
   if (options.activeClassName) {
@@ -262,7 +267,7 @@ function link(element, accessor) {
 
   // Click handler
   function handleClick(evt) {
-    if (!n(evt)) {
+    if (!o(evt)) {
       return;
     }
     if (element instanceof HTMLAnchorElement) {
@@ -334,7 +339,7 @@ function RouterProvider(props) {
     if (!props.announceNavigation) {
       return;
     }
-    const announcer = e(props.router);
+    const announcer = t(props.router);
     onCleanup(() => {
       announcer.destroy();
     });

package/dist/types/context.d.ts

@@ -7,5 +7,5 @@ export interface RouterContextValue {
     routeSelector: (routeName: string) => boolean;
 }
 export declare const RouterContext: import("solid-js", { with: { "resolution-mode": "import" } }).Context<RouterContextValue | null>;
-export declare const RouteContext: import("solid-js", { with: { "resolution-mode": "import" } }).Context<Accessor<RouteState<import("@real-router/core").Params, import("@real-router/core").Params>> | null>;
+export declare const RouteContext: import("solid-js", { with: { "resolution-mode": "import" } }).Context<Accessor<RouteState<import("@real-router/core").Params>> | null>;
 //# sourceMappingURL=context.d.ts.map

package/dist/types/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAC/C;AAED,eAAO,MAAM,aAAa,kGAAiD,CAAC;AAE5E,eAAO,MAAM,YAAY,4KAAmD,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAC/C;AAED,eAAO,MAAM,aAAa,kGAAiD,CAAC;AAE5E,eAAO,MAAM,YAAY,wIAAmD,CAAC"}

package/dist/types/directives/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/directives/link.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,CAAC,CAAC,GACtC,IAAI,CAwDN"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/directives/link.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,CAAC,CAAC,GACtC,IAAI,CA+DN"}

package/dist/types/types.d.ts

@@ -1,7 +1,7 @@
 import type { NavigationOptions, Params, State } from "@real-router/core";
 import type { JSX } from "solid-js";
-export interface RouteState<P extends Params = Params, MP extends Params = Params> {
-    route: State<P, MP> | undefined;
+export interface RouteState<P extends Params = Params> {
+    route: State<P> | undefined;
     previousRoute?: State | undefined;
 }
 export interface LinkProps<P extends Params = Params> extends Omit<JSX.HTMLAttributes<HTMLAnchorElement>, "onClick"> {

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,UAAU,CACzB,CAAC,SAAS,MAAM,GAAG,MAAM,EACzB,EAAE,SAAS,MAAM,GAAG,MAAM;IAE1B,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAChE,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACrC,SAAS,CACV;IACC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACnD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAChE,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACrC,SAAS,CACV;IACC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@real-router/solid",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "commonjs",
   "description": "Solid.js integration for Real-Router",
   "main": "./dist/cjs/index.js",
@@ -51,10 +51,10 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@real-router/route-utils": "^0.1.6",
-    "@real-router/core": "^0.40.1",
-    "@real-router/sources": "^0.3.0",
-    "dom-utils": "^0.2.2"
+    "@real-router/core": "^0.41.0",
+    "@real-router/route-utils": "^0.1.7",
+    "@real-router/sources": "^0.3.1",
+    "dom-utils": "^0.2.3"
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
@@ -72,7 +72,7 @@
     "solid-js": "1.9.5",
     "vite-plugin-solid": "2.11.11",
     "vitest": "4.1.0",
-    "@real-router/browser-plugin": "^0.10.6"
+    "@real-router/browser-plugin": "^0.11.0"
   },
   "peerDependencies": {
     "solid-js": ">=1.7.0"

package/src/directives/link.tsx

@@ -1,5 +1,5 @@
 import { createActiveRouteSource } from "@real-router/sources";
-import { shouldNavigate, applyLinkA11y } from "dom-utils";
+import { shouldNavigate, applyLinkA11y, buildHref } from "dom-utils";
 import { createEffect, onCleanup } from "solid-js";
 
 import { EMPTY_PARAMS, EMPTY_OPTIONS } from "../constants";
@@ -26,10 +26,17 @@ export function link<P extends Params = Params>(
 
   // Set href on <a> elements
   if (element instanceof HTMLAnchorElement) {
-    element.href = router.buildPath(
+    const href = buildHref(
+      router,
       options.routeName,
       options.routeParams ?? (EMPTY_PARAMS as P),
     );
+
+    if (href === undefined) {
+      element.removeAttribute("href");
+    } else {
+      element.href = href;
+    }
   }
 
   applyLinkA11y(element);

package/src/types.ts

@@ -1,11 +1,8 @@
 import type { NavigationOptions, Params, State } from "@real-router/core";
 import type { JSX } from "solid-js";
 
-export interface RouteState<
-  P extends Params = Params,
-  MP extends Params = Params,
-> {
-  route: State<P, MP> | undefined;
+export interface RouteState<P extends Params = Params> {
+  route: State<P> | undefined;
   previousRoute?: State | undefined;
 }