@hypericon/mico 0.6.1 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypericon/mico",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "UI components and utilities with Mithril",
   "author": "Ed Johnson, Hypericon Ltd",
   "license": "MIT",
@@ -15,12 +15,14 @@
     "build-esm": "tsc --project ./tsconfig.browser.json",
     "build-cjs": "tsc --project ./tsconfig.node.json",
     "build-docs": "vite build",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run test",
     "predeploy": "npm run build-docs",
     "deploy": "git push origin master:deploy",
     "publish-deploy": "npm publish && npm run deploy",
     "deploy-publish": "npm run publish-deploy",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^7.2.0",
@@ -38,9 +40,13 @@
     "@types/dompurify": "^3.0.2",
     "@types/mithril": "^2.0.12",
     "@types/node": "^20.1.4",
+    "@vitest/coverage-v8": "^4.1.9",
+    "jsdom": "^29.1.1",
+    "mithril-query": "^4.0.1",
     "rimraf": "^5.0.0",
     "typescript": "^5.0.4",
-    "vite": "^4.3.5"
+    "vite": "^4.3.5",
+    "vitest": "^4.1.9"
   },
   "files": [
     "dist"

package/dist/cjs/components/dialog/Dialog.d.ts

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

package/dist/cjs/components/dialog/Dialog.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// export const Dialog: m.Component<{
-//   created?: (args: {}) => any,
-// }> = {
-//   view({ attrs, children }) {
-//     return m("dialog", {}, [
-//       children,
-//     ]);
-//   }
-// };

package/dist/cjs/components/dialog/dialog-manager.d.ts

@@ -1,46 +0,0 @@
-import m from "mithril";
-export interface DialogManagerOptions {
-    containerEl?: HTMLElement;
-    debug?: boolean;
-}
-export interface OpenDialogResult {
-    close: () => Promise<void>;
-}
-export declare class DialogManager {
-    private containerEl;
-    private currentDialog;
-    get isOpen(): boolean;
-    private debug;
-    backdropDismissTimeout: number;
-    constructor(options?: DialogManagerOptions);
-    /**
-     * Open a new dialog with the given contents.
-     *
-     * Note: to make use of Mithril's auto-redraw system, the dialog must be defined as a component,
-     * not a Vnode.
-     *
-     * Example:
-     * ```ts
-     * open(MyDialog, { ... }); // WILL redraw
-     * open(m("h1", "...")); // will NOT redraw
-     * ```
-     * @param dialog
-     * @param attrs
-     * @returns once the dialog has been created and is being displayed to the user
-     */
-    open<A = {}>(dialog: m.Component<A, any> | m.Vnode<any, any>, attrs?: A, opts?: {
-        backdropDismiss?: boolean;
-        noEscape?: boolean;
-    }): Promise<void>;
-    private _open;
-    private openWithComponent;
-    private openWithVnode;
-    /**
-     * Close the open dialog.
-     *
-     * Silently does nothing if no dialog is open.
-     */
-    close(): void;
-    private closeThis;
-}
-export declare const dialogMgr: DialogManager;

package/dist/cjs/components/dialog/dialog-manager.js

@@ -1,174 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogMgr = exports.DialogManager = void 0;
-const mithril_1 = __importDefault(require("mithril"));
-const utils_1 = require("../../utils");
-class DialogManager {
-    get isOpen() { return this.currentDialog !== undefined; }
-    constructor(options) {
-        this.debug = false;
-        this.backdropDismissTimeout = 100;
-        if (options === null || options === void 0 ? void 0 : options.debug)
-            this.debug = options.debug;
-        if (options === null || options === void 0 ? void 0 : options.containerEl) {
-            this.containerEl = options.containerEl;
-        }
-        else {
-            this.containerEl = document.createElement("div");
-            this.containerEl.classList.add("mico-dialog-container");
-            document.body.append(this.containerEl);
-        }
-    }
-    /**
-     * Open a new dialog with the given contents.
-     *
-     * Note: to make use of Mithril's auto-redraw system, the dialog must be defined as a component,
-     * not a Vnode.
-     *
-     * Example:
-     * ```ts
-     * open(MyDialog, { ... }); // WILL redraw
-     * open(m("h1", "...")); // will NOT redraw
-     * ```
-     * @param dialog
-     * @param attrs
-     * @returns once the dialog has been created and is being displayed to the user
-     */
-    open(dialog, attrs, opts) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const element = this.containerEl;
-            const manager = this;
-            const dialogId = `${Math.random().toString().replace("0.", "")}`;
-            return new Promise((resolve, reject) => {
-                const backdropDismissAvailableAt = Date.now() + this.backdropDismissTimeout;
-                mithril_1.default.mount(element, {
-                    oninit() {
-                        // 
-                    },
-                    oncreate({ dom }) {
-                        var _a;
-                        const dialog = dom;
-                        (_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog);
-                        manager.currentDialog = dialog;
-                        // Optionally wire up the backdrop to dismiss the dialog
-                        if ((opts === null || opts === void 0 ? void 0 : opts.backdropDismiss) === true) {
-                            dialog.addEventListener("click", (ev) => {
-                                if (Date.now() < backdropDismissAvailableAt)
-                                    return;
-                                // console.log(ev);
-                                if (ev.target !== dom)
-                                    return;
-                                const isInDialog = (0, utils_1.mouseWithinElement)(ev, dom);
-                                if (!isInDialog)
-                                    manager.close();
-                            });
-                        }
-                        resolve();
-                    },
-                    onremove() {
-                        manager.debug && console.log("mounted component onremove()");
-                        resolve(undefined);
-                    },
-                    view() {
-                        return (0, mithril_1.default)("dialog", {
-                            id: dialogId,
-                            key: dialogId,
-                            class: "mico-dialog",
-                            onclose: () => {
-                                manager.debug && console.log("dialog onclose()");
-                                mithril_1.default.mount(manager.containerEl, null);
-                            },
-                            oncancel: (ev) => {
-                                if ((opts === null || opts === void 0 ? void 0 : opts.noEscape) === true) {
-                                    ev.preventDefault();
-                                }
-                            },
-                        }, [
-                            ("view" in dialog)
-                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
-                                : dialog,
-                        ]);
-                    },
-                });
-            });
-        });
-    }
-    // This was attempting to intercept a certain function and then return a result from open()
-    // asynchronously, but it was all getting needlessly complicated
-    _open(dialog, attrs, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const element = this.containerEl;
-            const manager = this;
-            const dialogId = `${Math.random().toString()}`;
-            // const resultFnKey = options?.resultFn;
-            // if (resultFnKey) {
-            //   if (attrs) {
-            //     attrs[resultFnKey] = 
-            //   }
-            // }
-            return new Promise((resolve, reject) => {
-                mithril_1.default.mount(element, {
-                    oninit() {
-                        // 
-                    },
-                    oncreate({ dom }) {
-                        var _a;
-                        const dialog = dom;
-                        (_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog);
-                        manager.currentDialog = dialog;
-                    },
-                    onremove() {
-                        console.log("mounted component onremove()");
-                        resolve(undefined);
-                    },
-                    view() {
-                        return (0, mithril_1.default)("dialog", {
-                            id: dialogId,
-                            key: dialogId,
-                            onclose: () => {
-                                console.log("dialog onclose()");
-                                mithril_1.default.mount(manager.containerEl, null);
-                            },
-                        }, [
-                            ("view" in dialog)
-                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
-                                : dialog,
-                        ]);
-                    },
-                });
-            });
-        });
-    }
-    openWithComponent(dialog) { }
-    openWithVnode(dialog) { }
-    /**
-     * Close the open dialog.
-     *
-     * Silently does nothing if no dialog is open.
-     */
-    close() {
-        var _a;
-        // m.mount(this.containerEl, null);
-        (_a = this.currentDialog) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    // an attempt to close a specific dialog, but only one can be open at once anyway
-    closeThis(dialog) {
-        console.log("close:");
-        console.log(dialog);
-        console.log(dialog.prototype);
-    }
-}
-exports.DialogManager = DialogManager;
-exports.dialogMgr = new DialogManager();

package/dist/cjs/components/dialog/index.d.ts

@@ -1 +0,0 @@
-export * from "./dialog-manager";

package/dist/cjs/components/dialog/index.js

@@ -1,18 +0,0 @@
-"use strict";
-// export * from "./Dialog";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./dialog-manager"), exports);

package/dist/esm/components/dialog/Dialog.d.ts

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

package/dist/esm/components/dialog/Dialog.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// export const Dialog: m.Component<{
-//   created?: (args: {}) => any,
-// }> = {
-//   view({ attrs, children }) {
-//     return m("dialog", {}, [
-//       children,
-//     ]);
-//   }
-// };

package/dist/esm/components/dialog/dialog-manager.d.ts

@@ -1,46 +0,0 @@
-import m from "mithril";
-export interface DialogManagerOptions {
-    containerEl?: HTMLElement;
-    debug?: boolean;
-}
-export interface OpenDialogResult {
-    close: () => Promise<void>;
-}
-export declare class DialogManager {
-    private containerEl;
-    private currentDialog;
-    get isOpen(): boolean;
-    private debug;
-    backdropDismissTimeout: number;
-    constructor(options?: DialogManagerOptions);
-    /**
-     * Open a new dialog with the given contents.
-     *
-     * Note: to make use of Mithril's auto-redraw system, the dialog must be defined as a component,
-     * not a Vnode.
-     *
-     * Example:
-     * ```ts
-     * open(MyDialog, { ... }); // WILL redraw
-     * open(m("h1", "...")); // will NOT redraw
-     * ```
-     * @param dialog
-     * @param attrs
-     * @returns once the dialog has been created and is being displayed to the user
-     */
-    open<A = {}>(dialog: m.Component<A, any> | m.Vnode<any, any>, attrs?: A, opts?: {
-        backdropDismiss?: boolean;
-        noEscape?: boolean;
-    }): Promise<void>;
-    private _open;
-    private openWithComponent;
-    private openWithVnode;
-    /**
-     * Close the open dialog.
-     *
-     * Silently does nothing if no dialog is open.
-     */
-    close(): void;
-    private closeThis;
-}
-export declare const dialogMgr: DialogManager;

package/dist/esm/components/dialog/dialog-manager.js

@@ -1,174 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogMgr = exports.DialogManager = void 0;
-const mithril_1 = __importDefault(require("mithril"));
-const utils_1 = require("../../utils");
-class DialogManager {
-    get isOpen() { return this.currentDialog !== undefined; }
-    constructor(options) {
-        this.debug = false;
-        this.backdropDismissTimeout = 100;
-        if (options === null || options === void 0 ? void 0 : options.debug)
-            this.debug = options.debug;
-        if (options === null || options === void 0 ? void 0 : options.containerEl) {
-            this.containerEl = options.containerEl;
-        }
-        else {
-            this.containerEl = document.createElement("div");
-            this.containerEl.classList.add("mico-dialog-container");
-            document.body.append(this.containerEl);
-        }
-    }
-    /**
-     * Open a new dialog with the given contents.
-     *
-     * Note: to make use of Mithril's auto-redraw system, the dialog must be defined as a component,
-     * not a Vnode.
-     *
-     * Example:
-     * ```ts
-     * open(MyDialog, { ... }); // WILL redraw
-     * open(m("h1", "...")); // will NOT redraw
-     * ```
-     * @param dialog
-     * @param attrs
-     * @returns once the dialog has been created and is being displayed to the user
-     */
-    open(dialog, attrs, opts) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const element = this.containerEl;
-            const manager = this;
-            const dialogId = `${Math.random().toString().replace("0.", "")}`;
-            return new Promise((resolve, reject) => {
-                const backdropDismissAvailableAt = Date.now() + this.backdropDismissTimeout;
-                mithril_1.default.mount(element, {
-                    oninit() {
-                        // 
-                    },
-                    oncreate({ dom }) {
-                        var _a;
-                        const dialog = dom;
-                        (_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog);
-                        manager.currentDialog = dialog;
-                        // Optionally wire up the backdrop to dismiss the dialog
-                        if ((opts === null || opts === void 0 ? void 0 : opts.backdropDismiss) === true) {
-                            dialog.addEventListener("click", (ev) => {
-                                if (Date.now() < backdropDismissAvailableAt)
-                                    return;
-                                // console.log(ev);
-                                if (ev.target !== dom)
-                                    return;
-                                const isInDialog = (0, utils_1.mouseWithinElement)(ev, dom);
-                                if (!isInDialog)
-                                    manager.close();
-                            });
-                        }
-                        resolve();
-                    },
-                    onremove() {
-                        manager.debug && console.log("mounted component onremove()");
-                        resolve(undefined);
-                    },
-                    view() {
-                        return (0, mithril_1.default)("dialog", {
-                            id: dialogId,
-                            key: dialogId,
-                            class: "mico-dialog",
-                            onclose: () => {
-                                manager.debug && console.log("dialog onclose()");
-                                mithril_1.default.mount(manager.containerEl, null);
-                            },
-                            oncancel: (ev) => {
-                                if ((opts === null || opts === void 0 ? void 0 : opts.noEscape) === true) {
-                                    ev.preventDefault();
-                                }
-                            },
-                        }, [
-                            ("view" in dialog)
-                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
-                                : dialog,
-                        ]);
-                    },
-                });
-            });
-        });
-    }
-    // This was attempting to intercept a certain function and then return a result from open()
-    // asynchronously, but it was all getting needlessly complicated
-    _open(dialog, attrs, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const element = this.containerEl;
-            const manager = this;
-            const dialogId = `${Math.random().toString()}`;
-            // const resultFnKey = options?.resultFn;
-            // if (resultFnKey) {
-            //   if (attrs) {
-            //     attrs[resultFnKey] = 
-            //   }
-            // }
-            return new Promise((resolve, reject) => {
-                mithril_1.default.mount(element, {
-                    oninit() {
-                        // 
-                    },
-                    oncreate({ dom }) {
-                        var _a;
-                        const dialog = dom;
-                        (_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog);
-                        manager.currentDialog = dialog;
-                    },
-                    onremove() {
-                        console.log("mounted component onremove()");
-                        resolve(undefined);
-                    },
-                    view() {
-                        return (0, mithril_1.default)("dialog", {
-                            id: dialogId,
-                            key: dialogId,
-                            onclose: () => {
-                                console.log("dialog onclose()");
-                                mithril_1.default.mount(manager.containerEl, null);
-                            },
-                        }, [
-                            ("view" in dialog)
-                                ? (0, mithril_1.default)(dialog, Object.assign({}, attrs))
-                                : dialog,
-                        ]);
-                    },
-                });
-            });
-        });
-    }
-    openWithComponent(dialog) { }
-    openWithVnode(dialog) { }
-    /**
-     * Close the open dialog.
-     *
-     * Silently does nothing if no dialog is open.
-     */
-    close() {
-        var _a;
-        // m.mount(this.containerEl, null);
-        (_a = this.currentDialog) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    // an attempt to close a specific dialog, but only one can be open at once anyway
-    closeThis(dialog) {
-        console.log("close:");
-        console.log(dialog);
-        console.log(dialog.prototype);
-    }
-}
-exports.DialogManager = DialogManager;
-exports.dialogMgr = new DialogManager();

package/dist/esm/components/dialog/index.d.ts

@@ -1 +0,0 @@
-export * from "./dialog-manager";

package/dist/esm/components/dialog/index.js

@@ -1,18 +0,0 @@
-"use strict";
-// export * from "./Dialog";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./dialog-manager"), exports);