@davidsouther/jiffies 2.2.5 → 2026.4.0

package/lib/esm/dom/html.test.js

@@ -1,58 +0,0 @@
-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 = 0;
-        const btn = button({
-            events: {
-                click: () => {
-                    clicked += 1;
-                },
-            },
-        });
-        btn.dispatchEvent(new Event("click"));
-        expect(clicked).toBe(1);
-    });
-    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: null } });
-        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/lib/esm/dom/observable.d.ts

@@ -1,2 +0,0 @@
-import { Observable } from "../observable/observable.js";
-export declare function O<E extends Element>(element: E, observable: Observable<Parameters<E["update"]>>): E;

package/lib/esm/dom/observable.js

@@ -1,6 +0,0 @@
-export function O(element, observable) {
-    observable.subscribe((t) => {
-        element.update(...t);
-    });
-    return element;
-}

package/lib/esm/dom/observable.test.d.ts

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

package/lib/esm/dom/observable.test.js

@@ -1,33 +0,0 @@
-import { O } from "./observable.js";
-import { Subject, map } from "../observable/observable.js";
-import { describe, it } from "../scope/describe.js";
-import { expect } from "../scope/expect.js";
-import { div, span } from "./html.js";
-describe("DOM Observable", () => {
-    it("updates a dom node with observable results", async () => {
-        const subject = new Subject();
-        const observable = subject.pipe(map((s) => [s]));
-        const element = O(div(), observable);
-        expect(element.innerText).toEqual("");
-        await subject.next("H");
-        expect(element.innerText).toEqual("H");
-        await subject.next("He");
-        expect(element.innerText).toEqual("He");
-    });
-    it("updates a dom node's attributes", async () => {
-        const classes = new Subject();
-        const observable = classes.map((c) => [{ class: c.join(" ") }]);
-        const element = O(span(), observable);
-        expect(element.classList.contains("warning")).toBe(false);
-        expect(element.classList.contains("error")).toBe(false);
-        await classes.next(["warning"]);
-        expect(element.classList.contains("warning")).toBe(true);
-        expect(element.classList.contains("error")).toBe(false);
-        await classes.next(["error"]);
-        expect(element.classList.contains("warning")).toBe(true);
-        expect(element.classList.contains("error")).toBe(true);
-        await classes.next(["!warning", "!error"]);
-        expect(element.classList.contains("warning")).toBe(false);
-        expect(element.classList.contains("error")).toBe(false);
-    });
-});

package/lib/esm/dom/provide.d.ts

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

package/lib/esm/dom/provide.js

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

package/lib/esm/dom/router/link.d.ts

@@ -1,6 +0,0 @@
-export interface Link {
-    href: string;
-    link: string;
-    target: () => Node;
-}
-export declare const link: ({ href, link }: Link) => HTMLAnchorElement;

package/lib/esm/dom/router/link.js

@@ -1,3 +0,0 @@
-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/lib/esm/dom/router/router.d.ts

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

package/lib/esm/dom/router/router.js

@@ -1,52 +0,0 @@
-let baseURI = `${document.baseURI}`;
-const normalizeHref = () => {
-    return location.href + "/" === baseURI ? baseURI : location.href;
-};
-let globalRouter;
-export const Router = {
-    local(links, index) {
-        return Router.for(links, index, false);
-    },
-    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);
-    },
-};

package/lib/esm/dom/svg.d.ts

@@ -1,64 +0,0 @@
-import { DenormAttrs, DenormChildren } from "./dom.js";
-export declare const a: (attrs?: DenormAttrs<SVGAElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const animate: (attrs?: DenormAttrs<SVGAnimateElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const animateMotion: (attrs?: DenormAttrs<SVGAnimateMotionElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const animateTransform: (attrs?: DenormAttrs<SVGAnimateTransformElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const circle: (attrs?: DenormAttrs<SVGCircleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const clipPath: (attrs?: DenormAttrs<SVGClipPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const defs: (attrs?: DenormAttrs<SVGDefsElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const desc: (attrs?: DenormAttrs<SVGDescElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const ellipse: (attrs?: DenormAttrs<SVGEllipseElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feBlend: (attrs?: DenormAttrs<SVGFEBlendElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feColorMatrix: (attrs?: DenormAttrs<SVGFEColorMatrixElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feComponentTransfer: (attrs?: DenormAttrs<SVGFEComponentTransferElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feComposite: (attrs?: DenormAttrs<SVGFECompositeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feConvolveMatrix: (attrs?: DenormAttrs<SVGFEConvolveMatrixElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feDiffuseLighting: (attrs?: DenormAttrs<SVGFEDiffuseLightingElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feDisplacementMap: (attrs?: DenormAttrs<SVGFEDisplacementMapElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feDistantLight: (attrs?: DenormAttrs<SVGFEDistantLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feDropShadow: (attrs?: DenormAttrs<SVGFEDropShadowElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feFlood: (attrs?: DenormAttrs<SVGFEFloodElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feFuncA: (attrs?: DenormAttrs<SVGFEFuncAElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feFuncB: (attrs?: DenormAttrs<SVGFEFuncBElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feFuncG: (attrs?: DenormAttrs<SVGFEFuncGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feFuncR: (attrs?: DenormAttrs<SVGFEFuncRElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feGaussianBlur: (attrs?: DenormAttrs<SVGFEGaussianBlurElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feImage: (attrs?: DenormAttrs<SVGFEImageElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feMerge: (attrs?: DenormAttrs<SVGFEMergeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feMergeNode: (attrs?: DenormAttrs<SVGFEMergeNodeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feMorphology: (attrs?: DenormAttrs<SVGFEMorphologyElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feOffset: (attrs?: DenormAttrs<SVGFEOffsetElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const fePointLight: (attrs?: DenormAttrs<SVGFEPointLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feSpecularLighting: (attrs?: DenormAttrs<SVGFESpecularLightingElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feSpotLight: (attrs?: DenormAttrs<SVGFESpotLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feTile: (attrs?: DenormAttrs<SVGFETileElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const feTurbulence: (attrs?: DenormAttrs<SVGFETurbulenceElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const filter: (attrs?: DenormAttrs<SVGFilterElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const foreignObject: (attrs?: DenormAttrs<SVGForeignObjectElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const g: (attrs?: DenormAttrs<SVGGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const image: (attrs?: DenormAttrs<SVGImageElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const line: (attrs?: DenormAttrs<SVGLineElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const linearGradient: (attrs?: DenormAttrs<SVGLinearGradientElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const marker: (attrs?: DenormAttrs<SVGMarkerElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const mask: (attrs?: DenormAttrs<SVGMaskElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const metadata: (attrs?: DenormAttrs<SVGMetadataElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const mpath: (attrs?: DenormAttrs<SVGMPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const path: (attrs?: DenormAttrs<SVGPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const pattern: (attrs?: DenormAttrs<SVGPatternElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const polygon: (attrs?: DenormAttrs<SVGPolygonElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const polyline: (attrs?: DenormAttrs<SVGPolylineElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const radialGradient: (attrs?: DenormAttrs<SVGRadialGradientElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const rect: (attrs?: DenormAttrs<SVGRectElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const script: (attrs?: DenormAttrs<SVGScriptElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const set: (attrs?: DenormAttrs<SVGSetElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const stop: (attrs?: DenormAttrs<SVGStopElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const style: (attrs?: DenormAttrs<SVGStyleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const svg: (attrs?: DenormAttrs<SVGSVGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const svgswitch: (attrs?: DenormAttrs<SVGSwitchElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const symbol: (attrs?: DenormAttrs<SVGSymbolElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const text: (attrs?: DenormAttrs<SVGTextElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const textPath: (attrs?: DenormAttrs<SVGTextPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const title: (attrs?: DenormAttrs<SVGTitleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const tspan: (attrs?: DenormAttrs<SVGTSpanElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const use: (attrs?: DenormAttrs<SVGUseElement, {}> | undefined, ...children: DenormChildren[]) => Element;
-export declare const view: (attrs?: DenormAttrs<SVGViewElement, {}> | undefined, ...children: DenormChildren[]) => Element;

package/lib/esm/dom/svg.js

@@ -1,65 +0,0 @@
-import { up } from "./dom.js";
-const makeSVGElement = (name) => (attrs, ...children) => up(document.createElementNS("http://www.w3.org/2000/svg", name), attrs, ...children);
-export const a = makeSVGElement("a");
-export const animate = makeSVGElement("animate");
-export const animateMotion = makeSVGElement("animateMotion");
-export const animateTransform = makeSVGElement("animateTransform");
-export const circle = makeSVGElement("circle");
-export const clipPath = makeSVGElement("clipPath");
-export const defs = makeSVGElement("defs");
-export const desc = makeSVGElement("desc");
-export const ellipse = makeSVGElement("ellipse");
-export const feBlend = makeSVGElement("feBlend");
-export const feColorMatrix = makeSVGElement("feColorMatrix");
-export const feComponentTransfer = makeSVGElement("feComponentTransfer");
-export const feComposite = makeSVGElement("feComposite");
-export const feConvolveMatrix = makeSVGElement("feConvolveMatrix");
-export const feDiffuseLighting = makeSVGElement("feDiffuseLighting");
-export const feDisplacementMap = makeSVGElement("feDisplacementMap");
-export const feDistantLight = makeSVGElement("feDistantLight");
-export const feDropShadow = makeSVGElement("feDropShadow");
-export const feFlood = makeSVGElement("feFlood");
-export const feFuncA = makeSVGElement("feFuncA");
-export const feFuncB = makeSVGElement("feFuncB");
-export const feFuncG = makeSVGElement("feFuncG");
-export const feFuncR = makeSVGElement("feFuncR");
-export const feGaussianBlur = makeSVGElement("feGaussianBlur");
-export const feImage = makeSVGElement("feImage");
-export const feMerge = makeSVGElement("feMerge");
-export const feMergeNode = makeSVGElement("feMergeNode");
-export const feMorphology = makeSVGElement("feMorphology");
-export const feOffset = makeSVGElement("feOffset");
-export const fePointLight = makeSVGElement("fePointLight");
-export const feSpecularLighting = makeSVGElement("feSpecularLighting");
-export const feSpotLight = makeSVGElement("feSpotLight");
-export const feTile = makeSVGElement("feTile");
-export const feTurbulence = makeSVGElement("feTurbulence");
-export const filter = makeSVGElement("filter");
-export const foreignObject = makeSVGElement("foreignObject");
-export const g = makeSVGElement("g");
-export const image = makeSVGElement("image");
-export const line = makeSVGElement("line");
-export const linearGradient = makeSVGElement("linearGradient");
-export const marker = makeSVGElement("marker");
-export const mask = makeSVGElement("mask");
-export const metadata = makeSVGElement("metadata");
-export const mpath = makeSVGElement("mpath");
-export const path = makeSVGElement("path");
-export const pattern = makeSVGElement("pattern");
-export const polygon = makeSVGElement("polygon");
-export const polyline = makeSVGElement("polyline");
-export const radialGradient = makeSVGElement("radialGradient");
-export const rect = makeSVGElement("rect");
-export const script = makeSVGElement("script");
-export const set = makeSVGElement("set");
-export const stop = makeSVGElement("stop");
-export const style = makeSVGElement("style");
-export const svg = makeSVGElement("svg");
-export const svgswitch = makeSVGElement("switch");
-export const symbol = makeSVGElement("symbol");
-export const text = makeSVGElement("text");
-export const textPath = makeSVGElement("textPath");
-export const title = makeSVGElement("title");
-export const tspan = makeSVGElement("tspan");
-export const use = makeSVGElement("use");
-export const view = makeSVGElement("view");

package/lib/esm/dom/test.d.ts

@@ -1 +0,0 @@
-export declare function loadTests(): Promise<void>;

package/lib/esm/dom/test.js

@@ -1,9 +0,0 @@
-export async function loadTests() {
-    if (process?.env.CI?.toLowerCase() === "true")
-        return;
-    await Promise.all([
-        import("./html.test.js"),
-        import("./fc.test.js"),
-        import("./observable.test.js"),
-    ]);
-}