@vizhub/runtime 0.7.0 → 2.0.0

package/dist/index.js

@@ -1,212 +1,614 @@
-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();
-  return new Promise((r) => {
-    const u = (l) => {
-      l.data.type === "invalidateVizCacheResponse" && l.data.requestId === i && (n.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",
-        u
-      ), r());
+        r
+      ), i());
     };
-    n.addEventListener(
+    e.addEventListener(
       "message",
-      u
-    ), n.postMessage({
+      r
+    ), e.postMessage({
       type: "invalidateVizCacheRequest",
       changedVizIds: t,
-      requestId: i
+      requestId: s
     });
   });
-}, b = ({
-  worker: n,
+}, q = ({
+  worker: e,
   setBuildErrorMessage: t
 }) => ({
-  files: i,
-  enableSourcemap: r,
-  vizId: u
+  files: s,
+  enableSourcemap: i,
+  vizId: r
 }) => {
-  const l = D();
+  const o = j();
   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 w = p.buildResult, v = p.error;
+          v ? t == null || t(v) : t == null || t(null), c(w);
         }
       };
-      n.addEventListener("message", c);
-      const h = {
+      e.addEventListener("message", a);
+      const u = {
         type: "buildRequest",
-        files: i,
-        enableSourcemap: r,
-        requestId: l,
-        vizId: u
+        files: s,
+        enableSourcemap: i,
+        requestId: o,
+        vizId: r
       };
-      n.postMessage(h);
+      e.postMessage(u);
     }
   );
-}, R = "IDLE", y = "ENQUEUED", L = "PENDING_CLEAN", g = "PENDING_DIRTY", P = ({
-  iframe: n,
+}, S = "IDLE", x = "ENQUEUED", b = "PENDING_CLEAN", C = "PENDING_DIRTY", B = ({
+  iframe: e,
   worker: t,
-  setBuildErrorMessage: i,
-  getLatestContent: r,
-  resolveSlugKey: u,
-  writeFile: l
+  setBuildErrorMessage: s,
+  getLatestContent: i,
+  resolveSlugKey: r,
+  writeFile: o
 }) => {
-  let s = R, c = null;
-  const h = b({
+  let c = S, a = null;
+  const u = q({
     worker: t,
-    setBuildErrorMessage: i
-  }), v = ({
-    data: o
+    setBuildErrorMessage: s
+  }), m = ({
+    data: l
   }) => {
-    if (o.type === "contentRequest" && r) {
-      const { vizId: e } = o;
-      r(e).then((a) => {
+    if (l.type === "contentRequest" && i) {
+      const { vizId: n } = l;
+      i(n).then((d) => {
         t.postMessage({
           type: "contentResponse",
-          vizId: e,
-          content: a
+          vizId: n,
+          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: n, requestId: d } = l;
+      if (r)
+        r(n).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 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", 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 w = () => {
+    t.removeEventListener("message", m), window.removeEventListener("message", p);
+  }, v = async ({
+    files: l,
+    enableHotReloading: n = !1,
+    enableSourcemap: d = !1,
+    vizId: f
   }) => {
-    s = L;
-    const m = await h({
-      files: o,
-      enableSourcemap: a,
-      vizId: p
+    c = b;
+    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) {
-          const I = {
+    if (h) {
+      const { html: E, js: y, css: R } = h;
+      if (console.clear(), n) {
+        if (R) {
+          const N = {
             type: "runCSS",
-            css: w
+            css: R
           };
-          if (!n.contentWindow)
+          if (!e.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
-          n.contentWindow.postMessage(
-            I,
+          e.contentWindow.postMessage(
+            N,
             window.location.origin
           );
         }
-        if (N) {
-          const I = {
+        if (y) {
+          const N = {
             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(
-            I,
+          e.contentWindow.postMessage(
+            N,
             window.location.origin
           );
         }
       } else
-        n.srcdoc = C || "";
+        e.srcdoc = E || "";
     }
-    s === g ? (requestAnimationFrame(() => {
-      if (!c)
+    c === C ? (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: n,
+        enableSourcemap: d,
+        vizId: f
       });
-    }), s = y) : s = R;
-  }, q = ({
-    files: o,
-    enableHotReloading: e = !1,
-    enableSourcemap: a = !1,
-    vizId: p = void 0
+    }), c = x) : c = S;
+  }, g = ({
+    files: l,
+    enableHotReloading: n = !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 = x, v({
+        files: l,
+        enableHotReloading: n,
+        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 === b)
+      a = l, c = C;
+    else if (c === C)
+      a = l;
+    else if (c === x)
+      a = l;
     else
-      throw new Error(`Unexpected state: ${s}`);
+      throw new Error(`Unexpected state: ${c}`);
   };
   return {
-    invalidateVizCache: S(t),
-    run: q,
-    cleanup: E
+    invalidateVizCache: U(t),
+    run: g,
+    cleanup: w
   };
-}, V = ({
-  rawMessage: n,
-  vizId: t
+}, J = `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 };`, k = (e) => (
+  // str.replace(/`/g, '\\`');
+  e.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
+), _ = () => ({
+  name: "transformDSV",
+  // `id` here is of the form
+  // `{vizId}/{fileName}`
+  transform: async (e, t) => {
+    const { fileName: s } = I(t), i = s.endsWith(".csv"), r = s.endsWith(".tsv");
+    if (i || r)
+      return {
+        code: `
+            ${J}
+            const data = ${i ? "csvParse" : "tsvParse"}(\`${k(e)}\`);
+            export default data;
+          `,
+        map: { mappings: "" }
+      };
+  }
+}), 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;
+}, Q = ({
+  vizId: e,
+  slugCache: t
+}) => ({
+  name: "vizResolve",
+  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
+        } = I(i), u = a.split("/").slice(0, -1).join("/"), m = u ? `${u}/${o}` : o;
+        return `${c}/${m}`;
+      }
+      return e + "/" + o;
+    }
+    const r = G(s);
+    if (r) {
+      let o;
+      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(
+          `${r.userName}/${r.idOrSlug}`
+        );
+      }
+      return o + "/index.js";
+    }
+  }
+}), M = ({
+  vizCache: e,
+  trackCSSImport: t,
+  vizId: s,
+  files: i
+}) => ({
+  name: "vizLoad",
+  // `id` here is of the form
+  // `{vizId}/{fileName}`
+  load: async (r) => {
+    const o = I(r), c = o.vizId, a = o.fileName;
+    if (a.endsWith(".css"))
+      return t(r), "";
+    let u = null;
+    if (c === s && i)
+      u = i[a] || null;
+    else {
+      const m = await e.get(c);
+      u = L(m, a);
+    }
+    if (u === null)
+      throw new Error(
+        `Imported file "${a}" not found.`
+      );
+    return u;
+  }
+}), Y = async ({
+  files: e,
+  rollup: t,
+  enableSourcemap: s = !0,
+  vizCache: i,
+  vizId: r,
+  slugCache: o,
+  getSvelteCompiler: c
 }) => {
-  const i = new RegExp(t, "g");
-  return n == null ? void 0 : n.replace(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: [
+      ...r ? [Q({ vizId: r, slugCache: o })] : [],
+      _(),
+      z(),
+      D({ getSvelteCompiler: c }),
+      ...i ? [
+        M({
+          vizCache: i,
+          trackCSSImport: u,
+          vizId: r,
+          files: e
+        })
+      ] : []
+    ],
+    onwarn(n, d) {
+      n.code !== "UNRESOLVED_IMPORT" && d(n);
+    }
+  }, w = {
+    format: "umd",
+    name: "Viz",
+    sourcemap: !!s,
+    compact: !0
+  }, v = O(e);
+  if (v) {
+    const n = F(v);
+    n && (p.external = Object.keys(n), w.globals = n);
+  }
+  const g = await t(p), { output: l } = await g.generate(w);
+  return {
+    src: l[0].code,
+    cssFiles: Array.from(a)
+  };
 };
+function Z() {
+  return Math.random().toString().slice(2, 7);
+}
+const K = ({
+  cdn: e,
+  src: t,
+  styles: s
+}) => {
+  const r = `viz-container-${Z()}`;
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">${e}${s}
+  <style>
+    body {
+      margin: 0;
+      overflow: hidden;
+    }
+    #${r} {
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+  <div id="${r}"></div>
+  <script id="injected-script">${t}<\/script>
+  <script>
+    (() => {
+      let cleanup;
+      const render = () => {
+        const container = document.getElementById('${r}');
+        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>`;
+}, ee = async ({
+  files: e,
+  rollup: t,
+  enableSourcemap: s = !0,
+  vizCache: i,
+  vizId: r,
+  slugCache: o,
+  getSvelteCompiler: c
+}) => {
+  const { src: a, cssFiles: u } = await Y({
+    files: e,
+    rollup: t,
+    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 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 i.get(f);
+        E = L(y, h);
+      }
+      E && m.push(E);
+    }
+  const p = m.join(`
+`), w = `
+    <style id="injected-style">${p}</style>`;
+  let v = "";
+  const g = Object.entries(
+    T(e)
+  );
+  if (g.length > 0) {
+    const l = V(e);
+    v = g.map(([n, d], f) => {
+      const h = $(
+        { name: n, version: d },
+        l
+      );
+      return `${f > 0 ? "    " : `
+    `}<script src="${h}"><\/script>`;
+    }).join("");
+  }
+  return {
+    html: K({ cdn: v, src: a, styles: w }),
+    css: p,
+    js: a
+  };
+}, te = ({
+  rawMessage: e,
+  vizId: t
+}) => {
+  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 {
-  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
+  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