@tellaro/tql 1.4.0 → 1.4.2

package/dist/vue/TqlChart.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as st, ref as $, computed as k, onMounted as nt, watch as rt, openBlock as C, createElementBlock as M, normalizeStyle as it, createElementVNode as D, toDisplayString as O, createCommentVNode as ot, nextTick as ct } from "vue";
-import { Chart as b, Title as ut, Tooltip as ft, Legend as pt, Filler as dt, BarElement as mt, BarController as ht, LineElement as yt, LineController as gt, PointElement as vt, ArcElement as bt, PieController as xt, DoughnutController as kt, CategoryScale as _t, LinearScale as St, TimeScale as Tt } from "../node_modules/chart.js/dist/chart.js";
+import { defineComponent as at, ref as $, computed as S, onMounted as st, watch as nt, openBlock as M, createElementBlock as w, normalizeStyle as rt, createElementVNode as D, toDisplayString as O, createCommentVNode as it, nextTick as ot } from "vue";
+import { Chart as x, Title as ct, Tooltip as ut, Legend as ft, Filler as pt, BarElement as dt, BarController as mt, LineElement as ht, LineController as yt, PointElement as gt, ArcElement as vt, PieController as bt, DoughnutController as xt, CategoryScale as kt, LinearScale as _t, TimeScale as St } from "../node_modules/chart.js/dist/chart.js";
 import { formatValue as G } from "../src/chart/formatters.js";
-import { extractScalarValue as J, buildChartData as Ct, buildChartOptions as Mt, isTimeSeriesData as wt, isLinkTemplateSafe as Pt, expandLinkTemplate as Lt, chartJsType as K } from "../src/chart/mappers.js";
-const At = {
+import { extractScalarValue as J, buildChartData as Tt, buildChartOptions as Ct, isTimeSeriesData as Mt, isLinkTemplateSafe as wt, expandLinkTemplate as Lt, chartJsType as K } from "../src/chart/mappers.js";
+const Pt = {
   key: 0,
   class: "tql-chart__metric"
 }, Ft = { class: "tql-chart__metric-value" }, Nt = {
   key: 0,
   class: "tql-chart__metric-title"
-}, Rt = /* @__PURE__ */ st({
+}, Ht = /* @__PURE__ */ at({
   __name: "TqlChart",
   props: {
     result: {},
@@ -18,7 +18,8 @@ const At = {
   },
   emits: ["drilldown"],
   setup(E, { emit: U }) {
-    b.register(
+    x.register(
+      ct,
       ut,
       ft,
       pt,
@@ -32,19 +33,14 @@ const At = {
       xt,
       kt,
       _t,
-      St,
-      Tt
+      St
     );
-    let w = null, X = null, P = !1, I = !1;
-    async function Y() {
+    let L = null, P = !1, I = !1;
+    async function X() {
       if (!I) {
         I = !0;
         try {
-          w = (await import("../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js")).default;
-        } catch {
-        }
-        try {
-          X = (await import("../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.esm.js")).default;
+          L = (await import("../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js")).default;
         } catch {
         }
         if (!P)
@@ -54,146 +50,146 @@ const At = {
           }
       }
     }
-    b.defaults.color = "#888", b.defaults.borderColor = "#ffffff0a", b.defaults.font.family = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    const l = E, j = U, m = $(null), L = $(null);
+    x.defaults.color = "#888", x.defaults.borderColor = "#ffffff0a", x.defaults.font.family = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+    const e = E, Y = U, m = $(null), F = $(null);
     let u = null;
-    const _ = k(() => {
-      if (l.chartType && l.chartType !== "auto") return l.chartType;
-      if (l.result.viz_hint) return l.result.viz_hint;
-      const a = l.result.stats;
-      return a && a.type === "stats" && !a.group_by ? "number" : "bar";
-    }), A = k(() => _.value === "number"), Q = k(() => _.value === "gauge"), Z = k(() => {
-      if (!A.value) return "";
-      const a = l.result.stats, t = J(a), e = l.result.viz_params?.format;
-      return e ? G(t, e) : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e4 ? (t / 1e3).toFixed(1) + "K" : Number.isInteger(t) ? t.toLocaleString() : t.toFixed(2);
-    }), B = k(() => l.result.viz_params?.title || "");
-    function tt(a) {
-      if (!l.drilldown || !u) return;
-      const t = u.getElementsAtEventForMode(a, "nearest", { intersect: !0 }, !1);
+    const T = S(() => {
+      if (e.chartType && e.chartType !== "auto") return e.chartType;
+      if (e.result.viz_hint) return e.result.viz_hint;
+      const l = e.result.stats;
+      return l && l.type === "stats" && !l.group_by ? "number" : "bar";
+    }), N = S(() => T.value === "number"), j = S(() => T.value === "gauge"), Q = S(() => {
+      if (!N.value) return "";
+      const l = e.result.stats, t = J(l), a = e.result.viz_params?.format;
+      return a ? G(t, a) : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e4 ? (t / 1e3).toFixed(1) + "K" : Number.isInteger(t) ? t.toLocaleString() : t.toFixed(2);
+    }), B = S(() => e.result.viz_params?.title || "");
+    function Z(l) {
+      if (!e.drilldown || !u) return;
+      const t = u.getElementsAtEventForMode(l, "nearest", { intersect: !0 }, !1);
       if (t.length === 0) return;
-      const e = t[0], r = e.datasetIndex, n = e.index, d = String(u.data.labels?.[n] ?? ""), y = Number(u.data.datasets[r]?.data?.[n] ?? 0);
-      j("drilldown", {
+      const a = t[0], o = a.datasetIndex, n = a.index, d = String(u.data.labels?.[n] ?? ""), v = Number(u.data.datasets[o]?.data?.[n] ?? 0);
+      Y("drilldown", {
         label: d,
-        value: y,
+        value: v,
         index: n,
-        field: l.result.stats.group_by?.[0],
-        chartType: _.value
+        field: e.result.stats.group_by?.[0],
+        chartType: T.value
       });
     }
-    function et() {
-      const a = m.value;
-      if (!a) return;
-      const t = a.getContext("2d");
+    function tt() {
+      const l = m.value;
+      if (!l) return;
+      const t = l.getContext("2d");
       if (!t) return;
-      const e = l.result.viz_params || {}, r = J(l.result.stats), n = Number(e.y_min ?? 0), d = Number(e.y_max ?? 100), y = Math.max(0, Math.min(1, (r - n) / (d - n))), x = e.ranges, g = [];
-      if (x)
-        for (const p of x.split(",")) {
-          const [T, v] = p.split(":");
-          if (T && v) {
-            const [V, W] = T.split("-").map(Number);
-            !isNaN(V) && !isNaN(W) && g.push({ from: V, to: W, color: v.startsWith("#") ? v : `#${v}` });
+      const a = e.result.viz_params || {}, o = J(e.result.stats), n = Number(a.y_min ?? 0), d = Number(a.y_max ?? 100), v = Math.max(0, Math.min(1, (o - n) / (d - n))), k = a.ranges, h = [];
+      if (k)
+        for (const p of k.split(",")) {
+          const [C, b] = p.split(":");
+          if (C && b) {
+            const [V, W] = C.split("-").map(Number);
+            !isNaN(V) && !isNaN(W) && h.push({ from: V, to: W, color: b.startsWith("#") ? b : `#${b}` });
           }
         }
-      const h = a.width = a.parentElement?.clientWidth || 400, o = a.height = 240, s = h / 2, f = o - 40, c = Math.min(h / 2 - 30, o - 60), i = Math.PI, S = 2 * Math.PI;
-      if (t.clearRect(0, 0, h, o), t.beginPath(), t.arc(s, f, c, i, S), t.lineWidth = 24, t.strokeStyle = "#333", t.lineCap = "round", t.stroke(), g.length > 0)
-        for (const p of g) {
-          const T = i + (p.from - n) / (d - n) * Math.PI, v = i + (p.to - n) / (d - n) * Math.PI;
-          t.beginPath(), t.arc(s, f, c, T, Math.min(v, S)), t.lineWidth = 24, t.strokeStyle = p.color + "66", t.lineCap = "butt", t.stroke();
+      const r = l.width = l.parentElement?.clientWidth || 400, y = l.height = 240, i = r / 2, s = y - 40, g = Math.min(r / 2 - 30, y - 60), c = Math.PI, f = 2 * Math.PI;
+      if (t.clearRect(0, 0, r, y), t.beginPath(), t.arc(i, s, g, c, f), t.lineWidth = 24, t.strokeStyle = "#333", t.lineCap = "round", t.stroke(), h.length > 0)
+        for (const p of h) {
+          const C = c + (p.from - n) / (d - n) * Math.PI, b = c + (p.to - n) / (d - n) * Math.PI;
+          t.beginPath(), t.arc(i, s, g, C, Math.min(b, f)), t.lineWidth = 24, t.strokeStyle = p.color + "66", t.lineCap = "butt", t.stroke();
         }
-      const F = i + y * Math.PI;
-      let N = "#818cf8";
-      if (g.length > 0) {
-        for (const p of g)
-          if (r >= p.from && r <= p.to) {
-            N = p.color;
+      const A = c + v * Math.PI;
+      let _ = "#818cf8";
+      if (h.length > 0) {
+        for (const p of h)
+          if (o >= p.from && o <= p.to) {
+            _ = p.color;
             break;
           }
       }
-      t.beginPath(), t.arc(s, f, c, i, F), t.lineWidth = 24, t.strokeStyle = N, t.lineCap = "round", t.stroke();
-      const q = e.title || "", z = e.format, at = z ? G(r, z) : Number.isInteger(r) ? r.toLocaleString() : r.toFixed(1);
-      t.fillStyle = N, t.font = "bold 36px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "center", t.fillText(String(at), s, f - 10), q && (t.fillStyle = "#888", t.font = "13px -apple-system, BlinkMacSystemFont, sans-serif", t.fillText(q, s, f + 18)), t.fillStyle = "#555", t.font = "11px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "left", t.fillText(String(n), s - c - 5, f + 18), t.textAlign = "right", t.fillText(String(d), s + c + 5, f + 18);
+      t.beginPath(), t.arc(i, s, g, c, A), t.lineWidth = 24, t.strokeStyle = _, t.lineCap = "round", t.stroke();
+      const q = a.title || "", z = a.format, lt = z ? G(o, z) : Number.isInteger(o) ? o.toLocaleString() : o.toFixed(1);
+      t.fillStyle = _, t.font = "bold 36px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "center", t.fillText(String(lt), i, s - 10), q && (t.fillStyle = "#888", t.font = "13px -apple-system, BlinkMacSystemFont, sans-serif", t.fillText(q, i, s + 18)), t.fillStyle = "#555", t.font = "11px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "left", t.fillText(String(n), i - g - 5, s + 18), t.textAlign = "right", t.fillText(String(d), i + g + 5, s + 18);
     }
-    function lt() {
-      if (!m.value || A.value) return;
-      if (Q.value) {
-        et();
+    function et() {
+      if (!m.value || N.value) return;
+      if (j.value) {
+        tt();
         return;
       }
       u && (u.destroy(), u = null);
-      const a = _.value, t = Ct(l.result, a), e = Mt(l.result, a);
-      l.drilldown && (e.onClick = tt, m.value && (m.value.style.cursor = "pointer"));
-      const r = [], n = l.result.viz_params || {}, d = n.labels === !0 || n.labels === "true" || n.labels === "minmax";
-      w && d && r.push(w);
-      const y = [...t.labels], x = e.indexAxis === "y";
-      P && wt(l.result.stats) && e?.scales?.x && !x ? e.scales.x = {
-        ...e.scales.x,
+      const l = T.value, t = Tt(e.result, l), a = Ct(e.result, l);
+      e.drilldown && (a.onClick = Z, m.value && (m.value.style.cursor = "pointer"));
+      const o = [], n = e.result.viz_params || {}, d = n.labels === !0 || n.labels === "true" || n.labels === "minmax";
+      L && d && o.push(L);
+      const v = [...t.labels], k = a.indexAxis === "y", h = P && Mt(e.result.stats), r = a;
+      h && r?.scales?.x && !k ? r.scales.x = {
+        ...r.scales.x,
         type: "time",
         time: { tooltipFormat: "HH:mm", displayFormats: { minute: "HH:mm", hour: "HH:mm", day: "MMM d" } },
-        ticks: { ...e.scales.x.ticks, maxRotation: 0, autoSkip: !0, maxTicksLimit: 10 }
-      } : x ? e?.scales?.y && !e.scales.y.ticks?.callback && (e.scales.y.ticks = {
-        ...e.scales.y.ticks,
-        callback: function(o, s) {
-          return y[s] ?? s;
+        ticks: { ...r.scales.x.ticks, maxRotation: 0, autoSkip: !0, maxTicksLimit: 10 }
+      } : k ? r?.scales?.y && !r.scales.y.ticks?.callback && (r.scales.y.ticks = {
+        ...r.scales.y.ticks,
+        callback: function(i, s) {
+          return v[s] ?? s;
         }
-      }) : e?.scales?.x && !e.scales.x.ticks?.callback && (e.scales.x.ticks = {
-        ...e.scales.x.ticks,
-        callback: function(o, s) {
-          return y[s] ?? s;
+      }) : r?.scales?.x && !r.scales.x.ticks?.callback && (r.scales.x.ticks = {
+        ...r.scales.x.ticks,
+        callback: function(i, s) {
+          return v[s] ?? s;
         }
       });
-      const h = n.link;
-      if (h && Pt(h) && L.value) {
-        const o = n.link_target || "_self", s = L.value;
-        e.plugins = {
-          ...e.plugins,
+      const y = n.link;
+      if (y && wt(y) && F.value) {
+        const i = n.link_target || "_self", s = F.value;
+        a.plugins = {
+          ...a.plugins,
           tooltip: {
             enabled: !1,
-            external: (f) => {
-              const { tooltip: c } = f;
+            external: (g) => {
+              const { tooltip: c } = g;
               if (c.opacity === 0) {
                 s.style.opacity = "0";
                 return;
               }
-              const i = c.dataPoints?.[0];
-              if (!i) return;
-              const S = Lt(h, {
-                value: i.label,
-                label: i.label,
-                field: l.result.stats.group_by?.[0],
-                count: i.raw
-              }), F = o === "_blank" ? ' rel="noopener noreferrer"' : "";
-              s.innerHTML = `<div class="tt-title">${i.label}</div><div class="tt-val">${i.formattedValue}</div><a href="${S}" target="${o}"${F} class="tt-link">Open link &rarr;</a>`, s.style.opacity = "1", s.style.left = c.caretX + "px", s.style.top = c.caretY + "px";
+              const f = c.dataPoints?.[0];
+              if (!f) return;
+              const A = Lt(y, {
+                value: f.label,
+                label: f.label,
+                field: e.result.stats.group_by?.[0],
+                count: f.raw
+              }), _ = i === "_blank" ? ' rel="noopener noreferrer"' : "";
+              s.innerHTML = `<div class="tt-title">${f.label}</div><div class="tt-val">${f.formattedValue}</div><a href="${A}" target="${i}"${_} class="tt-link">Open link &rarr;</a>`, s.style.opacity = "1", s.style.left = c.caretX + "px", s.style.top = c.caretY + "px";
             }
           }
         };
       }
       try {
-        u = new b(m.value, {
-          type: K(a),
+        u = new x(m.value, {
+          type: K(l),
           data: { labels: t.labels, datasets: t.datasets },
-          options: e,
-          plugins: r
+          options: a,
+          plugins: o
         });
-      } catch (o) {
-        console.warn("[TqlChart] Plugin error, rendering without plugins:", o), u = new b(m.value, {
-          type: K(a),
+      } catch (i) {
+        console.warn("[TqlChart] Plugin error, rendering without plugins:", i), u = new x(m.value, {
+          type: K(l),
           data: { labels: t.labels, datasets: t.datasets },
-          options: e
+          options: a
         });
       }
     }
     let H = !1;
     async function R() {
-      H || (await Y(), H = !0), ct(lt);
+      H || (await X(), H = !0), ot(et);
     }
-    return nt(R), rt(() => [l.result, l.chartType], () => R(), { deep: !0 }), (a, t) => (C(), M("div", {
+    return st(R), nt(() => [e.result, e.chartType], () => R(), { deep: !0 }), (l, t) => (M(), w("div", {
       class: "tql-chart",
-      style: it({ height: E.height })
+      style: rt({ height: E.height })
     }, [
-      A.value ? (C(), M("div", At, [
-        D("span", Ft, O(Z.value), 1),
-        B.value ? (C(), M("span", Nt, O(B.value), 1)) : ot("", !0)
-      ])) : (C(), M("canvas", {
+      N.value ? (M(), w("div", Pt, [
+        D("span", Ft, O(Q.value), 1),
+        B.value ? (M(), w("span", Nt, O(B.value), 1)) : it("", !0)
+      ])) : (M(), w("canvas", {
         key: 1,
         ref_key: "canvasRef",
         ref: m,
@@ -201,12 +197,12 @@ const At = {
       }, null, 512)),
       D("div", {
         ref_key: "tooltipRef",
-        ref: L,
+        ref: F,
         class: "tql-chart__tooltip"
       }, null, 512)
     ], 4));
   }
 });
 export {
-  Rt as default
+  Ht as default
 };

package/dist/vue/TqlInput.vue.js

@@ -2,7 +2,7 @@ import o from "./TqlInput.vue2.js";
 /* empty css              */
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2eb7c399"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b501ae88"]]);
 export {
-  a as default
+  _ as default
 };

package/dist/vue/components/TqlPreview.vue.js

@@ -1,9 +1,9 @@
-import e from "./TqlPreview.vue2.js";
+import o from "./TqlPreview.vue2.js";
 import { TqlPreviewNode as i } from "./TqlPreview.vue2.js";
 /* empty css                */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bae811e6"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3521fa37"]]);
 export {
   i as TqlPreviewNode,
-  p as default
+  m as default
 };

package/dist/vue/useTqlInput.d.ts

@@ -0,0 +1,54 @@
+import { Ref } from 'vue';
+import { TqlCompletionItem, TqlFieldSchema, TqlParseResult, TqlSnippet, TqlToken, TqlValidationResult } from '../src/types';
+export interface UseTqlInputOptions {
+    modelValue: Ref<string>;
+    fieldSchema?: Ref<TqlFieldSchema[] | undefined>;
+    snippets?: Ref<TqlSnippet[] | undefined>;
+    fieldValues?: Ref<Record<string, string[]> | undefined>;
+    validateOnInput?: boolean;
+    /** Debounce time for validation in ms (default: 300) */
+    debounceMs?: number;
+    /** Debounce time for completions in ms (default: 50, faster than validation) */
+    completionDebounceMs?: number;
+    autocomplete?: boolean;
+    onValidation?: (result: TqlValidationResult) => void;
+    onParse?: (result: TqlParseResult) => void;
+}
+/**
+ * Placeholder position for tab-stop navigation (used in insertCompletion return value)
+ */
+export interface PlaceholderPosition {
+    start: number;
+    end: number;
+}
+export declare function useTqlInput(options: UseTqlInputOptions): {
+    tokens: any;
+    parseResult: any;
+    validationResult: any;
+    cursorPosition: any;
+    completionItems: any;
+    showAutocomplete: any;
+    isValidating: any;
+    isValid: any;
+    errors: any;
+    warnings: any;
+    hasErrors: any;
+    hasWarnings: any;
+    tokenize: () => any;
+    parse: () => TqlParseResult;
+    validate: () => TqlValidationResult;
+    updateCompletions: () => void;
+    triggerAutocomplete: () => void;
+    hideAutocomplete: () => void;
+    handleInput: (value: string) => void;
+    handleCursorChange: (position: number) => void;
+    insertCompletion: (item: TqlCompletionItem) => {
+        query: string;
+        newCursorPosition: number;
+        placeholders: PlaceholderPosition[];
+    };
+    insertSnippet: (snippet: TqlSnippet) => string;
+    getTokenAtCursor: () => TqlToken | null;
+    isPositionInError: (position: number) => boolean;
+    getErrorsAtPosition: (position: number) => any;
+};