@vizhub/runtime 0.7.0 → 1.0.0

package/dist/index.js

@@ -1,212 +1,674 @@
-import { g as D } from "./build-NWFvyYnC.js";
-import { b as x, c as G, d as _, a as A, e as F, s as J, v as T } from "./build-NWFvyYnC.js";
-const S = (n) => async (t) => {
-  const i = D();
+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 u = (l) => {
-      l.data.type === "invalidateVizCacheResponse" && l.data.requestId === i && (n.removeEventListener(
+    const s = (o) => {
+      o.data.type === "invalidateVizCacheResponse" && o.data.requestId === n && (e.removeEventListener(
         "message",
-        u
+        s
       ), r());
     };
-    n.addEventListener(
+    e.addEventListener(
       "message",
-      u
-    ), n.postMessage({
+      s
+    ), e.postMessage({
       type: "invalidateVizCacheRequest",
       changedVizIds: t,
-      requestId: i
+      requestId: n
     });
   });
-}, b = ({
-  worker: n,
+}, P = ({
+  worker: e,
   setBuildErrorMessage: t
 }) => ({
-  files: i,
+  files: n,
   enableSourcemap: r,
-  vizId: u
+  vizId: s
 }) => {
-  const l = D();
+  const o = L();
   return new Promise(
-    (s) => {
-      const c = (v) => {
-        const d = v.data;
-        if (d.type === "buildResponse" && d.requestId === l) {
-          n.removeEventListener(
+    (c) => {
+      const a = (m) => {
+        const p = m.data;
+        if (p.type === "buildResponse" && p.requestId === o) {
+          e.removeEventListener(
             "message",
-            c
+            a
           );
-          const E = d.buildResult, f = d.error;
-          f ? t == null || t(f) : t == null || t(null), s(E);
+          const g = p.buildResult, v = p.error;
+          v ? t == null || t(v) : t == null || t(null), c(g);
         }
       };
-      n.addEventListener("message", c);
-      const h = {
+      e.addEventListener("message", a);
+      const u = {
         type: "buildRequest",
-        files: i,
+        files: n,
         enableSourcemap: r,
-        requestId: l,
-        vizId: u
+        requestId: o,
+        vizId: s
       };
-      n.postMessage(h);
+      e.postMessage(u);
     }
   );
-}, R = "IDLE", y = "ENQUEUED", L = "PENDING_CLEAN", g = "PENDING_DIRTY", P = ({
-  iframe: n,
+}, S = "IDLE", b = "ENQUEUED", R = "PENDING_CLEAN", x = "PENDING_DIRTY", oe = ({
+  iframe: e,
   worker: t,
-  setBuildErrorMessage: i,
+  setBuildErrorMessage: n,
   getLatestContent: r,
-  resolveSlugKey: u,
-  writeFile: l
+  resolveSlugKey: s,
+  writeFile: o
 }) => {
-  let s = R, c = null;
-  const h = b({
+  let c = S, a = null;
+  const u = P({
     worker: t,
-    setBuildErrorMessage: i
-  }), v = ({
-    data: o
+    setBuildErrorMessage: n
+  }), m = ({
+    data: l
   }) => {
-    if (o.type === "contentRequest" && r) {
-      const { vizId: e } = o;
-      r(e).then((a) => {
+    if (l.type === "contentRequest" && r) {
+      const { vizId: i } = l;
+      r(i).then((d) => {
         t.postMessage({
           type: "contentResponse",
-          vizId: e,
-          content: a
+          vizId: i,
+          content: d
         });
       });
-    } else if (o.type === "resolveSlugRequest") {
-      const { slugKey: e, requestId: a } = o;
-      if (u)
-        u(e).then(
-          (p) => {
-            const m = {
+    } else if (l.type === "resolveSlugRequest") {
+      const { slugKey: i, requestId: d } = l;
+      if (s)
+        s(i).then(
+          (f) => {
+            const h = {
               type: "resolveSlugResponse",
-              vizId: p,
-              requestId: a
+              vizId: f,
+              requestId: d
             };
-            t.postMessage(m);
+            t.postMessage(h);
           }
         );
       else {
-        const p = {
+        const f = {
           type: "resolveSlugResponse",
           vizId: null,
-          requestId: a
+          requestId: d
         };
-        t.postMessage(p);
+        t.postMessage(f);
       }
     }
   };
-  t.addEventListener("message", v);
-  const d = (o) => {
-    const e = o.data;
-    (e.type === "runDone" || e.type === "runError") && e.type === "runError" && i && i(e.error.message), e.type === "writeFile" && l && e.fileName && e.content && l(e.fileName, e.content);
+  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);
   };
-  window.addEventListener("message", d);
-  const E = () => {
-    t.removeEventListener("message", v), window.removeEventListener("message", d);
-  }, f = async ({
-    files: o,
-    enableHotReloading: e = !1,
-    enableSourcemap: a = !1,
-    vizId: p
+  window.addEventListener("message", p);
+  const g = () => {
+    t.removeEventListener("message", m), window.removeEventListener("message", p);
+  }, v = async ({
+    files: l,
+    enableHotReloading: i = !1,
+    enableSourcemap: d = !1,
+    vizId: f
   }) => {
-    s = L;
-    const m = await h({
-      files: o,
-      enableSourcemap: a,
-      vizId: p
+    c = R;
+    const h = await u({
+      files: l,
+      enableSourcemap: d,
+      vizId: f
     });
-    if (m) {
-      const { html: C, js: N, css: w } = m;
-      if (console.clear(), e) {
-        if (w) {
+    if (h) {
+      const { html: w, js: y, css: j } = h;
+      if (console.clear(), i) {
+        if (j) {
           const I = {
             type: "runCSS",
-            css: w
+            css: j
           };
-          if (!n.contentWindow)
+          if (!e.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
-          n.contentWindow.postMessage(
+          e.contentWindow.postMessage(
             I,
             window.location.origin
           );
         }
-        if (N) {
+        if (y) {
           const I = {
             type: "runJS",
-            js: N
+            js: y
           };
-          if (!n.contentWindow)
+          if (!e.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
-          n.contentWindow.postMessage(
+          e.contentWindow.postMessage(
             I,
             window.location.origin
           );
         }
       } else
-        n.srcdoc = C || "";
+        e.srcdoc = w || "";
     }
-    s === g ? (requestAnimationFrame(() => {
-      if (!c)
+    c === x ? (requestAnimationFrame(() => {
+      if (!a)
         throw new Error(
           "latestFiles is not defined and state is PENDING_DIRTY - this should never happen"
         );
-      f({
-        files: c,
-        enableHotReloading: e,
-        enableSourcemap: a,
-        vizId: p
+      v({
+        files: a,
+        enableHotReloading: i,
+        enableSourcemap: d,
+        vizId: f
       });
-    }), s = y) : s = R;
-  }, q = ({
-    files: o,
-    enableHotReloading: e = !1,
-    enableSourcemap: a = !1,
-    vizId: p = void 0
+    }), c = b) : c = S;
+  }, E = ({
+    files: l,
+    enableHotReloading: i = !1,
+    enableSourcemap: d = !1,
+    vizId: f = void 0
   }) => {
-    if (c = null, s === R)
-      s = y, f({
-        files: o,
-        enableHotReloading: e,
-        enableSourcemap: a,
-        vizId: p
+    if (a = null, c === S)
+      c = b, v({
+        files: l,
+        enableHotReloading: i,
+        enableSourcemap: d,
+        vizId: f
       });
-    else if (s === L)
-      c = o, s = g;
-    else if (s === g)
-      c = o;
-    else if (s === y)
-      c = o;
+    else if (c === R)
+      a = l, c = x;
+    else if (c === x)
+      a = l;
+    else if (c === b)
+      a = l;
     else
-      throw new Error(`Unexpected state: ${s}`);
+      throw new Error(`Unexpected state: ${c}`);
   };
   return {
-    invalidateVizCache: S(t),
-    run: q,
-    cleanup: E
+    invalidateVizCache: W(t),
+    run: E,
+    cleanup: g
   };
-}, V = ({
-  rawMessage: n,
-  vizId: t
+};
+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
+  };
+}, Q = `var EOL = {},
+  EOF = {},
+  QUOTE = 34,
+  NEWLINE = 10,
+  RETURN = 13;
+
+function objectConverter(columns) {
+  return new Function(
+    'd',
+    'return {' +
+      columns
+        .map(function (name, i) {
+          return (
+            JSON.stringify(name) + ': d[' + i + '] || ""'
+          );
+        })
+        .join(',') +
+      '}',
+  );
+}
+
+function customConverter(columns, f) {
+  var object = objectConverter(columns);
+  return function (row, i) {
+    return f(object(row), i, columns);
+  };
+}
+
+function dsv(delimiter) {
+  var DELIMITER = delimiter.charCodeAt(0);
+
+  function parse(text, f) {
+    var convert,
+      columns,
+      rows = parseRows(text, function (row, i) {
+        if (convert) return convert(row, i - 1);
+        (columns = row),
+          (convert = f
+            ? customConverter(row, f)
+            : objectConverter(row));
+      });
+    rows.columns = columns || [];
+    return rows;
+  }
+
+  function parseRows(text, f) {
+    var rows = [], // output rows
+      N = text.length,
+      I = 0, // current character index
+      n = 0, // current line number
+      t, // current token
+      eof = N <= 0, // current token followed by EOF?
+      eol = false; // current token followed by EOL?
+
+    // Strip the trailing newline.
+    if (text.charCodeAt(N - 1) === NEWLINE) --N;
+    if (text.charCodeAt(N - 1) === RETURN) --N;
+
+    function token() {
+      if (eof) return EOF;
+      if (eol) return (eol = false), EOL;
+
+      // Unescape quotes.
+      var i,
+        j = I,
+        c;
+      if (text.charCodeAt(j) === QUOTE) {
+        while (
+          (I++ < N && text.charCodeAt(I) !== QUOTE) ||
+          text.charCodeAt(++I) === QUOTE
+        );
+        if ((i = I) >= N) eof = true;
+        else if ((c = text.charCodeAt(I++)) === NEWLINE)
+          eol = true;
+        else if (c === RETURN) {
+          eol = true;
+          if (text.charCodeAt(I) === NEWLINE) ++I;
+        }
+        return text.slice(j + 1, i - 1).replace(/""/g, '"');
+      }
+
+      // Find next delimiter or newline.
+      while (I < N) {
+        if ((c = text.charCodeAt((i = I++))) === NEWLINE)
+          eol = true;
+        else if (c === RETURN) {
+          eol = true;
+          if (text.charCodeAt(I) === NEWLINE) ++I;
+        } else if (c !== DELIMITER) continue;
+        return text.slice(j, i);
+      }
+
+      // Return last token before EOF.
+      return (eof = true), text.slice(j, N);
+    }
+
+    while ((t = token()) !== EOF) {
+      var row = [];
+      while (t !== EOL && t !== EOF)
+        row.push(t), (t = token());
+      if (f && (row = f(row, n++)) == null) continue;
+      rows.push(row);
+    }
+
+    return rows;
+  }
+
+  return {
+    parse: parse,
+  };
+}
+
+var csv = dsv(',');
+
+var csvParse = csv.parse;
+
+var tsv = dsv('	');
+
+var tsvParse = tsv.parse;
+
+export { csvParse, tsvParse };`, Y = (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)
+      return {
+        code: `
+            ${Q}
+            const data = ${r ? "csvParse" : "tsvParse"}(\`${Y(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]
+  } : null;
+}, X = ({
+  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) {
+        const {
+          vizId: c,
+          fileName: a
+        } = N(r), u = a.split("/").slice(0, -1).join("/"), m = u ? `${u}/${o}` : o;
+        return `${c}/${m}`;
+      }
+      return e + "/" + o;
+    }
+    const s = K(n);
+    if (s) {
+      let o;
+      if (F(s.idOrSlug))
+        o = s.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}`
+        );
+      }
+      return o + "/index.js";
+    }
+  }
+}), H = ({
+  vizCache: e,
+  trackCSSImport: t,
+  vizId: n,
+  files: r
+}) => ({
+  name: "vizLoad",
+  // `id` here is of the form
+  // `{vizId}/{fileName}`
+  load: async (s) => {
+    const o = N(s), c = o.vizId, a = o.fileName;
+    if (a.endsWith(".css"))
+      return t(s), "";
+    let u = null;
+    if (c === n && r)
+      u = r[a] || null;
+    else {
+      const m = await e.get(c);
+      u = z(m, a);
+    }
+    if (u === null)
+      throw new Error(
+        `Imported file "${a}" not found.`
+      );
+    return u;
+  }
+}), B = async ({
+  files: e,
+  rollup: t,
+  enableSourcemap: n = !0,
+  vizCache: r,
+  vizId: s,
+  slugCache: o,
+  getSvelteCompiler: c
 }) => {
-  const i = new RegExp(t, "g");
-  return n == null ? void 0 : n.replace(i, ".");
+  const a = /* @__PURE__ */ new Set(), u = (i) => {
+    a.add(i);
+  };
+  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,
+          trackCSSImport: u,
+          vizId: s,
+          files: e
+        })
+      ] : []
+    ],
+    onwarn(i, d) {
+      i.code !== "UNRESOLVED_IMPORT" && d(i);
+    }
+  }, g = {
+    format: "umd",
+    name: "Viz",
+    sourcemap: !!n,
+    compact: !0
+  }, v = C(e);
+  if (v) {
+    const i = M(v);
+    i && (p.external = Object.keys(i), g.globals = i);
+  }
+  const E = await t(p), { output: l } = await E.generate(g);
+  return {
+    src: l[0].code,
+    cssFiles: Array.from(a)
+  };
 };
+function ee() {
+  return Math.random().toString().slice(2, 7);
+}
+const te = ({
+  cdn: e,
+  src: t,
+  styles: n
+}) => {
+  const s = `viz-container-${ee()}`;
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">${e}${n}
+  <style>
+    body {
+      margin: 0;
+      overflow: hidden;
+    }
+    #${s} {
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+  <div id="${s}"></div>
+  <script id="injected-script">${t}<\/script>
+  <script>
+    (() => {
+      let cleanup;
+      const render = () => {
+        const container = document.getElementById('${s}');
+        typeof cleanup === 'function' && cleanup();
+        cleanup = Viz.main(container, { state: window.state, setState, writeFile });
+      };
+      const setState = (next) => {
+        window.state = next(window.state);
+        render();
+      };
+      const writeFile = (fileName, content) => {
+        parent.postMessage({ type: 'writeFile', fileName, content }, "*");
+      };
+      const run = () => {
+        try {
+          setState((state) => state || {});
+        } catch (error) {
+          console.error(error);
+          parent.postMessage({ type: 'runError', error }, "*");
+        }
+      }
+      run();
+      const runJS = (src) => {
+        document.getElementById('injected-script')?.remove();
+        const script = document.createElement('script');
+        script.textContent = src;
+        script.id = 'injected-script';
+        document.body.appendChild(script);
+        run();
+      };
+      const runCSS = (css) => {
+        let style = document.getElementById('injected-style');
+        if (!style) {
+          style = document.createElement('style');
+          style.type = 'text/css';
+          style.id = 'injected-style';
+          document.head.appendChild(style);
+        }
+        style.textContent = css;
+      };
+      onmessage = (message) => {
+        switch (message.data.type) {
+          case 'runJS':
+            runJS(message.data.js);
+            parent.postMessage({ type: 'runDone' }, "*");
+            break;
+          case 'runCSS':
+            runCSS(message.data.css);
+            break;
+          case 'ping':
+            parent.postMessage({ type: 'pong' }, "*");
+            break;
+          default:
+            break;
+        }
+      }
+    })();
+  <\/script>
+</body>
+</html>`;
+}, ie = async ({
+  files: e,
+  rollup: t,
+  enableSourcemap: n = !0,
+  vizCache: r,
+  vizId: s,
+  slugCache: o,
+  getSvelteCompiler: c
+}) => {
+  const { src: a, cssFiles: u } = await B({
+    files: e,
+    rollup: t,
+    enableSourcemap: n,
+    vizCache: r,
+    vizId: s,
+    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;
+      else {
+        const y = await r.get(f);
+        w = z(y, h);
+      }
+      w && m.push(w);
+    }
+  const p = m.join(`
+`), g = `
+    <style id="injected-style">${p}</style>`;
+  let v = "";
+  const E = Object.entries(
+    J(e)
+  );
+  if (E.length > 0) {
+    const l = q(e);
+    v = E.map(([i, d], f) => {
+      const h = G(
+        { name: i, version: d },
+        l
+      );
+      return `${f > 0 ? "    " : `
+    `}<script src="${h}"><\/script>`;
+    }).join("");
+  }
+  return {
+    html: te({ cdn: v, src: a, styles: g }),
+    css: p,
+    js: a
+  };
+}, ce = ({
+  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),
+  title: t
+});
 export {
-  x as build,
-  V as cleanRollupErrorMessage,
-  G as computeBundleJSV3,
-  P as createRuntime,
-  _ as createSlugCache,
-  A as createVizCache,
-  F as createVizContent,
-  J as svelteCompilerUrl,
-  T as v3Build
+  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
 };
 //# sourceMappingURL=index.js.map