preact-hashish-router 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,6 +1 @@
-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";
+import{forwardRef as k}from"preact/compat";import{createContext as V}from"preact";import{useContext as h}from"preact/hooks";var o=V({active_path:"",active_route_data:null,params:void 0,searchParams:new URLSearchParams,go(){}}),p=()=>{let e=h(o);if(!e)throw new Error("useHashisherContext should be inside a HashisherContext provider");return e};function S(){let e=h(o);if(!e)throw new Error("useParams should be inside a HashisherContext provider");return e.params}function M(){let e=h(o);if(!e)throw new Error("useSearchParams should be inside a HashisherContext provider");return e.searchParams}var N=()=>{let e=h(o);if(!e)throw new Error("useRouter should be inside a HashisherContext provider");return{path:e.active_path,params:e.params,go:e.go,searchParams:e.searchParams}};import{jsx as E}from"preact/jsx-runtime";var L=k(({href:e,...t},s)=>{let{go:m}=p();if(!e)throw new Error("A: href must be defined");return E("a",{ref:s,href:e,onClick:i=>{i.preventDefault(),m(e)},...t})});import{Fragment as z,jsx as w}from"preact/jsx-runtime";var U=e=>(A(e.element),w(z,{})),R=w("div",{children:"404 Not Found"}),A=e=>{R=e},d=()=>R;import{addRoute as W,createRouter as F}from"rou3";var l=F(),y=(e,t)=>{W(l,void 0,e,{component:t.element,fallback:t.fallback||null,lazy:!!t.lazy})};import{Fragment as D,jsx as O}from"preact/jsx-runtime";function T(e){return y(e.path,e),O(D,{})}import{useCallback as G,useLayoutEffect as I,useState as u}from"preact/hooks";import{findRoute as J}from"rou3";import{parseURL as v}from"ufo";import{Suspense as B}from"preact/compat";import{jsx as q}from"preact/jsx-runtime";var C=()=>{let{active_route_data:e}=p();return e?e.component===null?d():e.lazy?q(B,{fallback:e.fallback,children:e.component}):e.component:d()};import{jsx as Q,jsxs as X}from"preact/jsx-runtime";var K=e=>{let[t,s]=u(()=>typeof window<"u"?window.location.pathname:null),[m,i]=u(void 0),[g,x]=u(new URLSearchParams),[b,P]=u(null),_=G(r=>{let a=v(window.location.href),n=r===null?a.pathname:r,c=J(l,void 0,n);if(!c){s(n),x(new URLSearchParams(a.search)),P(null),i(void 0),e.type==="browser"&&window.history.pushState(null,"",n);return}s(n),x(new URLSearchParams(a.search)),i({...c.params}),P({...c.data}),e.type==="browser"&&window.history.pushState(null,"",n)},[]);I(()=>{if(e.type!=="browser")return;let r=()=>{_(null)};return window.addEventListener("popstate",r),r(),()=>{window.removeEventListener("popstate",r)}},[]);let H=r=>{let a=v(r).pathname;_(a)};return X(o.Provider,{value:{active_path:t,searchParams:g,params:m,active_route_data:b,go:H},children:[e.children,Q(C,{})]})};import{Component as Y}from"preact";import{jsxs as Z}from"preact/jsx-runtime";var f=class extends Y{state={error:null};static getDerivedStateFromError(t){return{error:t.message}}componentDidCatch(t){this.setState({error:t.message})}render(){return this.state.error?this.props.fallback?this.props.fallback:Z("p",{children:["Oh no! We ran into an error: ",this.state.error]}):this.props.children}};export{L as A,U as NotFound,T as Route,K as Router,f as RouterErrorBoundary,S as useParams,N as useRouter,M as useSearchParams};

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "preact-hashish-router",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "module": "dist/index.js",
   "description": "A simple router for preact",
   "scripts": {
-    "build": "tsc -p ./tsconfig.lib.json",
+    "types": "tsc -p ./tsconfig.lib.json",
+    "bundle": "esbuild ./src/index.ts --bundle --minify --platform=browser --packages=external --outfile=./dist/index.js --format=esm",
     "format": "prettier --write src app --ignore-unknown --cache",
     "app:dev": "vite",
-    "prepublishOnly": "npm run build",
+    "build": "rm -rf ./dist && bun run types && bun run bundle",
+    "prepublishOnly": "bun run types && bun run bundle",
     "push": "npm version patch && git push",
     "push-minor": "npm version minor && git push",
     "push-major": "npm version major && git push"
@@ -36,6 +38,7 @@
   "devDependencies": {
     "@preact/preset-vite": "^2.10.2",
     "@types/node": "^22.17.1",
+    "esbuild": "^0.25.9",
     "preact-render-to-string": "^6.5.13",
     "prettier": "^3.6.2",
     "prettier-plugin-organize-imports": "^4.2.0",

package/dist/A.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "preact/jsx-runtime";
-import { forwardRef } from "preact/compat";
-import { useHashisherContext } from "./context";
-export const A = forwardRef(({ href, ...props }, forwardedRef) => {
-    const { go } = useHashisherContext();
-    if (!href) {
-        throw new Error("A: href must be defined");
-    }
-    return (_jsx("a", { ref: forwardedRef, href: href, onClick: (event) => {
-            event.preventDefault();
-            go(href);
-        }, ...props }));
-});

package/dist/NotFound.js

@@ -1,10 +0,0 @@
-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.js

@@ -1,16 +0,0 @@
-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 get_not_found_element();
-    if (active_route_data.component === null) {
-        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;
-};

package/dist/Route.js

@@ -1,6 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "preact/jsx-runtime";
-import { add_route_to_matcher } from "./router/matcher";
-export function Route(props) {
-    add_route_to_matcher(props.path, props);
-    return _jsx(_Fragment, {});
-}

package/dist/Router.js

@@ -1,62 +0,0 @@
-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 } from "./RenderMatchedRoute";
-import { Matcher } from "./router/matcher";
-export const Router = (props) => {
-    const [active_path, set_active_path] = useState(() => {
-        if (typeof window !== "undefined")
-            return window.location.pathname;
-        return null;
-    });
-    const [params, setParams] = useState(undefined);
-    const [searchParams, setSearchParams] = useState(new URLSearchParams());
-    const [active_route_data, set_active_route_data] = useState(null);
-    const execute_path_change = useCallback((raw_path) => {
-        const url = parseURL(window.location.href);
-        const newPath = raw_path === null ? url.pathname : raw_path;
-        const route_data = findRoute(Matcher, undefined, newPath);
-        if (!route_data) {
-            set_active_path(newPath);
-            setSearchParams(new URLSearchParams(url.search));
-            set_active_route_data(null);
-            setParams(undefined);
-            if (props.type === "browser") {
-                window.history.pushState(null, "", newPath);
-            }
-            return;
-        }
-        set_active_path(newPath);
-        setSearchParams(new URLSearchParams(url.search));
-        setParams({ ...route_data.params });
-        set_active_route_data({ ...route_data.data });
-        if (props.type === "browser") {
-            window.history.pushState(null, "", newPath);
-        }
-    }, []);
-    useLayoutEffect(() => {
-        if (props.type !== "browser")
-            return;
-        const listener = () => {
-            execute_path_change(null);
-        };
-        window.addEventListener("popstate", listener);
-        listener();
-        return () => {
-            window.removeEventListener("popstate", listener);
-        };
-    }, []);
-    const go_imperative = (newPath) => {
-        const pathname = parseURL(newPath).pathname;
-        execute_path_change(pathname);
-    };
-    return (_jsxs(HashisherContext.Provider, { value: {
-            active_path,
-            searchParams,
-            params,
-            active_route_data,
-            go: go_imperative,
-        }, children: [props.children, _jsx(RenderMatchedRoute, {})] }));
-};

package/dist/RouterErrorBoundary.js

@@ -1,19 +0,0 @@
-import { jsxs as _jsxs } from "preact/jsx-runtime";
-import { Component } from "preact";
-export class RouterErrorBoundary extends Component {
-    state = { error: null };
-    static getDerivedStateFromError(error) {
-        return { error: error.message };
-    }
-    componentDidCatch(error) {
-        this.setState({ error: error.message });
-    }
-    render() {
-        if (this.state.error) {
-            if (this.props.fallback)
-                return this.props.fallback;
-            return _jsxs("p", { children: ["Oh no! We ran into an error: ", this.state.error] });
-        }
-        return this.props.children;
-    }
-}

package/dist/context.js

@@ -1,38 +0,0 @@
-import { createContext } from "preact";
-import { useContext } from "preact/hooks";
-export const HashisherContext = createContext({
-    active_path: "",
-    active_route_data: null,
-    params: undefined,
-    searchParams: new URLSearchParams(),
-    go() { },
-});
-export const useHashisherContext = () => {
-    const c = useContext(HashisherContext);
-    if (!c)
-        throw new Error("useHashisherContext should be inside a HashisherContext provider");
-    return c;
-};
-export function useParams() {
-    const c = useContext(HashisherContext);
-    if (!c)
-        throw new Error("useParams should be inside a HashisherContext provider");
-    return c.params;
-}
-export function useSearchParams() {
-    const c = useContext(HashisherContext);
-    if (!c)
-        throw new Error("useSearchParams should be inside a HashisherContext provider");
-    return c.searchParams;
-}
-export const useRouter = () => {
-    const c = useContext(HashisherContext);
-    if (!c)
-        throw new Error("useRouter should be inside a HashisherContext provider");
-    return {
-        path: c.active_path,
-        params: c.params,
-        go: c.go,
-        searchParams: c.searchParams,
-    };
-};

package/dist/matcher.js

@@ -1,6 +0,0 @@
-"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/dist/router/matcher.js

@@ -1,9 +0,0 @@
-import { addRoute, createRouter } from "rou3";
-export const Matcher = createRouter();
-export const add_route_to_matcher = (path, data) => {
-    addRoute(Matcher, undefined, path, {
-        component: data.element,
-        fallback: data.fallback || null,
-        lazy: Boolean(data.lazy),
-    });
-};