@davidsouther/jiffies 2.2.4 → 2.3.0

package/lib/cjs/server/http/apps.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findIndex = void 0;
-const fs = require("fs/promises");
-const path = require("path");
-const response_js_1 = require("./response.js");
-/**
- * Searches up the request path until the first index is found.
- */
-const findIndex = async ({ root }) => async (req) => {
-    let filename = path.join(root, req.url ?? "");
-    if (path.basename(filename).match(/\.[a-z]{1,3}$/)) {
-        return undefined;
-    }
-    while (filename.startsWith(root)) {
-        const index = path.join(filename, "index.html");
-        try {
-            const stat = await fs.stat(index);
-            return (0, response_js_1.fileResponse)(index, stat);
-        }
-        catch (e) {
-            filename = path.dirname(filename);
-        }
-    }
-    return undefined;
-};
-exports.findIndex = findIndex;

package/lib/cjs/server/http/css.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssFileServer = void 0;
-const fs = require("fs/promises");
-const path = require("path");
-const response_js_1 = require("./response.js");
-// @ts-ignore
-const sass_1 = require("sass");
-const { compileStringAsync } = sass_1.default;
-function render(source) {
-    // Replace `from "@scope` with `from "/@scope`, for browsers
-    // source = source
-    //   .replaceAll(`from "@`, 'from "/@')
-    //   .replaceAll(`import("@`, 'import("/@');
-    return (0, response_js_1.contentResponse)(source, "text/css");
-}
-async function compile(filename, root, vars) {
-    vars = vars.substring(1).replaceAll("=", ":");
-    filename = filename.replaceAll("\\", "/"); // Normalize for dart-sass
-    const sassString = `// Using variables: ${vars}\n${vars};\n@import "${filename}";`;
-    return (await compileStringAsync(sassString, { loadPaths: [root] })).css;
-}
-/**
- * Serves .css files statically. Finds .sass files and transpiles them to css.
- */
-const cssFileServer = async ({ root, scopes = {} }) => async (req) => {
-    const Url = new URL(req.url ?? "/", `http://${req.headers.host}`);
-    if (Url.pathname.endsWith(".css")) {
-        let scope = Object.entries(scopes).find(([s]) => Url.pathname.startsWith(`/${s}`));
-        // Expand url with found scope
-        Url.protocol = "file";
-        let url = scope ? Url.pathname.replace(scope[0], scope[1]) : Url.pathname;
-        let filename = path.join(root, url);
-        try {
-            const stat = await fs.stat(filename);
-            if (stat.isFile()) {
-                const css = (await fs.readFile(filename)).toString("utf-8");
-                return render(css);
-            }
-        }
-        catch { }
-        filename = filename.replace(/\.css$/, ".scss");
-        try {
-            const stat = await fs.stat(filename);
-            if (stat.isFile()) {
-                const css = await compile(filename.replace(root, "."), root, Url.search);
-                return render(css);
-            }
-        }
-        catch { }
-    }
-    return undefined;
-};
-exports.cssFileServer = cssFileServer;

package/lib/cjs/server/http/index.js

@@ -1,77 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeServer = void 0;
-const http_1 = require("http");
-const path = require("path");
-const log_js_1 = require("../../log.js");
-const apps_js_1 = require("./apps.js");
-const css_js_1 = require("./css.js");
-const response_js_1 = require("./response.js");
-const sitemap_js_1 = require("./sitemap.js");
-const static_js_1 = require("./static.js");
-const typescript_js_1 = require("./typescript.js");
-const notFound = async ({ root }) => async () => (0, response_js_1.fileResponse)(
-// path.join(path.dirname(FLAGS.argv0), "404.html"),
-path.join(root, "404.html"), undefined, 404);
-const BASE_MIDDLEWARES = [
-    sitemap_js_1.sitemap,
-    typescript_js_1.tsFileServer,
-    css_js_1.cssFileServer,
-    static_js_1.staticFileServer,
-    apps_js_1.findIndex,
-    notFound,
-];
-const error = (res, message) => {
-    console.error(message);
-    res.statusCode = 500;
-    res.write(message);
-    res.end();
-    return true;
-};
-const sendContent = async (res, { content, contentType, contentLength }) => {
-    res.setHeader("Content-Length", `${contentLength}`);
-    res.setHeader("Content-Type", contentType);
-    await res.write(content);
-    res.end();
-    return true;
-};
-const log = (req) => {
-    const when = new Date().toISOString();
-    const who = req.socket.remoteAddress;
-    const what = req.url;
-    const how = `${req.method} ${what}`;
-    (0, log_js_1.info)("Request", { when, who, how });
-};
-const makeServer = async (config, middlewares = []) => {
-    const handlers = await Promise.all([...middlewares, ...BASE_MIDDLEWARES].map(async (m) => m(config)));
-    const middlewareHandler = async (req, res) => {
-        log(req);
-        let handler;
-        try {
-            for (const middleware of handlers) {
-                handler = await middleware(req);
-                if (handler !== undefined) {
-                    break;
-                }
-            }
-            if (handler) {
-                sendContent(res, await handler());
-            }
-            else {
-                res.end();
-            }
-        }
-        catch (e) {
-            error(res, e.message + "\n" + e.stack);
-        }
-    };
-    // TODO(https)
-    const server = (0, http_1.createServer)(middlewareHandler);
-    server.on("listening", () => {
-        const { address, port } = server.address();
-        (0, log_js_1.info)("Server listening", { address: `http://${address}:${port}` });
-    });
-    return server;
-};
-exports.makeServer = makeServer;

package/lib/cjs/server/http/response.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.contentResponse = exports.fileResponse = void 0;
-const fs = require("fs/promises");
-const MIME_TYPES = {
-    js: "text/javascript",
-    json: "text/javascript",
-    css: "text/css",
-    html: "text/html",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    svg: "image/svg+xml",
-    eot: "application/vnd.ms-fontobject",
-    ttf: "application/font-ttf",
-    woff: "application/font-woff",
-    woff2: "application/font-woff2",
-};
-const mime = (basename) => {
-    const extension = basename
-        .substring(basename.lastIndexOf(".") + 1)
-        .toLowerCase();
-    return MIME_TYPES[extension] ?? "application/octet-stream";
-};
-const fileResponse = (filename, stat, status = 200) => async () => {
-    if (!stat) {
-        stat = await fs.stat(filename);
-    }
-    const content = await fs.readFile(filename);
-    const contentType = mime(filename);
-    const contentLength = stat.size;
-    return { status, contentType, contentLength, content };
-};
-exports.fileResponse = fileResponse;
-const CHARSET = "utf-8";
-const contentResponse = (content, contentType, status = 200) => async () => {
-    const contentBuffer = Buffer.from(content, CHARSET);
-    return {
-        content: contentBuffer,
-        contentType: contentType.split(";")[0] + "; charset=" + CHARSET,
-        status,
-        contentLength: contentBuffer.length,
-    };
-};
-exports.contentResponse = contentResponse;

package/lib/cjs/server/http/sitemap.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sitemap = void 0;
-const fs = require("fs/promises");
-const path = require("path");
-const log_js_1 = require("../../log.js");
-const response_js_1 = require("./response.js");
-const findSiteMap = async (root, prefix = root) => {
-    if (root.startsWith("node_modules")) {
-        return [];
-    }
-    const children = (await fs.readdir(root, { withFileTypes: true })).map(async (entry) => {
-        const next = path
-            .join(root, entry.name)
-            // Normalize separators for web
-            .replaceAll(path.sep, "/");
-        if (entry.isFile()) {
-            if (entry.name === "index.html") {
-                let index = next.replace(prefix, "");
-                (0, log_js_1.info)(`Adding to sitemap`, { index });
-                return [index];
-            }
-        }
-        else if (entry.isDirectory()) {
-            if (entry.name.startsWith(".")) {
-                return [];
-            }
-            const flattened = (await Promise.all(await findSiteMap(next, prefix))).flat();
-            return flattened;
-        }
-        return [];
-    });
-    return children;
-};
-const sitemap = async ({ root }) => {
-    const apps = await (await Promise.all(await findSiteMap(root)))
-        .flat()
-        .filter((a) => a !== undefined);
-    return async (req) => {
-        if ((req.url ?? "").endsWith("sitemap.json")) {
-            return (0, response_js_1.contentResponse)(JSON.stringify(apps), "application/json");
-        }
-        return undefined;
-    };
-};
-exports.sitemap = sitemap;

package/lib/cjs/server/http/static.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.staticFileServer = void 0;
-const path = require("path");
-const fs = require("fs/promises");
-const response_js_1 = require("./response.js");
-const staticFileServer = async ({ root, scopes = {} }) => async (req) => {
-    const scope = Object.entries(scopes).find(([s]) => req.url?.startsWith(`/${s}`));
-    const url = new URL(req.url ?? "", `http://localhost`);
-    const pathname = scope
-        ? url.pathname.replace(scope[0], scope[1])
-        : url.pathname;
-    const filename = path.join(root, pathname);
-    // Expand url with found scope
-    console.log(scope, req.url, filename);
-    try {
-        const stat = await fs.stat(filename);
-        return stat.isDirectory() ? undefined : (0, response_js_1.fileResponse)(filename, stat);
-    }
-    catch (e) {
-        console.error(e);
-        return undefined;
-    }
-};
-exports.staticFileServer = staticFileServer;

package/lib/cjs/server/http/typescript.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsFileServer = void 0;
-const fs = require("fs/promises");
-const path = require("path");
-const response_js_1 = require("./response.js");
-const transpile_mjs_1 = require("../../transpile.mjs");
-function render(source) {
-    // Replace `from "@scope` with `from "/@scope`, for browsers
-    source = source
-        .replaceAll(`from "@`, 'from "/@')
-        .replaceAll(`import("@`, 'import("/@');
-    return (0, response_js_1.contentResponse)(source, "application/javascript");
-}
-/**
- * Serves .js files statically. Finds .ts files and transpiles them to JS.
- */
-const tsFileServer = async ({ root, scopes = {} }) => async (req) => {
-    if (req.url?.endsWith(".js")) {
-        let scope = Object.entries(scopes).find(([s]) => req.url?.startsWith(`/${s}`));
-        // Expand url with found scope
-        let url = scope ? req.url.replace(scope[0], scope[1]) : req.url;
-        let filename = path.join(root, url);
-        try {
-            const stat = await fs.stat(filename);
-            if (stat.isFile()) {
-                const js = (await fs.readFile(filename)).toString("utf-8");
-                return render(js);
-            }
-        }
-        catch { }
-        filename = filename.replace(/\.js$/, ".ts");
-        try {
-            const stat = await fs.stat(filename);
-            if (stat.isFile()) {
-                const js = await (0, transpile_mjs_1.transpile)(filename, () => fs.readFile(filename));
-                return render(js);
-            }
-        }
-        catch { }
-    }
-    return undefined;
-};
-exports.tsFileServer = tsFileServer;

package/lib/cjs/server/main.js

@@ -1,14 +0,0 @@
-#!/usr/bin/env node --experimental-loader ../loader.mjs
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const log_js_1 = require("../log.js");
-(0, log_js_1.info)("Starting server", { cwd: process.cwd() });
-const flags_js_1 = require("../flags.js");
-const FLAGS = (0, flags_js_1.parse)(process.argv);
-const index_js_1 = require("./http/index.js");
-const path = require("node:path");
-async function main() {
-    const server = await (0, index_js_1.makeServer)({ root: path.join(process.cwd(), "src") });
-    server.listen(FLAGS.asNumber("port", 8080), FLAGS.asString("host", "0.0.0.0"));
-}
-main();

package/lib/cjs/test.mjs

@@ -1,28 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const flags_js_1 = require("./flags.js");
-const execute_js_1 = require("./scope/execute.js");
-const junit_js_1 = require("./scope/display/junit.js");
-const console_js_1 = require("./scope/display/console.js");
-async function main() {
-    await Promise.resolve().then(() => require("./test_all.js"));
-    (async function () {
-        const results = await (0, execute_js_1.execute)();
-        const FLAGS = (0, flags_js_1.parse)(process.argv);
-        switch (FLAGS.asString("mode", "console")) {
-            case "junit":
-                const xml = (0, junit_js_1.asXML)(results);
-                console.log(xml);
-                break;
-            case "console":
-            default:
-                (0, console_js_1.onConsole)(results);
-                break;
-        }
-        if (results.failed > 0) {
-            process.exit(1);
-        }
-    })();
-}
-main();

package/lib/cjs/test_all.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// This file must be .js for imports to run. Unused imports in .ts files are
-// discarded during transpilation.
-const index_js_1 = require("./scope/index.js");
-(0, index_js_1.describe)("Test executor", () => {
-    (0, index_js_1.it)("matches equality", () => {
-        (0, index_js_1.expect)(1).toBe(1);
-    });
-    (0, index_js_1.it)("fails on inequality", () => {
-        (0, index_js_1.expect)(() => (0, index_js_1.expect)(1).toBe(2)).toThrow();
-    });
-});
-require("./context.test.js");
-require("./diff.test.js");
-require("./equal.test.js");
-require("./flags.test.js");
-require("./fs.test.js");
-require("./generator.test.js");
-require("./lock.test.js");
-require("./result.test.js");
-require("./observable/observable.test.js");
-if (typeof process != "undefined" && process.env.CI?.toLowerCase() !== "true") {
-    (async () => {
-        const components = await Promise.resolve().then(() => require("./components/test.js"));
-        const dom = await Promise.resolve().then(() => require("./dom/test.js"));
-        await components.loadTests();
-        await dom.loadTests();
-    })();
-}

package/lib/cjs/transpile.mjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transpile = void 0;
-// @ts-ignore
-const typescript_1 = require("typescript");
-const compilerOptions = {
-    target: typescript_1.default.ScriptTarget.ESNext,
-    module: typescript_1.default.ModuleKind.ESNext,
-    inlineSourceMap: true,
-    inlineSources: true,
-};
-const tsmap = new Map();
-async function transpile(
-/** @type string */ url, 
-/** @type {() => Promise<{toString(): string}>} */ get) {
-    if (!tsmap.has(url)) {
-        const source = typescript_1.default.transpile((await get()).toString(), compilerOptions, url, undefined, url);
-        tsmap.set(url, source);
-    }
-    return tsmap.get(url);
-}
-exports.transpile = transpile;

package/lib/esm/assert.js

@@ -1,38 +0,0 @@
-export class AssertionError extends Error {
-    constructor(message = "Assertion failed") {
-        super(message);
-    }
-}
-/**
- * Throw an error when a condition is not met.
- */
-export function assert(condition, message) {
-    if (!condition) {
-        throw new AssertionError(message instanceof Function ? message() : message);
-    }
-}
-/**
- * Given a value, return it if it is not null nor undefined. Otherwise throw an
- * error.
- *
- * @template T
- * @returns {NonNullable<T>}
- */
-export function assertExists(t, message = "Assertion failed: value does not exist") {
-    assert(t != null, message);
-    return t;
-}
-/**
- * @param {*} n
- * @returns string
- */
-export function assertString(n, message = () => `Assertion failed: ${n} is not a string`) {
-    assert(typeof n === "string", message);
-    return n;
-}
-/**
- * Compile time assertion that no value will used at this point in control flow.
- */
-export function checkExhaustive(value, message = `Unexpected value ${value}`) {
-    throw new Error(message instanceof Function ? message() : message);
-}

package/lib/esm/awaitable.js

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

package/lib/esm/case.js

@@ -1,5 +0,0 @@
-export function dashCase(identifier) {
-    return identifier
-        .replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`)
-        .replace(/ ([A-Z])/g, (_, b) => `-${b.toLowerCase()}`);
-}

package/lib/esm/components/button_bar.js

@@ -1,27 +0,0 @@
-import { display } from "../display.js";
-import { FC } from "../dom/fc.js";
-import { fieldset, input, label } from "../dom/html.js";
-let buttonBarId = 1;
-let nextId = () => buttonBarId++;
-const ButtonBar = FC("button-bar", (el, { value, values, events }) => {
-    const name = `button-bar-${nextId()}`;
-    return fieldset({ class: "input-group" }, ...values
-        .map((option) => {
-        const opt = `${option}`.replace(/\s+/g, "_").toLowerCase();
-        const id = `${name}-${opt}`;
-        return [
-            label({ role: "button", htmlFor: id }, input({
-                type: "radio",
-                id,
-                name,
-                value: option,
-                checked: option === value,
-                events: {
-                    change: () => events.onSelect(option),
-                },
-            }), display(option)),
-        ];
-    })
-        .flat());
-});
-export default ButtonBar;

package/lib/esm/components/inline_edit.js

@@ -1,48 +0,0 @@
-import { width } from "../dom/css/sizing.js";
-import { FC, State } from "../dom/fc.js";
-import { input, span } from "../dom/html.js";
-const Mode = { VIEW: 0, EDIT: 1 };
-export const InlineEdit = FC("inline-edit", (el, { mode = Mode.VIEW, value, events }) => {
-    const state = (el[State] ??= { mode, value });
-    const render = () => {
-        switch (state.mode) {
-            case Mode.EDIT:
-                return edit();
-            case Mode.VIEW:
-                return view();
-            default:
-                return span();
-        }
-    };
-    const view = () => span({
-        style: { cursor: "text", ...width("full", "inline") },
-        events: {
-            click: () => {
-                state.mode = Mode.EDIT;
-                el.update(render());
-            },
-        },
-    }, state.value ?? "");
-    const edit = () => {
-        const edit = span({ style: { display: "block", position: "relative" } }, input({
-            style: {
-                zIndex: "10",
-                position: "absolute",
-                left: "0",
-                marginTop: "-0.375rem",
-            },
-            events: {
-                blur: ({ target }) => events.change(target?.value ?? ""),
-            },
-            type: "text",
-            value: state.value,
-        }), "\u00a0" // Hack to get the span to take up space
-        );
-        setTimeout(() => {
-            edit.dispatchEvent(new Event("focus"));
-        });
-        return edit;
-    };
-    return render();
-});
-export default InlineEdit;

package/lib/esm/components/logger.js

@@ -1,22 +0,0 @@
-import { display } from "../display.js";
-import { div, span, ul, li, pre, code } from "../dom/html.js";
-import { LEVEL } from "../log.js";
-export function isHTMLLogger(logger) {
-    return logger.root != undefined;
-}
-export function makeHTMLLogger(name) {
-    let log;
-    const root = div(div(span(name)), (log = ul()));
-    const logger = { level: LEVEL.INFO, root };
-    function append(message) {
-        log.appendChild(li(pre(code(message))));
-    }
-    const logAt = (level) => (message) => level >= (logger.level ?? LEVEL.ERROR)
-        ? append(display(message))
-        : undefined;
-    logger.debug = logAt(LEVEL.VERBOSE);
-    logger.info = logAt(LEVEL.INFO);
-    logger.warn = logAt(LEVEL.WARN);
-    logger.error = logAt(LEVEL.ERROR);
-    return logger;
-}

package/lib/esm/components/select.js

@@ -1,3 +0,0 @@
-import { FC } from "../dom/fc.js";
-import { option, select } from "../dom/html.js";
-export const Select = FC("jiffies-select", (el, { name, events: { change }, disabled, value, options }) => select({ name, events: { change }, disabled }, ...options.map(([v, name]) => option({ value: v, selected: value === v }, `${name}`))));

package/lib/esm/components/test.js

@@ -1,3 +0,0 @@
-export async function loadTests() {
-    // await import("./virtual_scroll.test.js");
-}