@vizhub/runtime 2.0.0 → 3.0.0

package/dist/index.js

@@ -1,614 +1,213 @@
-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(
+import { g as D } from "./build-B2oXi2Mv.js";
+import { b as x, c as G, e as _, a as A, f as F, d as J, s as T, v as Y } from "./build-B2oXi2Mv.js";
+const S = (n) => async (t) => {
+  const i = D();
+  return new Promise((r) => {
+    const d = (l) => {
+      l.data.type === "invalidateVizCacheResponse" && l.data.requestId === i && (n.removeEventListener(
         "message",
-        r
-      ), i());
+        d
+      ), r());
     };
-    e.addEventListener(
+    n.addEventListener(
       "message",
-      r
-    ), e.postMessage({
+      d
+    ), n.postMessage({
       type: "invalidateVizCacheRequest",
       changedVizIds: t,
-      requestId: s
+      requestId: i
     });
   });
-}, q = ({
-  worker: e,
+}, V = ({
+  worker: n,
   setBuildErrorMessage: t
 }) => ({
-  files: s,
-  enableSourcemap: i,
-  vizId: r
+  files: i,
+  enableSourcemap: r,
+  vizId: d
 }) => {
-  const o = j();
+  const l = D();
   return new Promise(
-    (c) => {
-      const a = (m) => {
+    (s) => {
+      const c = (m) => {
         const p = m.data;
-        if (p.type === "buildResponse" && p.requestId === o) {
-          e.removeEventListener(
+        if (p.type === "buildResponse" && p.requestId === l) {
+          n.removeEventListener(
             "message",
-            a
+            c
           );
-          const w = p.buildResult, v = p.error;
-          v ? t == null || t(v) : t == null || t(null), c(w);
+          const E = p.buildResult, f = p.error;
+          f ? t == null || t(f) : t == null || t(null), s(E);
         }
       };
-      e.addEventListener("message", a);
-      const u = {
+      n.addEventListener("message", c);
+      const h = {
         type: "buildRequest",
-        files: s,
-        enableSourcemap: i,
-        requestId: o,
-        vizId: r
+        files: i,
+        enableSourcemap: r,
+        requestId: l,
+        vizId: d
       };
-      e.postMessage(u);
+      n.postMessage(h);
     }
   );
-}, S = "IDLE", x = "ENQUEUED", b = "PENDING_CLEAN", C = "PENDING_DIRTY", B = ({
-  iframe: e,
+}, I = "IDLE", y = "ENQUEUED", L = "PENDING_CLEAN", g = "PENDING_DIRTY", z = ({
+  iframe: n,
   worker: t,
-  setBuildErrorMessage: s,
-  getLatestContent: i,
-  resolveSlugKey: r,
-  writeFile: o
+  setBuildErrorMessage: i,
+  getLatestContent: r,
+  resolveSlugKey: d,
+  writeFile: l
 }) => {
-  let c = S, a = null;
-  const u = q({
+  let s = I, c = null;
+  const h = V({
     worker: t,
-    setBuildErrorMessage: s
+    setBuildErrorMessage: i
   }), m = ({
-    data: l
+    data: o
   }) => {
-    if (l.type === "contentRequest" && i) {
-      const { vizId: n } = l;
-      i(n).then((d) => {
+    if (o.type === "contentRequest" && r) {
+      const { vizId: e } = o;
+      r(e).then((a) => {
         t.postMessage({
           type: "contentResponse",
-          vizId: n,
-          content: d
+          vizId: e,
+          content: a
         });
       });
-    } else if (l.type === "resolveSlugRequest") {
-      const { slugKey: n, requestId: d } = l;
-      if (r)
-        r(n).then(
-          (f) => {
-            const h = {
+    } else if (o.type === "resolveSlugRequest") {
+      const { slugKey: e, requestId: a } = o;
+      if (d)
+        d(e).then(
+          (u) => {
+            const v = {
               type: "resolveSlugResponse",
-              vizId: f,
-              requestId: d
+              vizId: u,
+              requestId: a
             };
-            t.postMessage(h);
+            t.postMessage(v);
           }
         );
       else {
-        const f = {
+        const u = {
           type: "resolveSlugResponse",
           vizId: null,
-          requestId: d
+          requestId: a
         };
-        t.postMessage(f);
+        t.postMessage(u);
       }
     }
   };
   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);
+  const p = (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);
   };
   window.addEventListener("message", p);
-  const w = () => {
+  const E = () => {
     t.removeEventListener("message", m), window.removeEventListener("message", p);
-  }, v = async ({
-    files: l,
-    enableHotReloading: n = !1,
-    enableSourcemap: d = !1,
-    vizId: f
+  }, f = async ({
+    files: o,
+    enableHotReloading: e = !1,
+    enableSourcemap: a = !1,
+    vizId: u
   }) => {
-    c = b;
-    const h = await u({
-      files: l,
-      enableSourcemap: d,
-      vizId: f
+    s = L;
+    const v = await h({
+      files: o,
+      enableSourcemap: a,
+      vizId: u
     });
-    if (h) {
-      const { html: E, js: y, css: R } = h;
-      if (console.clear(), n) {
-        if (R) {
-          const N = {
+    if (v) {
+      const { html: C, js: N, css: w } = v;
+      if (console.clear(), e) {
+        if (w) {
+          const R = {
             type: "runCSS",
-            css: R
+            css: w
           };
-          if (!e.contentWindow)
+          if (!n.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
-          e.contentWindow.postMessage(
-            N,
+          n.contentWindow.postMessage(
+            R,
             window.location.origin
           );
         }
-        if (y) {
-          const N = {
+        if (N) {
+          const R = {
             type: "runJS",
-            js: y
+            js: N
           };
-          if (!e.contentWindow)
+          if (!n.contentWindow)
             throw new Error(
               "iframe.contentWindow is null - this should never happen"
             );
-          e.contentWindow.postMessage(
-            N,
+          n.contentWindow.postMessage(
+            R,
             window.location.origin
           );
         }
       } else
-        e.srcdoc = E || "";
+        n.srcdoc = C || "";
     }
-    c === C ? (requestAnimationFrame(() => {
-      if (!a)
+    s === g ? (requestAnimationFrame(() => {
+      if (!c)
         throw new Error(
           "latestFiles is not defined and state is PENDING_DIRTY - this should never happen"
         );
-      v({
-        files: a,
-        enableHotReloading: n,
-        enableSourcemap: d,
-        vizId: f
+      f({
+        files: c,
+        enableHotReloading: e,
+        enableSourcemap: a,
+        vizId: u
       });
-    }), c = x) : c = S;
-  }, g = ({
-    files: l,
-    enableHotReloading: n = !1,
-    enableSourcemap: d = !1,
-    vizId: f = void 0
+    }), s = y) : s = I;
+  }, q = ({
+    files: o,
+    enableHotReloading: e = !1,
+    enableSourcemap: a = !1,
+    vizId: u = void 0
   }) => {
-    if (a = null, c === S)
-      c = x, v({
-        files: l,
-        enableHotReloading: n,
-        enableSourcemap: d,
-        vizId: f
+    if (c = null, s === I)
+      s = y, f({
+        files: o,
+        enableHotReloading: e,
+        enableSourcemap: a,
+        vizId: u
       });
-    else if (c === b)
-      a = l, c = C;
-    else if (c === C)
-      a = l;
-    else if (c === x)
-      a = l;
+    else if (s === L)
+      c = o, s = g;
+    else if (s === g)
+      c = o;
+    else if (s === y)
+      c = o;
     else
-      throw new Error(`Unexpected state: ${c}`);
+      throw new Error(`Unexpected state: ${s}`);
   };
   return {
-    invalidateVizCache: U(t),
-    run: g,
-    cleanup: w
+    invalidateVizCache: S(t),
+    run: q,
+    cleanup: E
   };
-}, 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 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,
+}, P = ({
+  rawMessage: n,
   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
-});
+  const i = new RegExp(t, "g");
+  return n == null ? void 0 : n.replace(i, ".");
+};
 export {
-  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
+  x as build,
+  P as cleanRollupErrorMessage,
+  G as computeBundleJSV3,
+  z as createRuntime,
+  _ as createSlugCache,
+  A as createVizCache,
+  F as createVizContent,
+  J as determineRuntimeVersion,
+  T as svelteCompilerUrl,
+  Y as v3Build
 };
 //# sourceMappingURL=index.js.map