htmx-router 0.0.7 → 0.0.8

package/bin/render-args.d.ts

@@ -12,6 +12,7 @@ export declare enum MaskType {
 export declare class RenderArgs {
     req: http.IncomingMessage;
     res: http.ServerResponse;
+    title: string;
     params: MetaHTML;
     url: URL;
     shared: {
@@ -23,6 +24,7 @@ export declare class RenderArgs {
     _maskChain: MaskType[];
     _maxChain: number;
     constructor(req: http.IncomingMessage, res: http.ServerResponse, url: URL);
+    setTitle: (value: string) => void;
     addLinks: (links: MetaHTML[], override?: boolean) => void;
     addMeta: (links: MetaHTML[], override?: boolean) => void;
     Outlet: () => Promise<string>;

package/bin/render-args.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderArgs = exports.MaskType = void 0;
+const titleScript = `<script>` +
+    `document.addEventListener("DOMContentLoaded",function(){` +
+    `document.body.addEventListener("setTitle",function(evt){document.title = evt.detail.value;})` +
+    `});` +
+    `</script>`;
 const attrRegex = /^[A-z][A-z\-0-9]+$/;
 function ValidateMetaHTML(val) {
     for (const key in val) {
@@ -24,6 +29,9 @@ var MaskType;
 })(MaskType || (exports.MaskType = MaskType = {}));
 class RenderArgs {
     constructor(req, res, url) {
+        this.setTitle = (value) => {
+            this.title = value;
+        };
         this.addLinks = (links, override = false) => {
             if (!ValidateMetaHTMLs(links))
                 throw new Error(`Provided links have invalid attribute`);
@@ -74,12 +82,13 @@ class RenderArgs {
                 }
                 out += "></meta>";
             }
-            return out;
+            return out + titleScript;
         };
         this.req = req;
         this.res = res;
         this.url = url;
         this.params = {};
+        this.title = "";
         this.shared = {};
         this.links = [];
         this.meta = [];

package/bin/router.js

@@ -167,13 +167,27 @@ class RouteTree {
         try {
             const depth = BuildOutlet(this, args, from);
             if (from) {
-                res.setHeader('HX-Replace-Url', req.url || "/");
+                res.setHeader('HX-Push-Url', req.url || "/");
                 if (depth > 0) {
                     res.setHeader('HX-Retarget', `#hx-route-${depth.toString(16)}`);
                 }
                 res.setHeader('HX-Reswap', "outerHTML");
             }
-            return await args.Outlet();
+            const out = await args.Outlet();
+            if (args.title) {
+                const trigger = res.getHeader('HX-Trigger');
+                const entry = `{"setTitle":"${args.title.replace(/"/g, `\\"`)}"}`;
+                if (Array.isArray(trigger)) {
+                    res.setHeader('HX-Trigger', [...trigger, entry]);
+                }
+                else if (trigger) {
+                    res.setHeader('HX-Trigger', [trigger.toString(), entry]);
+                }
+                else {
+                    res.setHeader('HX-Trigger', [entry]);
+                }
+            }
+            return out;
         }
         catch (e) {
             if (e instanceof shared_1.Redirect)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "htmx-router",
-	"version": "0.0.7",
+	"version": "0.0.8",
 	"description": "A remix.js style file path router for htmX websites",
 	"main": "./bin/index.js",
 	"scripts": {