@davidsouther/jiffies 2.2.4 → 2.3.0

package/lib/esm/dom/html.js

@@ -1,114 +0,0 @@
-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/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.js

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

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.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.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.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.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.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"),
-    ]);
-}

package/lib/esm/dom/types/css.js

@@ -1,23 +0,0 @@
-/**
-https://github.com/frenic/csstype v3.0.11
-Copyright (c) 2017-2018 Fredrik Nicol
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-export {};

package/lib/esm/dom/types/dom.js

@@ -1 +0,0 @@
-"use strict";

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

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

package/lib/esm/dom/xml.js

@@ -1,4 +0,0 @@
-export function xml(tag, attributes, children = []) {
-    const attrs = Object.entries(attributes).reduce((attrs, [attr, val]) => `${attrs} ${attr}="${val}"`, "");
-    return `<${tag} ${attrs}>${children.join("")}</${tag}>`;
-}

package/lib/esm/equal.js

@@ -1,41 +0,0 @@
-export function compareArrays(equal) {
-    return (a, b, partial = false) => a.length === b.length && a.every((e, i) => equal(e, b[i], partial));
-}
-export const equalArrays = compareArrays(Object.is);
-export const matchArrays = compareArrays(equals);
-export function asArray(a) {
-    return Object.entries(a).sort((a, b) => a[0].localeCompare(b[0]));
-}
-export const matchObjects = (a, b, partial = true) => {
-    for (const [k, v] of Object.entries(a)) {
-        if (!b.hasOwnProperty(k) && partial)
-            continue;
-        // @ts-ignore
-        if (!equals(v, b[k], partial))
-            return false;
-    }
-    return true;
-};
-export function equals(a, b, partial = false) {
-    // runtime type checking
-    if (a === null && a === b)
-        return true;
-    if (a === undefined && a === b)
-        return true;
-    switch (typeof a) {
-        case "object":
-            if (b === undefined) {
-                return false;
-            }
-            if (a instanceof Array && b instanceof Array) {
-                return matchArrays(a, b, partial);
-            }
-            else {
-                return matchObjects(a, b, partial);
-            }
-        case "function":
-            return a.name === b.name;
-        default:
-            return Object.is(a, b);
-    }
-}

package/lib/esm/equal.test.js

@@ -1,20 +0,0 @@
-import { describe, it, expect } from "./scope/index.js";
-import { equalArrays, equals, matchArrays } from "./equal.js";
-describe("Equality", () => {
-    it("compares objects", () => {
-        expect(equals({ a: 1, b: 2 }, { b: 2, a: 1 })).toBe(true);
-        expect(equals({ a: 1, b: 2 }, { b: 1, a: 2 })).toBe(false);
-    });
-    it("compares primitives", () => {
-        expect(equals(1, 1)).toBe(true);
-        expect(equals(1, -1)).toBe(false);
-        expect(equals(0, -0)).toBe(false);
-        expect(equals(NaN, NaN)).toBe(true);
-    });
-    it("compares arrays", () => {
-        expect(equalArrays([1, 2, 3], [1, 2, 3])).toBe(true);
-        expect(equalArrays([1], [2, 3])).toBe(false);
-        expect(equalArrays([{ a: 1 }], [{ a: 1 }])).toBe(false);
-        expect(matchArrays([{ a: 1 }], [{ a: 1 }])).toBe(true);
-    });
-});

package/lib/esm/flags.js

@@ -1,48 +0,0 @@
-export const parse = (parseArgs) => {
-    const fromNode = parseArgs[0].endsWith("node");
-    const argv = parseArgs[fromNode ? 1 : 0];
-    const params = new Map();
-    const flags = new Map();
-    const args = [];
-    let index = fromNode ? 2 : 1;
-    const hasNext = () => index < parseArgs.length;
-    const peek = () => parseArgs[index];
-    const advance = () => parseArgs[index++];
-    const parseLong = (arg) => {
-        if (arg.substr(0, 3) === "no-") {
-            flags.set(arg.substr(3), false);
-        }
-        else if (!arg.includes("=")) {
-            flags.set(arg, true);
-        }
-        else {
-            const [param, ...value] = arg.split("=");
-            params.set(param, value.join("="));
-        }
-    };
-    while (hasNext()) {
-        if (peek().substr(0, 2) === "--") {
-            parseLong(advance().substr(2));
-        }
-        else {
-            args.push(advance());
-        }
-    }
-    return {
-        get argv0() {
-            return argv;
-        },
-        get args() {
-            return args;
-        },
-        get(flag, def = false) {
-            return flags.get(flag) ?? def;
-        },
-        asNumber(param, def = 0) {
-            return Number.parseFloat(params.get(param) ?? `${def}`);
-        },
-        asString(param, def = "") {
-            return params.get(param) ?? def;
-        },
-    };
-};

package/lib/esm/flags.test.js

@@ -1,35 +0,0 @@
-import { describe, it, expect } from "./scope/index.js";
-import { parse } from "./flags.js";
-const TEST_CASES = {
-    SIMPLE: "program",
-    NODE: "/usr/local/bin/node program",
-    ONE_FLAG: "program --fun",
-    ONE_PARAM: "program --fun=100",
-    ONE_ARG: "program cat",
-    ONE_NO_FLAG: "program --no-fun",
-    MIXED: "program --fun=dog cat --port=8080 mouse --hamster --no-bird",
-};
-const makeFlags = (commandLine) => {
-    return parse(commandLine.split(" "));
-};
-describe("Flags", () => {
-    it("stores the program name", () => {
-        const flags = makeFlags(TEST_CASES.SIMPLE);
-        expect(flags.argv0).toEqual("program");
-        expect(flags.args).toEqual([]);
-    });
-    it("stores the program name ignoring node", () => {
-        const flags = makeFlags(TEST_CASES.NODE);
-        expect(flags.argv0).toEqual("program");
-        expect(flags.args).toEqual([]);
-    });
-    it("parses a flag", () => {
-        const flags = makeFlags(TEST_CASES.ONE_FLAG);
-        expect(flags.get("fun")).toBe(true);
-    });
-    it("parses a flag with a default value", () => {
-        const flags = makeFlags(TEST_CASES.SIMPLE);
-        expect(flags.get("missing")).toBe(false);
-        expect(flags.get("missing", true)).toBe(true);
-    });
-});