miqro 5.0.5 → 6.0.4

package/build/esm/editor/components/file-editor-toolbar.js

@@ -0,0 +1,94 @@
+import { SUPPORTED_LANGUAGES } from "../common/constants.js";
+export function FileEditorToolbar(props) {
+    const renamingRef = jsx.useRef();
+    const refresh = jsx.useRefresh();
+    const [renaming, setrenaming] = jsx.useState(false);
+    jsx.useEffect(() => {
+        if (renamingRef.current) {
+            renamingRef.current.value = props.path;
+            renamingRef.current.focus();
+            refresh();
+        }
+    }, [renamingRef.current]);
+    jsx.useEffect(() => {
+        setrenaming(false);
+    }, [props.path]);
+    return JSX.createElement("div", { class: "file-editor-toolbar" },
+        JSX.createElement("div", { class: "file-editor-toolbar-row" },
+            JSX.createElement("button", { class: "file-editor-button btn", style: `${props.isPanelVisible("left") ? "display: none;" : "margin-right: var(--file-browser-separation);"}`, onclick: ev => {
+                    ev.preventDefault();
+                    props.togglePanel("left");
+                } }, ">>"),
+            JSX.createElement("button", { disabled: !props.changed, class: `btn success`, onclick: ev => {
+                    ev.preventDefault();
+                    props.saveFile();
+                } }, "save"),
+            props.disableReload ? JSX.createElement(JSX.Fragment, null) : JSX.createElement("button", { disabled: !props.changed, class: `btn info`, style: "margin-left: var(--file-browser-separation);", onclick: ev => {
+                    ev.preventDefault();
+                    props.saveFile(true);
+                } }, "save/reload"),
+            JSX.createElement("button", { disabled: !props.changed, style: "margin-left: var(--file-browser-separation);", class: `btn warning`, onclick: ev => {
+                    ev.preventDefault();
+                    props.revertFile();
+                } }, "revert"),
+            JSX.createElement("button", { class: `btn danger`, style: "margin-left: var(--file-browser-separation);", onclick: ev => {
+                    ev.preventDefault();
+                    props.closeFile();
+                } }, "close"),
+            SUPPORTED_LANGUAGES.includes(props.language) ?
+                JSX.createElement("select", { value: props.language, oninput: ev => {
+                        ev.preventDefault();
+                        props.setlanguage(ev.target.value);
+                    }, style: "margin: 0; padding: 0; margin-left: calc(2*var(--file-browser-separation-file));" }, SUPPORTED_LANGUAGES.map(language => JSX.createElement("option", { value: language }, language))) : JSX.createElement(JSX.Fragment, null)),
+        JSX.createElement("div", { class: "file-editor-toolbar-row" }, !renaming ?
+            JSX.createElement(JSX.Fragment, null,
+                JSX.createElement("p", { style: "margin-left:20px;", onclick: ev => {
+                        ev.preventDefault();
+                        setrenaming(true);
+                    } }, props.path)) :
+            JSX.createElement(JSX.Fragment, null,
+                JSX.createElement("form", { style: "width: 100%; height: 100%; margin-right: calc(2 * var(--file-browser-separation));", onsubmit: ev => {
+                        ev.preventDefault();
+                        setrenaming(false);
+                        if (renamingRef.current && renamingRef.current.value !== props.path) {
+                            setrenaming(false);
+                            props.renameFile(renamingRef.current.value);
+                        }
+                    } },
+                    JSX.createElement("input", { style: "width: 100%; height: 100%;", onfocusout: ev => {
+                            ev.preventDefault();
+                            //setrenaming(false);
+                        }, ref: renamingRef, onkeydown: (ev) => {
+                            if (ev.keyCode === 27) {
+                                // catch esc
+                                ev.preventDefault();
+                                setrenaming(false);
+                            }
+                            else {
+                                refresh();
+                            }
+                        }, type: "text" })),
+                renamingRef.current && renamingRef.current.value !== props.path && renamingRef.current.value !== "" ?
+                    JSX.createElement("button", { style: "margin-left: var(--file-browser-separation);", class: "btn info", onclick: ev => {
+                            ev.preventDefault();
+                            if (renamingRef.current) {
+                                setrenaming(false);
+                                props.renameFile(renamingRef.current.value);
+                            }
+                        } }, "rename file")
+                    : JSX.createElement(JSX.Fragment, null),
+                JSX.createElement("button", { style: "margin-left: var(--file-browser-separation);", class: "btn danger", onclick: ev => {
+                        ev.preventDefault();
+                        if (renamingRef.current) {
+                            setrenaming(false);
+                            props.deleteFile();
+                        }
+                    } }, "delete file"),
+                JSX.createElement("button", { style: "margin-left: var(--file-browser-separation);", class: "btn", onclick: ev => {
+                        ev.preventDefault();
+                        setrenaming(false);
+                    } }, "cancel"))));
+}
+FileEditorToolbar.asFragment = true;
+FileEditorToolbar.shadowInit = false;
+//# sourceMappingURL=file-editor-toolbar.js.map

package/build/esm/editor/components/file-editor-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-editor-toolbar.js","sourceRoot":"","sources":["../../../../editor/components/file-editor-toolbar.tsx"],"names":[],"mappings":"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"}

package/build/esm/editor/components/file-editor.d.ts

@@ -0,0 +1,32 @@
+interface FileEditorProps {
+    current: boolean;
+    error: string;
+    path: string;
+    previewPath: string | undefined;
+    apiPreview: undefined | {
+        path: string;
+        method: string;
+    }[];
+    content: string | null;
+    contentchange: (content: string) => void;
+    closeFile: () => void;
+    saveFile: (reload?: boolean) => void;
+    revertFile: () => void;
+    deleteFile: () => void;
+    renameFile: (newName: any) => void;
+    setlanguage: (newLanguage: any) => void;
+    language: string;
+    changed: boolean;
+    reloadString: string;
+    togglePanel: (panel: string) => void;
+    isPanelVisible: (panel: string) => boolean;
+    disableLog?: boolean;
+    disablePreview?: boolean;
+    disableReload?: boolean;
+}
+export declare function FileEditor({ disableLog, disablePreview, disableReload, togglePanel, isPanelVisible, apiPreview, reloadString, error, revertFile, changed, setlanguage, saveFile, deleteFile, renameFile, current, path, previewPath, content, contentchange, closeFile, language }: FileEditorProps): JSX.Element;
+export declare namespace FileEditor {
+    var asFragment: boolean;
+    var shadowInit: boolean;
+}
+export {};

package/build/esm/editor/components/file-editor.js

@@ -0,0 +1,60 @@
+import { APIPReview } from "./api-preview.js";
+import { FileEditorToolbar } from "./file-editor-toolbar.js";
+import { HighlightTextArea } from "./highlight-text-area.js";
+import { useScroll } from "./scroll-query.js";
+export function FileEditor({ disableLog, disablePreview, disableReload, togglePanel, isPanelVisible, apiPreview, reloadString, error, revertFile, changed, setlanguage, saveFile, deleteFile, renameFile, current, path, previewPath, content, contentchange, closeFile, language }) {
+    //console.log("FileEditor [%s]", path);
+    const iFrameRef = jsx.useRef();
+    const scrollRef = jsx.useRef();
+    const [scroll, setScroll] = useScroll();
+    jsx.useEffect(() => {
+        if (scrollRef.current) {
+            scrollRef.current.scrollLeft = scroll.scrollLeft;
+            scrollRef.current.scrollTop = scroll.scrollTop;
+        }
+    }, [scrollRef.current]);
+    jsx.useEffect(() => {
+        if (current && scrollRef.current) {
+            setScroll({
+                scrollLeft: scrollRef.current.scrollLeft,
+                scrollTop: scrollRef.current.scrollTop
+            }, true);
+        }
+    }, [current]);
+    jsx.useEffect(() => {
+        if (iFrameRef.current) {
+            iFrameRef.current.src = "";
+            iFrameRef.current.src = previewPath;
+        }
+    }, [iFrameRef.current, previewPath, reloadString]);
+    return JSX.createElement("div", { class: "file-editor" }, content === null ? JSX.createElement("p", null, "loading") : JSX.createElement(JSX.Fragment, null,
+        JSX.createElement(FileEditorToolbar, { disableLog: disableLog, disablePreview: disablePreview, disableReload: disableReload, isPanelVisible: isPanelVisible, togglePanel: togglePanel, revertFile: revertFile, closeFile: closeFile, language: language, path: path, changed: changed, saveFile: saveFile, setlanguage: setlanguage, deleteFile: deleteFile, renameFile: renameFile }),
+        JSX.createElement("div", { 
+            //class={`file-editor-content${previewPath || apiPreview ? " split" : ""}`}
+            class: "file-editor-content" },
+            JSX.createElement("div", { ref: scrollRef, class: `file-editor-text-editor${previewPath || (apiPreview && apiPreview.length > 0) && isPanelVisible("right") ? " split" : ""}`, 
+                //class={`file-editor-text-editor`}
+                onscroll: ev => {
+                    setScroll({
+                        scrollLeft: ev.target.scrollLeft,
+                        scrollTop: ev.target.scrollTop
+                    });
+                } },
+                error ?
+                    JSX.createElement("p", { class: "file-editor-content-error" }, error)
+                    : JSX.createElement(JSX.Fragment, null),
+                language !== "binary" ?
+                    JSX.createElement(HighlightTextArea, { tabChar: "  ", oncontentchange: (args) => {
+                            if (contentchange) {
+                                contentchange(args.detail);
+                            }
+                        }, content: content, language: language }) : JSX.createElement("p", null, "binary data not supported")),
+            apiPreview && apiPreview.length > 0 ? JSX.createElement(APIPReview, { isPanelVisible: isPanelVisible, apiPreview: apiPreview }) : JSX.createElement(JSX.Fragment, null),
+            previewPath ? JSX.createElement("div", { class: `file-editor-preview`, style: `${!isPanelVisible("right") ? "display: none;" : ""}` },
+                JSX.createElement("div", { class: "file-editor-preview-path" },
+                    JSX.createElement("a", { href: previewPath, target: "_blank" }, "open in new window")),
+                JSX.createElement("iframe", { ref: iFrameRef, src: previewPath, sandbox: "allow-scripts allow-same-origin" })) : JSX.createElement(JSX.Fragment, null))));
+}
+FileEditor.asFragment = true;
+FileEditor.shadowInit = false;
+//# sourceMappingURL=file-editor.js.map

package/build/esm/editor/components/file-editor.js.map

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

package/build/esm/editor/components/filter-query.d.ts

@@ -0,0 +1 @@
+export declare function useFilterQuery(): [string, (newFilter: string, inmediate?: boolean) => void];

package/build/esm/editor/components/filter-query.js

@@ -0,0 +1,23 @@
+let queryTimeout2 = null;
+export function useFilterQuery() {
+    const [filterQuery, setfilterQuery] = jsx.useQuery("filter", "");
+    const [filter, setfilter] = jsx.useState(typeof filterQuery === "string" ? filterQuery : "");
+    return [
+        filter,
+        (newFilter, inmediate) => {
+            clearTimeout(queryTimeout2);
+            if (inmediate) {
+                setfilter(newFilter);
+                setfilterQuery(newFilter);
+            }
+            else {
+                setfilter(newFilter);
+                queryTimeout2 = setTimeout(() => {
+                    setfilter(newFilter);
+                    setfilterQuery(newFilter);
+                }, 1000);
+            }
+        }
+    ];
+}
+//# sourceMappingURL=filter-query.js.map

package/build/esm/editor/components/filter-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-query.js","sourceRoot":"","sources":["../../../../editor/components/filter-query.tsx"],"names":[],"mappings":"AAAA,IAAI,aAAa,GAAQ,IAAI,CAAC;AAE9B,MAAM,UAAU,cAAc;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAS,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAErG,OAAO;QACH,MAAM;QACN,CAAC,SAAiB,EAAE,SAAmB,EAAE,EAAE;YACvC,YAAY,CAAC,aAAa,CAAC,CAAC;YAC5B,IAAI,SAAS,EAAE,CAAC;gBACZ,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,cAAc,CAAC,SAAS,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC5B,SAAS,CAAC,SAAS,CAAC,CAAC;oBACrB,cAAc,CAAC,SAAS,CAAC,CAAC;gBAC9B,CAAC,EAAE,IAAI,CAAC,CAAC;YACb,CAAC;QACL,CAAC;KAAC,CAAA;AACV,CAAC"}

package/build/esm/editor/components/highlight-text-area.d.ts

@@ -0,0 +1,11 @@
+export declare function HighlightTextArea({ content, language, oncontentchange, tabChar, disabled }: {
+    language: string;
+    content: string;
+    disabled?: string;
+    tabChar?: string;
+    oncontentchange?: (ev: CustomEvent) => void;
+}): JSX.Element;
+export declare namespace HighlightTextArea {
+    var asFragment: boolean;
+    var shadowInit: boolean;
+}

package/build/esm/editor/components/highlight-text-area.js

@@ -0,0 +1,139 @@
+//import hljs from "../lib/highlight/core.min.js"
+import hljs from 'highlight.js';
+import javascript from 'highlight.js/lib/languages/javascript';
+import xml from "highlight.js/lib/languages/xml.js";
+import css from "highlight.js/lib/languages/css.js";
+import scss from "highlight.js/lib/languages/scss.js";
+import markdown from "highlight.js/lib/languages/markdown.js";
+import dockerfile from "highlight.js/lib/languages/dockerfile.js";
+import yaml from "highlight.js/lib/languages/yaml.js";
+import typescript from "highlight.js/lib/languages/typescript.js";
+import c from "highlight.js/lib/languages/c.js";
+import cpp from "highlight.js/lib/languages/cpp.js";
+import bash from "highlight.js/lib/languages/bash.js";
+import python from "highlight.js/lib/languages/python.js";
+import text from "highlight.js/lib/languages/plaintext.js";
+import json from "highlight.js/lib/languages/json.js";
+/*import javascript from "../lib/highlight/languages/javascript.js";
+import xml from "../lib/highlight/languages/xml.js";
+import css from "../lib/highlight/languages/css.js";
+import scss from "../lib/highlight/languages/scss.js";
+import markdown from "../lib/highlight/languages/markdown.js";
+import dockerfile from "../lib/highlight/languages/dockerfile.js";
+import yaml from "../lib/highlight/languages/yaml.js";
+import typescript from "../lib/highlight/languages/typescript.js";
+import c from "../lib/highlight/languages/c.js";
+import cpp from "../lib/highlight/languages/cpp.js";
+import bash from "../lib/highlight/languages/bash.js";
+import python from "../lib/highlight/languages/python.js";
+import text from "../lib/highlight/languages/plaintext.js";
+import json from "../lib/highlight/languages/json.js";*/
+// Then register the languages you need
+hljs.registerLanguage('text', text);
+hljs.registerLanguage('dockerfile', dockerfile);
+hljs.registerLanguage('yaml', yaml);
+hljs.registerLanguage('javascript', javascript);
+hljs.registerLanguage('xml', xml);
+hljs.registerLanguage('html', xml);
+hljs.registerLanguage('css', css);
+hljs.registerLanguage('scss', scss);
+hljs.registerLanguage('markdown', markdown);
+hljs.registerLanguage('typescript', typescript);
+hljs.registerLanguage('c', c);
+hljs.registerLanguage('cpp', cpp);
+hljs.registerLanguage('bash', bash);
+hljs.registerLanguage('python', python);
+hljs.registerLanguage('json', json);
+/*!
+Theme: GitHub Dark
+Description: Dark theme as seen on github.com
+Author: github.com
+Maintainer: @Hirse
+Updated: 2021-05-15
+
+Outdated base version: https://github.com/primer/github-syntax-dark
+Current colors taken from GitHub's CSS
+*/
+const STYLE = `pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}code{outline: 0px solid rgba(0, 0, 0, 0.263);caret-color: red;}.hljs-name{color: #e8910d;}.hljs-tag .hljs-attr, .hljs-tag .hljs-name{color: #e8910d;}`;
+const POSTTYLE = "pre{padding:0; margin:0;} code { background-color: #000000; color: #ffffff; }";
+const TAG_NAME = "HIGHLIGHT-TEXT-AREA";
+function runHighlight(content, language) {
+    const now = Date.now();
+    console.log("runHighlight [%s]", language);
+    const value = hljs.highlight(String(content), {
+        language,
+        ignoreIllegals: true
+    }).value;
+    console.log("runHighlight [%s] took [%s]ms", language, Date.now() - now);
+    return value;
+}
+function emitEvents(elementRef, topMost, content, oncontentchange) {
+    if (elementRef.current && topMost.current) {
+        const currentContent = elementRef.current.textContent;
+        const webComponentElement = topMost.current.parentNode;
+        const event = new CustomEvent("contentchange", { detail: currentContent });
+        if (webComponentElement && webComponentElement instanceof HTMLElement && webComponentElement.tagName === TAG_NAME) {
+            try {
+                webComponentElement.dispatchEvent(event);
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        if (typeof oncontentchange === "function") {
+            try {
+                oncontentchange(event);
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+    }
+}
+export function HighlightTextArea({ content, language, oncontentchange, tabChar, disabled }) {
+    const elementRef = jsx.useRef();
+    const topMost = jsx.useRef();
+    const [lastLanguage, setlastLanguage] = jsx.useState(language);
+    // effect to watch changes to language
+    jsx.useEffect(() => {
+        if (elementRef.current && (lastLanguage !== language || elementRef.current.textContent !== content)) {
+            setlastLanguage(language);
+            elementRef.current.innerHTML = runHighlight(content, language);
+        }
+    }, [lastLanguage, language, elementRef.current, content]);
+    return JSX.createElement("pre", { ref: topMost },
+        JSX.createElement("style", { innerHTML: STYLE + POSTTYLE }),
+        JSX.createElement("code", { autocomplete: "off", autocorrect: "off", autocapitalize: "off", spellcheck: "false", contenteditable: disabled ? "false" : "true", ref: elementRef, tabindex: "0", innerHTML: !elementRef.current ? runHighlight(content, language) : null, onfocusout: async (ev) => {
+                ev.preventDefault();
+                if (elementRef.current) {
+                    if (content !== elementRef.current.textContent) {
+                        //setlastContent(String(elementRef.current.textContent));
+                        elementRef.current.innerHTML = runHighlight(elementRef.current.textContent, language);
+                    }
+                }
+            }, onkeydown: ev => {
+                if (ev.keyCode === 9) {
+                    ev.preventDefault();
+                    // now insert four non-breaking spaces for the tab key
+                    const sel = document.getSelection();
+                    if (sel && topMost.current) {
+                        if (topMost.current.contains(sel.anchorNode)) {
+                            const range = sel.getRangeAt(0);
+                            const tabNode = document.createTextNode(tabChar ? tabChar : "\t");
+                            range.insertNode(tabNode);
+                            range.setStartAfter(tabNode);
+                            range.setEndAfter(tabNode);
+                            sel.removeAllRanges();
+                            sel.addRange(range);
+                        }
+                    }
+                    emitEvents(elementRef, topMost, content, oncontentchange);
+                }
+            }, oninput: ev => {
+                ev.preventDefault();
+                emitEvents(elementRef, topMost, content, oncontentchange);
+            } }));
+}
+HighlightTextArea.asFragment = true;
+HighlightTextArea.shadowInit = false;
+//# sourceMappingURL=highlight-text-area.js.map

package/build/esm/editor/components/highlight-text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-text-area.js","sourceRoot":"","sources":["../../../../editor/components/highlight-text-area.tsx"],"names":[],"mappings":"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"}

package/build/esm/editor/components/log-viewer.d.ts

@@ -0,0 +1,6 @@
+import { LogSocket } from "../common/log-socket.js";
+interface LogViewerProps {
+    socket: LogSocket;
+}
+export declare function LogViewer(props: LogViewerProps): JSX.Element;
+export {};

package/build/esm/editor/components/log-viewer.js

@@ -0,0 +1,70 @@
+function getUniqueIdentifiers(lines) {
+    const identifiersCache = {};
+    return lines.map(l => l.identifier).filter(identifier => {
+        const filter = !identifiersCache[identifier];
+        identifiersCache[identifier] = true;
+        return filter;
+    });
+}
+const LOG_LEVEL_MAP = {
+    "none": 0,
+    "error": 1,
+    "warn": 2,
+    "info": 3,
+    "debug": 4,
+    "trace": 5,
+};
+export function LogViewer(props) {
+    const { lines, clearLog, getMaxlogsize, setMaxLogSize } = props.socket;
+    const maxLogSize = getMaxlogsize();
+    const refresh = jsx.useRefresh();
+    jsx.useEffect(() => {
+        refresh();
+    }, [maxLogSize]);
+    const [identifier, setidentifier] = jsx.useState("");
+    const [level, setlevel] = jsx.useState("debug");
+    const [filter, setfilter] = jsx.useState("");
+    const identifiers = getUniqueIdentifiers(lines).sort();
+    //console.log(identifiers);
+    return JSX.createElement("div", { class: "log-viewer" },
+        JSX.createElement("div", { class: "log-viewer-toolbar" },
+            JSX.createElement("button", { class: "btn", onclick: e => {
+                    e.preventDefault();
+                    clearLog();
+                } }, "clear log"),
+            JSX.createElement("select", { value: maxLogSize, oninput: ev => {
+                    ev.preventDefault();
+                    if (ev.target.value === "unlimited") {
+                        setMaxLogSize("unlimited");
+                    }
+                    else {
+                        setMaxLogSize(parseInt(ev.target.value, 10));
+                    }
+                }, style: "margin: 0; padding: 0; margin-left:auto; margin-right: 0;" },
+                ["10", "1000", "5000", "10000", "15000", "20000", "25000", "50000", "100000", "500000", "1000000", "1500000", "5000000"].map(l => JSX.createElement("option", { value: l }, l)),
+                JSX.createElement("option", { value: "unlimited" }, "unlimited")),
+            JSX.createElement("select", { value: level, oninput: ev => {
+                    ev.preventDefault();
+                    setlevel(ev.target.value);
+                }, style: "margin: 0; padding: 0; margin-left:var(--file-browser-separation); margin-right: 0;" },
+                ["error", "warn", "info", "debug", "trace"].map(l => JSX.createElement("option", { value: l }, l)),
+                JSX.createElement("option", { value: "" }, "all")),
+            JSX.createElement("select", { value: identifier, oninput: ev => {
+                    ev.preventDefault();
+                    setidentifier(ev.target.value);
+                }, style: "margin: 0; padding: 0; margin-left:var(--file-browser-separation); margin-right: 0;" },
+                identifiers.map(identifier => JSX.createElement("option", { value: identifier }, identifier)),
+                JSX.createElement("option", { value: "" })),
+            JSX.createElement("input", { style: "margin: 0; padding: 0; margin-left:var(--file-browser-separation); margin-right: 0;", value: filter, oninput: ev => {
+                    ev.preventDefault();
+                    setfilter(ev.target.value);
+                }, type: "text", placeholder: "..filter.." })),
+        JSX.createElement("div", { class: "log-viewer-log" }, lines
+            .filter(line => identifier === "" || line.identifier === identifier)
+            .filter(line => filter === "" || line.out.indexOf(filter) !== -1)
+            .filter(line => {
+            return (level === "" || LOG_LEVEL_MAP[level] >= LOG_LEVEL_MAP[line.level]);
+        })
+            .map(line => JSX.createElement("p", { style: "margin: 0; padding: 0; border-radius: 0; font-size: 12px;", class: line.level === "error" ? "info-danger" : line.level === "warn" ? "info-warn" : line.level === "trace" ? "info-success" : line.level === "debug" ? "info-info" : "" }, line.out)).reverse()));
+}
+//# sourceMappingURL=log-viewer.js.map

package/build/esm/editor/components/log-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-viewer.js","sourceRoot":"","sources":["../../../../editor/components/log-viewer.tsx"],"names":[],"mappings":"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"}

package/build/esm/editor/components/new-file.d.ts

@@ -0,0 +1,10 @@
+export declare function NewFile(props: {
+    migrations: string[];
+    services: string[];
+    open: boolean;
+    ondone: (file?: string) => void;
+}): JSX.Element;
+export declare namespace NewFile {
+    var asFragment: boolean;
+    var shadowInit: boolean;
+}

package/build/esm/editor/components/new-file.js

@@ -0,0 +1,118 @@
+import { BASEEDITOR_PATH } from "../common/constants.js";
+import { TEMPLATES } from "../common/templates.js";
+import { HighlightTextArea } from "./highlight-text-area.js";
+export function NewFile(props) {
+    const [template, settemplate] = jsx.useState("EMPTY");
+    const refresh = jsx.useRefresh();
+    const [service, setservice] = jsx.useState(props.services[0]);
+    const nameInput = jsx.useRef();
+    //const open = dialog ? dialog.open : false;
+    /*jsx.useEffect(() => {
+      if (dialog) {
+        //console.log((dialogRef.current as any).open);
+        if (open !== props.open) {
+          if (nameInput.current) {
+            nameInput.current.value = "";
+            nameInput.current.focus();
+          }
+          if (props.open) {
+            console.log("showModal");
+            dialog.showModal();
+            //(dialogRef.current as any).show();
+          } else {
+            console.log("closeModal");
+            //dialog.close();
+          }
+        }
+      }
+    }, [dialog, open, props.open]);*/
+    jsx.useEffect(() => {
+        if (nameInput.current) {
+            nameInput.current.value = "";
+            nameInput.current.focus();
+        }
+    }, [nameInput.current]);
+    function close(file) {
+        //console.log("closeModal");
+        if (props.ondone) {
+            props.ondone(file);
+        }
+    }
+    let nextMigrationNumber = 1;
+    if (props.migrations.length > 0) {
+        const lastMigration = props.migrations[props.migrations.length - 1];
+        const indexOfDash = lastMigration.indexOf("-");
+        if (indexOfDash !== -1) {
+            nextMigrationNumber = parseInt(lastMigration.substring(0, indexOfDash), 10) + 1;
+        }
+    }
+    const httpPath = (TEMPLATES[template].filename ? TEMPLATES[template].filename : nameInput.current?.value) + (TEMPLATES[template].httpSufix ? TEMPLATES[template].httpSufix : "");
+    const filename = (service ? service + "/" : "") + (service && TEMPLATES[template].prefix ? TEMPLATES[template].prefix + "/" : "") + (template === "MIGRATION" ? nextMigrationNumber + "-" : "") + (TEMPLATES[template].filename ? TEMPLATES[template].filename : nameInput.current?.value) + (TEMPLATES[template].sufix ? TEMPLATES[template].sufix : "");
+    async function createNewFile() {
+        if ((nameInput.current && nameInput.current.value) || TEMPLATES[template].filename) {
+            const t = TEMPLATES[template];
+            await fetch(BASEEDITOR_PATH + "/api/fs/write", {
+                method: "POST",
+                headers: {
+                    ["content-type"]: "application/json"
+                },
+                body: JSON.stringify({
+                    path: filename,
+                    contents: t.template ? t.template(filename, httpPath) : ""
+                })
+            });
+            return filename;
+        }
+    }
+    return JSX.createElement(JSX.Fragment, null, props.open ? JSX.createElement("dialog", { class: "new-dialog", open: "" },
+        JSX.createElement("div", { class: "dialog-header" },
+            JSX.createElement("h1", null, "Create new File")),
+        JSX.createElement("div", { class: "dialog-body" },
+            JSX.createElement("select", { value: service, oninput: ev => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    console.log(ev.target.value);
+                    setservice(ev.target.value);
+                }, style: "margin: 0; padding: 0; margin-left:auto; margin-right: var(--file-browser-separation); width: 100%; margin-top: var(--file-browser-separation); margin-bottom: var(--file-browser-separation);" },
+                JSX.createElement("option", { value: "" }),
+                props.services.map(service => JSX.createElement("option", { value: service }, service))),
+            JSX.createElement("p", { style: "margin: 0; margin-bottom: var(--file-browser-separation);" }, filename),
+            !TEMPLATES[template].filename ? JSX.createElement("form", { style: "width: 100%;", onsubmit: async (ev) => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    const path = await createNewFile();
+                    close(path);
+                } },
+                JSX.createElement("input", { style: "width: 100%;", onkeydown: ev => {
+                        if (ev.keyCode === 27) {
+                            // catch esc
+                            ev.stopPropagation();
+                            ev.preventDefault();
+                            close();
+                        }
+                        refresh();
+                    }, ref: nameInput, type: "text", placeholder: "...filename..." })) : JSX.createElement(JSX.Fragment, null),
+            JSX.createElement("select", { value: template, oninput: ev => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    console.log(ev.target.value);
+                    settemplate(ev.target.value);
+                }, style: "margin: 0; padding: 0; margin-left:auto; margin-right: var(--file-browser-separation); width: 100%; margin-top: var(--file-browser-separation);" }, Object.keys(TEMPLATES).map(templateName => JSX.createElement("option", { value: templateName }, TEMPLATES[templateName].displayName))),
+            TEMPLATES[template].template ? JSX.createElement("div", { class: "new-dialog-preview" },
+                JSX.createElement(HighlightTextArea, { content: TEMPLATES[template].template(filename, httpPath), language: TEMPLATES[template].language, disabled: "true" })) : JSX.createElement(JSX.Fragment, null)),
+        JSX.createElement("div", { class: "dialog-footer" },
+            JSX.createElement("button", { class: "btn danger", onclick: ev => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    close();
+                } }, "cancel"),
+            JSX.createElement("button", { style: "margin-left: auto;", class: "btn active", onclick: async (ev) => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    const path = await createNewFile();
+                    close(path);
+                } }, "create"))) : JSX.createElement(JSX.Fragment, null));
+}
+NewFile.asFragment = true;
+NewFile.shadowInit = false;
+//# sourceMappingURL=new-file.js.map