preact-hashish-router 0.1.7 → 0.1.9

package/README.md

@@ -1,13 +1,16 @@
 # Preact Hashish Router
 
+A simple router for preact with support for hash and browser routing.
+
 ## Features
 
 - `browser` and `hash` routing types.
 - Support for lazy-loaded routes (`lazy` loading).
-- Error handling integration with `ErrorRoute`.
+- Error handling.
 - Fully typed.
 - Ultra lightweight.
 - Minimal external dependencies.
+- Super fast route matching using [unjs/rou3](https://github.com/h3js/rou3)
 
 ## Installation
 

package/dist/A.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from "preact/compat";
+import { type ComponentProps } from "preact/compat";
 export type AProps = Omit<ComponentProps<"a">, "href"> & {
     href: string;
 };

package/dist/NotFound.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from "preact";
+import type { VNode } from "preact";
 export declare const NotFound: (props: {
     element: VNode<any>;
 }) => import("preact").JSX.Element;

package/dist/Route.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from "preact";
+import type { VNode } from "preact";
 export type RouteProps = {
     /** The route path matcher
      *  @example "/"

package/dist/Router.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "preact/compat";
+import type { PropsWithChildren } from "preact/compat";
 export type RouterProps = PropsWithChildren<{
     type: "hash" | "browser";
     /**

package/dist/RouterErrorBoundary.d.ts

@@ -1,5 +1,5 @@
-import { Component, VNode } from "preact";
-import { PropsWithChildren } from "preact/compat";
+import { Component, type VNode } from "preact";
+import type { PropsWithChildren } from "preact/compat";
 export declare class RouterErrorBoundary extends Component<PropsWithChildren & {
     fallback?: VNode<any>;
 }> {

package/dist/context.d.ts

@@ -1,4 +1,4 @@
-import { RouteMatched } from "./router/matcher";
+import type { RouteMatched } from "./router/matcher";
 export type HashisherContextVal = {
     active_path: string | null;
     params: RouteMatched["params"];

package/dist/index.js

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

package/dist/router/matcher.d.ts

@@ -1,6 +1,6 @@
-import { VNode } from "preact";
-import { MatchedRoute } from "rou3";
-import { RouteProps } from "../Route";
+import type { VNode } from "preact";
+import { type MatchedRoute } from "rou3";
+import type { RouteProps } from "../Route";
 export type MatcherPayload = {
     component: VNode<any>;
     lazy: boolean;

package/package.json

@@ -1,26 +1,25 @@
 {
   "name": "preact-hashish-router",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "description": "A simple router for preact",
   "scripts": {
     "types": "tsc -p ./tsconfig.json",
+    "build": "rm -rf ./dist && bun run types && bun run bundle",
     "bundle": "esbuild ./src/index.ts --bundle --minify --platform=browser --packages=external --outfile=./dist/index.js --format=esm",
     "bundle:watch": "esbuild --watch ./src/index.ts --bundle --minify --platform=browser --packages=external --outfile=./dist/index.js --format=esm",
     "format": "prettier --write ./src --ignore-unknown --cache",
-    "app:dev": "vite",
-    "build": "rm -rf ./dist && bun run types && bun run bundle",
-    "prepublishOnly": "bun run types && bun run bundle",
-    "patch": "bun pm version patch && git push",
-    "minor": "bun pm version minor && git push",
-    "major": "bun pm version major && git push",
-    "release": "changelogen --release --push && bun publish"
+    "lint": "biome lint . --fix --unsafe",
+    "code:style": "bun run format && bun run lint",
+    "prepublishOnly": "bun run build",
+    "release": "bun run build && changelogen --release --publish && git push --follow-tags"
   },
   "workspaces": [
     "./examples/*"
   ],
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
   },
   "keywords": [
     "preact",
@@ -28,7 +27,8 @@
     "simple",
     "routing",
     "browser",
-    "hash"
+    "hash",
+    "radix tree"
   ],
   "author": {
     "name": "LiasCode",
@@ -45,18 +45,19 @@
     "README.md"
   ],
   "dependencies": {
-    "rou3": "^0.7.3",
-    "ufo": "^1.6.1"
+    "rou3": "0.7.3",
+    "ufo": "1.6.1"
   },
   "peerDependencies": {
-    "preact": "^10.27.0"
+    "preact": "10.27.2"
   },
   "devDependencies": {
-    "@types/node": "^22.17.2",
-    "changelogen": "^0.6.2",
-    "esbuild": "^0.25.9",
-    "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.2.0",
-    "typescript": "^5.9.2"
+    "@biomejs/biome": "1.8.3",
+    "@types/node": "22.18.0",
+    "changelogen": "0.6.2",
+    "esbuild": "0.25.9",
+    "prettier": "3.6.2",
+    "prettier-plugin-organize-imports": "4.2.0",
+    "typescript": "5.9.2"
   }
 }