@weng-lab/genomebrowser 1.7.3 → 1.7.4

package/dist/api/fetchers.d.ts

@@ -7,6 +7,7 @@ export interface QueryHooks {
     fetchBigData: LazyQueryExecFunction<any, OperationVariables>;
     fetchGene: LazyQueryExecFunction<any, OperationVariables>;
     fetchMotif: LazyQueryExecFunction<any, OperationVariables>;
+    getTrackData: (id: string) => TrackDataState | undefined;
 }
 export type FetcherContext<T extends Track = Track> = {
     track: T;

package/dist/genomebrowser.es.js

@@ -338,7 +338,7 @@ function Zh(e, t = Xh) {
 const Os = (e) => {
   const t = Yh(e), r = (n) => Zh(t, n);
   return Object.assign(r, t), r;
-}, Dr = ((e) => e ? Os(e) : Os), b_ = Tl;
+}, Dr = ((e) => e ? Os(e) : Os), b1 = Tl;
 function Jh(e) {
   return xe(() => Tl(), e ?? []);
 }
@@ -4106,7 +4106,7 @@ Array[$i] || (function(e) {
   } finally {
     return e;
   }
-})(M0()), { bind: __, noContext: w_ } = sn, Ri = new sn(), { hasOwnProperty: N0 } = Object.prototype, Qo = Array.from || function(e) {
+})(M0()), { bind: _1, noContext: w1 } = sn, Ri = new sn(), { hasOwnProperty: N0 } = Object.prototype, Qo = Array.from || function(e) {
   const t = [];
   return e.forEach((r) => t.push(r)), t;
 };
@@ -14797,9 +14797,8 @@ async function bt(e, t, r, n) {
       const u = performance.now() - i;
       return { data: c, source: "GQL", elapsed: u, url: e };
     })
-  ], s = await Promise.race([a, o]);
-  return console.log(s.url, `
-`, s.source, "took", s.elapsed.toFixed(2), "ms"), s.data;
+  ];
+  return (await Promise.race([a, o])).data;
 }
 async function Zm(e) {
   const { track: t, expandedDomain: r, preRenderedWidth: n, queries: i } = e;
@@ -14870,7 +14869,7 @@ async function tg(e) {
     bt(t.signalURL, r, -1, n)
   ]), a = i[0].data[0], o = ((u = (c = i[1]) == null ? void 0 : c.data) == null ? void 0 : u.map((w) => w.value)) ?? [], s = (l = i[0]) != null && l.error || (h = i[1]) != null && h.error ? ((d = i[0]) == null ? void 0 : d.error) + `
 ` + ((f = i[1]) == null ? void 0 : f.error) : null;
-  return console.log(o), { data: { sequence: a, importance: o }, error: s };
+  return { data: { sequence: a, importance: o }, error: s };
 }
 async function rg(e) {
   var s;
@@ -14905,13 +14904,17 @@ async function ng(e) {
   };
 }
 async function ig(e) {
-  return {
+  var r, n;
+  const t = (n = (r = e.queries).getTrackData) == null ? void 0 : n.call(r, e.track.id);
+  return t != null && t.data ? t : {
     data: null,
     error: null
   };
 }
 async function ag(e) {
-  return {
+  var r, n;
+  const t = (n = (r = e.queries).getTrackData) == null ? void 0 : n.call(r, e.track.id);
+  return t != null && t.data ? t : {
     data: null,
     error: null
   };
@@ -14936,7 +14939,8 @@ function sg() {
       const w = r(), E = i * a - 1, _ = {
         fetchBigData: l,
         fetchGene: h,
-        fetchMotif: d
+        fetchMotif: d,
+        getTrackData: u
       }, x = e.filter((y) => !u(y.id)).map((y) => ({ id: y.id, state: { data: null, error: null } }));
       x.length > 0 && c(x);
       const b = (await Promise.allSettled(
@@ -15187,7 +15191,7 @@ function bh({
     })
   ] });
 }
-const mg = 0, qu = 255, I_ = [
+const mg = 0, qu = 255, I1 = [
   "#fd7f6f",
   "#7eb0d5",
   "#b2e061",
@@ -15197,7 +15201,7 @@ const mg = 0, qu = 255, I_ = [
   "#beb9db",
   "#fdcce5",
   "#8bd3c7"
-], R_ = [
+], R1 = [
   "#e60049",
   "#0bb4ff",
   "#50e991",
@@ -17738,7 +17742,6 @@ function ty({
         width: f,
         children: A.transcripts.map((j, W) => {
           const V = Oh(j.transcript, _);
-          console.log(j);
           let Z;
           return o != null && o.toLowerCase().includes(j.transcript.name.toLowerCase()) ? Z = s : r !== "" && j.transcript.name.toLowerCase().includes(r == null ? void 0 : r.toLowerCase()) && (Z = c), /* @__PURE__ */ S.jsxs("g", { children: [
             /* @__PURE__ */ S.jsx(
@@ -20466,7 +20469,7 @@ function Kx() {
     }), () => m.disconnect();
   }, [n, e, t, r, f, E, l]), !n || d ? null : /* @__PURE__ */ S.jsx("g", { ref: h, id: "tooltip", transform: `translate(${i}, ${o})`, children: e });
 }
-function e_({ children: e }) {
+function e1({ children: e }) {
   const t = we((o) => o.setSvgRef), r = rt(null), n = De((o) => o.getTotalHeight()), i = we((o) => o.browserWidth), a = It((o) => o.isFetching);
   return Ue(() => {
     t(r);
@@ -20497,7 +20500,7 @@ function e_({ children: e }) {
     }
   );
 }
-function t_() {
+function t1() {
   const e = we((w) => w.browserWidth), t = we((w) => w.marginWidth), r = Qe, n = De((w) => w.getTotalHeight()) + Qe, [i, a] = Me([0, 0]), [o, s] = Me(!1), c = we((w) => w.svgRef), u = we((w) => w.domain), l = we((w) => w.setDomain), h = (w) => {
     if (!c || !c.current) return null;
     const E = El(w, c.current);
@@ -20558,7 +20561,7 @@ function El(e, t) {
   const n = t.getScreenCTM();
   return n ? r.matrixTransform(n.inverse()) : null;
 }
-function r_() {
+function r1() {
   const e = It((f) => f.isFetching), t = we((f) => f.domain), r = we((f) => f.getExpandedDomain), [n, i] = Me(r()), a = we((f) => f.delta);
   Ue(() => {
     e || a !== 0 || i(r());
@@ -20569,7 +20572,7 @@ function r_() {
     /* @__PURE__ */ S.jsx("g", { id: "highlights-clipped", clipPath: "url(#highlight-clip)", children: /* @__PURE__ */ S.jsx(Th, { id: "highlights", children: o.map((f) => {
       let w = f.domain.chromosome;
       return w || (w = n.chromosome), w !== n.chromosome ? null : /* @__PURE__ */ S.jsx(
-        n_,
+        n1,
         {
           highlight: f,
           totalWidth: l,
@@ -20582,14 +20585,14 @@ function r_() {
     }) }) })
   ] });
 }
-function n_({
+function n1({
   highlight: e,
   browserDomain: t,
   totalHeight: r,
   totalWidth: n,
   marginWidth: i
 }) {
-  const a = e.domain, o = i_(a, t, n);
+  const a = e.domain, o = i1(a, t, n);
   return /* @__PURE__ */ S.jsx(
     "rect",
     {
@@ -20603,17 +20606,17 @@ function n_({
     }
   );
 }
-function i_(e, t, r) {
+function i1(e, t, r) {
   const n = t.end - t.start, i = (e.start - t.start) / n, a = (e.end - t.start) / n;
   return { start: i * r, end: a * r };
 }
-function a_() {
+function a1() {
   const e = De((t) => t.ids);
   return sg(), /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
-    /* @__PURE__ */ S.jsxs(e_, { children: [
-      /* @__PURE__ */ S.jsx(t_, {}),
+    /* @__PURE__ */ S.jsxs(e1, { children: [
+      /* @__PURE__ */ S.jsx(t1, {}),
       /* @__PURE__ */ S.jsx(Dh, { id: "ruler", transform: "translate(0, 0)", loading: !1, error: void 0, children: /* @__PURE__ */ S.jsx(jg, {}) }),
-      /* @__PURE__ */ S.jsx(r_, {}),
+      /* @__PURE__ */ S.jsx(r1, {}),
       e.map((t) => /* @__PURE__ */ S.jsx(lx, { id: t }, t)),
       /* @__PURE__ */ S.jsx(Kx, {})
     ] }),
@@ -20621,7 +20624,7 @@ function a_() {
     /* @__PURE__ */ S.jsx(Xx, {})
   ] });
 }
-function M_({ browserStore: e, trackStore: t, externalDataStore: r }) {
+function M1({ browserStore: e, trackStore: t, externalDataStore: r }) {
   const n = r ?? Jh([]), i = xe(() => Dl(), []), a = xe(() => Cl(), []), o = xe(() => Ol(), []), s = xe(() => Il(), []), c = xe(
     () => ({
       browserStore: e,
@@ -20634,10 +20637,10 @@ function M_({ browserStore: e, trackStore: t, externalDataStore: r }) {
     }),
     [e, t, n, i, a, o, s]
   );
-  return /* @__PURE__ */ S.jsx(ed, { value: c, children: /* @__PURE__ */ S.jsx(a_, {}) });
+  return /* @__PURE__ */ S.jsx(ed, { value: c, children: /* @__PURE__ */ S.jsx(a1, {}) });
 }
-const A_ = Bh;
-function N_(e, t) {
+const A1 = Bh;
+function N1(e, t) {
   return xe(() => Bh(e), t ?? []);
 }
 function Bh(e) {
@@ -20699,8 +20702,8 @@ function Bh(e) {
     }
   }));
 }
-const j_ = qh;
-function P_(e, t) {
+const j1 = qh;
+function P1(e, t) {
   return xe(() => qh(e), t ?? []);
 }
 function qh(e = []) {
@@ -20788,31 +20791,31 @@ function qh(e = []) {
     }
   }));
 }
-const o_ = "https://screen.api.wenglab.org/graphql", s_ = new Qf({
-  link: new kf({ uri: o_ }),
+const o1 = "https://screen.api.wenglab.org/graphql", s1 = new Qf({
+  link: new kf({ uri: o1 }),
   cache: new Wf(),
   devtools: {
     enabled: !0,
     name: "Genome Browser"
   }
 });
-function F_({ children: e }) {
-  return /* @__PURE__ */ S.jsx(Iv, { client: s_, children: e });
+function F1({ children: e }) {
+  return /* @__PURE__ */ S.jsx(Iv, { client: s1, children: e });
 }
-function c_(e, t, r, n) {
+function c1(e, t, r, n) {
   return n ? `M ${e} ${r * 0.1} L ${e + t} ${r / 2} L ${e} ${r * 0.9}` : `M ${e + t} ${r * 0.1} L ${e} ${r / 2} L ${e + t} ${r * 0.9}`;
 }
-function u_(e) {
-  return /* @__PURE__ */ S.jsx("path", { d: c_(e.x, e.width, e.height, e.opening), fill: e.color });
+function u1(e) {
+  return /* @__PURE__ */ S.jsx("path", { d: c1(e.x, e.width, e.height, e.opening), fill: e.color });
 }
-const l_ = /* @__PURE__ */ new Map([
+const l1 = /* @__PURE__ */ new Map([
   ["stalk", (e) => e.stalk],
   ["gvar", (e) => e.default],
   ["gneg", (e) => Zt(e.default, 0.9)]
 ]);
-function f_(e) {
+function f1(e) {
   var r;
-  const t = e.type.slice(0, 4) === "gpos" ? Zt(e.colors.default, 1 - +e.type.replace(/gpos/g, "") / 100) : (r = l_.get(e.type)) == null ? void 0 : r.call(null, e.colors);
+  const t = e.type.slice(0, 4) === "gpos" ? Zt(e.colors.default, 1 - +e.type.replace(/gpos/g, "") / 100) : (r = l1.get(e.type)) == null ? void 0 : r.call(null, e.colors);
   return t === void 0 ? null : /* @__PURE__ */ S.jsx(
     "rect",
     {
@@ -20825,8 +20828,8 @@ function f_(e) {
     }
   );
 }
-function h_(e) {
-  return e.x(e.highlight.end) - e.x(e.highlight.start) < 10 ? /* @__PURE__ */ S.jsx(d_, { highlight: e.highlight, x: e.x, height: e.height }) : /* @__PURE__ */ S.jsx(
+function h1(e) {
+  return e.x(e.highlight.end) - e.x(e.highlight.start) < 10 ? /* @__PURE__ */ S.jsx(d1, { highlight: e.highlight, x: e.x, height: e.height }) : /* @__PURE__ */ S.jsx(
     "rect",
     {
       x: e.x(e.highlight.start),
@@ -20840,14 +20843,14 @@ function h_(e) {
     }
   );
 }
-function d_(e) {
+function d1(e) {
   const { highlight: t, height: r, x: n } = e, i = `M ${n(t.start) - 5} 0 L ${n(t.start)} ${r * 0.2} L ${n(t.start) + 5} 0`, a = `M ${n(t.start) - 5} ${r} L ${n(t.start)} ${r * 0.8} L ${n(t.start) + 5} ${r}`;
   return /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
     /* @__PURE__ */ S.jsx("path", { d: i, stroke: t.color || "#ff0000", strokeWidth: 3, fill: "none" }),
     /* @__PURE__ */ S.jsx("path", { d: a, stroke: t.color || "#ff0000", strokeWidth: 3, fill: "none" })
   ] });
 }
-const p_ = qt`
+const p1 = qt`
   query cytobands($assembly: String!, $chromosome: String) {
     cytoband(assembly: $assembly, chromosome: $chromosome) {
       stain
@@ -20858,21 +20861,21 @@ const p_ = qt`
       }
     }
   }
-`, v_ = {
+`, v1 = {
   default: "#000000",
   centromere: "#880000",
   stalk: "#ff0000"
 };
-function B_({
+function B1({
   assembly: e,
   currentDomain: t
 }) {
-  const i = { ...t, color: "rgba(50,50,255,0.75)" }, a = "translate(0,0)", { data: o, loading: s, error: c } = Uv(p_, {
+  const i = { ...t, color: "rgba(50,50,255,0.75)" }, a = "translate(0,0)", { data: o, loading: s, error: c } = Uv(p1, {
     variables: {
       assembly: e,
       chromosome: t.chromosome || ""
     }
-  }), u = v_;
+  }), u = v1;
   if (s)
     return /* @__PURE__ */ S.jsx("g", { width: 700, height: 20, children: /* @__PURE__ */ S.jsx("text", { x: "350", y: "15", textAnchor: "middle", style: { fontSize: "14px", fontFamily: "sans-serif" }, children: "Loading..." }) });
   if (c)
@@ -20880,7 +20883,7 @@ function B_({
       "Error: ",
       c.message
     ] }) });
-  const l = { start: 0, end: Math.max(...o.cytoband.map((f) => f.coordinates.end)) }, h = m_(
+  const l = { start: 0, end: Math.max(...o.cytoband.map((f) => f.coordinates.end)) }, h = m1(
     {
       start: l.start,
       end: l.end,
@@ -20893,7 +20896,7 @@ function B_({
     o.cytoband.map((f, w) => {
       const E = h(f.coordinates.start), _ = h(f.coordinates.end) - E;
       return f.stain === "acen" ? /* @__PURE__ */ S.jsx(
-        u_,
+        u1,
         {
           width: _,
           x: E,
@@ -20902,10 +20905,10 @@ function B_({
           opening: d++ === 0
         },
         w
-      ) : /* @__PURE__ */ S.jsx(f_, { type: f.stain, width: _, x: E, height: 20, colors: u, opacity: 1 }, w);
+      ) : /* @__PURE__ */ S.jsx(f1, { type: f.stain, width: _, x: E, height: 20, colors: u, opacity: 1 }, w);
     }),
     i ? /* @__PURE__ */ S.jsx(
-      h_,
+      h1,
       {
         onMouseOut: () => {
         },
@@ -20917,29 +20920,29 @@ function B_({
     ) : null
   ] });
 }
-function m_(e, t) {
+function m1(e, t) {
   return (r) => (r - e.start) * t / (e.end - e.start);
 }
-function q_(e, t, r) {
+function q1(e, t, r) {
   const n = r((a) => a.setTrackData), i = r((a) => a.isFetching);
   Ue(() => {
     i || (t.loading ? n(e, { data: null, error: null }) : t.error ? n(e, { data: null, error: t.error.message }) : t.data && n(e, { data: t.data, error: null }));
   }, [t.data, t.loading, t.error, i, e, n]);
 }
 export {
-  M_ as Browser,
-  B_ as Cytobands,
+  M1 as Browser,
+  B1 as Cytobands,
   dt as DisplayMode,
-  F_ as GQLWrapper,
-  I_ as Pastels,
+  F1 as GQLWrapper,
+  I1 as Pastels,
   Te as TrackType,
-  R_ as Vibrant,
-  A_ as createBrowserStore,
-  N_ as createBrowserStoreMemo,
-  b_ as createDataStore,
+  R1 as Vibrant,
+  A1 as createBrowserStore,
+  N1 as createBrowserStoreMemo,
+  b1 as createDataStore,
   Jh as createDataStoreMemo,
-  j_ as createTrackStore,
-  P_ as createTrackStoreMemo,
-  q_ as useCustomData
+  j1 as createTrackStore,
+  P1 as createTrackStoreMemo,
+  q1 as useCustomData
 };
 //# sourceMappingURL=genomebrowser.es.js.map