preact-hashish-router 0.0.16 → 0.0.18

package/README.md

@@ -30,7 +30,7 @@ import ProductPage from "./routes/Product";
 
 export default function App() {
   return (
-    <Router type="hash">
+    <Router type="hash"> {/* <-- or browser */}
       <RouterErrorBoundary>
         <Route path="/">
           <HomePage />

package/dist/A.d.ts

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, PropsWithChildren } from "preact/compat";
 export type AProps = PropsWithChildren & AnchorHTMLAttributes;
 export declare const A: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AProps> & {
-    ref?: import("preact").Ref<HTMLAnchorElement>;
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
 }>;

package/dist/A.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { forwardRef } from "preact/compat";
 import { useMemo } from "preact/hooks";
-import { useInternalRouter } from "./useInternalRouter ";
+import { useInternalRouter } from "./useInternalRouter";
 export const A = forwardRef(({ href, className, ...props }) => {
     const router = useInternalRouter();
     const isActive = useMemo(() => router.path === href?.split("?")[0], [router.path, href]);
     const browserRouterClickAnchorHandler = (e) => {
         e.preventDefault();
         e.stopPropagation();
+        if (!href)
+            return;
         router.go(href.toString());
     };
     return (_jsx("a", { href: router.type === "browser" ? href : `#${href}`, className: className, "data-route-active": isActive, ...props, onClick: router.type === "browser" ? browserRouterClickAnchorHandler : undefined }));

package/dist/ErrorRoute.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { Suspense } from "preact/compat";
-import { useInternalRouter } from "./useInternalRouter ";
+import { useInternalRouter } from "./useInternalRouter";
 export function ErrorRoute(props) {
     const router = useInternalRouter();
     if (router.itMatch)

package/dist/Redirect.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { Fragment, useLayoutEffect } from "preact/compat";
-import { useInternalRouter } from "./useInternalRouter ";
+import { useInternalRouter } from "./useInternalRouter";
 export const Redirect = (props) => {
     const router = useInternalRouter();
     useLayoutEffect(() => {

package/dist/Route.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { Suspense, useLayoutEffect, useState } from "preact/compat";
 import { matchRoute } from "./match";
-import { useInternalRouter } from "./useInternalRouter ";
+import { useInternalRouter } from "./useInternalRouter";
 export function Route(props) {
     const router = useInternalRouter();
     const [render, setRender] = useState(false);
@@ -17,8 +17,8 @@ export function Route(props) {
         if (props.exact === false && matches === undefined) {
             return;
         }
-        router.setParams(matches.params);
-        router.setRest(matches.rest);
+        router.setParams(matches?.params || {});
+        router.setRest(matches?.rest);
         router.setItMatch(true);
         setRender(true);
     }, [router.path]);

package/dist/Router.js

@@ -3,7 +3,7 @@ import { useLayoutEffect, useMemo, useState } from "preact/hooks";
 import { router_context } from "./context";
 const get_hash_route = () => location.hash.slice(1) || "/";
 export const Router = (props) => {
-    const [path, setPath] = useState();
+    const [path, setPath] = useState("");
     const [query, setQuery] = useState("");
     const [params, setParams] = useState({});
     const [rest, setRest] = useState("");

package/dist/RouterErrorBoundary.d.ts

@@ -4,7 +4,7 @@ export declare class RouterErrorBoundary extends Component<PropsWithChildren & {
     fallback?: VNode<any>;
 }> {
     state: {
-        error: any;
+        error: null;
     };
     static getDerivedStateFromError(error: any): {
         error: any;

package/dist/context.d.ts

@@ -11,4 +11,4 @@ export type RouterContext = {
     rest: Matches["rest"];
     setRest: (r: Matches["rest"]) => void;
 };
-export declare const router_context: import("preact").Context<RouterContext>;
+export declare const router_context: import("preact").Context<RouterContext | null>;

package/dist/match.js

@@ -6,7 +6,6 @@
  * @returns Un objeto Matches si la URL coincide con el patrón; de lo contrario, undefined.
  */
 export const matchRoute = (url, route, matches = { params: {} }) => {
-    // Separa la URL y el patrón en segmentos, eliminando elementos vacíos para facilitar la comparación.
     const urlSegments = url.split("/").filter(Boolean);
     const routeSegments = route.split("/").filter(Boolean);
     // Se itera hasta el máximo número de segmentos entre la URL y el patrón para cubrir ambos casos.
@@ -39,6 +38,5 @@ export const matchRoute = (url, route, matches = { params: {} }) => {
         if (isRest)
             break;
     }
-    // Retorna el objeto con los parámetros y/o resto capturados.
     return matches;
 };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "preact-hashish-router",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "type": "module",
   "module": "dist/index.js",
   "description": "A simple router for preact",
   "scripts": {
     "build": "tsc -p ./tsconfig.lib.json",
-    "format": "prettier --write src app --ignore-unknown",
+    "format": "prettier --write src app --ignore-unknown --cache",
     "app:dev": "vite",
-    "prepublishOnly": "npm run build && npm run format",
+    "prepublishOnly": "npm run build",
     "push": "npm version patch && git push",
     "push-minor": "npm version minor && git push",
     "push-major": "npm version major && git push"
@@ -16,9 +16,6 @@
   "exports": {
     ".": "./dist/index.js"
   },
-  "peerDependencies": {
-    "preact": "^10.26.2"
-  },
   "keywords": [
     "preact",
     "router",
@@ -37,17 +34,20 @@
     "url": "https://github.com/LiasCode/preact-hashish-router"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.1",
-    "@types/node": "^22.13.4",
-    "prettier": "^3.5.1",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.0"
+    "@preact/preset-vite": "^2.10.2",
+    "@types/node": "^22.17.1",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "typescript": "^5.9.2",
+    "vite": "^6.3.5"
   },
   "files": [
     "dist",
     "LICENSE",
     "package.json",
     "README.md"
-  ]
+  ],
+  "peerDependencies": {
+    "preact": "^10.27.0"
+  }
 }