@davidsouther/jiffies 1.0.0 → 1.1.0

package/build/dom/html.js

@@ -1,114 +1,114 @@
-import { up } from "./dom.js";
-const makeHTMLElement = (name) => (attrs, ...children) => up(document.createElement(name), attrs, ...children);
-export const a = makeHTMLElement("a");
-export const abbr = makeHTMLElement("abbr");
-export const address = makeHTMLElement("address");
-export const area = makeHTMLElement("area");
-export const article = makeHTMLElement("article");
-export const aside = makeHTMLElement("aside");
-export const audio = makeHTMLElement("audio");
-export const b = makeHTMLElement("b");
-export const base = makeHTMLElement("base");
-export const bdi = makeHTMLElement("bdi");
-export const bdo = makeHTMLElement("bdo");
-export const blockquote = makeHTMLElement("blockquote");
-export const body = makeHTMLElement("body");
-export const br = makeHTMLElement("br");
-export const button = makeHTMLElement("button");
-export const canvas = makeHTMLElement("canvas");
-export const caption = makeHTMLElement("caption");
-export const cite = makeHTMLElement("cite");
-export const code = makeHTMLElement("code");
-export const col = makeHTMLElement("col");
-export const colgroup = makeHTMLElement("colgroup");
-export const data = makeHTMLElement("data");
-export const datalist = makeHTMLElement("datalist");
-export const dd = makeHTMLElement("dd");
-export const del = makeHTMLElement("del");
-export const details = makeHTMLElement("details");
-export const dfn = makeHTMLElement("dfn");
-export const dialog = makeHTMLElement("dialog");
-export const div = makeHTMLElement("div");
-export const dl = makeHTMLElement("dl");
-export const dt = makeHTMLElement("dt");
-export const em = makeHTMLElement("em");
-export const embed = makeHTMLElement("embed");
-export const fieldset = makeHTMLElement("fieldset");
-export const figcaption = makeHTMLElement("figcaption");
-export const figure = makeHTMLElement("figure");
-export const footer = makeHTMLElement("footer");
-export const form = makeHTMLElement("form");
-export const h1 = makeHTMLElement("h1");
-export const h2 = makeHTMLElement("h2");
-export const h3 = makeHTMLElement("h3");
-export const h4 = makeHTMLElement("h4");
-export const h5 = makeHTMLElement("h5");
-export const h6 = makeHTMLElement("h6");
-export const head = makeHTMLElement("head");
-export const header = makeHTMLElement("header");
-export const hgroup = makeHTMLElement("hgroup");
-export const hr = makeHTMLElement("hr");
-export const html = makeHTMLElement("html");
-export const i = makeHTMLElement("i");
-export const iframe = makeHTMLElement("iframe");
-export const img = makeHTMLElement("img");
-export const input = makeHTMLElement("input");
-export const ins = makeHTMLElement("ins");
-export const kbd = makeHTMLElement("kbd");
-export const label = makeHTMLElement("label");
-export const legend = makeHTMLElement("legend");
-export const li = makeHTMLElement("li");
-export const link = makeHTMLElement("link");
-export const main = makeHTMLElement("main");
-export const map = makeHTMLElement("map");
-export const mark = makeHTMLElement("mark");
-export const menu = makeHTMLElement("menu");
-export const meta = makeHTMLElement("meta");
-export const meter = makeHTMLElement("meter");
-export const nav = makeHTMLElement("nav");
-export const noscript = makeHTMLElement("noscript");
-export const object = makeHTMLElement("object");
-export const ol = makeHTMLElement("ol");
-export const optgroup = makeHTMLElement("optgroup");
-export const option = makeHTMLElement("option");
-export const output = makeHTMLElement("output");
-export const p = makeHTMLElement("p");
-export const param = makeHTMLElement("param");
-export const picture = makeHTMLElement("picture");
-export const pre = makeHTMLElement("pre");
-export const progress = makeHTMLElement("progress");
-export const q = makeHTMLElement("q");
-export const rp = makeHTMLElement("rp");
-export const rt = makeHTMLElement("rt");
-export const ruby = makeHTMLElement("ruby");
-export const s = makeHTMLElement("s");
-export const samp = makeHTMLElement("samp");
-export const script = makeHTMLElement("script");
-export const section = makeHTMLElement("section");
-export const select = makeHTMLElement("select");
-export const slot = makeHTMLElement("slot");
-export const small = makeHTMLElement("small");
-export const source = makeHTMLElement("source");
-export const span = makeHTMLElement("span");
-export const strong = makeHTMLElement("strong");
-export const style = makeHTMLElement("style");
-export const sub = makeHTMLElement("sub");
-export const summary = makeHTMLElement("summary");
-export const sup = makeHTMLElement("sup");
-export const table = makeHTMLElement("table");
-export const tbody = makeHTMLElement("tbody");
-export const td = makeHTMLElement("td");
-export const template = makeHTMLElement("template");
-export const textarea = makeHTMLElement("textarea");
-export const tfoot = makeHTMLElement("tfoot");
-export const th = makeHTMLElement("th");
-export const thead = makeHTMLElement("thead");
-export const time = makeHTMLElement("time");
-export const title = makeHTMLElement("title");
-export const tr = makeHTMLElement("tr");
-export const track = makeHTMLElement("track");
-export const u = makeHTMLElement("u");
-export const ul = makeHTMLElement("ul");
-export const htmlvar = makeHTMLElement("var"); // var is reserved, export as variable
-export const video = makeHTMLElement("video");
-export const wbr = makeHTMLElement("wbr");
+import { up } from "./dom.js";
+const makeHTMLElement = (name) => (attrs, ...children) => up(document.createElement(name), attrs, ...children);
+export const a = makeHTMLElement("a");
+export const abbr = makeHTMLElement("abbr");
+export const address = makeHTMLElement("address");
+export const area = makeHTMLElement("area");
+export const article = makeHTMLElement("article");
+export const aside = makeHTMLElement("aside");
+export const audio = makeHTMLElement("audio");
+export const b = makeHTMLElement("b");
+export const base = makeHTMLElement("base");
+export const bdi = makeHTMLElement("bdi");
+export const bdo = makeHTMLElement("bdo");
+export const blockquote = makeHTMLElement("blockquote");
+export const body = makeHTMLElement("body");
+export const br = makeHTMLElement("br");
+export const button = makeHTMLElement("button");
+export const canvas = makeHTMLElement("canvas");
+export const caption = makeHTMLElement("caption");
+export const cite = makeHTMLElement("cite");
+export const code = makeHTMLElement("code");
+export const col = makeHTMLElement("col");
+export const colgroup = makeHTMLElement("colgroup");
+export const data = makeHTMLElement("data");
+export const datalist = makeHTMLElement("datalist");
+export const dd = makeHTMLElement("dd");
+export const del = makeHTMLElement("del");
+export const details = makeHTMLElement("details");
+export const dfn = makeHTMLElement("dfn");
+export const dialog = makeHTMLElement("dialog");
+export const div = makeHTMLElement("div");
+export const dl = makeHTMLElement("dl");
+export const dt = makeHTMLElement("dt");
+export const em = makeHTMLElement("em");
+export const embed = makeHTMLElement("embed");
+export const fieldset = makeHTMLElement("fieldset");
+export const figcaption = makeHTMLElement("figcaption");
+export const figure = makeHTMLElement("figure");
+export const footer = makeHTMLElement("footer");
+export const form = makeHTMLElement("form");
+export const h1 = makeHTMLElement("h1");
+export const h2 = makeHTMLElement("h2");
+export const h3 = makeHTMLElement("h3");
+export const h4 = makeHTMLElement("h4");
+export const h5 = makeHTMLElement("h5");
+export const h6 = makeHTMLElement("h6");
+export const head = makeHTMLElement("head");
+export const header = makeHTMLElement("header");
+export const hgroup = makeHTMLElement("hgroup");
+export const hr = makeHTMLElement("hr");
+export const html = makeHTMLElement("html");
+export const i = makeHTMLElement("i");
+export const iframe = makeHTMLElement("iframe");
+export const img = makeHTMLElement("img");
+export const input = makeHTMLElement("input");
+export const ins = makeHTMLElement("ins");
+export const kbd = makeHTMLElement("kbd");
+export const label = makeHTMLElement("label");
+export const legend = makeHTMLElement("legend");
+export const li = makeHTMLElement("li");
+export const link = makeHTMLElement("link");
+export const main = makeHTMLElement("main");
+export const map = makeHTMLElement("map");
+export const mark = makeHTMLElement("mark");
+export const menu = makeHTMLElement("menu");
+export const meta = makeHTMLElement("meta");
+export const meter = makeHTMLElement("meter");
+export const nav = makeHTMLElement("nav");
+export const noscript = makeHTMLElement("noscript");
+export const object = makeHTMLElement("object");
+export const ol = makeHTMLElement("ol");
+export const optgroup = makeHTMLElement("optgroup");
+export const option = makeHTMLElement("option");
+export const output = makeHTMLElement("output");
+export const p = makeHTMLElement("p");
+export const param = makeHTMLElement("param");
+export const picture = makeHTMLElement("picture");
+export const pre = makeHTMLElement("pre");
+export const progress = makeHTMLElement("progress");
+export const q = makeHTMLElement("q");
+export const rp = makeHTMLElement("rp");
+export const rt = makeHTMLElement("rt");
+export const ruby = makeHTMLElement("ruby");
+export const s = makeHTMLElement("s");
+export const samp = makeHTMLElement("samp");
+export const script = makeHTMLElement("script");
+export const section = makeHTMLElement("section");
+export const select = makeHTMLElement("select");
+export const slot = makeHTMLElement("slot");
+export const small = makeHTMLElement("small");
+export const source = makeHTMLElement("source");
+export const span = makeHTMLElement("span");
+export const strong = makeHTMLElement("strong");
+export const style = makeHTMLElement("style");
+export const sub = makeHTMLElement("sub");
+export const summary = makeHTMLElement("summary");
+export const sup = makeHTMLElement("sup");
+export const table = makeHTMLElement("table");
+export const tbody = makeHTMLElement("tbody");
+export const td = makeHTMLElement("td");
+export const template = makeHTMLElement("template");
+export const textarea = makeHTMLElement("textarea");
+export const tfoot = makeHTMLElement("tfoot");
+export const th = makeHTMLElement("th");
+export const thead = makeHTMLElement("thead");
+export const time = makeHTMLElement("time");
+export const title = makeHTMLElement("title");
+export const tr = makeHTMLElement("tr");
+export const track = makeHTMLElement("track");
+export const u = makeHTMLElement("u");
+export const ul = makeHTMLElement("ul");
+export const htmlvar = makeHTMLElement("var"); // var is reserved, export as variable
+export const video = makeHTMLElement("video");
+export const wbr = makeHTMLElement("wbr");

package/build/dom/html.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/build/dom/html.test.js

@@ -1,58 +1,58 @@
-import { describe, it } from "../scope/describe.js";
-import { expect } from "../scope/expect.js";
-import { table, tbody, td, th, thead, tr, button } from "./html.js";
-describe("html", () => {
-    it("creates HTML Elements", () => {
-        let tableBody;
-        const myTable = table(thead(tr(th("Col A"), th("Col B"))), (tableBody = tbody()));
-        for (let x = 1; x <= 3; x++) {
-            tableBody.appendChild(tr(td(`${x}`), td(`${x * 2}`)));
-        }
-        expect(myTable.textContent).toEqual("Col ACol B122436");
-    });
-    it("attaches event handlers", () => {
-        let clicked = false;
-        const btn = button({
-            events: {
-                click: () => {
-                    clicked = true;
-                },
-            },
-        });
-        btn.dispatchEvent(new Event("click"));
-        expect(clicked).toBe(true);
-    });
-    it("removes event handlers", () => {
-        let clicked = 0;
-        const btn = button({
-            events: {
-                click: () => {
-                    clicked += 1;
-                },
-            },
-        });
-        btn.dispatchEvent(new Event("click"));
-        expect(clicked).toBe(1);
-        btn.update({ events: { click: undefined } });
-        btn.dispatchEvent(new Event("click"));
-        expect(clicked).toBe(1);
-    });
-    it("sets style properties", () => {
-        const btn = button({
-            style: { flexDirection: "column" },
-        });
-        expect(btn.style.flexDirection).toBe("column");
-    });
-    it("sets style, attributes, and events together", () => {
-        let clicked = false;
-        const btn = button({
-            class: "test-class",
-            style: { flexDirection: "column" },
-            events: { click: () => (clicked = true) },
-        });
-        btn.dispatchEvent(new Event("click"));
-        expect(btn.classList.contains("test-class")).toBe(true);
-        expect(btn.style.flexDirection).toBe("column");
-        expect(clicked).toBe(true);
-    });
-});
+import { describe, it } from "../scope/describe.js";
+import { expect } from "../scope/expect.js";
+import { table, tbody, td, th, thead, tr, button } from "./html.js";
+describe("html", () => {
+    it("creates HTML Elements", () => {
+        let tableBody;
+        const myTable = table(thead(tr(th("Col A"), th("Col B"))), (tableBody = tbody()));
+        for (let x = 1; x <= 3; x++) {
+            tableBody.appendChild(tr(td(`${x}`), td(`${x * 2}`)));
+        }
+        expect(myTable.textContent).toEqual("Col ACol B122436");
+    });
+    it("attaches event handlers", () => {
+        let clicked = false;
+        const btn = button({
+            events: {
+                click: () => {
+                    clicked = true;
+                },
+            },
+        });
+        btn.dispatchEvent(new Event("click"));
+        expect(clicked).toBe(true);
+    });
+    it("removes event handlers", () => {
+        let clicked = 0;
+        const btn = button({
+            events: {
+                click: () => {
+                    clicked += 1;
+                },
+            },
+        });
+        btn.dispatchEvent(new Event("click"));
+        expect(clicked).toBe(1);
+        btn.update({ events: { click: undefined } });
+        btn.dispatchEvent(new Event("click"));
+        expect(clicked).toBe(1);
+    });
+    it("sets style properties", () => {
+        const btn = button({
+            style: { flexDirection: "column" },
+        });
+        expect(btn.style.flexDirection).toBe("column");
+    });
+    it("sets style, attributes, and events together", () => {
+        let clicked = false;
+        const btn = button({
+            class: "test-class",
+            style: { flexDirection: "column" },
+            events: { click: () => (clicked = true) },
+        });
+        btn.dispatchEvent(new Event("click"));
+        expect(btn.classList.contains("test-class")).toBe(true);
+        expect(btn.style.flexDirection).toBe("column");
+        expect(clicked).toBe(true);
+    });
+});

package/build/dom/provide.d.ts

@@ -1,3 +1,3 @@
-import { Option } from "../result.js";
-export declare function provide(items: Record<string, unknown>): void;
-export declare function retrieve<T>(key: string): Option<T>;
+import { Option } from "../result.js";
+export declare function provide(items: Record<string, unknown>): void;
+export declare function retrieve<T>(key: string): Option<T>;

package/build/dom/provide.js

@@ -1,7 +1,7 @@
-let registry = {};
-export function provide(items) {
-    registry = { ...registry, ...items };
-}
-export function retrieve(key) {
-    return registry[key];
-}
+let registry = {};
+export function provide(items) {
+    registry = { ...registry, ...items };
+}
+export function retrieve(key) {
+    return registry[key];
+}

package/build/dom/router/link.d.ts

@@ -1,6 +1,6 @@
-export interface Link {
-    href: string;
-    link: string;
-    target: () => Node;
-}
-export declare const link: ({ href, link }: Link) => import("../html.js").UHTMLElement<HTMLAnchorElement>;
+export interface Link {
+    href: string;
+    link: string;
+    target: () => Node;
+}
+export declare const link: ({ href, link }: Link) => HTMLAnchorElement;

package/build/dom/router/link.js

@@ -1,3 +1,3 @@
-import { a } from "../html.js";
-import { Router } from "./router.js";
-export const link = ({ href, link }) => a({ href: Router.href(href), events: { click: Router.navigate(href) } }, link);
+import { a } from "../html.js";
+import { Router } from "./router.js";
+export const link = ({ href, link }) => a({ href: Router.href(href), events: { click: Router.navigate(href) } }, link);

package/build/dom/router/router.d.ts

@@ -1,12 +1,12 @@
-import { DOMElement, Updatable } from "../dom";
-import { Link } from "./link";
-export interface Router {
-    current?: string;
-    navigate: (url: string) => (event: Event) => void;
-    (target: Updatable<DOMElement>): Updatable<DOMElement>;
-}
-export declare const Router: {
-    for(links: Link[], index: string, setGlobalRouter?: boolean): Router;
-    href(link: string): string;
-    navigate(href: string): (event: Event) => void;
-};
+import { DOMElement } from "../dom";
+import { Link } from "./link";
+export interface Router {
+    current?: string;
+    navigate: (url: string) => (event: Event) => void;
+    (target: DOMElement): DOMElement;
+}
+export declare const Router: {
+    for(links: Link[], index: string, setGlobalRouter?: boolean): Router;
+    href(link: string): string;
+    navigate(href: string): (event: Event) => void;
+};

package/build/dom/router/router.js

@@ -1,49 +1,49 @@
-let baseURI = `${document.baseURI}`;
-const normalizeHref = () => {
-    return location.href + "/" === baseURI ? baseURI : location.href;
-};
-let globalRouter;
-export const Router = {
-    for(links, index, setGlobalRouter = true) {
-        let target;
-        const partialRouter = (t) => {
-            target = t;
-            const href = normalizeHref();
-            const route = href === baseURI ? baseURI + index : href;
-            doNavigate(route);
-            window.addEventListener("popstate", () => {
-                doNavigate(location.href);
-            });
-            return target;
-        };
-        const doNavigate = (link) => {
-            link = link.replace(baseURI, "") || index;
-            if (link === partialRouter.current) {
-                return false;
-            }
-            partialRouter.current = link;
-            target.update((links.find(({ href }) => link.endsWith(href))?.target ??
-                (() => undefined))());
-            return true;
-        };
-        const navigate = (url) => {
-            return (event) => {
-                event.preventDefault();
-                if (doNavigate(url || index)) {
-                    history.pushState(null, "", url);
-                }
-            };
-        };
-        partialRouter.navigate = navigate;
-        if (setGlobalRouter) {
-            globalRouter = partialRouter;
-        }
-        return partialRouter;
-    },
-    href(link) {
-        return `${baseURI}${link.replace(/^\//, "")}`;
-    },
-    navigate(href) {
-        return globalRouter?.navigate(href);
-    },
-};
+let baseURI = `${document.baseURI}`;
+const normalizeHref = () => {
+    return location.href + "/" === baseURI ? baseURI : location.href;
+};
+let globalRouter;
+export const Router = {
+    for(links, index, setGlobalRouter = true) {
+        let target;
+        const partialRouter = (t) => {
+            target = t;
+            const href = normalizeHref();
+            const route = href === baseURI ? baseURI + index : href;
+            doNavigate(route);
+            window.addEventListener("popstate", () => {
+                doNavigate(location.href);
+            });
+            return target;
+        };
+        const doNavigate = (link) => {
+            link = link.replace(baseURI, "") || index;
+            if (link === partialRouter.current) {
+                return false;
+            }
+            partialRouter.current = link;
+            target.update((links.find(({ href }) => link.endsWith(href))?.target ??
+                (() => undefined))());
+            return true;
+        };
+        const navigate = (url) => {
+            return (event) => {
+                event.preventDefault();
+                if (doNavigate(url || index)) {
+                    history.pushState(null, "", url);
+                }
+            };
+        };
+        partialRouter.navigate = navigate;
+        if (setGlobalRouter) {
+            globalRouter = partialRouter;
+        }
+        return partialRouter;
+    },
+    href(link) {
+        return `${baseURI}${link.replace(/^\//, "")}`;
+    },
+    navigate(href) {
+        return globalRouter?.navigate(href);
+    },
+};