htmx-router 0.0.4 → 0.0.6

package/bin/404-route.d.ts

@@ -0,0 +1,2 @@
+import { RenderArgs } from "./render-args";
+export declare function Render(rn: string, { req }: RenderArgs): Promise<string>;

package/bin/404-route.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Render = void 0;
+const shared_1 = require("./shared");
+async function Render(rn, { req }) {
+    throw new shared_1.ErrorResponse(404, "Resource Not Found", req.url || "/");
+}
+exports.Render = Render;

package/bin/cli/dynamic.js

@@ -39,7 +39,7 @@ function readDirRecursively(dir: string) {
     script += "\tconst ext = extname(file);\n";
     script += "\tif (!IsAllowedExt(ext)) continue;\n";
     script += "\tconst url = relative(ctx, file.slice(0, file.lastIndexOf(\".\")).replace(/\\\\/g, \"/\"));\n";
-    script += `\timport(file).then((mod) => Router.ingest(url, mod, []));\n`;
+    script += `\timport(file).then((mod) => Router.ingest(url, mod, [false]));\n`;
     script += "}\n";
     (0, fs_1.writeFileSync)(`${cwd}/router.ts`, script);
     console.log(`Finished Building`);

package/bin/cli/static.js

@@ -40,7 +40,7 @@ function BuildStatic(cwd) {
     script += `\nexport const Router = new RouteTree();\n`;
     for (let i = 0; i < files.length; i++) {
         const file = files[i];
-        script += `Router.ingest("${file.slice(DIR.length - 1)}", Route${i}, []);\n`;
+        script += `Router.ingest("${file.slice(DIR.length - 1)}", Route${i}, [false]);\n`;
     }
     script += `Router.assignRoot(RootRoute);\n`;
     (0, fs_1.writeFileSync)(`${cwd}/router.ts`, script);

package/bin/components.d.ts

@@ -0,0 +1,5 @@
+export declare function Link(props: {
+    to: string;
+    target?: string;
+    style?: string;
+}, contents: string[]): string;

package/bin/components.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const elements = __importStar(require("typed-html"));
+function Link(props, contents) {
+    return elements.createElement("a", { target: props.target || "", style: props.style || "", href: props.to, "hx-get": props.to, "hx-headers": '{"hx-headless": "true"}' }, contents);
+}
+exports.Link = Link;

package/bin/index.d.ts

@@ -1,4 +1,6 @@
+import { ErrorResponse, Redirect, Outlet, Override } from "./shared";
 import { RouteTree, IsAllowedExt } from "./router";
-import { ErrorResponse, Redirect, Outlet, Override, RenderArgs } from "./shared";
+import { RenderArgs } from "./render-args";
+import { Link } from "./components";
 import { StyleCSS } from "./helper";
-export { IsAllowedExt, RouteTree, ErrorResponse, Redirect, Override, RenderArgs, Outlet, StyleCSS };
+export { IsAllowedExt, RouteTree, ErrorResponse, Redirect, Override, RenderArgs, Outlet, StyleCSS, Link };

package/bin/index.js

@@ -1,13 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleCSS = exports.RenderArgs = exports.Override = exports.Redirect = exports.ErrorResponse = exports.RouteTree = exports.IsAllowedExt = void 0;
-const router_1 = require("./router");
-Object.defineProperty(exports, "RouteTree", { enumerable: true, get: function () { return router_1.RouteTree; } });
-Object.defineProperty(exports, "IsAllowedExt", { enumerable: true, get: function () { return router_1.IsAllowedExt; } });
+exports.Link = exports.StyleCSS = exports.RenderArgs = exports.Override = exports.Redirect = exports.ErrorResponse = exports.RouteTree = exports.IsAllowedExt = void 0;
 const shared_1 = require("./shared");
 Object.defineProperty(exports, "ErrorResponse", { enumerable: true, get: function () { return shared_1.ErrorResponse; } });
 Object.defineProperty(exports, "Redirect", { enumerable: true, get: function () { return shared_1.Redirect; } });
 Object.defineProperty(exports, "Override", { enumerable: true, get: function () { return shared_1.Override; } });
-Object.defineProperty(exports, "RenderArgs", { enumerable: true, get: function () { return shared_1.RenderArgs; } });
+const router_1 = require("./router");
+Object.defineProperty(exports, "RouteTree", { enumerable: true, get: function () { return router_1.RouteTree; } });
+Object.defineProperty(exports, "IsAllowedExt", { enumerable: true, get: function () { return router_1.IsAllowedExt; } });
+const render_args_1 = require("./render-args");
+Object.defineProperty(exports, "RenderArgs", { enumerable: true, get: function () { return render_args_1.RenderArgs; } });
+const components_1 = require("./components");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return components_1.Link; } });
 const helper_1 = require("./helper");
 Object.defineProperty(exports, "StyleCSS", { enumerable: true, get: function () { return helper_1.StyleCSS; } });

package/bin/render-args.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="node" />
+import type http from "node:http";
+import { RouteLeaf } from "./router";
+type MetaHTML = {
+    [key: string]: string;
+};
+export declare enum MaskType {
+    show = 0,
+    headless = 1,
+    hide = 2
+}
+export declare class RenderArgs {
+    req: http.IncomingMessage;
+    res: http.ServerResponse;
+    params: MetaHTML;
+    url: URL;
+    shared: {
+        [key: string]: any;
+    };
+    links: MetaHTML[];
+    meta: MetaHTML[];
+    _outletChain: RouteLeaf[];
+    _maskChain: MaskType[];
+    _maxChain: number;
+    constructor(req: http.IncomingMessage, res: http.ServerResponse, url: URL);
+    addLinks(links: MetaHTML[], override?: boolean): void;
+    addMeta(links: MetaHTML[], override?: boolean): void;
+    Outlet: () => Promise<string>;
+    _addOutlet(route: RouteLeaf): void;
+    _applyMask(mask: boolean[], depth: number): void;
+    renderHeadHTML(): string;
+}
+export {};

package/bin/render-args.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderArgs = exports.MaskType = void 0;
+const attrRegex = /^[A-z][A-z\-0-9]+$/;
+function ValidateMetaHTML(val) {
+    for (const key in val) {
+        if (!attrRegex.test(key))
+            return false;
+    }
+    return true;
+}
+function ValidateMetaHTMLs(val) {
+    for (const meta of val) {
+        if (!ValidateMetaHTML(meta))
+            return false;
+    }
+    return true;
+}
+var MaskType;
+(function (MaskType) {
+    MaskType[MaskType["show"] = 0] = "show";
+    MaskType[MaskType["headless"] = 1] = "headless";
+    MaskType[MaskType["hide"] = 2] = "hide";
+})(MaskType || (exports.MaskType = MaskType = {}));
+class RenderArgs {
+    constructor(req, res, url) {
+        // unpacking Outlet caused this to be undefined
+        // 	hence the weird def
+        this.Outlet = () => {
+            const depth = this._maxChain - this._outletChain.length;
+            const route = this._outletChain.pop();
+            let mask = this._maskChain.pop();
+            if (mask === undefined) {
+                mask = MaskType.show;
+            }
+            if (!route)
+                return new Promise((res) => res(""));
+            const routeName = `hx-route-${depth.toString(16)}`;
+            return route.render(this, mask, routeName);
+        };
+        this.req = req;
+        this.res = res;
+        this.url = url;
+        this.params = {};
+        this.shared = {};
+        this.links = [];
+        this.meta = [];
+        this._outletChain = [];
+        this._maskChain = [];
+        this._maxChain = 0;
+    }
+    addLinks(links, override = false) {
+        if (!ValidateMetaHTMLs(links))
+            throw new Error(`Provided links have invalid attribute`);
+        if (override) {
+            this.links = links;
+        }
+        else {
+            this.links.push(...links);
+        }
+    }
+    addMeta(links, override = false) {
+        if (!ValidateMetaHTMLs(links))
+            throw new Error(`Provided links have invalid attribute`);
+        if (override) {
+            this.meta = links;
+        }
+        else {
+            this.meta.push(...links);
+        }
+    }
+    _addOutlet(route) {
+        this._outletChain.push(route);
+    }
+    _applyMask(mask, depth) {
+        const padded = new Array(this._outletChain.length - mask.length).fill(false);
+        padded.push(...mask);
+        this._maskChain = padded
+            .map((x, i) => x === true ?
+            MaskType.hide :
+            padded.length - i > depth ?
+                MaskType.show :
+                MaskType.headless);
+        this._maxChain = this._maskChain.length;
+    }
+    renderHeadHTML() {
+        let out = "";
+        for (const elm of this.links) {
+            out += "<link";
+            for (const attr in elm) {
+                out += ` ${attr}="${elm[attr].replace(/"/g, "\\\"")}"`;
+            }
+            out += "></link>";
+        }
+        for (const elm of this.meta) {
+            out += "<meta";
+            for (const attr in elm) {
+                out += ` ${attr}="${elm[attr].replace(/"/g, "\\\"")}"`;
+            }
+            out += "></meta>";
+        }
+        return out;
+    }
+}
+exports.RenderArgs = RenderArgs;

package/bin/router.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="node" />
 import type http from "node:http";
-import { Outlet, Override, Redirect, RenderArgs, RouteModule } from "./shared";
+import { Override, Redirect, RouteModule } from "./shared";
+import { MaskType, RenderArgs } from "./render-args";
 export declare function IsAllowedExt(ext: string): boolean;
-declare class RouteLeaf {
+export declare class RouteLeaf {
     module: RouteModule;
     mask: boolean[];
     constructor(module: RouteModule, mask: boolean[]);
-    makeOutlet(args: RenderArgs, outlet: Outlet): Outlet;
+    render(args: RenderArgs, mask: MaskType, routeName: string): Promise<string>;
 }
 export declare class RouteTree {
     nested: Map<string, RouteTree>;
@@ -17,7 +18,6 @@ export declare class RouteTree {
     constructor();
     assignRoot(module: RouteModule): void;
     ingest(path: string | string[], module: RouteModule, override: boolean[]): void;
+    calculateDepth(from: string[], to: string[]): number;
     render(req: http.IncomingMessage, res: http.ServerResponse, url: URL): Promise<string | Redirect | Override>;
-    private _recursiveRender;
 }
-export {};

package/bin/router.js

@@ -1,7 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouteTree = exports.IsAllowedExt = void 0;
+exports.RouteTree = exports.RouteLeaf = exports.IsAllowedExt = void 0;
 const shared_1 = require("./shared");
+const render_args_1 = require("./render-args");
+const BlankRoute = __importStar(require("./404-route"));
 function IsAllowedExt(ext) {
     if (ext[0] !== ".")
         return false;
@@ -19,33 +44,37 @@ function IsAllowedExt(ext) {
     return true;
 }
 exports.IsAllowedExt = IsAllowedExt;
-async function blankOutlet() {
-    return "";
-}
 class RouteLeaf {
     constructor(module, mask) {
         this.module = module;
         this.mask = mask;
     }
-    makeOutlet(args, outlet) {
-        const renderer = this.module.Render || blankOutlet;
-        const catcher = this.module.CatchError;
-        return async () => {
-            try {
-                return await renderer(args, outlet);
+    async render(args, mask, routeName) {
+        try {
+            if (this.module.Auth)
+                return await this.module.Auth(args);
+            if (mask === render_args_1.MaskType.show) {
+                if (this.module.Render)
+                    return await this.module.Render(routeName, args);
             }
-            catch (e) {
-                if (e instanceof shared_1.Redirect || e instanceof shared_1.Override)
-                    throw e;
-                const err = (e instanceof shared_1.ErrorResponse) ? e :
-                    new shared_1.ErrorResponse(500, "Runtime Error", e);
-                if (catcher)
-                    return await catcher(args, err);
-                throw err;
+            else {
+                return await args.Outlet();
             }
-        };
+        }
+        catch (e) {
+            if (e instanceof shared_1.Redirect || e instanceof shared_1.Override)
+                throw e;
+            const err = (e instanceof shared_1.ErrorResponse) ? e :
+                new shared_1.ErrorResponse(500, "Runtime Error", e);
+            if (this.module.CatchError)
+                return await this.module.CatchError(routeName, args, err);
+            throw err;
+        }
+        return "";
     }
 }
+exports.RouteLeaf = RouteLeaf;
+const blankLeaf = new RouteLeaf(BlankRoute, []);
 class RouteTree {
     constructor() {
         this.nested = new Map();
@@ -102,67 +131,132 @@ class RouteTree {
         path.splice(0, 1);
         next.ingest(path, module, override);
     }
-    async render(req, res, url) {
-        const args = new shared_1.RenderArgs(req, res, url);
-        if (!this.default || !this.default.module.Render) {
-            return "";
+    calculateDepth(from, to) {
+        let depth = 0;
+        if (from.length == 0 || to.length == 0) {
+            depth = 1;
         }
-        const frags = url.pathname.split('/').slice(1);
-        if (frags.length === 1 && frags[0] === "") {
-            frags.splice(0, 1);
+        else {
+            const segmentA = from.splice(0, 1)[0];
+            const segmentB = to.splice(0, 1)[0];
+            const subRoute = this.nested.get(segmentA);
+            if (subRoute && segmentA === segmentB) {
+                depth = subRoute.calculateDepth(from, to);
+            }
+            else if (this.wild) {
+                depth = this.wild.calculateDepth(from, to);
+            }
+            else {
+                return 1;
+            }
+        }
+        depth++;
+        return depth;
+    }
+    async render(req, res, url) {
+        var _a;
+        if (url.pathname.length != 1 && url.pathname.endsWith("/")) {
+            return new shared_1.Redirect(url.pathname.slice(0, -1) + url.search);
         }
+        const args = new render_args_1.RenderArgs(req, res, url);
+        const from = req.headers['hx-headless'] ?
+            new URL(((_a = req.headers['hx-current-url']) === null || _a === void 0 ? void 0 : _a.toString()) || "/").pathname :
+            "";
         try {
-            const out = await this._recursiveRender(args, frags).outlet();
-            return out;
+            const depth = BuildOutlet(this, args, from);
+            if (from) {
+                res.setHeader('HX-Replace-Url', req.url || "/");
+                if (depth > 0) {
+                    res.setHeader('HX-Retarget', `#hx-route-${depth.toString(16)}`);
+                }
+                res.setHeader('HX-Reswap', "outerHTML");
+            }
+            return await args.Outlet();
         }
         catch (e) {
             if (e instanceof shared_1.Redirect)
                 return e;
             if (e instanceof shared_1.Override)
                 return e;
+            console.error(e);
             throw new Error(`Unhandled boil up type ${typeof (e)}: ${e}`);
         }
         ;
     }
-    _recursiveRender(args, frags) {
-        var _a;
-        let out = {
-            outlet: blankOutlet,
-            mask: [],
-        };
-        if (frags.length == 0) {
-            if (!this.default) {
-                out.outlet = () => {
-                    throw new shared_1.ErrorResponse(404, "Resource Not Found", `Unable to find ${args.url.pathname}`);
-                };
+}
+exports.RouteTree = RouteTree;
+function BuildOutlet(start, args, fromPath) {
+    const frags = args.url.pathname.split('/').slice(1);
+    if (frags.length === 1 && frags[0] === "") {
+        frags.splice(0, 1);
+    }
+    const from = fromPath.split('/').slice(1);
+    if (from.length === 1 && from[0] === "") {
+        from.splice(0, 1);
+    }
+    let matching = fromPath.length > 0;
+    let depth = -1;
+    const stack = [start];
+    let mask = null;
+    while (stack.length > 0) {
+        const cursor = stack.pop();
+        if (!mask) {
+            stack.push(cursor);
+            if (frags.length === 0) {
+                if (matching && from.length !== 0) {
+                    depth = args._outletChain.length + stack.length;
+                    matching = false;
+                }
+                ;
+                if (cursor.default) {
+                    args._addOutlet(cursor.default);
+                    mask = cursor.default.mask;
+                }
+                else {
+                    args._addOutlet(blankLeaf);
+                    mask = [];
+                }
             }
-            else if ((_a = this.default) === null || _a === void 0 ? void 0 : _a.module.Render) {
-                out.outlet = this.default.makeOutlet(args, out.outlet);
-                out.mask = [...this.default.mask];
+            else {
+                if (matching && from.length === 0) {
+                    depth = args._outletChain.length + stack.length;
+                    matching = false;
+                }
+                const segment = frags.splice(0, 1)[0];
+                const other = from.splice(0, 1)[0];
+                const subRoute = cursor.nested.get(segment);
+                if (subRoute) {
+                    if (matching && segment !== other) {
+                        depth = args._outletChain.length + stack.length;
+                        matching = false;
+                    }
+                    ;
+                    stack.push(subRoute);
+                }
+                else if (cursor.wild) {
+                    if (matching && cursor.nested.has(other)) {
+                        depth = args._outletChain.length + stack.length;
+                        matching = false;
+                    }
+                    ;
+                    args.params[cursor.wildCard] = segment;
+                    stack.push(cursor.wild);
+                }
+                else {
+                    args._addOutlet(blankLeaf);
+                    mask = [];
+                }
             }
         }
         else {
-            const segment = frags.splice(0, 1)[0];
-            const subRoute = this.nested.get(segment);
-            if (subRoute) {
-                out = subRoute._recursiveRender(args, frags);
-            }
-            else if (this.wild) {
-                args.params[this.wildCard] = segment;
-                out = this.wild._recursiveRender(args, frags);
-            }
-            else {
-                out.outlet = () => {
-                    throw new shared_1.ErrorResponse(404, "Resource Not Found", `Unable to find ${args.url.pathname}`);
-                };
+            if (cursor.route) {
+                args._addOutlet(cursor.route);
             }
         }
-        // Is this route masked out?
-        const ignored = out.mask.splice(0, 1)[0] === true;
-        if (!ignored && this.route) {
-            out.outlet = this.route.makeOutlet(args, out.outlet);
-        }
-        return out;
     }
+    if (matching) {
+        depth = args._outletChain.length;
+    }
+    args._applyMask(mask, depth);
+    return depth;
 }
-exports.RouteTree = RouteTree;

package/bin/shared.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="node" />
 /// <reference types="node" />
 import type http from "node:http";
+import { RenderArgs } from "./render-args";
 export type Outlet = () => Promise<string>;
-export type RenderFunction = (args: RenderArgs, Outlet: Outlet) => Promise<string>;
-export type CatchFunction = (args: RenderArgs, err: ErrorResponse) => Promise<string>;
+export type CatchFunction = (routeName: string, args: RenderArgs, err: ErrorResponse) => Promise<string>;
+export type RenderFunction = (routeName: string, args: RenderArgs) => Promise<string>;
+export type AuthFunction = (args: RenderArgs) => Promise<string>;
 export type RouteModule = {
     Render?: RenderFunction;
     CatchError?: CatchFunction;
+    Auth?: AuthFunction;
 };
 export declare class ErrorResponse {
     code: number;
@@ -23,19 +26,3 @@ export declare class Override {
     data: string | Buffer | Uint8Array;
     constructor(data: string | Buffer | Uint8Array);
 }
-type MetaHTML = {
-    [key: string]: string;
-};
-export declare class RenderArgs {
-    req: http.IncomingMessage;
-    res: http.ServerResponse;
-    params: MetaHTML;
-    url: URL;
-    links: MetaHTML[];
-    meta: MetaHTML[];
-    constructor(req: http.IncomingMessage, res: http.ServerResponse, url: URL);
-    addLinks(links: MetaHTML[], override?: boolean): void;
-    addMeta(links: MetaHTML[], override?: boolean): void;
-    renderHeadHTML(): string;
-}
-export {};

package/bin/shared.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderArgs = exports.Override = exports.Redirect = exports.ErrorResponse = void 0;
+exports.Override = exports.Redirect = exports.ErrorResponse = void 0;
 class ErrorResponse {
     constructor(statusCode, statusMessage, data) {
         this.code = statusCode;
@@ -26,67 +26,3 @@ class Override {
     }
 }
 exports.Override = Override;
-const attrRegex = /^[A-z][A-z\-0-9]+$/;
-function ValidateMetaHTML(val) {
-    for (const key in val) {
-        if (!attrRegex.test(key))
-            return false;
-    }
-    return true;
-}
-function ValidateMetaHTMLs(val) {
-    for (const meta of val) {
-        if (!ValidateMetaHTML(meta))
-            return false;
-    }
-    return true;
-}
-class RenderArgs {
-    constructor(req, res, url) {
-        this.req = req;
-        this.res = res;
-        this.url = url;
-        this.params = {};
-        this.links = [];
-        this.meta = [];
-    }
-    addLinks(links, override = false) {
-        if (!ValidateMetaHTMLs(links))
-            throw new Error(`Provided links have invalid attribute`);
-        if (override) {
-            this.links = links;
-        }
-        else {
-            this.links.push(...links);
-        }
-    }
-    addMeta(links, override = false) {
-        if (!ValidateMetaHTMLs(links))
-            throw new Error(`Provided links have invalid attribute`);
-        if (override) {
-            this.meta = links;
-        }
-        else {
-            this.meta.push(...links);
-        }
-    }
-    renderHeadHTML() {
-        let out = "";
-        for (const elm of this.links) {
-            out += "<link";
-            for (const attr in elm) {
-                out += ` ${attr}="${elm[attr].replace(/"/g, "\\\"")}"`;
-            }
-            out += "></link>";
-        }
-        for (const elm of this.meta) {
-            out += "<meta";
-            for (const attr in elm) {
-                out += ` ${attr}="${elm[attr].replace(/"/g, "\\\"")}"`;
-            }
-            out += "></meta>";
-        }
-        return out;
-    }
-}
-exports.RenderArgs = RenderArgs;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "htmx-router",
-	"version": "0.0.4",
+	"version": "0.0.6",
 	"description": "A remix.js style file path router for htmX websites",
 	"main": "./bin/index.js",
 	"scripts": {
@@ -25,6 +25,7 @@
 		"typescript": "^5.1.6"
 	},
 	"dependencies": {
-		"csstype": "^3.1.2"
+		"csstype": "^3.1.2",
+		"typed-html": "^3.0.1"
 	}
 }