preact-hashish-router 0.0.16 → 0.0.17

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/dist/useInternalRouter.d.ts

@@ -0,0 +1 @@
+export declare function useInternalRouter(): import("./context").RouterContext;

package/dist/useInternalRouter.js

@@ -0,0 +1,9 @@
+import { useContext } from "preact/hooks";
+import { router_context } from "./context";
+export function useInternalRouter() {
+    const context = useContext(router_context);
+    if (!context) {
+        throw new Error("useInternalRouter should be used within a Router");
+    }
+    return context;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "preact-hashish-router",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "module": "dist/index.js",
   "description": "A simple router for preact",