@real-router/solid 0.2.9 → 0.2.11

package/dist/cjs/index.js

@@ -148,8 +148,6 @@ const RouteView = Object.assign(RouteViewRoot, {
   NotFound
 });
 
-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
  */
@@ -160,6 +158,127 @@ const EMPTY_PARAMS = Object.freeze({});
  */
 const EMPTY_OPTIONS = Object.freeze({});
 
+const CLEAR_DELAY = 7000;
+const SAFARI_READY_DELAY = 100;
+const ANNOUNCER_ATTR = "data-real-router-announcer";
+const INTERNAL_ROUTE_PREFIX = "@@";
+const VISUALLY_HIDDEN = "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";
+function createRouteAnnouncer(router, options) {
+  const prefix = "Navigated to ";
+  let isInitialNavigation = true;
+  let isReady = false;
+  let isDestroyed = false;
+  let lastAnnouncedText = "";
+  let clearTimeoutId;
+  const announcer = getOrCreateAnnouncer();
+  const safariTimeoutId = setTimeout(() => {
+    isReady = true;
+  }, SAFARI_READY_DELAY);
+  const unsubscribe = router.subscribe(({
+    route
+  }) => {
+    if (isInitialNavigation) {
+      isInitialNavigation = false;
+      return;
+    }
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        if (isDestroyed) {
+          return;
+        }
+        const text = resolveText(route, prefix);
+        if (text && text !== lastAnnouncedText && isReady) {
+          lastAnnouncedText = text;
+          clearTimeout(clearTimeoutId);
+          announcer.textContent = text;
+          clearTimeoutId = setTimeout(() => {
+            announcer.textContent = "";
+            lastAnnouncedText = "";
+          }, CLEAR_DELAY);
+          manageFocus();
+        }
+      });
+    });
+  });
+  return {
+    destroy() {
+      isDestroyed = true;
+      unsubscribe();
+      clearTimeout(clearTimeoutId);
+      clearTimeout(safariTimeoutId);
+      removeAnnouncer();
+    }
+  };
+}
+function getOrCreateAnnouncer() {
+  const existing = document.querySelector(`[${ANNOUNCER_ATTR}]`);
+  if (existing) {
+    return existing;
+  }
+  const element = document.createElement("div");
+  element.setAttribute("style", VISUALLY_HIDDEN);
+  element.setAttribute("aria-live", "assertive");
+  element.setAttribute("aria-atomic", "true");
+  element.setAttribute(ANNOUNCER_ATTR, "");
+  document.body.prepend(element);
+  return element;
+}
+function removeAnnouncer() {
+  document.querySelector(`[${ANNOUNCER_ATTR}]`)?.remove();
+}
+function resolveText(route, prefix, getCustomText) {
+  const h1 = document.querySelector("h1");
+  const h1Text = h1?.textContent.trim() ?? "";
+  const routeName = route.name.startsWith(INTERNAL_ROUTE_PREFIX) ? "" : route.name;
+  const rawText = h1Text || document.title || routeName || globalThis.location.pathname;
+  return `${prefix}${rawText}`;
+}
+function manageFocus() {
+  const h1 = document.querySelector("h1");
+  if (!h1) {
+    return;
+  }
+  if (!h1.hasAttribute("tabindex")) {
+    h1.setAttribute("tabindex", "-1");
+  }
+  h1.focus({
+    preventScroll: true
+  });
+}
+
+function shouldNavigate(evt) {
+  return evt.button === 0 && !evt.metaKey && !evt.altKey && !evt.ctrlKey && !evt.shiftKey;
+}
+function buildHref(router, routeName, routeParams) {
+  try {
+    const buildUrl = router.buildUrl;
+    if (buildUrl) {
+      return buildUrl(routeName, routeParams);
+    }
+    return router.buildPath(routeName, routeParams);
+  } catch {
+    console.error(`[real-router] Route "${routeName}" is not defined. The element will render without an href attribute.`);
+    return undefined;
+  }
+}
+function buildActiveClassName(isActive, activeClassName, baseClassName) {
+  if (isActive && activeClassName) {
+    return baseClassName ? `${baseClassName} ${activeClassName}`.trim() : activeClassName;
+  }
+  return baseClassName ?? undefined;
+}
+function applyLinkA11y(element) {
+  if (element instanceof HTMLAnchorElement || element instanceof HTMLButtonElement) {
+    return;
+  }
+  if (!element.getAttribute("role")) {
+    element.setAttribute("role", "link");
+  }
+  if (!element.getAttribute("tabindex")) {
+    element.setAttribute("tabindex", "0");
+  }
+}
+
 var _tmpl$ = /*#__PURE__*/web.template(`<a>`);
 function Link(props) {
   const merged = solidJs.mergeProps({
@@ -177,7 +296,7 @@ function Link(props) {
     strict: local.activeStrict,
     ignoreQueryParams: local.ignoreQueryParams
   }));
-  const href = solidJs.createMemo(() => s(router, local.routeName, local.routeParams));
+  const href = solidJs.createMemo(() => buildHref(router, local.routeName, local.routeParams));
   const handleClick = evt => {
     if (local.onClick) {
       local.onClick(evt);
@@ -185,13 +304,13 @@ function Link(props) {
         return;
       }
     }
-    if (!o(evt) || local.target === "_blank") {
+    if (!shouldNavigate(evt) || local.target === "_blank") {
       return;
     }
     evt.preventDefault();
     router.navigate(local.routeName, local.routeParams, local.routeOptions).catch(() => {});
   };
-  const finalClassName = solidJs.createMemo(() => c(isActive(), local.activeClassName, local.class));
+  const finalClassName = solidJs.createMemo(() => buildActiveClassName(isActive(), local.activeClassName, local.class));
   return (() => {
     var _el$ = _tmpl$();
     web.spread(_el$, web.mergeProps(rest, {
@@ -245,14 +364,14 @@ function link(element, accessor) {
 
   // Set href on <a> elements
   if (element instanceof HTMLAnchorElement) {
-    const href = s(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    const href = buildHref(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
     if (href === undefined) {
       element.removeAttribute("href");
     } else {
       element.href = href;
     }
   }
-  l(element);
+  applyLinkA11y(element);
 
   // Active class tracking (reactive)
   if (options.activeClassName) {
@@ -269,7 +388,7 @@ function link(element, accessor) {
 
   // Click handler
   function handleClick(evt) {
-    if (!o(evt)) {
+    if (!shouldNavigate(evt)) {
       return;
     }
     if (element instanceof HTMLAnchorElement) {
@@ -341,7 +460,7 @@ function RouterProvider(props) {
     if (!props.announceNavigation) {
       return;
     }
-    const announcer = t(props.router);
+    const announcer = createRouteAnnouncer(props.router);
     solidJs.onCleanup(() => {
       announcer.destroy();
     });

package/dist/esm/index.mjs

@@ -146,8 +146,6 @@ const RouteView = Object.assign(RouteViewRoot, {
   NotFound
 });
 
-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
  */
@@ -158,6 +156,127 @@ const EMPTY_PARAMS = Object.freeze({});
  */
 const EMPTY_OPTIONS = Object.freeze({});
 
+const CLEAR_DELAY = 7000;
+const SAFARI_READY_DELAY = 100;
+const ANNOUNCER_ATTR = "data-real-router-announcer";
+const INTERNAL_ROUTE_PREFIX = "@@";
+const VISUALLY_HIDDEN = "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";
+function createRouteAnnouncer(router, options) {
+  const prefix = "Navigated to ";
+  let isInitialNavigation = true;
+  let isReady = false;
+  let isDestroyed = false;
+  let lastAnnouncedText = "";
+  let clearTimeoutId;
+  const announcer = getOrCreateAnnouncer();
+  const safariTimeoutId = setTimeout(() => {
+    isReady = true;
+  }, SAFARI_READY_DELAY);
+  const unsubscribe = router.subscribe(({
+    route
+  }) => {
+    if (isInitialNavigation) {
+      isInitialNavigation = false;
+      return;
+    }
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        if (isDestroyed) {
+          return;
+        }
+        const text = resolveText(route, prefix);
+        if (text && text !== lastAnnouncedText && isReady) {
+          lastAnnouncedText = text;
+          clearTimeout(clearTimeoutId);
+          announcer.textContent = text;
+          clearTimeoutId = setTimeout(() => {
+            announcer.textContent = "";
+            lastAnnouncedText = "";
+          }, CLEAR_DELAY);
+          manageFocus();
+        }
+      });
+    });
+  });
+  return {
+    destroy() {
+      isDestroyed = true;
+      unsubscribe();
+      clearTimeout(clearTimeoutId);
+      clearTimeout(safariTimeoutId);
+      removeAnnouncer();
+    }
+  };
+}
+function getOrCreateAnnouncer() {
+  const existing = document.querySelector(`[${ANNOUNCER_ATTR}]`);
+  if (existing) {
+    return existing;
+  }
+  const element = document.createElement("div");
+  element.setAttribute("style", VISUALLY_HIDDEN);
+  element.setAttribute("aria-live", "assertive");
+  element.setAttribute("aria-atomic", "true");
+  element.setAttribute(ANNOUNCER_ATTR, "");
+  document.body.prepend(element);
+  return element;
+}
+function removeAnnouncer() {
+  document.querySelector(`[${ANNOUNCER_ATTR}]`)?.remove();
+}
+function resolveText(route, prefix, getCustomText) {
+  const h1 = document.querySelector("h1");
+  const h1Text = h1?.textContent.trim() ?? "";
+  const routeName = route.name.startsWith(INTERNAL_ROUTE_PREFIX) ? "" : route.name;
+  const rawText = h1Text || document.title || routeName || globalThis.location.pathname;
+  return `${prefix}${rawText}`;
+}
+function manageFocus() {
+  const h1 = document.querySelector("h1");
+  if (!h1) {
+    return;
+  }
+  if (!h1.hasAttribute("tabindex")) {
+    h1.setAttribute("tabindex", "-1");
+  }
+  h1.focus({
+    preventScroll: true
+  });
+}
+
+function shouldNavigate(evt) {
+  return evt.button === 0 && !evt.metaKey && !evt.altKey && !evt.ctrlKey && !evt.shiftKey;
+}
+function buildHref(router, routeName, routeParams) {
+  try {
+    const buildUrl = router.buildUrl;
+    if (buildUrl) {
+      return buildUrl(routeName, routeParams);
+    }
+    return router.buildPath(routeName, routeParams);
+  } catch {
+    console.error(`[real-router] Route "${routeName}" is not defined. The element will render without an href attribute.`);
+    return undefined;
+  }
+}
+function buildActiveClassName(isActive, activeClassName, baseClassName) {
+  if (isActive && activeClassName) {
+    return baseClassName ? `${baseClassName} ${activeClassName}`.trim() : activeClassName;
+  }
+  return baseClassName ?? undefined;
+}
+function applyLinkA11y(element) {
+  if (element instanceof HTMLAnchorElement || element instanceof HTMLButtonElement) {
+    return;
+  }
+  if (!element.getAttribute("role")) {
+    element.setAttribute("role", "link");
+  }
+  if (!element.getAttribute("tabindex")) {
+    element.setAttribute("tabindex", "0");
+  }
+}
+
 var _tmpl$ = /*#__PURE__*/template(`<a>`);
 function Link(props) {
   const merged = mergeProps({
@@ -175,7 +294,7 @@ function Link(props) {
     strict: local.activeStrict,
     ignoreQueryParams: local.ignoreQueryParams
   }));
-  const href = createMemo(() => s(router, local.routeName, local.routeParams));
+  const href = createMemo(() => buildHref(router, local.routeName, local.routeParams));
   const handleClick = evt => {
     if (local.onClick) {
       local.onClick(evt);
@@ -183,13 +302,13 @@ function Link(props) {
         return;
       }
     }
-    if (!o(evt) || local.target === "_blank") {
+    if (!shouldNavigate(evt) || local.target === "_blank") {
       return;
     }
     evt.preventDefault();
     router.navigate(local.routeName, local.routeParams, local.routeOptions).catch(() => {});
   };
-  const finalClassName = createMemo(() => c(isActive(), local.activeClassName, local.class));
+  const finalClassName = createMemo(() => buildActiveClassName(isActive(), local.activeClassName, local.class));
   return (() => {
     var _el$ = _tmpl$();
     spread(_el$, mergeProps$1(rest, {
@@ -243,14 +362,14 @@ function link(element, accessor) {
 
   // Set href on <a> elements
   if (element instanceof HTMLAnchorElement) {
-    const href = s(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
+    const href = buildHref(router, options.routeName, options.routeParams ?? EMPTY_PARAMS);
     if (href === undefined) {
       element.removeAttribute("href");
     } else {
       element.href = href;
     }
   }
-  l(element);
+  applyLinkA11y(element);
 
   // Active class tracking (reactive)
   if (options.activeClassName) {
@@ -267,7 +386,7 @@ function link(element, accessor) {
 
   // Click handler
   function handleClick(evt) {
-    if (!o(evt)) {
+    if (!shouldNavigate(evt)) {
       return;
     }
     if (element instanceof HTMLAnchorElement) {
@@ -339,7 +458,7 @@ function RouterProvider(props) {
     if (!props.announceNavigation) {
       return;
     }
-    const announcer = t(props.router);
+    const announcer = createRouteAnnouncer(props.router);
     onCleanup(() => {
       announcer.destroy();
     });

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC5B,GAAG,CAAC,OAAO,CAgFb"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC5B,GAAG,CAAC,OAAO,CAgFb"}

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,CA+DN"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/directives/link.tsx"],"names":[],"mappings":"AAYA,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/dom-utils/index.d.ts

@@ -0,0 +1,4 @@
+export { createRouteAnnouncer } from "./route-announcer.js";
+export { shouldNavigate, buildHref, buildActiveClassName, applyLinkA11y, } from "./link-utils.js";
+export type { RouteAnnouncerOptions } from "./route-announcer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/dom-utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dom-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EACL,cAAc,EACd,SAAS,EACT,oBAAoB,EACpB,aAAa,GACd,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/types/dom-utils/link-utils.d.ts

@@ -0,0 +1,6 @@
+import type { Router, Params } from "@real-router/core";
+export declare function shouldNavigate(evt: MouseEvent): boolean;
+export declare function buildHref(router: Router, routeName: string, routeParams: Params): string | undefined;
+export declare function buildActiveClassName(isActive: boolean, activeClassName: string | undefined, baseClassName: string | undefined): string | undefined;
+export declare function applyLinkA11y(element: HTMLElement): void;
+//# sourceMappingURL=link-utils.d.ts.map

package/dist/types/dom-utils/link-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-utils.d.ts","sourceRoot":"","sources":["../../../src/dom-utils/link-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAExD,wBAAgB,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,CAQvD;AAID,wBAAgB,SAAS,CACvB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,GAAG,SAAS,CAgBpB;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,OAAO,EACjB,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,MAAM,GAAG,SAAS,CAQpB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAaxD"}

package/dist/types/dom-utils/route-announcer.d.ts

@@ -0,0 +1,9 @@
+import type { Router, State } from "@real-router/core";
+export interface RouteAnnouncerOptions {
+    prefix?: string;
+    getAnnouncementText?: (route: State) => string;
+}
+export declare function createRouteAnnouncer(router: Router, options?: RouteAnnouncerOptions): {
+    destroy: () => void;
+};
+//# sourceMappingURL=route-announcer.d.ts.map

package/dist/types/dom-utils/route-announcer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-announcer.d.ts","sourceRoot":"","sources":["../../../src/dom-utils/route-announcer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AASvD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;CAChD;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,qBAAqB,GAC9B;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAuDzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@real-router/solid",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "type": "commonjs",
   "description": "Solid.js integration for Real-Router",
   "main": "./dist/cjs/index.js",
@@ -50,9 +50,9 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@real-router/core": "^0.45.2",
-    "@real-router/route-utils": "^0.1.13",
-    "@real-router/sources": "^0.4.3"
+    "@real-router/core": "^0.46.0",
+    "@real-router/route-utils": "^0.1.14",
+    "@real-router/sources": "^0.4.4"
   },
   "devDependencies": {
     "@babel/core": "7.29.0",
@@ -70,8 +70,7 @@
     "solid-js": "1.9.12",
     "vite-plugin-solid": "2.11.11",
     "vitest": "4.1.0",
-    "dom-utils": "^0.2.7",
-    "@real-router/browser-plugin": "^0.11.6"
+    "@real-router/browser-plugin": "^0.11.8"
   },
   "peerDependencies": {
     "solid-js": ">=1.7.0"
@@ -79,6 +78,7 @@
   "scripts": {
     "build": "rimraf dist && tsc -p tsconfig.build.json && rollup -c rollup.config.mjs",
     "test": "vitest",
+    "test:properties": "vitest run --config vitest.config.properties.mts",
     "test:stress": "vitest run --config vitest.config.stress.mts",
     "type-check": "tsc --noEmit",
     "lint": "eslint --cache --ext .ts,.tsx src/ tests/ --fix --max-warnings 0",

package/src/RouterProvider.tsx

@@ -1,10 +1,10 @@
 import { getNavigator } from "@real-router/core";
 import { createRouteSource } from "@real-router/sources";
-import { createRouteAnnouncer } from "dom-utils";
 import { createSelector, onCleanup, onMount } from "solid-js";
 
 import { RouterContext, RouteContext } from "./context";
 import { createSignalFromSource } from "./createSignalFromSource";
+import { createRouteAnnouncer } from "./dom-utils/index.js";
 
 import type { Router } from "@real-router/core";
 import type { ParentProps, JSX } from "solid-js";

package/src/components/Link.tsx

@@ -1,10 +1,14 @@
 import { createActiveRouteSource } from "@real-router/sources";
-import { shouldNavigate, buildHref, buildActiveClassName } from "dom-utils";
 import { createMemo, mergeProps, splitProps, useContext } from "solid-js";
 
 import { EMPTY_PARAMS, EMPTY_OPTIONS } from "../constants";
 import { RouterContext } from "../context";
 import { createSignalFromSource } from "../createSignalFromSource";
+import {
+  shouldNavigate,
+  buildHref,
+  buildActiveClassName,
+} from "../dom-utils/index.js";
 import { useRouter } from "../hooks/useRouter";
 
 import type { LinkProps } from "../types";

package/src/directives/link.tsx

@@ -1,9 +1,13 @@
 import { createActiveRouteSource } from "@real-router/sources";
-import { shouldNavigate, applyLinkA11y, buildHref } from "dom-utils";
 import { createEffect, onCleanup } from "solid-js";
 
 import { EMPTY_PARAMS, EMPTY_OPTIONS } from "../constants";
 import { createSignalFromSource } from "../createSignalFromSource";
+import {
+  shouldNavigate,
+  applyLinkA11y,
+  buildHref,
+} from "../dom-utils/index.js";
 import { useRouter } from "../hooks/useRouter";
 
 import type { Params } from "@real-router/core";