tsviewer 1.0.34 → 1.0.35

package/README.md

@@ -25,7 +25,16 @@ import 'tsviewer/style'
 
 ### **2. Initialize the Viewer Store**
 
-Before rendering `<tsviewer />`, you must initialize it by calling `fetchAndSetActiveViewer()` from the store. This ensures the viewer has the correct context.
+Before rendering `<tsviewer />`, you must initialize it by calling `fetchAndSetActiveViewer()` from the store. This ensures the viewer has the correct context. Also we need to load the config for the viewer, and pass the param with following interface
+
+```javascript
+interface ViewerConfig {
+  timeseriesDiscoverApi: string;
+  apiUrl: string;
+  timeSeriesApi: string;
+}
+viewerStore.setViewerConfig(viewerConfig)
+```
 
 You need to provide the following string parameter:
 - **packageId**: The unique identifier for the package to load.
@@ -64,6 +73,12 @@ const isViewerReady = ref(false)
 const viewerStore = useViewerStore()
 
 onMounted(async () => {
+  const viewerConfig = {
+    timeseriesDiscoverApi: runtimeConfig.public.ts_streaming_host_websocket,
+    apiUrl: runtimeConfig.public.api_host,
+    timeSeriesApi: runtimeConfig.public.ts_streaming_host_http,
+  }
+  viewerStore.setViewerConfig(viewerConfig)
   await viewerStore.fetchAndSetActiveViewer({
     packageId: packageId.value,
   })

package/dist/{BFLibraryButton-D_mduAkj.mjs → BFLibraryButton-C-dYnBuB.mjs}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as s, normalizeClass as i, createCommentVNode as n, renderSlot as a, Fragment as f, createTextVNode as u, toDisplayString as l } from "vue";
-import { g as d } from "./index-BJ3pfGgo.mjs";
+import { g as d } from "./index-d9tAAF8S.mjs";
 const c = {
   name: "BfLibraryButton",
   props: {

package/dist/{IconSelection-BEeprN5h.mjs → IconSelection-D2MArWPE.mjs}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as h, createElementVNode as n } from "vue";
-import { g as r } from "./index-BJ3pfGgo.mjs";
+import { g as r } from "./index-d9tAAF8S.mjs";
 const i = {
   name: "IconSelection",
   props: {

package/dist/{TSAnnotationCanvas-CoyN89L9.mjs → TSAnnotationCanvas-BRFOZE_w.mjs}

@@ -1,8 +1,8 @@
 import { ref as C, computed as W, watch as ee, onMounted as te, createElementBlock as ne, openBlock as oe, normalizeStyle as ae, unref as q, nextTick as ie } from "vue";
-import { o as re, m as se, u as _, p as V, h as N, j as H, i as P, g as le } from "./index-BJ3pfGgo.mjs";
+import { o as re, m as se, u as _, p as V, h as N, j as H, i as P, g as le } from "./index-d9tAAF8S.mjs";
 import { storeToRefs as x } from "pinia";
-import { f as ce, h as ue } from "./TSViewerCanvas-DVfgbpsC.mjs";
-import { p as z } from "./pathOr-BSXdOL4Y.mjs";
+import { f as ce, h as ue } from "./TSViewerCanvas-D_C5-SQj.mjs";
+import { p as z } from "./pathOr-CFovk1EG.mjs";
 import { g as de } from "./_commonjsHelpers-DaMA6jEr.mjs";
 const I = (t, u) => {
   let c;

package/dist/{TSAnnotationModal-D7hiW-sy.mjs → TSAnnotationModal-BnBO6zMr.mjs}

@@ -3,9 +3,9 @@ import { E as yn } from "./el-overlay-_Fd7WVZL.mjs";
 import { u as Ha, h as bn, i as gn, c as kn, j as wn, k as za, d as ja, l as Sn, e as qa, m as Dn, o as Cn, E as Mn, g as rt, n as $n, p as Pn, q as Vn, r as _n, T as Tn, C as ca, s as On, t as Yn, f as In, a as Rn, b as xn } from "./el-input-DNjlHApm.mjs";
 import { a as Zt } from "./el-button-B2d_HO4x.mjs";
 import { defineComponent as $e, ref as X, createElementBlock as Q, openBlock as I, normalizeStyle as Gt, normalizeClass as $, unref as e, renderSlot as me, createElementVNode as j, mergeProps as Jt, useAttrs as ha, inject as Re, computed as K, watch as De, nextTick as Ie, onBeforeUnmount as Za, provide as Nt, createBlock as ce, withCtx as le, withModifiers as He, createCommentVNode as se, resolveDynamicComponent as Qe, toDisplayString as fe, onMounted as Ga, Fragment as we, renderList as Pe, createTextVNode as Ge, withDirectives as Ye, createVNode as Z, Transition as An, withKeys as ze, useSlots as ya, toRef as je, vShow as Ze, getCurrentInstance as Ja, reactive as Nn, defineAsyncComponent as Fn } from "vue";
-import { g as En, u as Ln, p as Pa } from "./index-BJ3pfGgo.mjs";
+import { g as En, u as Ln, p as Pa } from "./index-d9tAAF8S.mjs";
 import { storeToRefs as Bn } from "pinia";
-import { I as Un } from "./IconSelection-BEeprN5h.mjs";
+import { I as Un } from "./IconSelection-D2MArWPE.mjs";
 import { g as Xe } from "./_commonjsHelpers-DaMA6jEr.mjs";
 import { v as Va } from "./index-ClxLs_jS.mjs";
 var Ft = { exports: {} }, Kn = Ft.exports, _a;
@@ -4242,7 +4242,7 @@ const Tl = Wa(_l), Ol = { slot: "body" }, Yl = { class: "select-wrapper" }, Il =
   },
   emits: ["closeWindow", "createUpdateAnnotation"],
   setup(n, { emit: l }) {
-    const a = Fn(() => import("./BFLibraryButton-D_mduAkj.mjs")), t = n, d = X(!1);
+    const a = Fn(() => import("./BFLibraryButton-C-dYnBuB.mjs")), t = n, d = X(!1);
     De(() => t.visible, (_) => {
       if (d.value = _, !_) return;
       const M = u.value.start / 1e3, O = u.value.end / 1e3;
@@ -4423,7 +4423,7 @@ const Tl = Wa(_l), Ol = { slot: "body" }, Yl = { class: "select-wrapper" }, Il =
       }, 8, ["title", "modelValue"]);
     };
   }
-}, Jl = /* @__PURE__ */ En(Ll, [["__scopeId", "data-v-af090f6f"]]);
+}, Jl = /* @__PURE__ */ En(Ll, [["__scopeId", "data-v-d74b3ef8"]]);
 export {
   Jl as default
 };

package/dist/{TSFilterModal-DRI8h7lk.mjs → TSFilterModal-C6mGcWkj.mjs}

@@ -1,14 +1,14 @@
 import "./base-CIy5gWpu.mjs";
 import { E as F } from "./el-overlay-_Fd7WVZL.mjs";
-import { I as g } from "./IconSelection-BEeprN5h.mjs";
+import { I as g } from "./IconSelection-D2MArWPE.mjs";
 import { a as y, b as k } from "./el-input-DNjlHApm.mjs";
 import { E as S } from "./el-input-number-CAzspsnM.mjs";
 import { resolveComponent as P, createBlock as u, openBlock as o, withCtx as i, createElementVNode as s, createVNode as r, createElementBlock as a, toDisplayString as c, createTextVNode as d, createCommentVNode as p, Fragment as _, renderList as v } from "vue";
-import { g as N } from "./index-BJ3pfGgo.mjs";
+import { g as N } from "./index-d9tAAF8S.mjs";
 const H = {
   name: "TimeseriesFilterModal",
   components: {
-    "bf-library-button": () => import("./BFLibraryButton-D_mduAkj.mjs"),
+    "bf-library-button": () => import("./BFLibraryButton-C-dYnBuB.mjs"),
     IconSelection: g
   },
   mixins: [],
@@ -232,7 +232,7 @@ function D(t, l, h, M, W, n) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-const Y = /* @__PURE__ */ N(H, [["render", D], ["__scopeId", "data-v-718cdb9b"]]);
+const Y = /* @__PURE__ */ N(H, [["render", D], ["__scopeId", "data-v-7546755f"]]);
 export {
   Y as default
 };

package/dist/{TSScrubber--55ypncW.mjs → TSScrubber-ku6kN4S7.mjs}

@@ -1,5 +1,5 @@
 import { ref as v, computed as N, watch as U, nextTick as E, onMounted as Ne, createElementBlock as Ie, openBlock as $e, createElementVNode as x, toDisplayString as K, normalizeStyle as Q } from "vue";
-import { _ as ve, a as Se, b as Y, c as Ue, d as ge, e as Ve, f as Oe, k as Le, g as Xe, u as je, h as de, i as fe, j as he } from "./index-BJ3pfGgo.mjs";
+import { _ as ve, a as Se, b as Y, c as Ue, d as ge, e as Ve, f as Oe, k as Le, g as Xe, u as je, h as de, i as fe, j as he } from "./index-d9tAAF8S.mjs";
 function me(g, c, l) {
   return function() {
     for (var t = [], p = 0, u = g, k = 0; k < c.length || p < arguments.length; ) {

package/dist/{TSViewerCanvas-DVfgbpsC.mjs → TSViewerCanvas-D_C5-SQj.mjs}

@@ -1,6 +1,6 @@
 import { ref, onUnmounted, readonly, reactive, computed, watch, onMounted, createElementBlock, openBlock, createElementVNode, renderSlot, normalizeStyle, defineAsyncComponent, nextTick, createVNode, withCtx, unref } from "vue";
 import { storeToRefs } from "pinia";
-import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-BJ3pfGgo.mjs";
+import { n as nth, b as _curry2, d as _xfBase, l as _reduced, e as _dispatchable, h as useToken, p as propOr, g as _export_sfc, u as useViewerStore, m as propEq } from "./index-d9tAAF8S.mjs";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DaMA6jEr.mjs";
 var head = /* @__PURE__ */ nth(0), XFind = /* @__PURE__ */ function() {
   function f(c, v) {
@@ -5222,7 +5222,7 @@ const _hoisted_1$1 = { class: "timeseries-plot-canvas" }, _hoisted_2$1 = ["width
   ],
   setup(f, { expose: c, emit: v }) {
     const u = defineAsyncComponent(
-      () => import("./TSAnnotationCanvas-CoyN89L9.mjs")
+      () => import("./TSAnnotationCanvas-BRFOZE_w.mjs")
     ), o = f, i = v, e = useViewerStore(), { viewerChannels: r, viewerAnnotations: t, viewerActiveTool: n, viewerSelectedChannels: d } = storeToRefs(e), s = ref(null), l = ref(null), a = ref(null), h = ref(null), m = ref(null), R = ref(null);
     reactive({});
     const g = ref(0), y = ref(0), O = ref(0), b = ref(1), k = ref(!1), I = ref(!1), M = ref("pointer");

package/dist/{TSViewerLayerWindow-kqKN1_y8.mjs → TSViewerLayerWindow-DCYHBkDp.mjs}

@@ -2,8 +2,8 @@ import "./base-CIy5gWpu.mjs";
 import { E as _ } from "./el-overlay-_Fd7WVZL.mjs";
 import { g as f, a as y, b as h } from "./el-input-DNjlHApm.mjs";
 import { createElementBlock as F, openBlock as s, renderSlot as S, resolveComponent as A, createBlock as u, withCtx as a, createElementVNode as l, createVNode as r, createTextVNode as i, Fragment as E, renderList as k, normalizeStyle as D, toDisplayString as L } from "vue";
-import { g as C } from "./index-BJ3pfGgo.mjs";
-import V from "./BFLibraryButton-D_mduAkj.mjs";
+import { g as C } from "./index-d9tAAF8S.mjs";
+import V from "./BFLibraryButton-C-dYnBuB.mjs";
 const w = {
   name: "CircleIcon",
   props: {
@@ -256,7 +256,7 @@ function W(n, e, c, B, m, t) {
     _: 1
   }, 8, ["model-value", "onClose"]);
 }
-const Q = /* @__PURE__ */ C(N, [["render", W], ["__scopeId", "data-v-b14c56dd"]]);
+const Q = /* @__PURE__ */ C(N, [["render", W], ["__scopeId", "data-v-117509d0"]]);
 export {
   Q as default
 };

package/dist/{TSViewerToolbar-CMGvMsQk.mjs → TSViewerToolbar-BEYgXP-Q.mjs}

@@ -3,7 +3,7 @@ import { E as j, a as G, b as X } from "./el-input-DNjlHApm.mjs";
 import { E as J, a as K } from "./el-button-B2d_HO4x.mjs";
 import { E as Q } from "./el-input-number-CAzspsnM.mjs";
 import { createElementBlock as g, openBlock as r, createElementVNode as t, ref as h, computed as k, onMounted as W, createVNode as l, createBlock as w, createCommentVNode as y, withCtx as u, resolveDynamicComponent as Y, Fragment as tt, renderList as et } from "vue";
-import { g as m } from "./index-BJ3pfGgo.mjs";
+import { g as m } from "./index-d9tAAF8S.mjs";
 const nt = {
   name: "IconPreviousPage",
   props: {

package/dist/{TsAnnotationDeleteDialog-DXHoAlQ9.mjs → TsAnnotationDeleteDialog-BJg8JQK-.mjs}

@@ -1,9 +1,9 @@
 import "./base-CIy5gWpu.mjs";
 import { E as k } from "./el-overlay-_Fd7WVZL.mjs";
 import { createElementBlock as a, openBlock as i, normalizeClass as T, createCommentVNode as f, createElementVNode as s, renderSlot as d, toDisplayString as u, resolveComponent as B, createBlock as A, withCtx as c, createVNode as r, Fragment as x, createTextVNode as h } from "vue";
-import { g as _, p as V } from "./index-BJ3pfGgo.mjs";
-import N from "./BFLibraryButton-D_mduAkj.mjs";
-import { p as C } from "./pathOr-BSXdOL4Y.mjs";
+import { g as _, p as V } from "./index-d9tAAF8S.mjs";
+import N from "./BFLibraryButton-C-dYnBuB.mjs";
+import { p as C } from "./pathOr-CFovk1EG.mjs";
 const U = {
   name: "DialogBody",
   setup(e, { slots: t }) {
@@ -43,7 +43,7 @@ function O(e, t, o, l, m, n) {
     ])
   ], 2);
 }
-const b = /* @__PURE__ */ _(U, [["render", O], ["__scopeId", "data-v-8ee2b9e5"]]), P = {
+const b = /* @__PURE__ */ _(U, [["render", O], ["__scopeId", "data-v-4492039b"]]), P = {
   name: "IconWarningCircle",
   props: {
     width: {

package/dist/{index-BJ3pfGgo.mjs → index-d9tAAF8S.mjs}

@@ -910,7 +910,7 @@ const Tn = (t, e) => {
     }
   },
   setup(t, { expose: e }) {
-    const n = J(() => import("./TSScrubber--55ypncW.mjs")), o = J(() => import("./TSViewerCanvas-DVfgbpsC.mjs").then((r) => r.T)), i = J(() => import("./TSViewerToolbar-CMGvMsQk.mjs")), u = J(() => import("./TSFilterModal-DRI8h7lk.mjs")), g = J(() => import("./TSAnnotationModal-D7hiW-sy.mjs")), A = J(() => import("./TsAnnotationDeleteDialog-DXHoAlQ9.mjs")), l = J(() => import("./TSViewerLayerWindow-kqKN1_y8.mjs")), s = {
+    const n = J(() => import("./TSScrubber-ku6kN4S7.mjs")), o = J(() => import("./TSViewerCanvas-D_C5-SQj.mjs").then((r) => r.T)), i = J(() => import("./TSViewerToolbar-BEYgXP-Q.mjs")), u = J(() => import("./TSFilterModal-C6mGcWkj.mjs")), g = J(() => import("./TSAnnotationModal-BnBO6zMr.mjs")), A = J(() => import("./TsAnnotationDeleteDialog-BJg8JQK-.mjs")), l = J(() => import("./TSViewerLayerWindow-DCYHBkDp.mjs")), s = {
       TIMEUNIT: "microSeconds",
       // Basis for time
       XOFFSET: 0,

package/dist/{pathOr-BSXdOL4Y.mjs → pathOr-CFovk1EG.mjs}

@@ -1,4 +1,4 @@
-import { b as i, n as o, q as h, r as s, o as f } from "./index-BJ3pfGgo.mjs";
+import { b as i, n as o, q as h, r as s, o as f } from "./index-d9tAAF8S.mjs";
 var v = /* @__PURE__ */ i(function(r, a) {
   return r.map(function(n) {
     for (var t = a, e = 0, u; e < n.length; ) {