preact-hashish-router 0.1.0 → 0.1.1

package/dist/NotFound.d.ts

@@ -0,0 +1,6 @@
+import { VNode } from "preact";
+export declare const NotFound: (props: {
+    element: VNode<any>;
+}) => import("preact").JSX.Element;
+export declare const set_not_found_element: (el: VNode<any>) => void;
+export declare const get_not_found_element: () => VNode<any>;

package/dist/NotFound.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx } from "preact/jsx-runtime";
+export const NotFound = (props) => {
+    set_not_found_element(props.element);
+    return _jsx(_Fragment, {});
+};
+let not_found_element = _jsx("div", { children: "404 Not Found" });
+export const set_not_found_element = (el) => {
+    not_found_element = el;
+};
+export const get_not_found_element = () => not_found_element;

package/dist/RenderMatchedRoute.d.ts

@@ -1,3 +1 @@
-import { VNode } from "preact";
-export declare const RenderMatchedRoute: () => VNode<any>;
-export declare const set_not_found_element: (el: VNode<any>) => void;
+export declare const RenderMatchedRoute: () => import("preact").VNode<any>;

package/dist/RenderMatchedRoute.js

@@ -1,19 +1,16 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { Suspense } from "preact/compat";
 import { useHashisherContext } from "./context";
+import { get_not_found_element } from "./NotFound";
 export const RenderMatchedRoute = () => {
     const { active_route_data } = useHashisherContext();
     if (!active_route_data)
-        return not_found_element;
+        return get_not_found_element();
     if (active_route_data.component === null) {
-        return not_found_element;
+        return get_not_found_element();
     }
     if (active_route_data.lazy) {
         return _jsx(Suspense, { fallback: active_route_data.fallback, children: active_route_data.component });
     }
     return active_route_data.component;
 };
-let not_found_element = _jsx("div", { children: "404 Not Found" });
-export const set_not_found_element = (el) => {
-    not_found_element = el;
-};

package/dist/Router.d.ts

@@ -1,9 +1,5 @@
-import { VNode } from "preact";
 import { PropsWithChildren } from "preact/compat";
 export type RouterProps = PropsWithChildren<{
     type: "browser";
 }>;
 export declare const Router: (props: RouterProps) => import("preact").JSX.Element;
-export declare const NotFound: (props: {
-    element: VNode<any>;
-}) => import("preact").JSX.Element;

package/dist/Router.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useCallback, useLayoutEffect, useState } from "preact/hooks";
 import { findRoute } from "rou3";
 import { parseURL } from "ufo";
 import { HashisherContext } from "./context";
-import { RenderMatchedRoute, set_not_found_element } from "./RenderMatchedRoute";
+import { RenderMatchedRoute } from "./RenderMatchedRoute";
 import { Matcher } from "./router/matcher";
 export const Router = (props) => {
     const [active_path, set_active_path] = useState(() => {
@@ -60,7 +60,3 @@ export const Router = (props) => {
             go: go_imperative,
         }, children: [props.children, _jsx(RenderMatchedRoute, {})] }));
 };
-export const NotFound = (props) => {
-    set_not_found_element(props.element);
-    return _jsx(_Fragment, {});
-};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./A";
-export * from "./context";
-export * from "./Route";
-export * from "./Router";
-export * from "./RouterErrorBoundary";
+export { A } from "./A";
+export { useParams, useRouter, useSearchParams } from "./context";
+export { NotFound } from "./NotFound";
+export { Route } from "./Route";
+export { Router } from "./Router";
+export { RouterErrorBoundary } from "./RouterErrorBoundary";

package/dist/index.js

@@ -1,5 +1,6 @@
-export * from "./A";
-export * from "./context";
-export * from "./Route";
-export * from "./Router";
-export * from "./RouterErrorBoundary";
+export { A } from "./A";
+export { useParams, useRouter, useSearchParams } from "./context";
+export { NotFound } from "./NotFound";
+export { Route } from "./Route";
+export { Router } from "./Router";
+export { RouterErrorBoundary } from "./RouterErrorBoundary";

package/dist/matcher.js

@@ -0,0 +1,6 @@
+"use strict";
+import { createRouter as a, addRoute as t } from "rou3";
+export const Matcher = a(),
+  add_route_to_matcher = (e, o) => {
+    t(Matcher, void 0, e, { component: o.element, fallback: o.fallback || null, lazy: !!o.lazy });
+  };

package/package.json

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

package/dist/ErrorRoute.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from "preact/compat";
-export declare function ErrorRoute(props: PropsWithChildren<{
-    lazy?: boolean;
-}>): import("preact").ComponentChildren;

package/dist/ErrorRoute.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "preact/jsx-runtime";
-import { Suspense } from "preact/compat";
-import { useInternalRouter } from "./useInternalRouter";
-export function ErrorRoute(props) {
-    const router = useInternalRouter();
-    if (router.itMatch)
-        return null;
-    if (props.lazy) {
-        return _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: props.children });
-    }
-    return props.children;
-}

package/dist/Redirect.d.ts

@@ -1,4 +0,0 @@
-export type RedirectProps = {
-    to: string;
-};
-export declare const Redirect: (props: RedirectProps) => import("preact").JSX.Element;

package/dist/Redirect.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "preact/jsx-runtime";
-import { Fragment, useLayoutEffect } from "preact/compat";
-import { useInternalRouter } from "./useInternalRouter";
-export const Redirect = (props) => {
-    const router = useInternalRouter();
-    useLayoutEffect(() => {
-        router.go(props.to);
-    }, []);
-    return _jsx(Fragment, {});
-};

package/dist/match.d.ts

@@ -1,12 +0,0 @@
-export type Matches = {
-    params: Record<string, string>;
-    rest?: string;
-};
-/**
- * Compara una URL contra un patrón definido y extrae parámetros.
- * @param url - La URL a analizar (ejemplo: "/user/12345").
- * @param route - El patrón de URL (ejemplo: "/user/:id").
- * @param matches - Objeto opcional para acumular coincidencias, inicializado por defecto.
- * @returns Un objeto Matches si la URL coincide con el patrón; de lo contrario, undefined.
- */
-export declare const matchRoute: (url: string, route: string, matches?: Matches) => Matches | undefined;

package/dist/match.js

@@ -1,42 +0,0 @@
-/**
- * Compara una URL contra un patrón definido y extrae parámetros.
- * @param url - La URL a analizar (ejemplo: "/user/12345").
- * @param route - El patrón de URL (ejemplo: "/user/:id").
- * @param matches - Objeto opcional para acumular coincidencias, inicializado por defecto.
- * @returns Un objeto Matches si la URL coincide con el patrón; de lo contrario, undefined.
- */
-export const matchRoute = (url, route, matches = { params: {} }) => {
-    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.
-    for (let i = 0; i < Math.max(urlSegments.length, routeSegments.length); i++) {
-        // Extrae y desestructura el segmento actual del patrón:
-        // - isParam: indica si el segmento es un parámetro (comienza con ":").
-        // - paramName: nombre del parámetro o valor literal.
-        // - modifier: puede ser '+', '*' o '?' para modificar el comportamiento de captura.
-        const [, isParam, paramName, modifier] = (routeSegments[i] || "").match(/^(:)?(.*?)([+*?]?)$/) || [];
-        // Si el segmento del patrón no es un parámetro y coincide exactamente con el de la URL, continúa.
-        if (!isParam && paramName === urlSegments[i])
-            continue;
-        // Si no es parámetro y el modificador es '*' se captura el resto de la URL.
-        if (!isParam && modifier === "*") {
-            matches.rest = `/${urlSegments.slice(i).map(decodeURIComponent).join("/")}`;
-            break;
-        }
-        // Valida que el segmento sea un parámetro y que, si es obligatorio, exista en la URL.
-        if (!isParam || (!urlSegments[i] && modifier !== "?" && modifier !== "*"))
-            return;
-        // Determina si el modificador indica la captura del resto de la URL ('+' o '*').
-        const isRest = modifier === "+" || modifier === "*";
-        // Asigna el valor del parámetro:
-        // - Si es una captura 'rest', se unen todos los segmentos restantes.
-        // - De lo contrario, se decodifica el segmento individual.
-        matches.params[paramName] = isRest
-            ? urlSegments.slice(i).map(decodeURIComponent).join("/")
-            : decodeURIComponent(urlSegments[i]);
-        // Si se capturaron múltiples segmentos (caso de 'rest'), se interrumpe la iteración.
-        if (isRest)
-            break;
-    }
-    return matches;
-};

package/dist/useInternalRouter.d.ts

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

package/dist/useInternalRouter.js

@@ -1,9 +0,0 @@
-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/dist/useRouter.d.ts

@@ -1,3 +0,0 @@
-import { RouterContext } from "./context";
-export type PublicRouterContext = Pick<RouterContext, "go" | "path" | "params" | "rest" | "query">;
-export declare function useRouter(): PublicRouterContext;

package/dist/useRouter.js

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