htmx-router 2.2.3 → 2.2.5

package/dist/internal/mount.js

@@ -13,18 +13,32 @@ function ClientMounter() {
             localStorage.setItem("theme", current);
             return current;
         },
-        apply: () => {
-            document.documentElement.setAttribute('data-theme', theme.get());
+        apply: () => document.documentElement.setAttribute('data-theme', theme.get()),
+        set: (value, sync = true) => {
+            localStorage.setItem("theme", value);
+            theme.apply();
+            if (sync)
+                channel.postMessage({ type: 'set', theme: value });
+            return theme;
         },
         toggle: () => {
-            if (theme.get() === "dark")
-                localStorage.setItem("theme", "light");
-            else
-                localStorage.setItem("theme", "dark");
+            const value = theme.get() === 'dark' ? 'light' : 'dark';
+            localStorage.setItem("theme", value);
             theme.apply();
-            return localStorage.getItem("theme");
+            channel.postMessage({ type: 'set', theme: value });
+            return value;
         }
     };
+    const channel = new BroadcastChannel('hx-theme');
+    channel.addEventListener('message', (event) => {
+        if (event?.data?.type !== 'set')
+            return;
+        const next = event.data.theme;
+        if (next === 'light')
+            theme.set('light', false);
+        if (next === 'dark')
+            theme.set('dark', false);
+    });
     /**
      * based on https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0,
      * derived from Java's string hashcode implementation
@@ -143,13 +157,10 @@ export function GetMountUrl() {
  * RouteTree mounting point
  */
 export const path = "/_/mount/$hash";
-export const parameters = {
-    hash: String
-};
+export const parameters = { hash: String };
 export async function loader(ctx) {
     if (!ctx.params.hash)
         return null;
-    // const build = GetSheet();
     if (!ctx.params.hash.startsWith(hash))
         return null;
     ctx.headers.set("Content-Type", "text/javascript");

package/dist/internal/router.d.ts

@@ -14,6 +14,7 @@ export declare class GenericContext {
     readonly timer: RequestTimer;
     readonly url: URL;
     readonly render: HtmxRouterServer["render"];
+    path: string;
     constructor(request: GenericContext["request"], url: GenericContext["url"], scope: HtmxRouterServer);
     finalize(res: Response): void;
     shape<T extends ParameterShaper>(shape: T, path: string): RouteContext<T>;

package/dist/internal/router.js

@@ -12,6 +12,7 @@ export class GenericContext {
     timer;
     url;
     render;
+    path;
     constructor(request, url, scope) {
         this.cookie = new Cookies(request.headers.get("cookie"));
         this.headers = new Headers(scope.headers);
@@ -21,9 +22,12 @@ export class GenericContext {
         this.timer = new RequestTimer(scope.timers);
         this.scope = scope;
         this.render = scope.render;
+        this.path = '$';
     }
     finalize(res) { this.timer.writeTo(res.headers); }
     shape(shape, path) {
-        return new RouteContext(this, this.params, shape, path);
+        const ctx = new RouteContext(this, this.params, shape, path);
+        this.path = path;
+        return ctx;
     }
 }

package/dist/response.js

@@ -36,6 +36,7 @@ export function revalidate(init) {
     const res = new Response("", init);
     res.headers.set("HX-Location", "");
     res.headers.set("HX-Replace-Url", "");
+    res.headers.set("HX-Push-Url", "false");
     res.headers.set("X-Caught", "true");
     return res;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "htmx-router",
-	"version": "2.2.3",
+	"version": "2.2.5",
 	"description": "A lightweight SSR framework with server+client islands",
 	"keywords": [ "htmx", "router", "client islands", "ssr", "vite" ],
 	"type": "module",