preact-hashish-router 0.0.12 → 0.0.14

package/README.md

@@ -88,6 +88,26 @@ export default function Header() {
 }
 ```
 
+### `<Redirect />` Component
+
+```tsx
+import { Redirect } from "preact-hashish-router";
+
+export default function ProductPage() {
+  return (
+    <>
+      <header>
+        <nav>
+          <A href="/">Home</A>
+          <A href="/about">About</A>
+        </nav>
+      </header>
+      <Redirect to="/" />
+    </>
+  );
+}
+```
+
 ## Development
 
 If you have any improvements or find any issues, feel free to contribute or open an issue in the associated repository.

package/dist/Redirect.d.ts

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

package/dist/Redirect.js

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

package/dist/Router.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
-import { useEffect, useMemo, useState } from "preact/hooks";
+import { useLayoutEffect, useMemo, useState } from "preact/hooks";
 import { router_context } from "./context";
 const get_hash_route = () => location.hash.slice(1) || "/";
 export const Router = (props) => {
@@ -38,7 +38,7 @@ export const Router = (props) => {
             window.removeEventListener("hashchange", browserEffectHandler.listener);
         },
     };
-    useEffect(() => {
+    useLayoutEffect(() => {
         if (router_type !== "hash")
             return;
         const [path, query] = get_hash_route().split("?");
@@ -53,7 +53,7 @@ export const Router = (props) => {
         hashEffectHandler.effect();
         return () => hashEffectHandler.cleanUp();
     }, []);
-    useEffect(() => {
+    useLayoutEffect(() => {
         if (router_type !== "browser")
             return;
         setPath(location.pathname);

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./A";
 export * from "./ErrorRoute";
+export * from "./Redirect";
 export * from "./Route";
 export * from "./Router";
 export * from "./RouterErrorBoundary";

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from "./A";
 export * from "./ErrorRoute";
+export * from "./Redirect";
 export * from "./Route";
 export * from "./Router";
 export * from "./RouterErrorBoundary";

package/package.json

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