datafolder 1.0.2 → 1.0.4

package/static/datafolderui/QyUIFolderTree.js

@@ -1,26 +1,26 @@
 import {
-    w2layout
+    w2layout as s
 } from "../w2ui/src/w2compat.js";
 
 import {
-    h
+    h as i
 } from "./hscrpt.js";
 
 import {
-    setHeight
+    setHeight as r
 } from "./QyUIUtils.js";
 
 import "./folder-tree.js";
 
 import "./json-view.js";
 
-class QyUIFolderTree extends HTMLElement {
+class e extends HTMLElement {
     constructor() {
         super();
     }
     connectedCallback() {
         this.parentDiv = this.parentElement;
-        var e = new w2layout({
+        var e = new s({
             box: this.parentDiv,
             name: "layout_" + this.parentDiv.id,
             panels: [ {
@@ -51,8 +51,8 @@ class QyUIFolderTree extends HTMLElement {
             jsonViewDiv: s,
             mainDiv: i
         } = this;
-        setHeight(e, document.body.clientHeight - e.offsetTop), setHeight(t, i.clientHeight - t.offsetTop - 1), 
-        setHeight(s, i.clientHeight - s.offsetTop - 1), this._updateContentDisplay();
+        r(e, document.body.clientHeight - e.offsetTop), r(t, i.clientHeight - t.offsetTop - 1), 
+        r(s, i.clientHeight - s.offsetTop - 1), this._updateContentDisplay();
     }
     showMsg(e) {
         this.msgSpan.innerText = e;
@@ -66,35 +66,35 @@ class QyUIFolderTree extends HTMLElement {
         e && (jsonview.destroy(e), this.jsonTree = void 0);
     }
     _createMsgSpan() {
-        return this.msgSpan = h("span");
+        return this.msgSpan = i("span");
     }
     _createJsonViewDiv() {
-        return h("json-view", [ this.jsonViewDiv = h("div", {
+        return i("json-view", [ this.jsonViewDiv = i("div", {
             style: {
                 overflow: "auto"
             }
         }) ]);
     }
     _createPathUL() {
-        return this.pathUL = h("ul", {
+        return this.pathUL = i("ul", {
             classList: "nav nav-tabs"
         });
     }
     _createSearchIcon() {
-        return h("div", {
+        return i("div", {
             classList: "btn-group btn-group-sm",
             role: "group"
-        }, [ h("button", {
+        }, [ i("button", {
             classList: "btn btn-outline-success",
             type: "submit"
-        }, [ h("i", {
+        }, [ i("i", {
             classList: "bi bi-search"
         }) ]) ]);
     }
     _createSearchInput() {
-        return h("div", {
+        return i("div", {
             classList: "input-group"
-        }, [ h("input", {
+        }, [ i("input", {
             id: "searchInput_" + this.parentDiv.id,
             type: "text",
             classList: "form-control",
@@ -104,14 +104,14 @@ class QyUIFolderTree extends HTMLElement {
         }) ]);
     }
     _createToolbar() {
-        return this.toolbarDiv = h("div", {
+        return this.toolbarDiv = i("div", {
             classList: "btn-toolbar",
             role: "toolbar",
             style: "border-bottom: 1px solid #e4e4e4"
         }, [ this._createSearchInput(), this._createSearchIcon() ]), this.toolbarDiv;
     }
     _createFolderTree() {
-        var e = h("folder-tree", [ this.folderTreeDiv = h("div", {
+        var e = i("folder-tree", [ this.folderTreeDiv = i("div", {
             style: {
                 overflow: "auto"
             }
@@ -162,7 +162,7 @@ class QyUIFolderTree extends HTMLElement {
         }), r.select(s);
     }
     _createPathTab(e, t) {
-        t = h("span", {
+        t = i("span", {
             classList: "nav-link",
             "data-bs-toggle": "tab",
             role: "tab",
@@ -172,7 +172,7 @@ class QyUIFolderTree extends HTMLElement {
                 "tab" == this.clickSrc && (this.clickSrc = void 0);
             }
         }, [ t ]);
-        this.pathUL.append(h("li", {
+        this.pathUL.append(i("li", {
             classList: "nav-item"
         }, [ t ]));
     }
@@ -199,5 +199,5 @@ class QyUIFolderTree extends HTMLElement {
 }
 
 export {
-    QyUIFolderTree
+    e as QyUIFolderTree
 };

package/static/datafolderui/QyUIUtils.js

@@ -1,4 +1,4 @@
-async function rpc(e, n, o) {
+async function t(e, n, o) {
     var t = `/rpc/${e}?args=` + encodeURIComponent(JSON.stringify(n));
     let i;
     if (o) {
@@ -21,22 +21,22 @@ async function rpc(e, n, o) {
     }
 }
 
-function setHeight(t, e) {
+function e(t, e) {
     t.style.height = e + "px";
 }
 
-function setWidth(t, e) {
+function n(t, e) {
     t.style.width = e + "px";
 }
 
-function appendStyle(t, e) {
+function o(t, e) {
     var n = document.createElement("style");
     n.textContent = e, t.appendChild(n);
 }
 
 export {
-    rpc,
-    setHeight,
-    setWidth,
-    appendStyle
+    t as rpc,
+    e as setHeight,
+    n as setWidth,
+    o as appendStyle
 };

package/static/datafolderui/explore-tree.js

@@ -1,26 +1,26 @@
 import {
-    rpc
+    rpc as t
 } from "./QyUIUtils.js";
 
 import {
-    QyUIFolderTree
+    QyUIFolderTree as e
 } from "./QyUIFolderTree.js";
 
 import {
-    h
+    h as o
 } from "./hscrpt.js";
 
-let config = {
+let s = {
     showHiddenFolder: !1
 };
 
-customElements.define("explore-tree", class extends QyUIFolderTree {
+customElements.define("explore-tree", class extends e {
     constructor() {
         super();
     }
     connectedCallback() {
         super.connectedCallback();
-        var e = config.showHiddenFolder, t = (this._appendToolbar(e), this.checkTooltip = new bootstrap.Tooltip(this.checkLabel), 
+        var e = s.showHiddenFolder, t = (this._appendToolbar(e), this.checkTooltip = new bootstrap.Tooltip(this.checkLabel), 
         this).folderTree, o = (t.on("fetch", async e => {
             await this._loadSubItems(e), e.resolve(), e == this.selectedElement && this._showSelectedDir(e);
         }), t.asyncFolder({
@@ -36,16 +36,16 @@ customElements.define("explore-tree", class extends QyUIFolderTree {
         this.toolbarDiv.append(this._createShowHiddenCheck(e));
     }
     _createShowHiddenCheck(e) {
-        return h("div", {
+        return o("div", {
             classList: "btn-group btn-group-sm ms-1",
             role: "group"
-        }, [ h("input", {
+        }, [ o("input", {
             type: "checkbox",
             classList: "btn-check",
             id: "showHiddenFolderCheck",
             checked: e,
             onchange: () => this._toggleShowHiddenFolder()
-        }), this.checkLabel = h("label", {
+        }), this.checkLabel = o("label", {
             classList: "btn btn-outline-primary",
             "data-bs-toggle": "tooltip",
             "data-bs-placement": "top",
@@ -53,7 +53,7 @@ customElements.define("explore-tree", class extends QyUIFolderTree {
             attrs: {
                 for: "showHiddenFolderCheck"
             }
-        }, [ h("i", {
+        }, [ o("i", {
             classList: "bi bi-window-plus"
         }) ]) ]);
     }
@@ -69,40 +69,40 @@ customElements.define("explore-tree", class extends QyUIFolderTree {
     }
     async _showSelectedFile(e) {
         var t, o = e.dataset, {
-            namePath: n,
-            fileContentMap: i
+            namePath: s,
+            fileContentMap: n
         } = this;
-        let l;
-        l = o.fileContentKey ? i[o.fileContentKey] : ({
-            fileContent: n,
+        let i;
+        i = o.fileContentKey ? n[o.fileContentKey] : ({
+            fileContent: s,
             fileContentKey: t
-        } = await this._getFileContent(n), i[o.fileContentKey = t] = n), e == this.selectedElement && this._showJson(l);
+        } = await this._getFileContent(s), n[o.fileContentKey = t] = s), e == this.selectedElement && this._showJson(i);
     }
     async _loadSubItems(t) {
         var o = t.dataset, {
-            namePath: n,
-            folderTree: i,
-            rootFolder: l,
-            showHiddenFolder: s
-        } = this, n = await this._getSubItems(n);
-        if (n) {
+            namePath: s,
+            folderTree: n,
+            rootFolder: i,
+            showHiddenFolder: l
+        } = this, s = await this._getSubItems(s);
+        if (s) {
             var {
-                fullPathHash: n,
+                fullPathHash: s,
                 subdirList: d,
                 fileList: r
-            } = n;
-            n && (o.fullPathHash = n);
+            } = s;
+            s && (o.fullPathHash = s);
             let e;
             if (0 < d.length) {
-                for (var a of d) t == l && "%" == a ? e = !0 : i.asyncFolder({
+                for (var a of d) t == i && "%" == a ? e = !0 : n.asyncFolder({
                     name: a
                 }, t);
                 o.subdirCount = d.length;
             }
-            if (e && ((n = i.asyncFolder({
+            if (e && ((s = n.asyncFolder({
                 name: "%"
-            }, t)).parentElement.hidden = !s, this.rootHiddenFolder = n), 0 < r.length) {
-                for (var h of r) i.file({
+            }, t)).parentElement.hidden = !l, this.rootHiddenFolder = s), 0 < r.length) {
+                for (var h of r) n.file({
                     name: h
                 }, t);
                 o.fileCount = r.length;
@@ -110,12 +110,12 @@ customElements.define("explore-tree", class extends QyUIFolderTree {
         }
     }
     _getSubItems(e) {
-        return rpc("getSubItems", {
+        return t("getSubItems", {
             dirPath: e
         });
     }
     _getFileContent(e) {
-        return rpc("getFileContent", {
+        return t("getFileContent", {
             filePath: e
         });
     }

package/static/datafolderui/folder-tree.js

@@ -1,5 +1,5 @@
 import {
-    defineStyledElement
+    defineStyledElement as e
 } from "./QyStyledElement.js";
 
-defineStyledElement("folder-tree", [ "../tree.js/tree.css" ]);
+e("folder-tree", [ "../tree.js/tree.css" ]);

package/static/datafolderui/hscrpt.js

@@ -1,25 +1,17 @@
-function h(t, e, r) {
+function t(t, e, r) {
     Array.isArray(e) && (r = e, e = {});
-    var s, i = document.createElement(t);
+    var s, i, o = document.createElement(t);
     for (s in e) {
-        var o = e[s];
-        if ("style" === s) i.style = toStyleStr(o); else if ("classList" === s) i.classList = toClassList(o); else if (s.startsWith("data-") || s.startsWith("aria-")) i.setAttribute(s, o); else if ("attrs" === s) for (var n in o) i.setAttribute(n, o[n]); else if ("on" === s) for (var a in o) i.addEventListener(a, o[a]); else i[s] = o;
+        var a = e[s];
+        if ("style" === s) o.style = "string" == typeof (i = a) ? i : Object.entries(i).map(([ t, e ]) => t + ":" + e).join(";"); else if ("classList" === s) o.classList = "string" == typeof (i = a) ? i : i.join(" "); else if (s.startsWith("data-") || s.startsWith("aria-")) o.setAttribute(s, a); else if ("attrs" === s) for (var n in a) o.setAttribute(n, a[n]); else if ("on" === s) for (var f in a) o.addEventListener(f, a[f]); else o[s] = a;
     }
-    if ("function" == typeof i.compose && i.compose(), r) {
-        var f, l = i.shadowRoot || i;
-        for (f of r.filter(t => null != t)) l.appendChild("string" == typeof f ? document.createTextNode(f) : f);
+    if ("function" == typeof o.compose && o.compose(), r) {
+        var l, c = o.shadowRoot || o;
+        for (l of r.filter(t => null != t)) c.appendChild("string" == typeof l ? document.createTextNode(l) : l);
     }
-    return i;
-}
-
-function toStyleStr(t) {
-    return "string" == typeof t ? t : Object.entries(t).map(([ t, e ]) => t + ":" + e).join(";");
-}
-
-function toClassList(t) {
-    return "string" == typeof t ? t : t.join(" ");
+    return o;
 }
 
 export {
-    h
+    t as h
 };

package/static/datafolderui/json-view.js

@@ -1,8 +1,8 @@
 import {
-    defineStyledElement
+    defineStyledElement as n
 } from "./QyStyledElement.js";
 
-let cssText = `
+n("json-view", `
 .json-container {
   font-family: "Open Sans";
   font-size: 14px;
@@ -69,6 +69,4 @@ let cssText = `
   border-width: 5px 0 5px 6px;
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) gray;
 }
-`;
-
-defineStyledElement("json-view", cssText);
+`);

package/static/datafolderui/kv-input.js

@@ -1,15 +1,15 @@
 import {
-    h
+    h as n
 } from "./hscrpt.js";
 
-let inputEvent = new Event("input");
+let a = new Event("input");
 
 customElements.define("kv-input", class extends HTMLElement {
     constructor() {
         super();
     }
     compose() {
-        this.classList.add("row", "align-items-center", "p-1"), this.appendChild(this.labelDiv = h("span", {
+        this.classList.add("row", "align-items-center", "p-1"), this.appendChild(this.labelDiv = n("span", {
             classList: "col-form-label col-auto"
         }, [ this.label + ": " ])), Object.assign(this, {
             kvElementList: []
@@ -32,32 +32,32 @@ customElements.define("kv-input", class extends HTMLElement {
     }
     set(t) {
         var e, s, {
-            labelDiv: n,
-            kvElementList: i
+            labelDiv: i,
+            kvElementList: l
         } = this;
-        0 < i.length && (this.replaceChildren(n), i.length = 0);
+        0 < l.length && (this.replaceChildren(i), l.length = 0);
         for ([ e, s ] of Object.entries(t)) this._createKVElement(e, s.toString());
         return this._createKVElement(), this;
     }
     _createKVElement(t = "", e = "") {
-        let s = this.kvElementList, n = s.length;
-        var i = () => {
-            n == s.length - 1 && this._createKVElement(), this.dispatchEvent(inputEvent);
+        let s = this.kvElementList, i = s.length;
+        var l = () => {
+            i == s.length - 1 && this._createKVElement(), this.dispatchEvent(a);
         };
-        this.append(h("div", {
+        this.append(n("div", {
             style: "display:contents"
-        }, [ t = h("resizable-input", {
+        }, [ t = n("resizable-input", {
             attrs: {
                 value: t
             },
-            oninput: i
-        }), ":" ]), h("div", {
+            oninput: l
+        }), ":" ]), n("div", {
             style: "display:contents"
-        }, [ e = h("resizable-input", {
+        }, [ e = n("resizable-input", {
             attrs: {
                 value: e
             },
-            oninput: i
+            oninput: l
         }) ])), s.push({
             keyElement: t,
             valueElement: e

package/static/datafolderui/list-input.js

@@ -1,17 +1,17 @@
 import {
-    h
+    h as n
 } from "./hscrpt.js";
 
 import "./resizable-input.js";
 
-let inputEvent = new Event("input");
+let l = new Event("input");
 
 customElements.define("list-input", class extends HTMLElement {
     constructor() {
         super();
     }
     compose() {
-        this.classList.add("row", "align-items-center", "p-1"), this.appendChild(this.labelDiv = h("span", {
+        this.classList.add("row", "align-items-center", "p-1"), this.appendChild(this.labelDiv = n("span", {
             classList: "col-form-label col-auto"
         }, [ this.label + ": " ])), Object.assign(this, {
             elementList: []
@@ -22,31 +22,31 @@ customElements.define("list-input", class extends HTMLElement {
     }
     set(t) {
         var e, {
-            labelDiv: n,
-            elementList: s
+            labelDiv: s,
+            elementList: i
         } = this;
-        0 < s.length && (this.replaceChildren(n), s.length = 0);
+        0 < i.length && (this.replaceChildren(s), i.length = 0);
         for (e of t) this._createInputElement(e.toString());
-        n = t.length;
-        return (0 == n || '"**"' != t[n - 1] && "'**'" != t[n - 1]) && this._createInputElement(), 
+        s = t.length;
+        return (0 == s || '"**"' != t[s - 1] && "'**'" != t[s - 1]) && this._createInputElement(), 
         this;
     }
     _createInputElement(t = "") {
-        let e = this.elementList, n = e.length, s;
-        this.append(h("div", {
+        let e = this.elementList, s = e.length, i;
+        this.append(n("div", {
             style: "display:contents"
-        }, [ s = h("resizable-input", {
+        }, [ i = n("resizable-input", {
             attrs: {
                 value: t
             },
             oninput: () => {
-                var t = s.text;
+                var t = i.text;
                 if ("'**'" == t || '"**"' == t) {
-                    for (let t = n + 1; t < e.length; ++t) this.removeChild(e[t].parentElement);
-                    e.length = n + 1;
-                } else n == e.length - 1 && this._createInputElement();
-                this.dispatchEvent(inputEvent);
+                    for (let t = s + 1; t < e.length; ++t) this.removeChild(e[t].parentElement);
+                    e.length = s + 1;
+                } else s == e.length - 1 && this._createInputElement();
+                this.dispatchEvent(l);
             }
-        }) ])), e.push(s);
+        }) ])), e.push(i);
     }
 });

package/static/datafolderui/main-page.js

@@ -1,12 +1,12 @@
 import {
-    h
+    h as o
 } from "./hscrpt.js";
 
 import "./explore-tree.js";
 
 import "./query-editor.js";
 
-let config = {
+let d = {
     brandName: "datafolder UI",
     tabNames: [ "Explore", "Query", "RPC", "Triggers" ]
 };
@@ -19,17 +19,17 @@ customElements.define("main-page", class extends HTMLElement {
         var {
             brandName: e,
             tabNames: t
-        } = config;
+        } = d;
         this.append(this._createNav(e, t), this._createTabDivs(t));
         let {
             tabButtons: [ a, r ],
-            tabDivs: [ n, s ]
+            tabDivs: [ s, n ]
         } = this;
         bootstrap.Tab.getOrCreateInstance(a).show();
-        e = h("explore-tree");
-        n.appendChild(e);
-        let i = h("query-editor");
-        s.appendChild(i), Object.assign(this, {
+        e = o("explore-tree");
+        s.appendChild(e);
+        let i = o("query-editor");
+        n.appendChild(i), Object.assign(this, {
             exploreTree: e,
             queryEditor: i
         }), i.addEventListener("run", () => r.click());
@@ -47,40 +47,40 @@ customElements.define("main-page", class extends HTMLElement {
         e.onSizeChange(), t.onSizeChange();
     }
     _createNav(e, t) {
-        return h("nav", {
+        return o("nav", {
             classList: "navbar bg-body-tertiary"
         }, [ this._createNavBar(e, t) ]);
     }
     _createNavBar(e, t) {
-        return h("div", {
+        return o("div", {
             classList: "container-fluid"
         }, [ this._createBrand(e), this._createTabButtons(t) ]);
     }
     _createTabButtons(e) {
-        return h("ul", {
+        return o("ul", {
             classList: "nav nav-pills me-auto mb-2 mb-lg-0"
         }, this.tabButtons = e.map(e => this._createTabButton(e)));
     }
     _createTabDivs(e) {
-        return h("div", {
+        return o("div", {
             classList: "tab-content",
             id: "pills-tabContent"
         }, this.tabDivs = e.map(e => this._createTabDiv(e)));
     }
     _createBrand(e) {
-        return h("a", {
+        return o("a", {
             classList: "navbar-brand"
         }, [ e ]);
     }
     _createTabDiv(e) {
-        return h("div", {
+        return o("div", {
             classList: "tab-pane",
             id: "pills-" + e,
             role: "tabpanel"
         });
     }
     _createTabButton(e) {
-        return h("button", {
+        return o("button", {
             classList: "nav-link",
             id: `pills-${e}-tab`,
             "data-bs-toggle": "pill",
@@ -89,10 +89,10 @@ customElements.define("main-page", class extends HTMLElement {
             role: "tab"
         }, [ e ]);
     }
-}), document.body.append(h("main-page"));
+}), document.body.append(o("main-page"));
 
 import {
-    rpc
+    rpc as e
 } from "./QyUIUtils.js";
 
-window.rpc = rpc;
+window.rpc = e;

package/static/datafolderui/num-input.js

@@ -1,20 +1,20 @@
 import {
-    h
+    h as t
 } from "./hscrpt.js";
 
 import "./resizable-input.js";
 
-let eventInput = new Event("input");
+let e = new Event("input");
 
 customElements.define("num-input", class extends HTMLElement {
     constructor() {
         super();
     }
     compose() {
-        this.style.display = "contents", this.append(h("span", {
+        this.style.display = "contents", this.append(t("span", {
             classList: "col-form-label col-auto p-2"
-        }, [ this.label + ": " ]), this.resizableInput = h("resizable-input", {
-            oninput: () => this.dispatchEvent(eventInput)
+        }, [ this.label + ": " ]), this.resizableInput = t("resizable-input", {
+            oninput: () => this.dispatchEvent(e)
         }));
     }
     get text() {

package/static/datafolderui/query-editor.js

@@ -49,7 +49,7 @@ customElements.define("query-editor", class extends HTMLElement {
         super();
     }
     compose() {
-        this.append(h("div", {
+        this.append(this._createEditor(), h("div", {
             classList: "btn-toolbar",
             role: "toolbar",
             style: {
@@ -121,6 +121,11 @@ customElements.define("query-editor", class extends HTMLElement {
             }
         }) ]);
     }
+    _createEditor() {
+        return h("textarea", {
+            style: "height:50px;width:100%"
+        });
+    }
     _createDropDownButton() {
         return h("div", {
             classList: "btn-group btn-grou-sm"