@kerebron/extension-menu 0.0.1

package/esm/prompt.js

@@ -0,0 +1,158 @@
+const prefix = 'ProseMirror-prompt';
+export function openPrompt(options) {
+    let wrapper = document.body.appendChild(document.createElement('div'));
+    wrapper.className = prefix;
+    let mouseOutside = (e) => {
+        if (!wrapper.contains(e.target))
+            close();
+    };
+    setTimeout(() => globalThis.addEventListener('mousedown', mouseOutside), 50);
+    let close = () => {
+        globalThis.removeEventListener('mousedown', mouseOutside);
+        if (wrapper.parentNode)
+            wrapper.parentNode.removeChild(wrapper);
+    };
+    let domFields = [];
+    for (let name in options.fields) {
+        domFields.push(options.fields[name].render());
+    }
+    let submitButton = document.createElement('button');
+    submitButton.type = 'submit';
+    submitButton.className = prefix + '-submit';
+    submitButton.textContent = 'OK';
+    let cancelButton = document.createElement('button');
+    cancelButton.type = 'button';
+    cancelButton.className = prefix + '-cancel';
+    cancelButton.textContent = 'Cancel';
+    cancelButton.addEventListener('click', close);
+    let form = wrapper.appendChild(document.createElement('form'));
+    if (options.title) {
+        form.appendChild(document.createElement('h5')).textContent = options.title;
+    }
+    domFields.forEach((field) => {
+        form.appendChild(document.createElement('div')).appendChild(field);
+    });
+    let buttons = form.appendChild(document.createElement('div'));
+    buttons.className = prefix + '-buttons';
+    buttons.appendChild(submitButton);
+    buttons.appendChild(document.createTextNode(' '));
+    buttons.appendChild(cancelButton);
+    let box = wrapper.getBoundingClientRect();
+    wrapper.style.top = ((globalThis.innerHeight - box.height) / 2) + 'px';
+    wrapper.style.left = ((globalThis.innerWidth - box.width) / 2) + 'px';
+    let submit = () => {
+        let params = getValues(options.fields, domFields);
+        if (params) {
+            close();
+            options.callback(params);
+        }
+    };
+    form.addEventListener('submit', (e) => {
+        e.preventDefault();
+        submit();
+    });
+    form.addEventListener('keydown', (e) => {
+        if (e.keyCode == 27) {
+            e.preventDefault();
+            close();
+        }
+        else if (e.keyCode == 13 && !(e.ctrlKey || e.metaKey || e.shiftKey)) {
+            e.preventDefault();
+            submit();
+        }
+        else if (e.keyCode == 9) {
+            globalThis.setTimeout(() => {
+                if (!wrapper.contains(document.activeElement))
+                    close();
+            }, 500);
+        }
+    });
+    let input = form.elements[0];
+    if (input)
+        input.focus();
+}
+function getValues(fields, domFields) {
+    let result = Object.create(null), i = 0;
+    for (let name in fields) {
+        let field = fields[name], dom = domFields[i++];
+        let value = field.read(dom), bad = field.validate(value);
+        if (bad) {
+            reportInvalid(dom, bad);
+            return null;
+        }
+        result[name] = field.clean(value);
+    }
+    return result;
+}
+function reportInvalid(dom, message) {
+    // FIXME this is awful and needs a lot more work
+    let parent = dom.parentNode;
+    let msg = parent.appendChild(document.createElement('div'));
+    msg.style.left = (dom.offsetLeft + dom.offsetWidth + 2) + 'px';
+    msg.style.top = (dom.offsetTop - 5) + 'px';
+    msg.className = 'ProseMirror-invalid';
+    msg.textContent = message;
+    setTimeout(() => parent.removeChild(msg), 1500);
+}
+/// The type of field that `openPrompt` expects to be passed to it.
+export class Field {
+    /// Create a field with the given options. Options support by all
+    /// field types are:
+    constructor(
+    /// @internal
+    options) {
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: options
+        });
+    }
+    /// Read the field's value from its DOM node.
+    read(dom) {
+        return dom.value;
+    }
+    /// A field-type-specific validation function.
+    validateType(value) {
+        return null;
+    }
+    /// @internal
+    validate(value) {
+        if (!value && this.options.required) {
+            return 'Required field';
+        }
+        return this.validateType(value) ||
+            (this.options.validate ? this.options.validate(value) : null);
+    }
+    clean(value) {
+        return this.options.clean ? this.options.clean(value) : value;
+    }
+}
+/// A field class for single-line text fields.
+export class TextField extends Field {
+    render() {
+        let input = document.createElement('input');
+        input.type = 'text';
+        input.placeholder = this.options.label;
+        input.value = this.options.value || '';
+        input.autocomplete = 'off';
+        return input;
+    }
+}
+/// A field class for dropdown fields based on a plain `<select>`
+/// tag. Expects an option `options`, which should be an array of
+/// `{value: string, label: string}` objects, or a function taking a
+/// `ProseMirror` instance and returning such an array.
+export class SelectField extends Field {
+    render() {
+        let select = document.createElement('select');
+        this.options.options
+            .forEach((o) => {
+            let opt = select.appendChild(document.createElement('option'));
+            opt.value = o.value;
+            opt.selected = o.value == this.options.value;
+            opt.label = o.label;
+        });
+        return select;
+    }
+}

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@kerebron/extension-menu",
+  "version": "0.0.1",
+  "license": "MIT",
+  "module": "./esm/ExtensionMenu.js",
+  "exports": {
+    ".": {
+      "import": "./esm/ExtensionMenu.js"
+    }
+  },
+  "dependencies": {
+    "@deno/shim-deno": "~0.18.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.0"
+  },
+  "_generatedBy": "dnt@dev"
+}