sqlui 0.1.16 → 0.1.18

data/client/resources/sqlui.js

@@ -5198,57 +5198,31 @@ var sqlui = (function (exports) {
        parent.length += view.length;
    }
    function coordsInChildren(view, pos, side) {
-       if (!view.children.length)
-           return fallbackRect(view);
-       return (side <= 0 ? coordsInChildrenBefore : coordsInChildrenAfter)(view, pos);
-   }
-   function coordsInChildrenBefore(view, pos) {
-       // Find the last leaf in the tree that touches pos and doesn't have getSide() > 0
-       let found = null, foundPos = -1;
+       let before = null, beforePos = -1, after = null, afterPos = -1;
        function scan(view, pos) {
            for (let i = 0, off = 0; i < view.children.length && off <= pos; i++) {
                let child = view.children[i], end = off + child.length;
                if (end >= pos) {
                    if (child.children.length) {
-                       if (scan(child, pos - off))
-                           return true;
-                   }
-                   else if (end >= pos) {
-                       if (end == pos && child.getSide() > 0)
-                           return true;
-                       found = child;
-                       foundPos = pos - off;
+                       scan(child, pos - off);
                    }
-               }
-               off = end;
-           }
-       }
-       scan(view, pos);
-       return found ? found.coordsAt(Math.max(0, foundPos), -1) : coordsInChildrenAfter(view, pos);
-   }
-   function coordsInChildrenAfter(view, pos) {
-       // Find the first leaf in the tree that touches pos and doesn't have getSide() < 0
-       let found = null, foundPos = -1;
-       function scan(view, pos) {
-           for (let i = view.children.length - 1, off = view.length; i >= 0 && off >= pos; i--) {
-               let child = view.children[i];
-               off -= child.length;
-               if (off <= pos) {
-                   if (child.children.length) {
-                       if (scan(child, pos - off))
-                           return true;
+                   else if (!after && (end > pos || off == end && child.getSide() > 0)) {
+                       after = child;
+                       afterPos = pos - off;
                    }
-                   else if (off <= pos) {
-                       if (off == pos && child.getSide() < 0)
-                           return true;
-                       found = child;
-                       foundPos = pos - off;
+                   else if (off < pos || (off == end && child.getSide() < 0)) {
+                       before = child;
+                       beforePos = pos - off;
                    }
                }
+               off = end;
            }
        }
        scan(view, pos);
-       return found ? found.coordsAt(Math.max(0, foundPos), 1) : coordsInChildrenBefore(view, pos);
+       let target = (side < 0 ? before : after) || before || after;
+       if (target)
+           return target.coordsAt(Math.max(0, target == before ? beforePos : afterPos), side);
+       return fallbackRect(view);
    }
    function fallbackRect(view) {
        let last = view.dom.lastChild;
@@ -9713,6 +9687,15 @@ var sqlui = (function (exports) {
                newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
            change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
        }
+       else if (browser.chrome && change && change.from == change.to && change.from == sel.head &&
+           change.insert.toString() == "\n " && view.lineWrapping) {
+           // In Chrome, if you insert a space at the start of a wrapped
+           // line, it will actually insert a newline and a space, causing a
+           // bogus new line to be created in CodeMirror (#968)
+           if (newSel)
+               newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
+           change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
+       }
        if (change) {
            let startState = view.state;
            if (browser.ios && view.inputState.flushIOSKey(view))
@@ -10637,17 +10620,19 @@ var sqlui = (function (exports) {
                                logException(this.state, e);
                            }
                        }
-                   if (this.viewState.scrollTarget) {
-                       this.docView.scrollIntoView(this.viewState.scrollTarget);
-                       this.viewState.scrollTarget = null;
-                       scrolled = true;
-                   }
-                   else {
-                       let diff = this.viewState.lineBlockAt(refBlock.from).top - refBlock.top;
-                       if (diff > 1 || diff < -1) {
-                           this.scrollDOM.scrollTop += diff;
+                   if (this.viewState.editorHeight) {
+                       if (this.viewState.scrollTarget) {
+                           this.docView.scrollIntoView(this.viewState.scrollTarget);
+                           this.viewState.scrollTarget = null;
                            scrolled = true;
                        }
+                       else {
+                           let diff = this.viewState.lineBlockAt(refBlock.from).top - refBlock.top;
+                           if (diff > 1 || diff < -1) {
+                               this.scrollDOM.scrollTop += diff;
+                               scrolled = true;
+                           }
+                       }
                    }
                    if (redrawn)
                        this.docView.updateSelection(true);
@@ -12129,7 +12114,10 @@ var sqlui = (function (exports) {
            for (let i = startLine; i <= endLine; i++) {
                let line = state.doc.line(i);
                let start = findColumn(line.text, startCol, state.tabSize, true);
-               if (start > -1) {
+               if (start < 0) {
+                   ranges.push(EditorSelection.cursor(line.to));
+               }
+               else {
                    let end = findColumn(line.text, endCol, state.tabSize);
                    ranges.push(EditorSelection.range(line.from + start, line.from + end));
                }
@@ -12241,6 +12229,7 @@ var sqlui = (function (exports) {
            this.tooltipViews = this.tooltips.map(createTooltipView);
        }
        update(update) {
+           var _a;
            let input = update.state.facet(this.facet);
            let tooltips = input.filter(x => x);
            if (input === this.input) {
@@ -12269,8 +12258,10 @@ var sqlui = (function (exports) {
                }
            }
            for (let t of this.tooltipViews)
-               if (tooltipViews.indexOf(t) < 0)
+               if (tooltipViews.indexOf(t) < 0) {
                    t.dom.remove();
+                   (_a = t.destroy) === null || _a === void 0 ? void 0 : _a.call(t);
+               }
            this.input = input;
            this.tooltips = tooltips;
            this.tooltipViews = tooltipViews;
@@ -12383,11 +12374,13 @@ var sqlui = (function (exports) {
            return tooltipView;
        }
        destroy() {
-           var _a;
+           var _a, _b;
            this.view.win.removeEventListener("resize", this.measureSoon);
-           for (let { dom } of this.manager.tooltipViews)
-               dom.remove();
-           (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+           for (let tooltipView of this.manager.tooltipViews) {
+               tooltipView.dom.remove();
+               (_a = tooltipView.destroy) === null || _a === void 0 ? void 0 : _a.call(tooltipView);
+           }
+           (_b = this.intersectionObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
            clearTimeout(this.measureTimeout);
        }
        readMeasure() {
@@ -14811,23 +14804,25 @@ var sqlui = (function (exports) {
            let set = [], tag = new Tag(set, base, mods);
            for (let m of mods)
                m.instances.push(tag);
-           let configs = permute(mods);
+           let configs = powerSet(mods);
            for (let parent of base.set)
-               for (let config of configs)
-                   set.push(Modifier.get(parent, config));
+               if (!parent.modified.length)
+                   for (let config of configs)
+                       set.push(Modifier.get(parent, config));
            return tag;
        }
    }
    function sameArray(a, b) {
        return a.length == b.length && a.every((x, i) => x == b[i]);
    }
-   function permute(array) {
-       let result = [array];
+   function powerSet(array) {
+       let sets = [[]];
        for (let i = 0; i < array.length; i++) {
-           for (let a of permute(array.slice(0, i).concat(array.slice(i + 1))))
-               result.push(a);
+           for (let j = 0, e = sets.length; j < e; j++) {
+               sets.push(sets[j].concat(array[i]));
+           }
        }
-       return result;
+       return sets.sort((a, b) => b.length - a.length);
    }
    /// This function is used to add a set of tags to a language syntax
    /// via [`NodeSet.extend`](#common.NodeSet.extend) or
@@ -18630,7 +18625,7 @@ var sqlui = (function (exports) {
                if (match) {
                    let from = this.curLineStart + match.index, to = from + match[0].length;
                    this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
-                   if (from == this.curLine.length)
+                   if (from == this.curLineStart + this.curLine.length)
                        this.nextLine();
                    if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match))) {
                        this.value = { from, to, match };
@@ -19015,10 +19010,17 @@ var sqlui = (function (exports) {
            this.regexp = !!config.regexp;
            this.replace = config.replace || "";
            this.valid = !!this.search && (!this.regexp || validRegExp(this.search));
-           this.unquoted = this.literal ? this.search : this.search.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+           this.unquoted = this.unquote(this.search);
            this.wholeWord = !!config.wholeWord;
        }
        /**
+       @internal
+       */
+       unquote(text) {
+           return this.literal ? text :
+               text.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+       }
+       /**
        Compare this query to another query.
        */
        eq(other) {
@@ -19092,7 +19094,7 @@ var sqlui = (function (exports) {
            return this.prevMatchInRange(state, 0, curFrom) ||
                this.prevMatchInRange(state, curTo, state.doc.length);
        }
-       getReplacement(_result) { return this.spec.replace; }
+       getReplacement(_result) { return this.spec.unquote(this.spec.replace); }
        matchAll(state, limit) {
            let cursor = stringCursor(this.spec, state, 0, state.doc.length), ranges = [];
            while (!cursor.next().done) {
@@ -19151,10 +19153,10 @@ var sqlui = (function (exports) {
                this.prevMatchInRange(state, curTo, state.doc.length);
        }
        getReplacement(result) {
-           return this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$"
+           return this.spec.unquote(this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$"
                : i == "&" ? result.match[0]
                    : i != "0" && +i < result.match.length ? result.match[i]
-                       : m);
+                       : m));
        }
        matchAll(state, limit) {
            let cursor = regexpCursor(this.spec, state, 0, state.doc.length), ranges = [];
@@ -19446,6 +19448,7 @@ var sqlui = (function (exports) {
                "aria-label": phrase(view, "Find"),
                class: "cm-textfield",
                name: "search",
+               form: "",
                "main-field": "true",
                onchange: this.commit,
                onkeyup: this.commit
@@ -19456,24 +19459,28 @@ var sqlui = (function (exports) {
                "aria-label": phrase(view, "Replace"),
                class: "cm-textfield",
                name: "replace",
+               form: "",
                onchange: this.commit,
                onkeyup: this.commit
            });
            this.caseField = crelt("input", {
                type: "checkbox",
                name: "case",
+               form: "",
                checked: query.caseSensitive,
                onchange: this.commit
            });
            this.reField = crelt("input", {
                type: "checkbox",
                name: "re",
+               form: "",
                checked: query.regexp,
                onchange: this.commit
            });
            this.wordField = crelt("input", {
                type: "checkbox",
                name: "word",
+               form: "",
                checked: query.wholeWord,
                onchange: this.commit
            });
@@ -23266,10 +23273,10 @@ var sqlui = (function (exports) {
      Builtin = 24;
 
    function isAlpha(ch) {
-       return ch >= 65 /* A */ && ch <= 90 /* Z */ || ch >= 97 /* a */ && ch <= 122 /* z */ || ch >= 48 /* _0 */ && ch <= 57 /* _9 */;
+       return ch >= 65 /* Ch.A */ && ch <= 90 /* Ch.Z */ || ch >= 97 /* Ch.a */ && ch <= 122 /* Ch.z */ || ch >= 48 /* Ch._0 */ && ch <= 57 /* Ch._9 */;
    }
    function isHexDigit(ch) {
-       return ch >= 48 /* _0 */ && ch <= 57 /* _9 */ || ch >= 97 /* a */ && ch <= 102 /* f */ || ch >= 65 /* A */ && ch <= 70 /* F */;
+       return ch >= 48 /* Ch._0 */ && ch <= 57 /* Ch._9 */ || ch >= 97 /* Ch.a */ && ch <= 102 /* Ch.f */ || ch >= 65 /* Ch.A */ && ch <= 70 /* Ch.F */;
    }
    function readLiteral(input, endQuote, backslashEscapes) {
        for (let escaped = false;;) {
@@ -23279,7 +23286,7 @@ var sqlui = (function (exports) {
                input.advance();
                return;
            }
-           escaped = backslashEscapes && !escaped && input.next == 92 /* Backslash */;
+           escaped = backslashEscapes && !escaped && input.next == 92 /* Ch.Backslash */;
            input.advance();
        }
    }
@@ -23287,7 +23294,7 @@ var sqlui = (function (exports) {
        for (;;) {
            if (input.next < 0 || input.peek(1) < 0)
                return;
-           if (input.next == 36 /* Dollar */ && input.peek(1) == 36 /* Dollar */) {
+           if (input.next == 36 /* Ch.Dollar */ && input.peek(1) == 36 /* Ch.Dollar */) {
                input.advance(2);
                return;
            }
@@ -23296,7 +23303,7 @@ var sqlui = (function (exports) {
    }
    function readWord(input, result) {
        for (;;) {
-           if (input.next != 95 /* Underscore */ && !isAlpha(input.next))
+           if (input.next != 95 /* Ch.Underscore */ && !isAlpha(input.next))
                break;
            if (result != null)
                result += String.fromCharCode(input.next);
@@ -23305,7 +23312,7 @@ var sqlui = (function (exports) {
        return result;
    }
    function readWordOrQuoted(input) {
-       if (input.next == 39 /* SingleQuote */ || input.next == 34 /* DoubleQuote */ || input.next == 96 /* Backtick */) {
+       if (input.next == 39 /* Ch.SingleQuote */ || input.next == 34 /* Ch.DoubleQuote */ || input.next == 96 /* Ch.Backtick */) {
            let quote = input.next;
            input.advance();
            readLiteral(input, quote, false);
@@ -23315,33 +23322,33 @@ var sqlui = (function (exports) {
        }
    }
    function readBits(input, endQuote) {
-       while (input.next == 48 /* _0 */ || input.next == 49 /* _1 */)
+       while (input.next == 48 /* Ch._0 */ || input.next == 49 /* Ch._1 */)
            input.advance();
        if (endQuote && input.next == endQuote)
            input.advance();
    }
    function readNumber(input, sawDot) {
        for (;;) {
-           if (input.next == 46 /* Dot */) {
+           if (input.next == 46 /* Ch.Dot */) {
                if (sawDot)
                    break;
                sawDot = true;
            }
-           else if (input.next < 48 /* _0 */ || input.next > 57 /* _9 */) {
+           else if (input.next < 48 /* Ch._0 */ || input.next > 57 /* Ch._9 */) {
                break;
            }
            input.advance();
        }
-       if (input.next == 69 /* E */ || input.next == 101 /* e */) {
+       if (input.next == 69 /* Ch.E */ || input.next == 101 /* Ch.e */) {
            input.advance();
-           if (input.next == 43 /* Plus */ || input.next == 45 /* Dash */)
+           if (input.next == 43 /* Ch.Plus */ || input.next == 45 /* Ch.Dash */)
                input.advance();
-           while (input.next >= 48 /* _0 */ && input.next <= 57 /* _9 */)
+           while (input.next >= 48 /* Ch._0 */ && input.next <= 57 /* Ch._9 */)
                input.advance();
        }
    }
    function eol(input) {
-       while (!(input.next < 0 || input.next == 10 /* Newline */))
+       while (!(input.next < 0 || input.next == 10 /* Ch.Newline */))
            input.advance();
    }
    function inString(ch, str) {
@@ -23401,31 +23408,31 @@ var sqlui = (function (exports) {
                    input.advance();
                input.acceptToken(whitespace);
            }
-           else if (next == 36 /* Dollar */ && input.next == 36 /* Dollar */ && d.doubleDollarStrings) {
+           else if (next == 36 /* Ch.Dollar */ && input.next == 36 /* Ch.Dollar */ && d.doubleDollarStrings) {
                readDoubleDollarLiteral(input);
                input.acceptToken(String$1);
            }
-           else if (next == 39 /* SingleQuote */ || next == 34 /* DoubleQuote */ && d.doubleQuotedStrings) {
+           else if (next == 39 /* Ch.SingleQuote */ || next == 34 /* Ch.DoubleQuote */ && d.doubleQuotedStrings) {
                readLiteral(input, next, d.backslashEscapes);
                input.acceptToken(String$1);
            }
-           else if (next == 35 /* Hash */ && d.hashComments ||
-               next == 47 /* Slash */ && input.next == 47 /* Slash */ && d.slashComments) {
+           else if (next == 35 /* Ch.Hash */ && d.hashComments ||
+               next == 47 /* Ch.Slash */ && input.next == 47 /* Ch.Slash */ && d.slashComments) {
                eol(input);
                input.acceptToken(LineComment);
            }
-           else if (next == 45 /* Dash */ && input.next == 45 /* Dash */ &&
-               (!d.spaceAfterDashes || input.peek(2) == 32 /* Space */)) {
+           else if (next == 45 /* Ch.Dash */ && input.next == 45 /* Ch.Dash */ &&
+               (!d.spaceAfterDashes || input.peek(1) == 32 /* Ch.Space */)) {
                eol(input);
                input.acceptToken(LineComment);
            }
-           else if (next == 47 /* Slash */ && input.next == 42 /* Star */) {
+           else if (next == 47 /* Ch.Slash */ && input.next == 42 /* Ch.Star */) {
                input.advance();
                for (let prev = -1, depth = 1;;) {
                    if (input.next < 0)
                        break;
                    input.advance();
-                   if (prev == 42 /* Star */ && input.next == 47 /* Slash */) {
+                   if (prev == 42 /* Ch.Star */ && input.next == 47 /* Ch.Slash */) {
                        depth--;
                        if (!depth) {
                            input.advance();
@@ -23433,7 +23440,7 @@ var sqlui = (function (exports) {
                        }
                        prev = -1;
                    }
-                   else if (prev == 47 /* Slash */ && input.next == 42 /* Star */) {
+                   else if (prev == 47 /* Ch.Slash */ && input.next == 42 /* Ch.Star */) {
                        depth++;
                        prev = -1;
                    }
@@ -23443,21 +23450,21 @@ var sqlui = (function (exports) {
                }
                input.acceptToken(BlockComment);
            }
-           else if ((next == 101 /* e */ || next == 69 /* E */) && input.next == 39 /* SingleQuote */) {
+           else if ((next == 101 /* Ch.e */ || next == 69 /* Ch.E */) && input.next == 39 /* Ch.SingleQuote */) {
                input.advance();
-               readLiteral(input, 39 /* SingleQuote */, true);
+               readLiteral(input, 39 /* Ch.SingleQuote */, true);
            }
-           else if ((next == 110 /* n */ || next == 78 /* N */) && input.next == 39 /* SingleQuote */ &&
+           else if ((next == 110 /* Ch.n */ || next == 78 /* Ch.N */) && input.next == 39 /* Ch.SingleQuote */ &&
                d.charSetCasts) {
                input.advance();
-               readLiteral(input, 39 /* SingleQuote */, d.backslashEscapes);
+               readLiteral(input, 39 /* Ch.SingleQuote */, d.backslashEscapes);
                input.acceptToken(String$1);
            }
-           else if (next == 95 /* Underscore */ && d.charSetCasts) {
+           else if (next == 95 /* Ch.Underscore */ && d.charSetCasts) {
                for (let i = 0;; i++) {
-                   if (input.next == 39 /* SingleQuote */ && i > 1) {
+                   if (input.next == 39 /* Ch.SingleQuote */ && i > 1) {
                        input.advance();
-                       readLiteral(input, 39 /* SingleQuote */, d.backslashEscapes);
+                       readLiteral(input, 39 /* Ch.SingleQuote */, d.backslashEscapes);
                        input.acceptToken(String$1);
                        break;
                    }
@@ -23466,33 +23473,33 @@ var sqlui = (function (exports) {
                    input.advance();
                }
            }
-           else if (next == 40 /* ParenL */) {
+           else if (next == 40 /* Ch.ParenL */) {
                input.acceptToken(ParenL);
            }
-           else if (next == 41 /* ParenR */) {
+           else if (next == 41 /* Ch.ParenR */) {
                input.acceptToken(ParenR);
            }
-           else if (next == 123 /* BraceL */) {
+           else if (next == 123 /* Ch.BraceL */) {
                input.acceptToken(BraceL);
            }
-           else if (next == 125 /* BraceR */) {
+           else if (next == 125 /* Ch.BraceR */) {
                input.acceptToken(BraceR);
            }
-           else if (next == 91 /* BracketL */) {
+           else if (next == 91 /* Ch.BracketL */) {
                input.acceptToken(BracketL);
            }
-           else if (next == 93 /* BracketR */) {
+           else if (next == 93 /* Ch.BracketR */) {
                input.acceptToken(BracketR);
            }
-           else if (next == 59 /* Semi */) {
+           else if (next == 59 /* Ch.Semi */) {
                input.acceptToken(Semi);
            }
-           else if (d.unquotedBitLiterals && next == 48 /* _0 */ && input.next == 98 /* b */) {
+           else if (d.unquotedBitLiterals && next == 48 /* Ch._0 */ && input.next == 98 /* Ch.b */) {
                input.advance();
                readBits(input);
                input.acceptToken(Bits);
            }
-           else if ((next == 98 /* b */ || next == 66 /* B */) && (input.next == 39 /* SingleQuote */ || input.next == 34 /* DoubleQuote */)) {
+           else if ((next == 98 /* Ch.b */ || next == 66 /* Ch.B */) && (input.next == 39 /* Ch.SingleQuote */ || input.next == 34 /* Ch.DoubleQuote */)) {
                const quoteStyle = input.next;
                input.advance();
                if (d.treatBitsAsBytes) {
@@ -23504,24 +23511,24 @@ var sqlui = (function (exports) {
                    input.acceptToken(Bits);
                }
            }
-           else if (next == 48 /* _0 */ && (input.next == 120 /* x */ || input.next == 88 /* X */) ||
-               (next == 120 /* x */ || next == 88 /* X */) && input.next == 39 /* SingleQuote */) {
-               let quoted = input.next == 39 /* SingleQuote */;
+           else if (next == 48 /* Ch._0 */ && (input.next == 120 /* Ch.x */ || input.next == 88 /* Ch.X */) ||
+               (next == 120 /* Ch.x */ || next == 88 /* Ch.X */) && input.next == 39 /* Ch.SingleQuote */) {
+               let quoted = input.next == 39 /* Ch.SingleQuote */;
                input.advance();
                while (isHexDigit(input.next))
                    input.advance();
-               if (quoted && input.next == 39 /* SingleQuote */)
+               if (quoted && input.next == 39 /* Ch.SingleQuote */)
                    input.advance();
                input.acceptToken(Number);
            }
-           else if (next == 46 /* Dot */ && input.next >= 48 /* _0 */ && input.next <= 57 /* _9 */) {
+           else if (next == 46 /* Ch.Dot */ && input.next >= 48 /* Ch._0 */ && input.next <= 57 /* Ch._9 */) {
                readNumber(input, true);
                input.acceptToken(Number);
            }
-           else if (next == 46 /* Dot */) {
+           else if (next == 46 /* Ch.Dot */) {
                input.acceptToken(Dot);
            }
-           else if (next >= 48 /* _0 */ && next <= 57 /* _9 */) {
+           else if (next >= 48 /* Ch._0 */ && next <= 57 /* Ch._9 */) {
                readNumber(input, false);
                input.acceptToken(Number);
            }
@@ -23540,12 +23547,12 @@ var sqlui = (function (exports) {
                readLiteral(input, next, false);
                input.acceptToken(QuotedIdentifier);
            }
-           else if (next == 58 /* Colon */ || next == 44 /* Comma */) {
+           else if (next == 58 /* Ch.Colon */ || next == 44 /* Ch.Comma */) {
                input.acceptToken(Punctuation);
            }
            else if (isAlpha(next)) {
                let word = readWord(input, String.fromCharCode(next));
-               input.acceptToken(input.next == 46 /* Dot */ ? Identifier : (_a = d.words[word.toLowerCase()]) !== null && _a !== void 0 ? _a : Identifier);
+               input.acceptToken(input.next == 46 /* Ch.Dot */ ? Identifier : (_a = d.words[word.toLowerCase()]) !== null && _a !== void 0 ? _a : Identifier);
            }
        });
    }
@@ -23841,177 +23848,179 @@ var sqlui = (function (exports) {
    */
    const StandardSQL = /*@__PURE__*/SQLDialect.define({});
 
-   function init(parent, onSubmit) {
+   /* global google */
+
+   function init (parent, onSubmit) {
      const fixedHeightEditor = EditorView.theme({
-       ".cm-scroller": { height: "200px", overflow: "auto", resize: "vertical" },
+       '.cm-scroller': { height: '200px', overflow: 'auto', resize: 'vertical' }
      });
      window.editorView = new EditorView({
        state: EditorState.create({
          extensions: [
            keymap.of([
-             {key: "Ctrl-Enter", run: onSubmit, preventDefault: true},
+             { key: 'Ctrl-Enter', run: onSubmit, preventDefault: true },
              ...defaultKeymap
            ]),
            basicSetup,
            sql(),
            fixedHeightEditor,
-           placeholder("Ctrl-Enter to submit")
+           placeholder('Ctrl-Enter to submit')
          ]
        }),
-       parent: parent
+       parent
      });
    }
 
-   function getCursor() {
-     return window.editorView.state.selection.main.head;
+   function getCursor () {
+     return window.editorView.state.selection.main.head
    }
 
-   function setCursor(cursor) {
-     window.editorView.dispatch({selection: {anchor: Math.min(cursor, window.editorView.state.doc.length)}});
+   function setCursor (cursor) {
+     window.editorView.dispatch({ selection: { anchor: Math.min(cursor, window.editorView.state.doc.length) } });
    }
 
-   function focus() {
+   function focus () {
      window.editorView.focus();
    }
 
-   function getValue() {
-     return window.editorView.state.doc.toString();
+   function getValue () {
+     return window.editorView.state.doc.toString()
    }
 
-   function setValue(value) {
+   function setValue (value) {
      window.editorView.dispatch({
        changes: {
          from: 0,
          to: window.editorView.state.doc.length,
          insert: value
-       },
+       }
      });
    }
 
-   function selectTab(tab) {
+   function selectTab (tab) {
      window.tab = tab;
      const url = new URL(window.location);
-     if (url.searchParams.has("tab")) {
-       if (url.searchParams.get("tab") !== tab) {
-         if (tab === "query") {
-           url.searchParams.delete("tab");
-           window.history.pushState({}, "", url);
-           return route();
+     if (url.searchParams.has('tab')) {
+       if (url.searchParams.get('tab') !== tab) {
+         if (tab === 'query') {
+           url.searchParams.delete('tab');
+           window.history.pushState({}, '', url);
+           return route()
          } else {
-           url.searchParams.set("tab", tab);
-           window.history.pushState({}, "", url);
-           return route();
+           url.searchParams.set('tab', tab);
+           window.history.pushState({}, '', url);
+           return route()
          }
        }
      } else {
-       if (tab !== "query") {
-         url.searchParams.set("tab", tab);
-         window.history.pushState({}, "", url);
-         return route();
+       if (tab !== 'query') {
+         url.searchParams.set('tab', tab);
+         window.history.pushState({}, '', url);
+         return route()
        }
      }
 
      const tabElement = document.getElementById(`${tab}-tab-button`);
-     Array.prototype.forEach.call(document.getElementsByClassName("selected-tab-button"), function(selected) {
-       selected.classList.remove("selected-tab-button");
-       selected.classList.add("tab-button");
+     Array.prototype.forEach.call(document.getElementsByClassName('selected-tab-button'), function (selected) {
+       selected.classList.remove('selected-tab-button');
+       selected.classList.add('tab-button');
      });
-     tabElement.classList.remove("tab-button");
-     tabElement.classList.add("selected-tab-button");
+     tabElement.classList.remove('tab-button');
+     tabElement.classList.add('selected-tab-button');
 
-     Array.prototype.forEach.call(document.getElementsByClassName("tab-content-element"), function(selected) {
-       selected.style.display = "none";
+     Array.prototype.forEach.call(document.getElementsByClassName('tab-content-element'), function (selected) {
+       selected.style.display = 'none';
      });
 
      switch (tab) {
-       case "query":
+       case 'query':
          selectQueryTab();
-         break;
-       case "graph":
+         break
+       case 'graph':
          selectGraphTab();
-         break;
-       case "saved":
+         break
+       case 'saved':
          selectSavedTab();
-         break;
-       case "structure":
+         break
+       case 'structure':
          selectStructureTab();
-         break;
+         break
        default:
-         throw `Unexpected tab: ${tab}`;
+         throw new Error(`Unexpected tab: ${tab}`)
      }
    }
 
-   function selectStructureTab() {
-     Array.prototype.forEach.call(document.getElementsByClassName("structure-element"), function(selected) {
-       selected.style.display = "flex";
+   function selectStructureTab () {
+     Array.prototype.forEach.call(document.getElementsByClassName('structure-element'), function (selected) {
+       selected.style.display = 'flex';
      });
 
      if (window.structureLoaded) {
-       return;
+       return
      }
 
-     const schemasElement = document.getElementById("schemas");
-     const tablesElement = document.getElementById("tables");
-     const columnsElement = document.getElementById("columns");
-     const indexesElement = document.getElementById("indexes");
+     const schemasElement = document.getElementById('schemas');
+     const tablesElement = document.getElementById('tables');
+     const columnsElement = document.getElementById('columns');
+     const indexesElement = document.getElementById('indexes');
 
-     const schemaNames = Object.keys(window.metadata["schemas"]);
-     if (schemaNames.length == 1) {
+     const schemaNames = Object.keys(window.metadata.schemas);
+     if (schemaNames.length === 1) {
        schemasElement.style.display = 'none';
        // TODO: duplicate code
-       while(tablesElement.firstChild) {
+       while (tablesElement.firstChild) {
          tablesElement.removeChild(tablesElement.firstChild);
        }
        const schemaName = schemaNames[0];
-       const schema = window.metadata["schemas"][schemaName];
-       const tableNames = Object.keys(schema["tables"]);
-       tableNames.forEach(function(tableName) {
-         const optionElement = document.createElement("option");
+       const schema = window.metadata.schemas[schemaName];
+       const tableNames = Object.keys(schema.tables);
+       tableNames.forEach(function (tableName) {
+         const optionElement = document.createElement('option');
          optionElement.value = tableName;
          optionElement.innerText = tableName;
          tablesElement.appendChild(optionElement);
        });
      } else {
        schemasElement.style.display = 'flex';
-       schemaNames.forEach(function(schemaName) {
-         const optionElement = document.createElement("option");
+       schemaNames.forEach(function (schemaName) {
+         const optionElement = document.createElement('option');
          optionElement.value = schemaName;
          optionElement.innerText = schemaName;
          schemasElement.appendChild(optionElement);
        });
-       schemasElement.addEventListener("change", function() {
-         while(tablesElement.firstChild) {
+       schemasElement.addEventListener('change', function () {
+         while (tablesElement.firstChild) {
            tablesElement.removeChild(tablesElement.firstChild);
          }
          const schemaName = schemasElement.value;
-         const schema = window.metadata["schemas"][schemaName];
-         const tableNames = Object.keys(schema["tables"]);
-         tableNames.forEach(function(tableName) {
-           const optionElement = document.createElement("option");
+         const schema = window.metadata.schemas[schemaName];
+         const tableNames = Object.keys(schema.tables);
+         tableNames.forEach(function (tableName) {
+           const optionElement = document.createElement('option');
            optionElement.value = tableName;
            optionElement.innerText = tableName;
            tablesElement.appendChild(optionElement);
          });
        });
      }
-     tablesElement.addEventListener("change", function() {
-       while(columnsElement.firstChild) {
+     tablesElement.addEventListener('change', function () {
+       while (columnsElement.firstChild) {
          columnsElement.removeChild(columnsElement.firstChild);
        }
-       while(indexesElement.firstChild) {
+       while (indexesElement.firstChild) {
          indexesElement.removeChild(indexesElement.firstChild);
        }
-       const schemaName = schemaNames.length == 1 ? schemaNames[0] : schemasElement.value;
+       const schemaName = schemaNames.length === 1 ? schemaNames[0] : schemasElement.value;
        const tableName = tablesElement.value;
-       const table = window.metadata["schemas"][schemaName]["tables"][tableName];
+       const table = window.metadata.schemas[schemaName].tables[tableName];
 
-       const columnEntries = Object.entries(table["columns"]);
+       const columnEntries = Object.entries(table.columns);
        if (columnEntries.length > 0) {
          const columns = Object.keys(columnEntries[0][1]);
          const rows = [];
-         for (const [_, column] of columnEntries) {
+         for (const [, column] of columnEntries) {
            const row = [];
-           for (const [_, value] of Object.entries(column)) {
+           for (const [, value] of Object.entries(column)) {
              row.push(value);
            }
            rows.push(row);
@@ -24019,7 +24028,7 @@ var sqlui = (function (exports) {
          createTable(columnsElement, columns, rows);
        }
 
-       const indexEntries = Object.entries(table["indexes"]);
+       const indexEntries = Object.entries(table.indexes);
        if (indexEntries.length > 0) {
          const firstIndex = indexEntries[0][1];
          const indexColumns = Object.keys(firstIndex);
@@ -24027,10 +24036,10 @@ var sqlui = (function (exports) {
          const columns = indexColumnKeys;
 
          const rows = [];
-         for (const [_, index] of indexEntries) {
-           for (const [_, column] of Object.entries(index)) {
+         for (const [, index] of indexEntries) {
+           for (const [, column] of Object.entries(index)) {
              const row = [];
-             for (const [_, value] of Object.entries(column)) {
+             for (const [, value] of Object.entries(column)) {
                row.push(value);
              }
              rows.push(row);
@@ -24042,32 +24051,34 @@ var sqlui = (function (exports) {
      window.structureLoaded = true;
    }
 
-   function createTable(parent, columns, rows) {
-     const tableElement = document.createElement("table");
-     const theadElement = document.createElement("thead");
-     const headerTrElement = document.createElement("tr");
-     const tbodyElement = document.createElement("tbody");
+   function createTable (parent, columns, rows) {
+     const tableElement = document.createElement('table');
+     const theadElement = document.createElement('thead');
+     const headerTrElement = document.createElement('tr');
+     const tbodyElement = document.createElement('tbody');
      theadElement.appendChild(headerTrElement);
      tableElement.appendChild(theadElement);
      tableElement.appendChild(tbodyElement);
      parent.appendChild(tableElement);
 
-     columns.forEach(function(columnName) {
-       const headerElement = document.createElement("th");
+     columns.forEach(function (columnName) {
+       const headerElement = document.createElement('th');
+       headerElement.classList.add('cell');
        headerElement.innerText = columnName;
        headerTrElement.appendChild(headerElement);
      });
      headerTrElement.appendChild(document.createElement('th'));
      let highlight = false;
-     rows.forEach(function(row) {
-       const rowElement = document.createElement("tr");
+     rows.forEach(function (row) {
+       const rowElement = document.createElement('tr');
        if (highlight) {
-         rowElement.classList.add("highlighted-row");
+         rowElement.classList.add('highlighted-row');
        }
        highlight = !highlight;
        tbodyElement.appendChild(rowElement);
-       row.forEach(function(value) {
-         const cellElement = document.createElement("td");
+       row.forEach(function (value) {
+         const cellElement = document.createElement('td');
+         cellElement.classList.add('cell');
          cellElement.innerText = value;
          rowElement.appendChild(cellElement);
        });
@@ -24075,13 +24086,13 @@ var sqlui = (function (exports) {
      });
    }
 
-   function selectGraphTab() {
-     Array.prototype.forEach.call(document.getElementsByClassName("graph-element"), function(selected) {
-       selected.style.display = "flex";
+   function selectGraphTab () {
+     Array.prototype.forEach.call(document.getElementsByClassName('graph-element'), function (selected) {
+       selected.style.display = 'flex';
      });
 
-     google.charts.load('current', {packages: ['corechart', 'line']});
-     google.charts.setOnLoadCallback(function() {
+     google.charts.load('current', { packages: ['corechart', 'line'] });
+     google.charts.setOnLoadCallback(function () {
        loadQueryOrGraphTab(loadGraphResult);
      });
 
@@ -24090,9 +24101,9 @@ var sqlui = (function (exports) {
      setCursor(cursor);
    }
 
-   function selectQueryTab() {
-     Array.prototype.forEach.call(document.getElementsByClassName("query-element"), function(selected) {
-       selected.style.display = "flex";
+   function selectQueryTab () {
+     Array.prototype.forEach.call(document.getElementsByClassName('query-element'), function (selected) {
+       selected.style.display = 'flex';
      });
 
      const cursor = getCursor();
@@ -24102,43 +24113,43 @@ var sqlui = (function (exports) {
      loadQueryOrGraphTab(loadQueryResult);
    }
 
-   function selectSavedTab() {
-     Array.prototype.forEach.call(document.getElementsByClassName("saved-element"), function(selected) {
-       selected.style.display = "flex";
+   function selectSavedTab () {
+     Array.prototype.forEach.call(document.getElementsByClassName('saved-element'), function (selected) {
+       selected.style.display = 'flex';
      });
 
      if (window.savedLoaded) {
-       return;
+       return
      }
 
-     const savedElement = document.getElementById("saved-box");
+     const savedElement = document.getElementById('saved-box');
      if (savedElement.children.length > 0) {
-       return;
+       return
      }
 
-     const saved = window.metadata["saved"];
+     const saved = window.metadata.saved;
      if (saved && saved.length === 1) {
-       setSavedStatus("1 file");
+       setSavedStatus('1 file');
      } else {
        setSavedStatus(`${saved.length} files`);
      }
      saved.forEach(file => {
-       const divElement = document.createElement("div");
-       divElement.addEventListener("click", function(event) {
+       const divElement = document.createElement('div');
+       divElement.addEventListener('click', function (event) {
          clearResult();
          const url = new URL(window.location);
-         url.searchParams.delete("sql");
-         url.searchParams.delete("tab");
-         url.searchParams.set("file", file["filename"]);
-         window.history.pushState({}, "", url);
+         url.searchParams.delete('sql');
+         url.searchParams.delete('tab');
+         url.searchParams.set('file', file.filename);
+         window.history.pushState({}, '', url);
          route();
        });
-       const nameElement = document.createElement("h1");
-       nameElement.innerText = file["filename"];
+       const nameElement = document.createElement('h1');
+       nameElement.innerText = file.filename;
        divElement.appendChild(nameElement);
 
-       const descriptionElement = document.createElement("p");
-       descriptionElement.innerText = file["description"];
+       const descriptionElement = document.createElement('p');
+       descriptionElement.innerText = file.description;
        divElement.appendChild(descriptionElement);
 
        savedElement.appendChild(divElement);
@@ -24146,38 +24157,38 @@ var sqlui = (function (exports) {
      window.savedLoaded = true;
    }
 
-   function submit() {
+   function submit () {
      const url = new URL(window.location);
-     url.searchParams.set("cursor", getCursor());
+     url.searchParams.set('cursor', getCursor());
 
      let sql = getValue().trim();
-     sql = sql === "" ? null : sql;
+     sql = sql === '' ? null : sql;
 
-     if (url.searchParams.has("file")) {
-       url.searchParams.delete("file");
-       url.searchParams.set("sql", sql);
-       window.history.pushState({}, "", url);
+     if (url.searchParams.has('file')) {
+       url.searchParams.delete('file');
+       url.searchParams.set('sql', sql);
+       window.history.pushState({}, '', url);
      } else {
-       let sqlParam = url.searchParams.get("sql")?.trim();
-       sqlParam = sqlParam === "" ? null : sqlParam;
+       let sqlParam = url.searchParams.get('sql')?.trim();
+       sqlParam = sqlParam === '' ? null : sqlParam;
 
        if (sqlParam !== sql) {
          if (sql === null) {
-           url.searchParams.delete("sql");
-           window.history.pushState({}, "", url);
+           url.searchParams.delete('sql');
+           window.history.pushState({}, '', url);
          } else {
-           url.searchParams.set("sql", sql);
-           window.history.pushState({}, "", url);
+           url.searchParams.set('sql', sql);
+           window.history.pushState({}, '', url);
          }
        } else {
-         window.history.replaceState({}, "", url);
+         window.history.replaceState({}, '', url);
        }
      }
      clearResult();
      route();
    }
 
-   function clearResult() {
+   function clearResult () {
      clearGraphStatus();
      clearQueryStatus();
      clearGraphBox();
@@ -24185,266 +24196,267 @@ var sqlui = (function (exports) {
      window.result = null;
    }
 
-   function clearQueryStatus() {
-     document.getElementById("query-status").innerText = "";
+   function clearQueryStatus () {
+     document.getElementById('query-status').innerText = '';
    }
 
-   function clearGraphStatus() {
-     document.getElementById("graph-status").innerText = "";
+   function clearGraphStatus () {
+     document.getElementById('graph-status').innerText = '';
    }
 
-   function clearResultBox() {
-     const resultElement = document.getElementById("result-box");
-     while(resultElement.firstChild) {
+   function clearResultBox () {
+     const resultElement = document.getElementById('result-box');
+     while (resultElement.firstChild) {
        resultElement.removeChild(resultElement.firstChild);
      }
    }
 
-   function clearGraphBox() {
-     const graphElement = document.getElementById("graph-box");
-     while(graphElement.firstChild) {
+   function clearGraphBox () {
+     const graphElement = document.getElementById('graph-box');
+     while (graphElement.firstChild) {
        graphElement.removeChild(graphElement.firstChild);
      }
    }
 
-   function fetchSql(sql, cursor, callback) {
-     fetch("query", {
-       "headers": {
-         "Accept": "application/json",
-         "Content-Type": "application/json"
+   function fetchSql (sql, cursor, callback) {
+     fetch('query', {
+       headers: {
+         Accept: 'application/json',
+         'Content-Type': 'application/json'
        },
-       "method":"POST",
-       "body": JSON.stringify({
-         "sql": sql,
-         "cursor": cursor
+       method: 'POST',
+       body: JSON.stringify({
+         sql,
+         cursor
        })
      })
-     .then((response) => response.json())
-     .then((result) => callback(result));
+       .then((response) => response.json())
+       .then((result) => callback(result));
    }
 
-   function fetchFile(name, callback) {
+   function fetchFile (name, callback) {
      fetch(`query_file?file=${name}`, {
-       "headers": {
-         "Accept": "application/json"
+       headers: {
+         Accept: 'application/json'
        },
-       "method":"GET"
+       method: 'GET'
      })
-     .then((response) => response.json())
-     .then((result) => callback(result));
+       .then((response) => response.json())
+       .then((result) => callback(result));
    }
 
-   function fetchMetadata(callback) {
-     fetch("metadata", {
-       "headers": {
-         "Accept": "application/json"
+   function fetchMetadata (callback) {
+     fetch('metadata', {
+       headers: {
+         Accept: 'application/json'
        },
-       "method":"GET"
+       method: 'GET'
      })
-     .then((response) => response.json())
-     .then((result) => callback(result));
+       .then((response) => response.json())
+       .then((result) => callback(result));
    }
 
-   function loadQueryOrGraphTab(callback) {
+   function loadQueryOrGraphTab (callback) {
      const params = new URLSearchParams(window.location.search);
-     const sql = params.get("sql");
-     const file = params.get("file");
-     const cursor = params.has("cursor") ? params.get("cursor") : 0;
+     const sql = params.get('sql');
+     const file = params.get('file');
+     const cursor = params.has('cursor') ? params.get('cursor') : 0;
 
-     if (params.has("sql") && window.result && sql === window.result["query"]) {
+     if (params.has('sql') && window.result && sql === window.result.query) {
        callback();
-       return;
-     } else if (params.has("file") && window.result && file === window.result["file"]) {
+       return
+     } else if (params.has('file') && window.result && file === window.result.file) {
        callback();
-       return;
+       return
      }
 
-     if (params.has("file") && params.has("sql") && cursor === window.result["cursor"]) {
+     if (params.has('file') && params.has('sql') && cursor === window.result.cursor) {
        // TODO: show an error.
-       throw "You can only specify a file or sql, not both."
+       throw new Error('You can only specify a file or sql, not both.')
      }
 
-     if (params.has("sql")) {
+     clearResult();
+
+     if (params.has('sql')) {
        setValue(sql);
-       const cursor = params.has("cursor") ? params.get("cursor") : 0;
-       fetchSql(params.get("sql"), cursor, function(result) {
+       const cursor = params.has('cursor') ? params.get('cursor') : 0;
+       fetchSql(params.get('sql'), cursor, function (result) {
          window.result = result;
          callback();
        });
-     } else if (params.has("file")) {
-       setValue("");
-       fetchFile(file, function(result) {
+     } else if (params.has('file')) {
+       setValue('');
+       fetchFile(file, function (result) {
          window.result = result;
-         if (window.result["query"]) {
-           setValue(result["query"]);
+         if (window.result.query) {
+           setValue(result.query);
          }
          callback();
        });
      }
-     if (params.has("cursor")) {
+     if (params.has('cursor')) {
        focus();
        setCursor(cursor);
      }
    }
 
-   function loadQueryResult() {
-     const resultElement = document.getElementById("result-box");
+   function loadQueryResult () {
+     const resultElement = document.getElementById('result-box');
      if (resultElement.children.length > 0) {
-       return;
+       return
      }
 
      setQueryStatus(window.result);
 
-     if (!window.result["rows"]) {
-       return;
+     if (!window.result.rows) {
+       return
      }
 
-     const tableElement = document.createElement("table");
-     const theadElement = document.createElement("thead");
-     const headerElement = document.createElement("tr");
-     const tbodyElement = document.createElement("tbody");
+     const tableElement = document.createElement('table');
+     const theadElement = document.createElement('thead');
+     const headerElement = document.createElement('tr');
+     const tbodyElement = document.createElement('tbody');
      theadElement.appendChild(headerElement);
      tableElement.appendChild(theadElement);
      tableElement.appendChild(tbodyElement);
      resultElement.appendChild(tableElement);
-     
-     window.result["columns"].forEach(column => {
-       const template = document.createElement("template");
-       template.innerHTML = `<th>${column}</th>`;
+
+     window.result.columns.forEach(column => {
+       const template = document.createElement('template');
+       template.innerHTML = `<th class="cell">${column}</th>`;
        headerElement.appendChild(template.content.firstChild);
      });
      headerElement.appendChild(document.createElement('th'));
      let highlight = false;
-     window.result["rows"].forEach(function(row) {
-       const rowElement = document.createElement("tr");
+     window.result.rows.forEach(function (row) {
+       const rowElement = document.createElement('tr');
        if (highlight) {
-         rowElement.classList.add("highlighted-row");
+         rowElement.classList.add('highlighted-row');
        }
        highlight = !highlight;
        tbodyElement.appendChild(rowElement);
-       row.forEach(function(value) {
-         const template = document.createElement("template");
-         template.innerHTML = `<td>${value}</td>`;
+       row.forEach(function (value) {
+         const template = document.createElement('template');
+         template.innerHTML = `<td class="cell">${value}</td>`;
          rowElement.appendChild(template.content.firstChild);
        });
        rowElement.appendChild(document.createElement('td'));
      });
 
-     document.getElementById("result-box").style.display = "flex";
+     document.getElementById('result-box').style.display = 'flex';
    }
 
-   function loadGraphResult() {
+   function loadGraphResult () {
      setGraphStatus(window.result);
 
-     if (!window.result["rows"]) {
-       return;
+     if (!window.result.rows) {
+       return
      }
-     if (window.result["rows"].length == 0 || window.result["columns"].length < 2) {
-       return;
+     if (window.result.rows.length === 0 || window.result.columns.length < 2) {
+       return
      }
      const dataTable = new google.visualization.DataTable();
-     window.result["columns"].forEach((column, index) => {
-       dataTable.addColumn(window.result["column_types"][index], column);
+     window.result.columns.forEach((column, index) => {
+       dataTable.addColumn(window.result.column_types[index], column);
      });
 
-     window.result["rows"].forEach((row) => {
+     window.result.rows.forEach((row) => {
        const rowValues = row.map((value, index) => {
-         if (window.result["column_types"][index] === "date") {
-           return new Date(value);
+         if (window.result.column_types[index] === 'date') {
+           return new Date(value)
          } else {
-           return value;
+           return value
          }
        });
        dataTable.addRow(rowValues);
      });
 
-     const graphBoxElement = document.getElementById("graph-box");
+     const graphBoxElement = document.getElementById('graph-box');
 
      const chart = new google.visualization.LineChart(graphBoxElement);
      const options = {
-       "hAxis": {
-         "title": window.result["columns"][0]
+       hAxis: {
+         title: window.result.columns[0]
        },
-       "vAxis": {
-         "title": window.result["columns"][1]
+       vAxis: {
+         title: window.result.columns[1]
        }
      };
      chart.draw(dataTable, options);
    }
 
-   function setGraphStatus(result) {
-     const statusElement = document.getElementById("graph-status");
-     if (!result["rows"]) {
+   function setGraphStatus (result) {
+     const statusElement = document.getElementById('graph-status');
+     if (!result.rows) {
        // TODO use a popup
-       console.log("error parsing graph result");
+       console.log('error parsing graph result');
        console.log(JSON.stringify(result, null, 2));
-       statusElement.innerText = "error, check console";
-       return;
+       statusElement.innerText = 'error, check console';
+       return
      }
 
-     if (result["total_rows"] == 1) {
-       statusElement.innerText = `${result["total_rows"]} row`;
+     if (result.total_rows === 1) {
+       statusElement.innerText = `${result.total_rows} row`;
      } else {
-       statusElement.innerText = `${result["total_rows"]} rows`;
+       statusElement.innerText = `${result.total_rows} rows`;
      }
 
-     if (result["total_rows"] > result["rows"].length) {
-       statusElement.innerText += ` (truncated to ${result["rows"].length})`;
+     if (result.total_rows > result.rows.length) {
+       statusElement.innerText += ` (truncated to ${result.rows.length})`;
      }
    }
 
-   function setQueryStatus(result) {
-     const statusElement = document.getElementById("query-status");
-     if (!result["rows"]) {
+   function setQueryStatus (result) {
+     const statusElement = document.getElementById('query-status');
+     if (!result.rows) {
        // TODO use a popup
-       console.log("error parsing query result");
+       console.log('error parsing query result');
        console.log(JSON.stringify(result, null, 2));
-       statusElement.innerText = "error, check console";
-       return;
+       statusElement.innerText = 'error, check console';
+       return
      }
 
-     if (result["total_rows"] == 1) {
-       statusElement.innerText = `${result["total_rows"]} row`;
+     if (result.total_rows === 1) {
+       statusElement.innerText = `${result.total_rows} row`;
      } else {
-       statusElement.innerText = `${result["total_rows"]} rows`;
+       statusElement.innerText = `${result.total_rows} rows`;
      }
 
-     if (result["total_rows"] > result["rows"].length) {
-       statusElement.innerText += ` (truncated to ${result["rows"].length})`;
+     if (result.total_rows > result.rows.length) {
+       statusElement.innerText += ` (truncated to ${result.rows.length})`;
      }
    }
 
-   function setSavedStatus(status) {
-     document.getElementById("saved-status").innerText = status;
+   function setSavedStatus (status) {
+     document.getElementById('saved-status').innerText = status;
    }
 
-   window.addEventListener("popstate", function(event) {
+   window.addEventListener('popstate', function (event) {
      route();
    });
 
-   window.addEventListener("resize", function(event) {
-     if (window.tab === "graph" && window.result) {
+   window.addEventListener('resize', function (event) {
+     if (window.tab === 'graph' && window.result) {
        clearGraphBox();
        loadGraphResult();
      }
    });
 
-   function route() {
-     selectTab(new URLSearchParams(window.location.search).get("tab") || "query");
+   function route () {
+     selectTab(new URLSearchParams(window.location.search).get('tab') || 'query');
    }
 
    window.onload = function () {
-     fetchMetadata(function(result) {
+     fetchMetadata(function (result) {
        window.metadata = result;
-       if (!result["server"]) {
+       if (!result.server) {
          // TODO show error
-         throw "unexpected metadata response";
+         throw new Error('unexpected metadata response')
        }
-       document.getElementById("header").innerText = result["server"];
-       new URLSearchParams(window.location.search);
-       const queryElement = document.getElementById("query");
+       document.getElementById('header').innerText = result.server;
+       const queryElement = document.getElementById('query');
 
-       init(queryElement, function() {
+       init(queryElement, function () {
          submit();
        });
        route();