@sealcode/jdd-editor 0.1.0

package/lib/controllers/json-editor.stimulus.js

@@ -0,0 +1,134 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+const stimulus_1 = require("stimulus");
+const JS_ID = "codemirror-js";
+const JS_PATH = "/dist/codemirror.js";
+const JS_MODE_ID = "codemirror-js-mode-js";
+const JS_MODE_PATH = "/dist/codemirror-javascript-mode.js";
+const CSS_ID = "codemirror-css";
+const CSS_PATH = "/dist/codemirror.css";
+class JSONEditor extends stimulus_1.Controller {
+    constructor() {
+        super(...arguments);
+        this.saving = false;
+    }
+    addCSS() {
+        const tag = document.querySelector(`head #${CSS_ID}`);
+        if (!tag) {
+            const link = document.createElement("link");
+            link.setAttribute("rel", "stylesheet");
+            link.setAttribute("type", "text/css");
+            link.setAttribute("id", CSS_ID);
+            link.setAttribute("href", CSS_PATH);
+            document.head.appendChild(link);
+        }
+    }
+    addJS(js_id, js_path) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                const once_loaded = (e) => {
+                    e.target.setAttribute("loaded", "true");
+                    resolve();
+                };
+                try {
+                    const tag = document.querySelector(`head #${js_id}`);
+                    if (!tag) {
+                        const script = document.createElement("script");
+                        script.setAttribute("id", js_id);
+                        script.setAttribute("src", js_path);
+                        script.addEventListener("load", once_loaded);
+                        document.head.appendChild(script);
+                    }
+                    else {
+                        if (tag.getAttribute("loaded") == "true") {
+                            resolve();
+                        }
+                        else {
+                            tag.addEventListener("load", once_loaded);
+                        }
+                    }
+                }
+                catch (e) {
+                    reject(e);
+                }
+            });
+        });
+    }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if ((_a = this.element.parentNode) === null || _a === void 0 ? void 0 : _a.querySelector(".CodeMirror")) {
+                //already loaded, quit;
+                return;
+            }
+            this.addCSS();
+            yield this.addJS(JS_ID, JS_PATH);
+            yield this.addJS(JS_MODE_ID, JS_MODE_PATH);
+            this.cm = CodeMirror.fromTextArea(this.element, {
+                mode: {
+                    name: "javascript",
+                    json: true,
+                },
+                theme: "default",
+                addModeClass: true,
+                lineWrapping: true,
+            });
+            this.cm.on("change", () => {
+                this.saving = true;
+                this.element.innerHTML = this.cm.getValue().replace("<", "&lt;");
+                this.saving = false;
+            });
+            // to prevent morhping from removing the element
+            this.cm.getWrapperElement().setAttribute("data-turbo-permanent", "");
+            const observer = new MutationObserver((mutation) => {
+                console.log("DETECTED TEXTAREA MUTATION CHANGE!", mutation);
+                if (!this.saving) {
+                    if (this.cm.getValue() != this.element.innerHTML) {
+                        console.log("SETTING CM VALUE TO", this.element.innerHTML.slice(0, 100));
+                        this.cm.setValue(this.element.innerHTML);
+                    }
+                }
+            });
+            observer.observe(this.element, {
+                characterData: true,
+                subtree: true,
+            });
+            this.element.addEventListener("change", () => {
+                console.log("DETECTED TEXTAREA CHANGE!");
+                if (!this.saving) {
+                    if (this.cm.getValue() != this.element.innerHTML) {
+                        console.log("SETTING CM VALUE TO", this.element.innerHTML.slice(0, 100));
+                        this.cm.setValue(this.element.innerHTML);
+                    }
+                }
+            });
+            (_b = this.element
+                .closest("details")) === null || _b === void 0 ? void 0 : _b.addEventListener("toggle", (event) => {
+                if (event.target.open) {
+                    this.cm.refresh();
+                }
+            });
+        });
+    }
+    disconnect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("DISCONNECTING JSON EDITOR");
+        });
+    }
+}
+exports.default = JSONEditor;
+//# sourceMappingURL=json-editor.stimulus.js.map

package/lib/controllers/json-editor.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.stimulus.js","sourceRoot":"","sources":["../../src/controllers/json-editor.stimulus.ts"],"names":[],"mappings":"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"}

package/lib/controllers/markdown-textarea.stimulus.js

@@ -0,0 +1,186 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-misused-promises */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const stimulus_1 = require("stimulus");
+const CSS_ID = "simplemde-css";
+const JS_ID = "simplemde-js";
+class MarkdownTextarea extends stimulus_1.Controller {
+    constructor() {
+        super(...arguments);
+        this.mdeStarted = false;
+    }
+    addCSS() {
+        const tag = document.querySelector(`head #${CSS_ID}`);
+        if (!tag) {
+            const link = document.createElement("link");
+            link.setAttribute("rel", "stylesheet");
+            link.setAttribute("type", "text/css");
+            link.setAttribute("id", CSS_ID);
+            link.setAttribute("href", "/dist/simplemde.min.css");
+            document.head.appendChild(link);
+        }
+    }
+    addJS() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                const once_loaded = (e) => {
+                    e.target.setAttribute("loaded", "true");
+                    resolve();
+                };
+                try {
+                    const tag = document.querySelector(`head #${JS_ID}`);
+                    if (!tag) {
+                        const script = document.createElement("script");
+                        script.setAttribute("id", JS_ID);
+                        script.setAttribute("src", "/dist/simplemde.min.js");
+                        script.addEventListener("load", once_loaded);
+                        document.head.appendChild(script);
+                    }
+                    else {
+                        if (tag.getAttribute("loaded") == "true") {
+                            resolve();
+                        }
+                        else {
+                            tag.addEventListener("load", once_loaded);
+                        }
+                    }
+                }
+                catch (e) {
+                    reject(e);
+                }
+            });
+        });
+    }
+    handleResize() {
+        this.sm.codemirror.refresh();
+    }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            console.log("Markdown connect!", this.element);
+            if ((_a = this.element.parentNode) === null || _a === void 0 ? void 0 : _a.querySelector(".editor-toolbar")) {
+                //already loaded, quit;
+                return;
+            }
+            this.addCSS();
+            yield this.addJS();
+            const component_block = this.isInsideComponentBlock();
+            // some offloading of starting the MDE, because it is slow on Chrome
+            if (component_block) {
+                if (this.isHiddenBlock()) {
+                    const handler = () => {
+                        var _a;
+                        (_a = this.getCheckboxThatShowsBlock()) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", handler);
+                        setTimeout(() => this.init(), 1);
+                    };
+                    (_b = this.getCheckboxThatShowsBlock()) === null || _b === void 0 ? void 0 : _b.addEventListener("change", handler);
+                }
+                else {
+                    yield this.init();
+                }
+            }
+            else {
+                yield this.init();
+            }
+        });
+    }
+    startMDE() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.mdeStarted) {
+                return;
+            }
+            this.sm = new SimpleMDE({
+                element: this.element,
+                autoDownloadFontAwesome: false,
+                spellChecker: false,
+                hideIcons: ["image", "preview", "side-by-side"],
+                status: ["words"],
+                autosave: { enabled: false },
+                forceSync: true, // for autosubmit to work
+                initialValue: this.element.value,
+            });
+            // this.element.closest(".grow-wrap").setAttribute("data-turbo-permanent", "");
+            this.sm.codemirror.on("change", () => {
+                this.element.dispatchEvent(new Event("input"));
+            });
+            this.setupRefreshOnShow();
+            this.resizeObserver = new ResizeObserver(() => {
+                this.sm.codemirror.refresh();
+            });
+            const wrapper = this.sm.element.closest(".grow-wrap");
+            this.resizeObserver.observe(wrapper);
+            document.addEventListener("turbo:before-morph-element", function (event) {
+                const target = event.target;
+                // disallow morphing, but allow removing
+                if (target == wrapper &&
+                    event.detail.newElement !== undefined) {
+                    event.preventDefault();
+                }
+            });
+            this.mdeStarted = true;
+        });
+    }
+    init() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.intersectionObserver = new IntersectionObserver((entries) => {
+                entries.forEach((entry) => {
+                    if (entry.intersectionRatio > 0.2) {
+                        this.startMDE();
+                    }
+                });
+            }, {
+                root: this.element.closest(".component-arguments"),
+                rootMargin: "0px",
+                threshold: 0.25,
+            });
+            this.intersectionObserver.observe(this.element);
+        });
+    }
+    isHiddenBlock() {
+        var _a;
+        return !((_a = this.getCheckboxThatShowsBlock()) === null || _a === void 0 ? void 0 : _a.checked);
+    }
+    isInsideComponentBlock() {
+        return this.element.closest(".jdd-editor__component-block");
+    }
+    getCheckboxThatShowsBlock() {
+        const block = this.isInsideComponentBlock();
+        if (!block) {
+            return null;
+        }
+        return block.querySelector(".component-collapse-toggle");
+    }
+    setupRefreshOnShow() {
+        var _a;
+        this.checkboxHandler = (e) => {
+            const target = e.target;
+            if (target.checked) {
+                this.sm.codemirror.refresh();
+            }
+        };
+        (_a = this.getCheckboxThatShowsBlock()) === null || _a === void 0 ? void 0 : _a.addEventListener("change", this.checkboxHandler);
+    }
+    disconnect() {
+        var _a, _b, _c;
+        console.log("disconnecting", this.element);
+        (_a = this.getCheckboxThatShowsBlock()) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.checkboxHandler);
+        (_b = this.element
+            .closest(".grow-wrap")) === null || _b === void 0 ? void 0 : _b.removeAttribute("data-turbo-permanent");
+        (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.unobserve(this.sm.element);
+        this.sm.toTextArea();
+    }
+}
+exports.default = MarkdownTextarea;
+//# sourceMappingURL=markdown-textarea.stimulus.js.map

package/lib/controllers/markdown-textarea.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-textarea.stimulus.js","sourceRoot":"","sources":["../../src/controllers/markdown-textarea.stimulus.ts"],"names":[],"mappings":"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"}

package/lib/controllers/refresh-on-ts-changes.stimulus.js

@@ -0,0 +1,123 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const stimulus_1 = require("stimulus");
+const APP_DOWN_ERROR_MESSAGE = "App is currently down";
+const sleep = (time) => new Promise((resolve) => {
+    setTimeout(resolve, time);
+});
+function get_status() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const r = yield fetch("/status.json");
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        return (yield r.json());
+    });
+}
+function wait_for_run_id_to_change() {
+    return __awaiter(this, void 0, void 0, function* () {
+        let first_timestamp;
+        try {
+            const { started_at } = yield get_status();
+            first_timestamp = started_at;
+        }
+        catch (e) {
+            yield wait_for_app_to_be_stable();
+            return;
+        }
+        if (!first_timestamp) {
+            throw new Error(APP_DOWN_ERROR_MESSAGE);
+        }
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            // eslint-disable-next-line no-await-in-loop
+            const { started_at } = yield get_status().catch(() => ({
+                started_at: first_timestamp,
+            }));
+            if (started_at !== first_timestamp) {
+                return;
+            }
+            // eslint-disable-next-line no-await-in-loop
+            yield sleep(100);
+        }
+    });
+}
+function wait_for_app_to_be_stable() {
+    return __awaiter(this, arguments, void 0, function* (n = 3) {
+        // eslint-disable-next-line no-console
+        console.log("Waiting for app to be stable....");
+        let counter = 0;
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            // eslint-disable-next-line no-await-in-loop
+            const { status } = yield get_status().catch(() => ({
+                status: "down",
+            }));
+            if (status == "running") {
+                // eslint-disable-next-line no-console
+                console.log(counter);
+                counter++;
+            }
+            else {
+                counter = 0;
+            }
+            if (counter == n) {
+                return;
+            }
+            // eslint-disable-next-line no-await-in-loop
+            yield sleep(100);
+        }
+    });
+}
+function wait_for_app_restart() {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield wait_for_run_id_to_change();
+        }
+        catch (e) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+            if (e.message !== APP_DOWN_ERROR_MESSAGE) {
+                throw e;
+            }
+        }
+        yield wait_for_app_to_be_stable();
+    });
+}
+class RefreshOnTSChanges extends stimulus_1.Controller {
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            const { port, watch } = (yield fetch("/dist/notifier.json").then((r) => r.json()));
+            if (!watch) {
+                // eslint-disable-next-line no-console
+                console.warn("Not running auto refresh on watch because the build process is not running in watch mode");
+                return;
+            }
+            const socket = new WebSocket(`ws://localhost:${port}`);
+            socket.onmessage = (message) => __awaiter(this, void 0, void 0, function* () {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                const data = message.data;
+                if (typeof data === "string" && data.endsWith("-ts")) {
+                    document.documentElement.classList.add("restarting");
+                    yield wait_for_app_restart();
+                    document.documentElement.dispatchEvent(new Event("ts-rebuilt"));
+                    document.documentElement.classList.remove("restarting");
+                }
+            });
+        });
+    }
+    disconnect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.socket.close();
+        });
+    }
+}
+exports.default = RefreshOnTSChanges;
+//# sourceMappingURL=refresh-on-ts-changes.stimulus.js.map

package/lib/controllers/refresh-on-ts-changes.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-on-ts-changes.stimulus.js","sourceRoot":"","sources":["../../src/controllers/refresh-on-ts-changes.stimulus.ts"],"names":[],"mappings":"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"}

package/lib/controllers/refresh-styles.stimulus.js

@@ -0,0 +1,66 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const stimulus_1 = require("stimulus");
+function make_new_link(href) {
+    const new_link = document.createElement("link");
+    new_link.rel = "stylesheet";
+    new_link.href = href.split("?")[0] + `?${Math.random()}+${Math.random()}`;
+    new_link.type = "text/css";
+    return new_link;
+}
+function refresh_css() {
+    const actual_hrefs = new Set(Array.from(document.querySelectorAll("head link[rel=stylesheet]")).map((e) => e.getAttribute("href").split("?")[0]));
+    return actual_hrefs.forEach((href) => {
+        const new_link = make_new_link(href);
+        const to_delete_after_load = Array.from(document.querySelectorAll(`head link[rel=stylesheet][href^="${href}"]`));
+        new_link.onload = function () {
+            // delay to prevent flicker
+            setTimeout(() => {
+                to_delete_after_load.forEach((to_remove) => {
+                    to_remove.remove();
+                });
+            }, 100);
+        };
+        document.querySelector("head").appendChild(new_link);
+    });
+}
+class RefreshStyles extends stimulus_1.Controller {
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const { port } = yield fetch("/dist/notifier.json").then((r) => r.json());
+            try {
+                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+                this.socket = new WebSocket(`ws://localhost:${port}`);
+            }
+            catch (e) {
+                console.error(e);
+                // eslint-disable-next-line no-console
+                console.warn("Not enabling auto style refresh due to the above error");
+            }
+            this.socket.onmessage = (message) => __awaiter(this, void 0, void 0, function* () {
+                if (message.data === "css") {
+                    refresh_css();
+                }
+            });
+            document.documentElement.addEventListener("turbo:morph", refresh_css);
+        });
+    }
+    disconnect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.socket.close();
+            document.documentElement.removeEventListener("turbo:morph", refresh_css);
+        });
+    }
+}
+exports.default = RefreshStyles;
+//# sourceMappingURL=refresh-styles.stimulus.js.map

package/lib/controllers/refresh-styles.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-styles.stimulus.js","sourceRoot":"","sources":["../../src/controllers/refresh-styles.stimulus.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,uCAAsC;AAEtC,SAAS,aAAa,CAAC,IAAY;IAClC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;IAC1E,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;IAC3B,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,SAAS,WAAW;IACnB,MAAM,YAAY,GAAG,IAAI,GAAG,CAC3B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,CAAC,GAAG,CACrE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,CACD,CAAC;IACF,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACpC,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CACtC,QAAQ,CAAC,gBAAgB,CAAC,oCAAoC,IAAI,IAAI,CAAC,CACvE,CAAC;QACF,QAAQ,CAAC,MAAM,GAAG;YACjB,2BAA2B;YAC3B,UAAU,CAAC,GAAG,EAAE;gBACf,oBAAoB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC1C,SAAS,CAAC,MAAM,EAAE,CAAC;gBACpB,CAAC,CAAC,CAAC;YACJ,CAAC,EAAE,GAAG,CAAC,CAAC;QACT,CAAC,CAAC;QACF,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAqB,aAAc,SAAQ,qBAAU;IAG9C,OAAO;;YACZ,mEAAmE;YACnE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YAC1E,IAAI,CAAC;gBACJ,yEAAyE;gBAEzE,IAAI,CAAC,MAAM,GAAG,IAAI,SAAS,CAAC,kBAAkB,IAAc,EAAE,CAAC,CAAC;YACjE,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACjB,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;YACxE,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,CAAO,OAAO,EAAE,EAAE;gBACzC,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oBAC5B,WAAW,EAAE,CAAC;gBACf,CAAC;YACF,CAAC,CAAA,CAAC;YACF,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QACvE,CAAC;KAAA;IAEK,UAAU;;YACf,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACpB,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QAC1E,CAAC;KAAA;CACD;AA3BD,gCA2BC"}

package/lib/controllers/submit-on-input.stimulus.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/consistent-type-assertions, @typescript-eslint/no-unsafe-assignment */
+const stimulus_1 = require("stimulus");
+const throttle_debounce_1 = require("throttle-debounce");
+class SubmitOnInput extends stimulus_1.Controller {
+    connect() {
+        this.sendValues = (0, throttle_debounce_1.throttle)(500, () => {
+            var _a, _b, _c;
+            const component_index = ((_a = this.element
+                .closest(".jdd-editor__component-block")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-component-index")) || null;
+            if (component_index == null) {
+                // not an input within a JDD component editor
+                (_b = this.element.closest("form")) === null || _b === void 0 ? void 0 : _b.requestSubmit();
+                return;
+            }
+            // During this automatic submit, we force idiomorph to only update the components edited by this input.
+            const updateOnlyPreview = (event) => {
+                var _a;
+                const target = event.target;
+                if ([
+                    "component-arguments",
+                    "component-preview__header",
+                ].includes(target.id) ||
+                    (((_a = target.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("jdd-container")) &&
+                        !target.classList.contains("component-number-" + component_index))) {
+                    event.preventDefault();
+                }
+            };
+            document.addEventListener("turbo:before-morph-element", updateOnlyPreview);
+            (_c = this.element.closest("form")) === null || _c === void 0 ? void 0 : _c.requestSubmit();
+            const after_submit = () => {
+                document.removeEventListener("turbo:before-morph-element", updateOnlyPreview);
+                document.removeEventListener("turbo:morph", after_submit);
+            };
+            document.addEventListener("turbo:morph", after_submit);
+        }, { noTrailing: false });
+    }
+    makePermanent() {
+        // this prevents morphing from overwriting the input value with previous half-dane values - https://github.com/hotwired/turbo/issues/1199
+        this.element.setAttribute("data-turbo-permanent", "");
+    }
+    makeNotPermanent() {
+        this.element.removeAttribute("data-turbo-permanent");
+    }
+}
+exports.default = SubmitOnInput;
+//# sourceMappingURL=submit-on-input.stimulus.js.map

package/lib/controllers/submit-on-input.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-on-input.stimulus.js","sourceRoot":"","sources":["../../src/controllers/submit-on-input.stimulus.ts"],"names":[],"mappings":";;AAAA,2GAA2G;AAC3G,uCAAsC;AACtC,yDAA6C;AAE7C,MAAqB,aAAc,SAAQ,qBAA+B;IAGzE,OAAO;QACN,IAAI,CAAC,UAAU,GAAG,IAAA,4BAAQ,EACzB,GAAG,EACH,GAAG,EAAE;;YACJ,MAAM,eAAe,GACpB,CAAA,MAAA,IAAI,CAAC,OAAO;iBACV,OAAO,CAAC,8BAA8B,CAAC,0CACtC,YAAY,CAAC,sBAAsB,CAAC,KAAI,IAAI,CAAC;YACjD,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;gBAC7B,6CAA6C;gBAC7C,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,0CAAE,aAAa,EAAE,CAAC;gBAC9C,OAAO;YACR,CAAC;YAED,uGAAuG;YACvG,MAAM,iBAAiB,GAAG,CAAC,KAAwB,EAAE,EAAE;;gBACtD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAwB,CAAC;gBAC9C,IACC;oBACC,qBAAqB;oBACrB,2BAA2B;iBAC3B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACrB,CAAC,CAAA,MAAA,MAAM,CAAC,aAAa,0CAAE,SAAS,CAAC,QAAQ,CACxC,eAAe,CACf;wBACA,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CACzB,mBAAmB,GAAG,eAAe,CACrC,CAAC,EACF,CAAC;oBACF,KAAK,CAAC,cAAc,EAAE,CAAC;gBACxB,CAAC;YACF,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CACxB,4BAA4B,EAC5B,iBAAiB,CACjB,CAAC;YACF,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,0CAAE,aAAa,EAAE,CAAC;YAC9C,MAAM,YAAY,GAAG,GAAG,EAAE;gBACzB,QAAQ,CAAC,mBAAmB,CAC3B,4BAA4B,EAC5B,iBAAiB,CACjB,CAAC;gBACF,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;YAC3D,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;QACxD,CAAC,EACD,EAAE,UAAU,EAAE,KAAK,EAAE,CACrB,CAAC;IACH,CAAC;IAED,aAAa;QACZ,yIAAyI;QACzI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;IACtD,CAAC;CACD;AA7DD,gCA6DC"}

package/lib/controllers/toast.stimulus.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const stimulus_1 = require("stimulus");
+class Toast extends stimulus_1.Controller {
+    connect() {
+        console.log("connect");
+        this.element.addEventListener("animationend", ({ animationName }) => {
+            var _a;
+            if (animationName == "fade-out") {
+                (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.element);
+            }
+        });
+    }
+}
+exports.default = Toast;
+//# sourceMappingURL=toast.stimulus.js.map

package/lib/controllers/toast.stimulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.stimulus.js","sourceRoot":"","sources":["../../src/controllers/toast.stimulus.ts"],"names":[],"mappings":";;AAAA,uCAAsC;AAEtC,MAAqB,KAAM,SAAQ,qBAAU;IAC5C,OAAO;QACN,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAC5B,cAAc,EACd,CAAC,EAAE,aAAa,EAAkB,EAAE,EAAE;;YACrC,IAAI,aAAa,IAAI,UAAU,EAAE,CAAC;gBACjC,MAAA,IAAI,CAAC,OAAO,CAAC,aAAa,0CAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvD,CAAC;QACF,CAAC,CACD,CAAC;IACH,CAAC;CACD;AAZD,wBAYC"}