@vizhub/runtime 3.0.0 → 4.0.1

package/dist/build-B2oXi2Mv.js

@@ -1,778 +0,0 @@
-import { magicSandbox as O } from "magic-sandbox";
-import { isVizId as L, getFileText as F, generateVizId as M, fileCollectionToVizFiles as J, vizFilesToFileCollection as D } from "@vizhub/viz-utils";
-import { transform as A } from "sucrase";
-const ge = () => (Math.random() + "").slice(2);
-function W(e = {}) {
-  return {
-    name: "sucrase",
-    transform(t, n) {
-      if (!n.match(/\.(?:js|[jt]sx)$/))
-        return null;
-      const r = A(t, {
-        transforms: ["jsx", "typescript"],
-        // For source maps
-        filePath: n,
-        sourceMapOptions: {
-          compiledFilename: "bundle.js"
-        },
-        production: !0,
-        ...e
-      });
-      return {
-        code: r.code,
-        map: r.sourceMap
-      };
-    }
-  };
-}
-const $ = {
-  dependencies: {},
-  vizhub: {},
-  license: "MIT"
-}, B = !1, S = (e) => {
-  const t = e["package.json"];
-  try {
-    const n = t ? JSON.parse(t) : $;
-    return B && console.log(
-      "[packageJSON] pkg:",
-      JSON.stringify(n, null, 2)
-    ), n;
-  } catch {
-    return $;
-  }
-}, k = (e) => S(e).dependencies || {}, P = (e) => (S(e).vizhub || {}).libraries || {}, U = ({ name: e, version: t }, n, r = "jsdelivr") => {
-  const o = n[e] && n[e].path || "";
-  return r === "jsdelivr" ? `https://cdn.jsdelivr.net/npm/${e}@${t}${o}` : `https://unpkg.com/${e}@${t}${o}`;
-}, q = (e) => {
-  var n;
-  const t = (n = e == null ? void 0 : e.vizhub) == null ? void 0 : n.libraries;
-  return t ? Object.entries(t).reduce(
-    (r, [o, s]) => (s.global && (r[o] = s.global), r),
-    {}
-  ) : {};
-}, _ = {
-  d3: "d3",
-  react: "React",
-  "react-dom": "ReactDOM"
-}, z = (e) => {
-  const t = q(e);
-  return {
-    ..._,
-    ...t
-  };
-}, x = (e) => {
-  const [t, ...n] = e.split("/"), r = n.join("/");
-  return { vizId: t, fileName: r };
-}, G = `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, "\\`")
-), Q = () => ({
-  name: "transformDSV",
-  // `id` here is of the form
-  // `{vizId}/{fileName}`
-  transform: async (e, t) => {
-    const { fileName: n } = x(t), r = n.endsWith(".csv"), o = n.endsWith(".tsv");
-    if (r || o)
-      return {
-        code: `
-            ${G}
-            const data = ${r ? "csvParse" : "tsvParse"}(\`${Y(e)}\`);
-            export default data;
-          `,
-        map: { mappings: "" }
-      };
-  }
-}), H = (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 s = n.substring(2);
-      if (!s.endsWith(".js") && !s.endsWith(".css") && !s.endsWith(".csv") && !s.endsWith(".svelte") && (s += ".js"), r) {
-        const {
-          vizId: i,
-          fileName: a
-        } = x(r), c = a.split("/").slice(0, -1).join("/"), l = c ? `${c}/${s}` : s;
-        return `${i}/${l}`;
-      }
-      return e + "/" + s;
-    }
-    const o = H(n);
-    if (o) {
-      let s;
-      if (L(o.idOrSlug))
-        s = o.idOrSlug;
-      else {
-        if (!t)
-          throw new Error(
-            "slugCache is required to import by slug in v3 runtime"
-          );
-        s = await t.get(
-          `${o.userName}/${o.idOrSlug}`
-        );
-      }
-      return s + "/index.js";
-    }
-  }
-}), Z = ({
-  vizCache: e,
-  trackCSSImport: t,
-  vizId: n,
-  files: r
-}) => ({
-  name: "vizLoad",
-  // `id` here is of the form
-  // `{vizId}/{fileName}`
-  load: async (o) => {
-    const s = x(o), i = s.vizId, a = s.fileName;
-    if (a.endsWith(".css"))
-      return t(o), "";
-    let c = null;
-    if (i === n && r)
-      c = r[a] || null;
-    else {
-      const l = await e.get(i);
-      c = F(l, a);
-    }
-    if (c === null)
-      throw new Error(
-        `Imported file "${a}" not found.`
-      );
-    return c;
-  }
-}), C = /* @__PURE__ */ new Map();
-let I;
-const g = "https://cdn.jsdelivr.net/npm/svelte@4.2.9", xe = `${g}/compiler.cjs`, K = ({
-  getSvelteCompiler: e
-}) => ({
-  name: "transformSvelte",
-  load: async (t) => {
-    if (!t.startsWith(g))
-      return;
-    const n = C.get(t);
-    if (n) return n;
-    const r = await fetch(t).then(
-      (o) => o.text()
-    );
-    return C.set(t, r), r;
-  },
-  // From https://github.com/sveltejs/sites/blob/master/packages/repl/src/lib/workers/bundler/index.js#L255C2-L271C5
-  resolveId: async (t, n) => {
-    if (t === "svelte")
-      return `${g}/src/runtime/index.js`;
-    if (t.startsWith("svelte/")) {
-      const r = t.slice(7);
-      return `${g}/src/runtime/${r}/index.js`;
-    }
-    if (/^https?:/.test(t)) return t;
-    if (t.startsWith(".") && n && n.startsWith(g)) {
-      const r = new URL(t, n).href;
-      return new URL(t, n).href, r;
-    }
-  },
-  transform: async (t, n) => {
-    const { fileName: r } = x(n);
-    if (r.endsWith(".svelte")) {
-      if (!I) {
-        if (!e)
-          throw new Error("Svelte compiler not available");
-        I = await e();
-      }
-      return I(t, {
-        filename: r,
-        hydratable: !0
-      }).js;
-    }
-  }
-}), ee = async ({
-  files: e,
-  rollup: t,
-  enableSourcemap: n = !0,
-  vizCache: r,
-  vizId: o,
-  slugCache: s,
-  getSvelteCompiler: i
-}) => {
-  const a = /* @__PURE__ */ new Set(), c = (d) => {
-    a.add(d);
-  };
-  if (!e["index.js"])
-    throw new Error("Missing index.js");
-  const u = {
-    input: "./index.js",
-    plugins: [
-      ...o ? [X({ vizId: o, slugCache: s })] : [],
-      Q(),
-      W(),
-      K({ getSvelteCompiler: i }),
-      ...r ? [
-        Z({
-          vizCache: r,
-          trackCSSImport: c,
-          vizId: o,
-          files: e
-        })
-      ] : []
-    ],
-    onwarn(d, m) {
-      d.code !== "UNRESOLVED_IMPORT" && m(d);
-    }
-  }, f = {
-    format: "umd",
-    name: "Viz",
-    sourcemap: !!n,
-    compact: !0
-  }, v = S(e);
-  if (v) {
-    const d = z(v);
-    d && (u.external = Object.keys(d), f.globals = d);
-  }
-  const E = await t(u), { output: h } = await E.generate(f);
-  return {
-    src: h[0].code,
-    cssFiles: Array.from(a)
-  };
-};
-function te() {
-  return Math.random().toString().slice(2, 7);
-}
-const ne = ({
-  cdn: e,
-  src: t,
-  styles: n
-}) => {
-  const o = `viz-container-${te()}`;
-  return `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">${e}${n}
-  <style>
-    body {
-      margin: 0;
-      overflow: hidden;
-    }
-    #${o} {
-      height: 100vh;
-    }
-  </style>
-</head>
-<body>
-  <div id="${o}"></div>
-  <script id="injected-script">${t}<\/script>
-  <script>
-    (() => {
-      let cleanup;
-      const render = () => {
-        const container = document.getElementById('${o}');
-        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>`;
-}, re = async ({
-  files: e,
-  rollup: t,
-  enableSourcemap: n = !0,
-  vizCache: r,
-  vizId: o,
-  slugCache: s,
-  getSvelteCompiler: i
-}) => {
-  const { src: a, cssFiles: c } = await ee({
-    files: e,
-    rollup: t,
-    enableSourcemap: n,
-    vizCache: r,
-    vizId: o,
-    slugCache: s,
-    getSvelteCompiler: i
-  });
-  let l = [];
-  if (c.length > 0)
-    for (let h = 0; h < c.length; h++) {
-      const d = c[h], m = x(d), b = m.vizId, y = m.fileName;
-      let w = null;
-      if (b === o && e)
-        w = e[y] || null;
-      else {
-        const V = await r.get(b);
-        w = F(V, y);
-      }
-      w && l.push(w);
-    }
-  const u = l.join(`
-`), f = `
-    <style id="injected-style">${u}</style>`;
-  let v = "";
-  const E = Object.entries(
-    k(e)
-  );
-  if (E.length > 0) {
-    const h = P(e);
-    v = E.map(([d, m], b) => {
-      const y = U(
-        { name: d, version: m },
-        h
-      );
-      return `${b > 0 ? "    " : `
-    `}<script src="${y}"><\/script>`;
-    }).join("");
-  }
-  return {
-    html: ne({ cdn: v, src: a, styles: f }),
-    css: u,
-    js: a
-  };
-}, se = ({
-  initialContents: e,
-  handleCacheMiss: t
-}) => {
-  const n = new Map(
-    e.map((i) => [i.id, i])
-  );
-  return { get: async (i) => {
-    const a = n.get(i);
-    if (a !== void 0)
-      return a;
-    if (!t)
-      throw new Error(
-        `Unresolved import from vizId ${i}, cache miss handler not provided.`
-      );
-    const c = await t(i);
-    if (c)
-      return n.set(i, c), c;
-    throw new Error(
-      `Unresolved import from vizId ${i}`
-    );
-  }, set: (i) => {
-    n.set(i.id, i);
-  }, invalidate: (i) => {
-    n.delete(i);
-  } };
-}, Ee = ({
-  initialMappings: e = {},
-  handleCacheMiss: t
-}) => ({ get: async (s) => {
-  const i = e[s];
-  if (i !== void 0)
-    return i;
-  if (!t)
-    throw new Error(
-      `Unresolved slug ${s}, cache miss handler not provided.`
-    );
-  const a = await t(s);
-  if (a)
-    return e[s] = a, a;
-  throw new Error(`Unresolved slug ${s}`);
-}, set: (s, i) => {
-  e[s] = i;
-}, invalidate: (s) => {
-  delete e[s];
-} }), oe = (e, t = "Sample Content for Exporting", n = M()) => ({
-  id: n,
-  files: J(e),
-  title: t
-}), ie = (e) => {
-  if (Object.keys(e).length === 0)
-    return null;
-  const t = "index.html" in e, n = "index.js" in e, r = "index.jsx" in e;
-  return t ? e["index.html"].includes('type="module"') ? "v4" : n || r ? "v2" : "v1" : !t && n ? "v3" : null;
-}, N = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), ce = (e) => {
-  const t = e.trim();
-  return N(t, "html") && N(t, "head") && N(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
-}, ae = (e, t) => e.replace(
-  new RegExp(
-    `<script[^>]*src=["'][^"']*${t.source}[^"']*["'][^>]*>\\s*<\/script>`,
-    "gi"
-  ),
-  ""
-), R = (e, t, n) => e.replace(
-  new RegExp(t, "i"),
-  `${n}${t}`
-), le = (e, t) => {
-  let n = ce(e);
-  const r = Object.entries(k(t));
-  if (r.length) {
-    const s = P(t);
-    r.forEach(([a]) => {
-      n = ae(n, new RegExp(`${a}@`));
-    });
-    const i = r.map(
-      ([a, c]) => U({ name: a, version: c }, s)
-    ).map((a) => `<script src="${a}"><\/script>`).join(`
-`);
-    n = R(
-      n,
-      "</head>",
-      i + `
-`
-    );
-  }
-  if (t["bundle.js"] !== void 0 || t["index.js"] !== void 0) {
-    const s = '<script src="bundle.js"><\/script>', i = /<script\b[^>]*\bsrc=["']bundle\.js["'][^>]*>\s*<\/script>/gi, a = [...n.matchAll(i)];
-    a.length === 1 && (() => {
-      const l = a[0].index ?? -1;
-      if (l === -1) return !1;
-      const u = n.search(/<body\b[^>]*>/i), f = n.search(/<\/body>/i);
-      return u !== -1 && f !== -1 && l > u && l < f;
-    })() || (n = n.replace(i, ""), n = R(n, "</body>", s));
-  }
-  return /^\s*<!DOCTYPE/i.test(n) ? n : `<!DOCTYPE html>${n}`;
-}, de = (e) => {
-  const t = e["index.html"];
-  return !t && !e["index.js"] && !e["bundle.js"] ? "" : le(t || "<!DOCTYPE html><html><head></head><body></body></html>", e);
-}, p = "\0virtual:", T = (e) => {
-  let t = e.replace(/^\.\//, "");
-  return t = t.replace(/\/+/g, "/"), t = t.replace(/\/$/, ""), t;
-}, ue = (e, t) => {
-  const n = e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : "", r = t.split("/"), o = n ? n.split("/") : [];
-  for (const s of r)
-    s === ".." ? o.pop() : s !== "." && s !== "" && o.push(s);
-  return o.join("/");
-}, pe = (e) => ({
-  name: "virtual-file-system",
-  resolveId(t, n) {
-    const r = n != null && n.startsWith(
-      p
-    ) ? n.slice(p.length) : n;
-    if (t.startsWith("./") || t.startsWith("../")) {
-      const s = T(r ? ue(r, t) : t);
-      if (e[s])
-        return p + s;
-      const i = [".js", ".jsx", ".ts", ".tsx"];
-      for (const a of i) {
-        const c = s + a;
-        if (e[c])
-          return p + c;
-      }
-    }
-    if (e[t])
-      return p + t;
-    const o = [".js", ".jsx", ".ts", ".tsx"];
-    for (const s of o) {
-      const i = t + s;
-      if (e[i])
-        return p + i;
-    }
-    return null;
-  },
-  load(t) {
-    if (t.startsWith(p)) {
-      const n = t.slice(p.length);
-      if (e[n])
-        return e[n];
-    }
-    return null;
-  }
-}), fe = async ({
-  files: e,
-  rollup: t,
-  enableSourcemap: n = !0
-}) => {
-  if (!e["index.js"])
-    throw new Error("Missing index.js");
-  const o = {
-    input: "./index.js",
-    plugins: [pe(e), W()],
-    onwarn(l, u) {
-      l.code !== "UNRESOLVED_IMPORT" && u(l);
-    }
-  }, s = {
-    format: "iife",
-    sourcemap: n
-  }, i = S(e);
-  if (i) {
-    const l = z(i);
-    l && (o.external = Object.keys(l), s.globals = l);
-  }
-  const a = await t(o), { output: c } = await a.generate(s);
-  return c[0].code;
-}, he = async ({
-  files: e,
-  rollup: t,
-  enableSourcemap: n
-}) => ({
-  ...e,
-  "bundle.js": await fe({
-    files: e,
-    rollup: t,
-    enableSourcemap: n
-  }),
-  "index.html": de(e)
-}), j = !1, be = async ({
-  files: e,
-  rollup: t,
-  enableSourcemap: n = !0,
-  vizCache: r,
-  vizId: o,
-  slugCache: s,
-  getSvelteCompiler: i
-}) => {
-  var a;
-  try {
-    if (j && console.log(
-      "[build] files:",
-      e ? JSON.stringify(e).substring(0, 100) : void 0
-    ), j && console.log("[build] vizCache:", r), j && console.log("[build] vizId:", o), !e && !r)
-      throw new Error(
-        "Either files or vizCache is required"
-      );
-    if (!e && r && !o)
-      throw new Error(
-        "vizId is required when using vizCache"
-      );
-    if (!e && r && o && (e = D(
-      (a = await r.get(o)) == null ? void 0 : a.files
-    )), !e)
-      throw new Error("Upable to extract viz files");
-    const c = ie(e);
-    if (j && console.log("[build] version:", c), c === "v1")
-      return {
-        html: O(e)
-      };
-    if (c === "v2") {
-      if (!t)
-        throw new Error(
-          "Rollup is required for v2 runtime"
-        );
-      return {
-        html: O(
-          await he({ files: e, rollup: t, enableSourcemap: n })
-        )
-      };
-    }
-    if (c === "v3") {
-      if (!t)
-        throw new Error(
-          "Rollup is required for v3 runtime"
-        );
-      if (!r && !o) {
-        const l = oe(e);
-        o = l.id, r = se({
-          initialContents: [l],
-          handleCacheMiss: async () => {
-            throw new Error(
-              "Cache miss handler not implemented"
-            );
-          }
-        });
-      }
-      if (!r)
-        throw new Error(
-          "vizCache is required for v3 runtime"
-        );
-      if (!o)
-        throw new Error(
-          "vizId is required for v3 runtime if vizCache is provided"
-        );
-      return await re({
-        files: e,
-        rollup: t,
-        vizCache: r,
-        vizId: o,
-        slugCache: s,
-        getSvelteCompiler: i
-      });
-    }
-    throw new Error(
-      `Unsupported runtime version: ${c}`
-    );
-  } catch (c) {
-    throw c instanceof Error && c.message.indexOf(p) && (c.message = c.message.replace(
-      p,
-      ""
-    )), c;
-  }
-};
-export {
-  se as a,
-  be as b,
-  ee as c,
-  ie as d,
-  Ee as e,
-  oe as f,
-  ge as g,
-  xe as s,
-  re as v
-};
-//# sourceMappingURL=build-B2oXi2Mv.js.map