@vizhub/runtime 1.0.0 → 2.0.0

package/dist/index.js

@@ -1,34 +1,33 @@
-import { g as L, p as N, t as $ } from "./slugCache-C1nrdh7e.js";
-import { b as de, a as pe, c as fe, d as me, s as ve } from "./slugCache-C1nrdh7e.js";
-import { isVizId as F, getFileText as z, generateVizId as T, fileCollectionToVizFiles as D } from "@vizhub/viz-utils";
-import { transform as V } from "sucrase";
-const W = (e) => async (t) => {
-  const n = L();
-  return new Promise((r) => {
-    const s = (o) => {
-      o.data.type === "invalidateVizCacheResponse" && o.data.requestId === n && (e.removeEventListener(
+import { g as j, p as I, a as O, b as F, s as z, t as D, d as T, c as V, e as $ } from "./slugCache-DqUp8B5A.js";
+import { f as oe, j as ie, i as ce, h as ae, k as le } from "./slugCache-DqUp8B5A.js";
+import { isVizId as W, getFileText as L, generateVizId as A, fileCollectionToVizFiles as P } from "@vizhub/viz-utils";
+const U = (e) => async (t) => {
+  const s = j();
+  return new Promise((i) => {
+    const r = (o) => {
+      o.data.type === "invalidateVizCacheResponse" && o.data.requestId === s && (e.removeEventListener(
         "message",
-        s
-      ), r());
+        r
+      ), i());
     };
     e.addEventListener(
       "message",
-      s
+      r
     ), e.postMessage({
       type: "invalidateVizCacheRequest",
       changedVizIds: t,
-      requestId: n
+      requestId: s
     });
   });
-}, P = ({
+}, q = ({
   worker: e,
   setBuildErrorMessage: t
 }) => ({
-  files: n,
-  enableSourcemap: r,
-  vizId: s
+  files: s,
+  enableSourcemap: i,
+  vizId: r
 }) => {
-  const o = L();
+  const o = j();
   return new Promise(
     (c) => {
       const a = (m) => {
@@ -38,49 +37,49 @@ const W = (e) => async (t) => {
             "message",
             a
           );
-          const g = p.buildResult, v = p.error;
-          v ? t == null || t(v) : t == null || t(null), c(g);
+          const w = p.buildResult, v = p.error;
+          v ? t == null || t(v) : t == null || t(null), c(w);
         }
       };
       e.addEventListener("message", a);
       const u = {
         type: "buildRequest",
-        files: n,
-        enableSourcemap: r,
+        files: s,
+        enableSourcemap: i,
         requestId: o,
-        vizId: s
+        vizId: r
       };
       e.postMessage(u);
     }
   );
-}, S = "IDLE", b = "ENQUEUED", R = "PENDING_CLEAN", x = "PENDING_DIRTY", oe = ({
+}, S = "IDLE", x = "ENQUEUED", b = "PENDING_CLEAN", C = "PENDING_DIRTY", B = ({
   iframe: e,
   worker: t,
-  setBuildErrorMessage: n,
-  getLatestContent: r,
-  resolveSlugKey: s,
+  setBuildErrorMessage: s,
+  getLatestContent: i,
+  resolveSlugKey: r,
   writeFile: o
 }) => {
   let c = S, a = null;
-  const u = P({
+  const u = q({
     worker: t,
-    setBuildErrorMessage: n
+    setBuildErrorMessage: s
   }), m = ({
     data: l
   }) => {
-    if (l.type === "contentRequest" && r) {
-      const { vizId: i } = l;
-      r(i).then((d) => {
+    if (l.type === "contentRequest" && i) {
+      const { vizId: n } = l;
+      i(n).then((d) => {
         t.postMessage({
           type: "contentResponse",
-          vizId: i,
+          vizId: n,
           content: d
         });
       });
     } else if (l.type === "resolveSlugRequest") {
-      const { slugKey: i, requestId: d } = l;
-      if (s)
-        s(i).then(
+      const { slugKey: n, requestId: d } = l;
+      if (r)
+        r(n).then(
           (f) => {
             const h = {
               type: "resolveSlugResponse",
@@ -102,43 +101,43 @@ const W = (e) => async (t) => {
   };
   t.addEventListener("message", m);
   const p = (l) => {
-    const i = l.data;
-    (i.type === "runDone" || i.type === "runError") && i.type === "runError" && n && n(i.error.message), i.type === "writeFile" && o && i.fileName && i.content && o(i.fileName, i.content);
+    const n = l.data;
+    (n.type === "runDone" || n.type === "runError") && n.type === "runError" && s && s(n.error.message), n.type === "writeFile" && o && n.fileName && n.content && o(n.fileName, n.content);
   };
   window.addEventListener("message", p);
-  const g = () => {
+  const w = () => {
     t.removeEventListener("message", m), window.removeEventListener("message", p);
   }, v = async ({
     files: l,
-    enableHotReloading: i = !1,
+    enableHotReloading: n = !1,
     enableSourcemap: d = !1,
     vizId: f
   }) => {
-    c = R;
+    c = b;
     const h = await u({
       files: l,
       enableSourcemap: d,
       vizId: f
     });
     if (h) {
-      const { html: w, js: y, css: j } = h;
-      if (console.clear(), i) {
-        if (j) {
-          const I = {
+      const { html: E, js: y, css: R } = h;
+      if (console.clear(), n) {
+        if (R) {
+          const N = {
             type: "runCSS",
-            css: j
+            css: R
           };
           if (!e.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
           e.contentWindow.postMessage(
-            I,
+            N,
             window.location.origin
           );
         }
         if (y) {
-          const I = {
+          const N = {
             type: "runJS",
             js: y
           };
@@ -147,112 +146,53 @@ const W = (e) => async (t) => {
               "iframe.contentWindow is null - this should never happen"
             );
           e.contentWindow.postMessage(
-            I,
+            N,
             window.location.origin
           );
         }
       } else
-        e.srcdoc = w || "";
+        e.srcdoc = E || "";
     }
-    c === x ? (requestAnimationFrame(() => {
+    c === C ? (requestAnimationFrame(() => {
       if (!a)
         throw new Error(
           "latestFiles is not defined and state is PENDING_DIRTY - this should never happen"
         );
       v({
         files: a,
-        enableHotReloading: i,
+        enableHotReloading: n,
         enableSourcemap: d,
         vizId: f
       });
-    }), c = b) : c = S;
-  }, E = ({
+    }), c = x) : c = S;
+  }, g = ({
     files: l,
-    enableHotReloading: i = !1,
+    enableHotReloading: n = !1,
     enableSourcemap: d = !1,
     vizId: f = void 0
   }) => {
     if (a = null, c === S)
-      c = b, v({
+      c = x, v({
         files: l,
-        enableHotReloading: i,
+        enableHotReloading: n,
         enableSourcemap: d,
         vizId: f
       });
-    else if (c === R)
-      a = l, c = x;
-    else if (c === x)
-      a = l;
     else if (c === b)
+      a = l, c = C;
+    else if (c === C)
+      a = l;
+    else if (c === x)
       a = l;
     else
       throw new Error(`Unexpected state: ${c}`);
   };
   return {
-    invalidateVizCache: W(t),
-    run: E,
-    cleanup: g
-  };
-};
-function A(e = {}) {
-  return {
-    name: "sucrase",
-    transform(t, n) {
-      if (!n.match(/\.(?:js|[jt]sx)$/))
-        return null;
-      const r = V(t, {
-        transforms: ["jsx", "typescript"],
-        // For source maps
-        filePath: n,
-        sourceMapOptions: {
-          compiledFilename: "bundle.js"
-        },
-        production: !0,
-        ...e
-      });
-      return {
-        code: r.code,
-        map: r.sourceMap
-      };
-    }
-  };
-}
-const O = {
-  dependencies: {},
-  vizhub: {},
-  license: "MIT"
-}, U = !1, C = (e) => {
-  const t = e["package.json"];
-  try {
-    const n = t ? JSON.parse(t) : O;
-    return U && console.log(
-      "[packageJSON] pkg:",
-      JSON.stringify(n, null, 2)
-    ), n;
-  } catch {
-    return O;
-  }
-}, J = (e) => C(e).dependencies || {}, q = (e) => (C(e).vizhub || {}).libraries || {}, G = ({ name: e, version: t }, n, r = "jsdelivr") => {
-  const s = n[e] && n[e].path || "";
-  return r === "jsdelivr" ? `https://cdn.jsdelivr.net/npm/${e}@${t}${s}` : `https://unpkg.com/${e}@${t}${s}`;
-}, k = (e) => {
-  var n;
-  const t = (n = e == null ? void 0 : e.vizhub) == null ? void 0 : n.libraries;
-  return t ? Object.entries(t).reduce(
-    (r, [s, o]) => (o.global && (r[s] = o.global), r),
-    {}
-  ) : {};
-}, _ = {
-  d3: "d3",
-  react: "React",
-  "react-dom": "ReactDOM"
-}, M = (e) => {
-  const t = k(e);
-  return {
-    ..._,
-    ...t
+    invalidateVizCache: U(t),
+    run: g,
+    cleanup: w
   };
-}, Q = `var EOL = {},
+}, J = `var EOL = {},
   EOF = {},
   QUOTE = 34,
   NEWLINE = 10,
@@ -372,84 +312,84 @@ var tsv = dsv('	');
 
 var tsvParse = tsv.parse;
 
-export { csvParse, tsvParse };`, Y = (e) => (
+export { csvParse, tsvParse };`, k = (e) => (
   // str.replace(/`/g, '\\`');
   e.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
-), Z = () => ({
+), _ = () => ({
   name: "transformDSV",
   // `id` here is of the form
   // `{vizId}/{fileName}`
   transform: async (e, t) => {
-    const { fileName: n } = N(t), r = n.endsWith(".csv"), s = n.endsWith(".tsv");
-    if (r || s)
+    const { fileName: s } = I(t), i = s.endsWith(".csv"), r = s.endsWith(".tsv");
+    if (i || r)
       return {
         code: `
-            ${Q}
-            const data = ${r ? "csvParse" : "tsvParse"}(\`${Y(e)}\`);
+            ${J}
+            const data = ${i ? "csvParse" : "tsvParse"}(\`${k(e)}\`);
             export default data;
           `,
         map: { mappings: "" }
       };
   }
-}), K = (e) => {
-  const t = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, n = e.match(t);
-  return n ? {
-    userName: n[1],
-    idOrSlug: n[2]
+}), G = (e) => {
+  const t = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, s = e.match(t);
+  return s ? {
+    userName: s[1],
+    idOrSlug: s[2]
   } : null;
-}, X = ({
+}, Q = ({
   vizId: e,
   slugCache: t
 }) => ({
   name: "vizResolve",
-  resolveId: async (n, r) => {
-    if (n.startsWith("./") && !(r != null && r.startsWith("https://"))) {
-      let o = n.substring(2);
-      if (!o.endsWith(".js") && !o.endsWith(".css") && !o.endsWith(".csv") && !o.endsWith(".svelte") && (o += ".js"), r) {
+  resolveId: async (s, i) => {
+    if (s.startsWith("./") && !(i != null && i.startsWith("https://"))) {
+      let o = s.substring(2);
+      if (!o.endsWith(".js") && !o.endsWith(".css") && !o.endsWith(".csv") && !o.endsWith(".svelte") && (o += ".js"), i) {
         const {
           vizId: c,
           fileName: a
-        } = N(r), u = a.split("/").slice(0, -1).join("/"), m = u ? `${u}/${o}` : o;
+        } = I(i), u = a.split("/").slice(0, -1).join("/"), m = u ? `${u}/${o}` : o;
         return `${c}/${m}`;
       }
       return e + "/" + o;
     }
-    const s = K(n);
-    if (s) {
+    const r = G(s);
+    if (r) {
       let o;
-      if (F(s.idOrSlug))
-        o = s.idOrSlug;
+      if (W(r.idOrSlug))
+        o = r.idOrSlug;
       else {
         if (!t)
           throw new Error(
             "slugCache is required to import by slug in v3 runtime"
           );
         o = await t.get(
-          `${s.userName}/${s.idOrSlug}`
+          `${r.userName}/${r.idOrSlug}`
         );
       }
       return o + "/index.js";
     }
   }
-}), H = ({
+}), M = ({
   vizCache: e,
   trackCSSImport: t,
-  vizId: n,
-  files: r
+  vizId: s,
+  files: i
 }) => ({
   name: "vizLoad",
   // `id` here is of the form
   // `{vizId}/{fileName}`
-  load: async (s) => {
-    const o = N(s), c = o.vizId, a = o.fileName;
+  load: async (r) => {
+    const o = I(r), c = o.vizId, a = o.fileName;
     if (a.endsWith(".css"))
-      return t(s), "";
+      return t(r), "";
     let u = null;
-    if (c === n && r)
-      u = r[a] || null;
+    if (c === s && i)
+      u = i[a] || null;
     else {
       const m = await e.get(c);
-      u = z(m, a);
+      u = L(m, a);
     }
     if (u === null)
       throw new Error(
@@ -457,86 +397,86 @@ export { csvParse, tsvParse };`, Y = (e) => (
       );
     return u;
   }
-}), B = async ({
+}), Y = async ({
   files: e,
   rollup: t,
-  enableSourcemap: n = !0,
-  vizCache: r,
-  vizId: s,
+  enableSourcemap: s = !0,
+  vizCache: i,
+  vizId: r,
   slugCache: o,
   getSvelteCompiler: c
 }) => {
-  const a = /* @__PURE__ */ new Set(), u = (i) => {
-    a.add(i);
+  const a = /* @__PURE__ */ new Set(), u = (n) => {
+    a.add(n);
   };
   if (!e["index.js"])
     throw new Error("Missing index.js");
   const p = {
     input: "./index.js",
     plugins: [
-      ...s ? [X({ vizId: s, slugCache: o })] : [],
-      Z(),
-      A(),
-      $({ getSvelteCompiler: c }),
-      ...r ? [
-        H({
-          vizCache: r,
+      ...r ? [Q({ vizId: r, slugCache: o })] : [],
+      _(),
+      z(),
+      D({ getSvelteCompiler: c }),
+      ...i ? [
+        M({
+          vizCache: i,
           trackCSSImport: u,
-          vizId: s,
+          vizId: r,
           files: e
         })
       ] : []
     ],
-    onwarn(i, d) {
-      i.code !== "UNRESOLVED_IMPORT" && d(i);
+    onwarn(n, d) {
+      n.code !== "UNRESOLVED_IMPORT" && d(n);
     }
-  }, g = {
+  }, w = {
     format: "umd",
     name: "Viz",
-    sourcemap: !!n,
+    sourcemap: !!s,
     compact: !0
-  }, v = C(e);
+  }, v = O(e);
   if (v) {
-    const i = M(v);
-    i && (p.external = Object.keys(i), g.globals = i);
+    const n = F(v);
+    n && (p.external = Object.keys(n), w.globals = n);
   }
-  const E = await t(p), { output: l } = await E.generate(g);
+  const g = await t(p), { output: l } = await g.generate(w);
   return {
     src: l[0].code,
     cssFiles: Array.from(a)
   };
 };
-function ee() {
+function Z() {
   return Math.random().toString().slice(2, 7);
 }
-const te = ({
+const K = ({
   cdn: e,
   src: t,
-  styles: n
+  styles: s
 }) => {
-  const s = `viz-container-${ee()}`;
+  const r = `viz-container-${Z()}`;
   return `<!DOCTYPE html>
 <html>
 <head>
-  <meta charset="utf-8">${e}${n}
+  <meta charset="utf-8">${e}${s}
   <style>
     body {
       margin: 0;
       overflow: hidden;
     }
-    #${s} {
+    #${r} {
       height: 100vh;
     }
   </style>
 </head>
 <body>
-  <div id="${s}"></div>
+  <div id="${r}"></div>
   <script id="injected-script">${t}<\/script>
   <script>
     (() => {
       let cleanup;
       const render = () => {
-        const container = document.getElementById('${s}');
+        const container = document.getElementById('${r}');
         typeof cleanup === 'function' && cleanup();
         cleanup = Viz.main(container, { state: window.state, setState, writeFile });
       };
@@ -594,49 +534,49 @@ const te = ({
   <\/script>
 </body>
 </html>`;
-}, ie = async ({
+}, ee = async ({
   files: e,
   rollup: t,
-  enableSourcemap: n = !0,
-  vizCache: r,
-  vizId: s,
+  enableSourcemap: s = !0,
+  vizCache: i,
+  vizId: r,
   slugCache: o,
   getSvelteCompiler: c
 }) => {
-  const { src: a, cssFiles: u } = await B({
+  const { src: a, cssFiles: u } = await Y({
     files: e,
     rollup: t,
-    enableSourcemap: n,
-    vizCache: r,
-    vizId: s,
+    enableSourcemap: s,
+    vizCache: i,
+    vizId: r,
     slugCache: o,
     getSvelteCompiler: c
   });
   let m = [];
   if (u.length > 0)
     for (let l = 0; l < u.length; l++) {
-      const i = u[l], d = N(i), f = d.vizId, h = d.fileName;
-      let w = null;
-      if (f === s && e)
-        w = e[h] || null;
+      const n = u[l], d = I(n), f = d.vizId, h = d.fileName;
+      let E = null;
+      if (f === r && e)
+        E = e[h] || null;
       else {
-        const y = await r.get(f);
-        w = z(y, h);
+        const y = await i.get(f);
+        E = L(y, h);
       }
-      w && m.push(w);
+      E && m.push(E);
     }
   const p = m.join(`
-`), g = `
+`), w = `
     <style id="injected-style">${p}</style>`;
   let v = "";
-  const E = Object.entries(
-    J(e)
+  const g = Object.entries(
+    T(e)
   );
-  if (E.length > 0) {
-    const l = q(e);
-    v = E.map(([i, d], f) => {
-      const h = G(
-        { name: i, version: d },
+  if (g.length > 0) {
+    const l = V(e);
+    v = g.map(([n, d], f) => {
+      const h = $(
+        { name: n, version: d },
         l
       );
       return `${f > 0 ? "    " : `
@@ -644,31 +584,31 @@ const te = ({
     }).join("");
   }
   return {
-    html: te({ cdn: v, src: a, styles: g }),
+    html: K({ cdn: v, src: a, styles: w }),
     css: p,
     js: a
   };
-}, ce = ({
+}, te = ({
   rawMessage: e,
   vizId: t
 }) => {
-  const n = new RegExp(t, "g");
-  return e == null ? void 0 : e.replace(n, ".");
-}, ae = (e, t = "Sample Content for Exporting", n = T()) => ({
-  id: n,
-  files: D(e),
+  const s = new RegExp(t, "g");
+  return e == null ? void 0 : e.replace(s, ".");
+}, ne = (e, t = "Sample Content for Exporting", s = A()) => ({
+  id: s,
+  files: P(e),
   title: t
 });
 export {
-  de as build,
-  ce as cleanRollupErrorMessage,
-  B as computeBundleJSV3,
-  oe as createRuntime,
-  pe as createSlugCache,
-  fe as createVizCache,
-  ae as createVizContent,
-  me as determineRuntimeVersion,
-  ve as svelteCompilerUrl,
-  ie as v3Build
+  oe as build,
+  te as cleanRollupErrorMessage,
+  Y as computeBundleJSV3,
+  B as createRuntime,
+  ie as createSlugCache,
+  ce as createVizCache,
+  ne as createVizContent,
+  ae as determineRuntimeVersion,
+  le as svelteCompilerUrl,
+  ee as v3Build
 };
 //# sourceMappingURL=index.js.map