@vizhub/runtime 3.0.0 → 4.0.0

package/dist/{build-B2oXi2Mv.js → build-H5Rfq113.js}

@@ -1,14 +1,14 @@
-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 = {}) {
+import { magicSandbox as $ } from "magic-sandbox";
+import { isVizId as J, getFileText as L, generateVizId as D, fileCollectionToVizFiles as B, vizFilesToFileCollection as A } from "@vizhub/viz-utils";
+import { transform as q } from "sucrase";
+const Nt = () => (Math.random() + "").slice(2);
+function C(t = {}) {
   return {
     name: "sucrase",
-    transform(t, n) {
+    transform(e, n) {
       if (!n.match(/\.(?:js|[jt]sx)$/))
         return null;
-      const r = A(t, {
+      const r = q(e, {
         transforms: ["jsx", "typescript"],
         // For source maps
         filePath: n,
@@ -16,7 +16,7 @@ function W(e = {}) {
           compiledFilename: "bundle.js"
         },
         production: !0,
-        ...e
+        ...t
       });
       return {
         code: r.code,
@@ -25,45 +25,45 @@ function W(e = {}) {
     }
   };
 }
-const $ = {
+const M = {
   dependencies: {},
   vizhub: {},
   license: "MIT"
-}, B = !1, S = (e) => {
-  const t = e["package.json"];
+}, _ = !1, S = (t) => {
+  const e = t["package.json"];
   try {
-    const n = t ? JSON.parse(t) : $;
-    return B && console.log(
+    const n = e ? JSON.parse(e) : M;
+    return _ && console.log(
       "[packageJSON] pkg:",
       JSON.stringify(n, null, 2)
     ), n;
   } catch {
-    return $;
+    return M;
   }
-}, 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) => {
+}, R = (t) => S(t).dependencies || {}, T = (t) => (S(t).vizhub || {}).libraries || {}, F = ({ name: t, version: e }, n, r = "jsdelivr") => {
+  const o = n[t] && n[t].path || "";
+  return r === "jsdelivr" ? `https://cdn.jsdelivr.net/npm/${t}@${e}${o}` : `https://unpkg.com/${t}@${e}${o}`;
+}, G = (t) => {
   var n;
-  const t = (n = e == null ? void 0 : e.vizhub) == null ? void 0 : n.libraries;
-  return t ? Object.entries(t).reduce(
+  const e = (n = t == null ? void 0 : t.vizhub) == null ? void 0 : n.libraries;
+  return e ? Object.entries(e).reduce(
     (r, [o, s]) => (s.global && (r[o] = s.global), r),
     {}
   ) : {};
-}, _ = {
+}, Y = {
   d3: "d3",
   react: "React",
   "react-dom": "ReactDOM"
-}, z = (e) => {
-  const t = q(e);
+}, U = (t) => {
+  const e = G(t);
   return {
-    ..._,
-    ...t
+    ...Y,
+    ...e
   };
-}, x = (e) => {
-  const [t, ...n] = e.split("/"), r = n.join("/");
-  return { vizId: t, fileName: r };
-}, G = `var EOL = {},
+}, b = (t) => {
+  const [e, ...n] = t.split("/"), r = n.join("/");
+  return { vizId: e, fileName: r };
+}, H = `var EOL = {},
   EOF = {},
   QUOTE = 34,
   NEWLINE = 10,
@@ -183,34 +183,34 @@ var tsv = dsv('	');
 
 var tsvParse = tsv.parse;
 
-export { csvParse, tsvParse };`, Y = (e) => (
+export { csvParse, tsvParse };`, Q = (t) => (
   // str.replace(/`/g, '\\`');
-  e.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
-), Q = () => ({
+  t.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
+), X = () => ({
   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");
+  transform: async (t, e) => {
+    const { fileName: n } = b(e), r = n.endsWith(".csv"), o = n.endsWith(".tsv");
     if (r || o)
       return {
         code: `
-            ${G}
-            const data = ${r ? "csvParse" : "tsvParse"}(\`${Y(e)}\`);
+            ${H}
+            const data = ${r ? "csvParse" : "tsvParse"}(\`${Q(t)}\`);
             export default data;
           `,
         map: { mappings: "" }
       };
   }
-}), H = (e) => {
-  const t = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, n = e.match(t);
+}), Z = (t) => {
+  const e = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, n = t.match(e);
   return n ? {
     userName: n[1],
     idOrSlug: n[2]
   } : null;
-}, X = ({
-  vizId: e,
-  slugCache: t
+}, K = ({
+  vizId: t,
+  slugCache: e
 }) => ({
   name: "vizResolve",
   resolveId: async (n, r) => {
@@ -220,31 +220,31 @@ export { csvParse, tsvParse };`, Y = (e) => (
         const {
           vizId: i,
           fileName: a
-        } = x(r), c = a.split("/").slice(0, -1).join("/"), l = c ? `${c}/${s}` : s;
+        } = b(r), c = a.split("/").slice(0, -1).join("/"), l = c ? `${c}/${s}` : s;
         return `${i}/${l}`;
       }
-      return e + "/" + s;
+      return t + "/" + s;
     }
-    const o = H(n);
+    const o = Z(n);
     if (o) {
       let s;
-      if (L(o.idOrSlug))
+      if (J(o.idOrSlug))
         s = o.idOrSlug;
       else {
-        if (!t)
+        if (!e)
           throw new Error(
             "slugCache is required to import by slug in v3 runtime"
           );
-        s = await t.get(
+        s = await e.get(
           `${o.userName}/${o.idOrSlug}`
         );
       }
       return s + "/index.js";
     }
   }
-}), Z = ({
-  vizCache: e,
-  trackCSSImport: t,
+}), tt = ({
+  vizCache: t,
+  trackCSSImport: e,
   vizId: n,
   files: r
 }) => ({
@@ -252,15 +252,15 @@ export { csvParse, tsvParse };`, Y = (e) => (
   // `id` here is of the form
   // `{vizId}/{fileName}`
   load: async (o) => {
-    const s = x(o), i = s.vizId, a = s.fileName;
+    const s = b(o), i = s.vizId, a = s.fileName;
     if (a.endsWith(".css"))
-      return t(o), "";
+      return e(o), "";
     let c = null;
     if (i === n && r)
       c = r[a] || null;
     else {
-      const l = await e.get(i);
-      c = F(l, a);
+      const l = await t.get(i);
+      c = L(l, a);
     }
     if (c === null)
       throw new Error(
@@ -268,112 +268,112 @@ export { csvParse, tsvParse };`, Y = (e) => (
       );
     return c;
   }
-}), C = /* @__PURE__ */ new Map();
+}), P = /* @__PURE__ */ new Map();
 let I;
-const g = "https://cdn.jsdelivr.net/npm/svelte@4.2.9", xe = `${g}/compiler.cjs`, K = ({
-  getSvelteCompiler: e
+const x = "https://cdn.jsdelivr.net/npm/svelte@4.2.9", Ct = `${x}/compiler.cjs`, et = ({
+  getSvelteCompiler: t
 }) => ({
   name: "transformSvelte",
-  load: async (t) => {
-    if (!t.startsWith(g))
+  load: async (e) => {
+    if (!e.startsWith(x))
       return;
-    const n = C.get(t);
+    const n = P.get(e);
     if (n) return n;
-    const r = await fetch(t).then(
+    const r = await fetch(e).then(
       (o) => o.text()
     );
-    return C.set(t, r), r;
+    return P.set(e, 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`;
+  resolveId: async (e, n) => {
+    if (e === "svelte")
+      return `${x}/src/runtime/index.js`;
+    if (e.startsWith("svelte/")) {
+      const r = e.slice(7);
+      return `${x}/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;
+    if (/^https?:/.test(e)) return e;
+    if (e.startsWith(".") && n && n.startsWith(x)) {
+      const r = new URL(e, n).href;
+      return new URL(e, n).href, r;
     }
   },
-  transform: async (t, n) => {
-    const { fileName: r } = x(n);
+  transform: async (e, n) => {
+    const { fileName: r } = b(n);
     if (r.endsWith(".svelte")) {
       if (!I) {
-        if (!e)
+        if (!t)
           throw new Error("Svelte compiler not available");
-        I = await e();
+        I = await t();
       }
-      return I(t, {
+      return I(e, {
         filename: r,
         hydratable: !0
       }).js;
     }
   }
-}), ee = async ({
-  files: e,
-  rollup: t,
+}), nt = async ({
+  files: t,
+  rollup: e,
   enableSourcemap: n = !0,
   vizCache: r,
   vizId: o,
   slugCache: s,
   getSvelteCompiler: i
 }) => {
-  const a = /* @__PURE__ */ new Set(), c = (d) => {
-    a.add(d);
+  const a = /* @__PURE__ */ new Set(), c = (u) => {
+    a.add(u);
   };
-  if (!e["index.js"])
+  if (!t["index.js"])
     throw new Error("Missing index.js");
-  const u = {
+  const d = {
     input: "./index.js",
     plugins: [
-      ...o ? [X({ vizId: o, slugCache: s })] : [],
-      Q(),
-      W(),
-      K({ getSvelteCompiler: i }),
+      ...o ? [K({ vizId: o, slugCache: s })] : [],
+      X(),
+      C(),
+      et({ getSvelteCompiler: i }),
       ...r ? [
-        Z({
+        tt({
           vizCache: r,
           trackCSSImport: c,
           vizId: o,
-          files: e
+          files: t
         })
       ] : []
     ],
-    onwarn(d, m) {
-      d.code !== "UNRESOLVED_IMPORT" && m(d);
+    onwarn(u, f) {
+      u.code !== "UNRESOLVED_IMPORT" && f(u);
     }
-  }, f = {
+  }, m = {
     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);
+  }, w = S(t);
+  if (w) {
+    const u = U(w);
+    u && (d.external = Object.keys(u), m.globals = u);
   }
-  const E = await t(u), { output: h } = await E.generate(f);
+  const y = await e(d), { output: h } = await y.generate(m);
   return {
     src: h[0].code,
     cssFiles: Array.from(a)
   };
 };
-function te() {
+function rt() {
   return Math.random().toString().slice(2, 7);
 }
-const ne = ({
-  cdn: e,
-  src: t,
+const st = ({
+  cdn: t,
+  src: e,
   styles: n
 }) => {
-  const o = `viz-container-${te()}`;
+  const o = `viz-container-${rt()}`;
   return `<!DOCTYPE html>
 <html>
 <head>
-  <meta charset="utf-8">${e}${n}
+  <meta charset="utf-8">${t}${n}
   <style>
     body {
       margin: 0;
@@ -386,7 +386,7 @@ const ne = ({
 </head>
 <body>
   <div id="${o}"></div>
-  <script id="injected-script">${t}<\/script>
+  <script id="injected-script">${e}<\/script>
   <script>
     (() => {
       let cleanup;
@@ -449,18 +449,18 @@ const ne = ({
   <\/script>
 </body>
 </html>`;
-}, re = async ({
-  files: e,
-  rollup: t,
+}, ot = async ({
+  files: t,
+  rollup: e,
   enableSourcemap: n = !0,
   vizCache: r,
   vizId: o,
   slugCache: s,
   getSvelteCompiler: i
 }) => {
-  const { src: a, cssFiles: c } = await ee({
-    files: e,
-    rollup: t,
+  const { src: a, cssFiles: c } = await nt({
+    files: t,
+    rollup: e,
     enableSourcemap: n,
     vizCache: r,
     vizId: o,
@@ -470,55 +470,55 @@ const ne = ({
   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;
+      const u = c[h], f = b(u), E = f.vizId, j = f.fileName;
+      let v = null;
+      if (E === o && t)
+        v = t[j] || null;
       else {
-        const V = await r.get(b);
-        w = F(V, y);
+        const V = await r.get(E);
+        v = L(V, j);
       }
-      w && l.push(w);
+      v && l.push(v);
     }
-  const u = l.join(`
-`), f = `
-    <style id="injected-style">${u}</style>`;
-  let v = "";
-  const E = Object.entries(
-    k(e)
+  const d = l.join(`
+`), m = `
+    <style id="injected-style">${d}</style>`;
+  let w = "";
+  const y = Object.entries(
+    R(t)
   );
-  if (E.length > 0) {
-    const h = P(e);
-    v = E.map(([d, m], b) => {
-      const y = U(
-        { name: d, version: m },
+  if (y.length > 0) {
+    const h = T(t);
+    w = y.map(([u, f], E) => {
+      const j = F(
+        { name: u, version: f },
         h
       );
-      return `${b > 0 ? "    " : `
-    `}<script src="${y}"><\/script>`;
+      return `${E > 0 ? "    " : `
+    `}<script src="${j}"><\/script>`;
     }).join("");
   }
   return {
-    html: ne({ cdn: v, src: a, styles: f }),
-    css: u,
+    html: st({ cdn: w, src: a, styles: m }),
+    css: d,
     js: a
   };
-}, se = ({
-  initialContents: e,
-  handleCacheMiss: t
+}, it = ({
+  initialContents: t,
+  handleCacheMiss: e
 }) => {
   const n = new Map(
-    e.map((i) => [i.id, i])
+    t.map((i) => [i.id, i])
   );
   return { get: async (i) => {
     const a = n.get(i);
     if (a !== void 0)
       return a;
-    if (!t)
+    if (!e)
       throw new Error(
         `Unresolved import from vizId ${i}, cache miss handler not provided.`
       );
-    const c = await t(i);
+    const c = await e(i);
     if (c)
       return n.set(i, c), c;
     throw new Error(
@@ -529,159 +529,281 @@ const ne = ({
   }, invalidate: (i) => {
     n.delete(i);
   } };
-}, Ee = ({
-  initialMappings: e = {},
-  handleCacheMiss: t
+}, Rt = ({
+  initialMappings: t = {},
+  handleCacheMiss: e
 }) => ({ get: async (s) => {
-  const i = e[s];
+  const i = t[s];
   if (i !== void 0)
     return i;
-  if (!t)
+  if (!e)
     throw new Error(
       `Unresolved slug ${s}, cache miss handler not provided.`
     );
-  const a = await t(s);
+  const a = await e(s);
   if (a)
-    return e[s] = a, a;
+    return t[s] = a, a;
   throw new Error(`Unresolved slug ${s}`);
 }, set: (s, i) => {
-  e[s] = i;
+  t[s] = i;
 }, invalidate: (s) => {
-  delete e[s];
-} }), oe = (e, t = "Sample Content for Exporting", n = M()) => ({
+  delete t[s];
+} }), ct = (t, e = "Sample Content for Exporting", n = D()) => ({
   id: n,
-  files: J(e),
-  title: t
-}), ie = (e) => {
-  if (Object.keys(e).length === 0)
+  files: B(t),
+  title: e
+}), at = (t) => {
+  if (Object.keys(t).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(
+  const e = "index.html" in t, n = "index.js" in t, r = "index.jsx" in t;
+  return e ? t["index.html"].includes('type="module"') ? "v4" : n || r ? "v2" : "v1" : !e && n ? "v3" : null;
+}, O = (t, e) => new RegExp(`<${e}\\b`, "i").test(t) && new RegExp(`</${e}>`, "i").test(t), lt = (t) => {
+  const e = t.trim();
+  return O(e, "html") && O(e, "head") && O(e, "body") ? e : `<html><head></head><body>${e}</body></html>`;
+}, ut = (t, e) => t.replace(
   new RegExp(
-    `<script[^>]*src=["'][^"']*${t.source}[^"']*["'][^>]*>\\s*<\/script>`,
+    `<script[^>]*src=["'][^"']*${e.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));
+), W = (t, e, n) => t.replace(
+  new RegExp(e, "i"),
+  `${n}${e}`
+), dt = (t, e) => {
+  let n = lt(t);
+  const r = Object.entries(R(e));
   if (r.length) {
-    const s = P(t);
+    const s = T(e);
     r.forEach(([a]) => {
-      n = ae(n, new RegExp(`${a}@`));
+      n = ut(n, new RegExp(`${a}@`));
     });
     const i = r.map(
-      ([a, c]) => U({ name: a, version: c }, s)
+      ([a, c]) => F({ name: a, version: c }, s)
     ).map((a) => `<script src="${a}"><\/script>`).join(`
 `);
-    n = R(
+    n = W(
       n,
       "</head>",
       i + `
 `
     );
   }
-  if (t["bundle.js"] !== void 0 || t["index.js"] !== void 0) {
+  if (e["bundle.js"] !== void 0 || e["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));
+      const d = n.search(/<body\b[^>]*>/i), m = n.search(/<\/body>/i);
+      return d !== -1 && m !== -1 && l > d && l < m;
+    })() || (n = n.replace(i, ""), n = W(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("/") : [];
+}, pt = (t) => {
+  const e = t["index.html"];
+  return !e && !t["index.js"] && !t["bundle.js"] ? "" : dt(e || "<!DOCTYPE html><html><head></head><body></body></html>", t);
+}, p = "\0virtual:", k = (t) => {
+  let e = t.replace(/^\.\//, "");
+  return e = e.replace(/\/+/g, "/"), e = e.replace(/\/$/, ""), e;
+}, mt = (t, e) => {
+  const n = t.includes("/") ? t.slice(0, t.lastIndexOf("/")) : "", r = e.split("/"), o = n ? n.split("/") : [];
   for (const s of r)
     s === ".." ? o.pop() : s !== "." && s !== "" && o.push(s);
   return o.join("/");
-}, pe = (e) => ({
+}, z = (t) => ({
   name: "virtual-file-system",
-  resolveId(t, n) {
+  resolveId(e, 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])
+    if (e.startsWith("./") || e.startsWith("../")) {
+      const s = k(r ? mt(r, e) : e);
+      if (t[s])
         return p + s;
       const i = [".js", ".jsx", ".ts", ".tsx"];
       for (const a of i) {
         const c = s + a;
-        if (e[c])
+        if (t[c])
           return p + c;
       }
     }
-    if (e[t])
-      return p + t;
+    if (t[e])
+      return p + e;
     const o = [".js", ".jsx", ".ts", ".tsx"];
     for (const s of o) {
-      const i = t + s;
-      if (e[i])
+      const i = e + s;
+      if (t[i])
         return p + i;
     }
     return null;
   },
-  load(t) {
-    if (t.startsWith(p)) {
-      const n = t.slice(p.length);
-      if (e[n])
-        return e[n];
+  load(e) {
+    if (e.startsWith(p)) {
+      const n = e.slice(p.length);
+      if (t[n])
+        return t[n];
     }
     return null;
   }
-}), fe = async ({
-  files: e,
-  rollup: t,
+}), ht = async ({
+  files: t,
+  rollup: e,
   enableSourcemap: n = !0
 }) => {
-  if (!e["index.js"])
+  if (!t["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);
+    plugins: [z(t), C()],
+    onwarn(l, d) {
+      l.code !== "UNRESOLVED_IMPORT" && d(l);
     }
   }, s = {
     format: "iife",
     sourcemap: n
-  }, i = S(e);
+  }, i = S(t);
   if (i) {
-    const l = z(i);
+    const l = U(i);
     l && (o.external = Object.keys(l), s.globals = l);
   }
-  const a = await t(o), { output: c } = await a.generate(s);
+  const a = await e(o), { output: c } = await a.generate(s);
   return c[0].code;
-}, he = async ({
-  files: e,
-  rollup: t,
+}, ft = async ({
+  files: t,
+  rollup: e,
   enableSourcemap: n
 }) => ({
-  ...e,
-  "bundle.js": await fe({
-    files: e,
-    rollup: t,
+  ...t,
+  "bundle.js": await ht({
+    files: t,
+    rollup: e,
     enableSourcemap: n
   }),
-  "index.html": de(e)
-}), j = !1, be = async ({
+  "index.html": pt(t)
+}), wt = (t) => {
+  const e = [], n = /<script\b([^>]*)>[\s\S]*?<\/script>/gi;
+  let r;
+  for (; (r = n.exec(t)) !== null; ) {
+    const o = r[1];
+    if (!/\btype\s*=\s*["']module["']/i.test(o))
+      continue;
+    const s = o.match(
+      /\bsrc\s*=\s*["']([^"']+)["']/i
+    );
+    s && e.push(s[1]);
+  }
+  return e;
+}, vt = () => ({
+  name: "catch-all-prevent-fs",
+  resolveId(t, e) {
+    return { id: t, external: !0 };
+  }
+}), gt = async ({
+  entryPoint: t,
   files: e,
-  rollup: t,
+  rollup: n,
+  enableSourcemap: r = !0
+}) => {
+  const s = {
+    input: t.startsWith("./") ? t : `./${t}`,
+    plugins: [
+      z(e),
+      C({
+        // Enable JSX runtime
+        // so we don't need to import React
+        // in every file that uses JSX
+        jsxRuntime: "automatic"
+      }),
+      vt()
+    ],
+    // external: (source: string) => {
+    //   DEBUG && console.log("external", source);
+    //   // Handle strings resolved by `virtualFileSystem`.
+    //   const isVirtualFile = source.startsWith("./");
+    //   // Handle external dependencies, e.g. from import maps.
+    //   const isLibrary = !source.startsWith("./");
+    //   const isExternal = !isVirtualFile || isLibrary;
+    //   DEBUG && console.log("isExternal", isExternal);
+    //   return isExternal;
+    // },
+    onwarn(c, l) {
+    }
+  }, i = await n(s), { output: a } = await i.generate({
+    format: "es",
+    sourcemap: r
+  });
+  return a[0].code;
+}, N = (t, e) => new RegExp(`<${e}\\b`, "i").test(t) && new RegExp(`</${e}>`, "i").test(t), xt = (t) => {
+  const e = t.trim();
+  return N(e, "html") && N(e, "head") && N(e, "body") ? e : `<html><head></head><body>${e}</body></html>`;
+}, bt = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), yt = (t, e, n) => t.replace(
+  new RegExp(e, "i"),
+  `${n}${e}`
+), Et = (t) => {
+  const e = R(t);
+  if (Object.keys(e).length === 0) return null;
+  const n = T(t), r = {};
+  for (const [o, s] of Object.entries(e))
+    r[o] = F(
+      { name: o, version: s },
+      n
+    );
+  return JSON.stringify({ imports: r }, null, 2);
+}, jt = (t, e) => {
+  if (!t["index.html"]) return "";
+  let n = xt(t["index.html"]);
+  e.forEach((o, s) => {
+    const i = new RegExp(
+      `<script\\b[^>]*\\bsrc=["']${bt(s)}["'][^>]*>[^<]*<\/script>`,
+      "gi"
+    );
+    n = n.replace(
+      i,
+      `<script type="module">
+${o}
+<\/script>`
+    );
+  });
+  const r = Et(t);
+  if (r && !/<script\b[^>]*type=["']importmap["'][^>]*>/i.test(
+    n
+  )) {
+    const s = `<script type="importmap">
+${r}
+<\/script>
+`;
+    n = yt(
+      n,
+      "</head>",
+      s
+    );
+  }
+  return /^\s*<!DOCTYPE/i.test(n) ? n : `<!DOCTYPE html>${n}`;
+}, St = async ({
+  files: t,
+  rollup: e,
+  enableSourcemap: n = !0
+}) => {
+  const r = t["index.html"] || "", o = wt(r);
+  if (o.length === 0)
+    return t;
+  const s = /* @__PURE__ */ new Map();
+  for (const a of o) {
+    const c = await gt({
+      entryPoint: a,
+      files: t,
+      rollup: e,
+      enableSourcemap: n
+    });
+    s.set(a, c);
+  }
+  const i = jt(t, s);
+  return {
+    ...t,
+    "index.html": i
+  };
+}, g = !1, Tt = async ({
+  files: t,
+  rollup: e,
   enableSourcemap: n = !0,
   vizCache: r,
   vizId: o,
@@ -690,45 +812,45 @@ const ne = ({
 }) => {
   var a;
   try {
-    if (j && console.log(
+    if (g && 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)
+      t ? JSON.stringify(t).substring(0, 100) : void 0
+    ), g && console.log("[build] vizCache:", r), g && console.log("[build] vizId:", o), !t && !r)
       throw new Error(
         "Either files or vizCache is required"
       );
-    if (!e && r && !o)
+    if (!t && r && !o)
       throw new Error(
         "vizId is required when using vizCache"
       );
-    if (!e && r && o && (e = D(
+    if (!t && r && o && (t = A(
       (a = await r.get(o)) == null ? void 0 : a.files
-    )), !e)
+    )), !t)
       throw new Error("Upable to extract viz files");
-    const c = ie(e);
-    if (j && console.log("[build] version:", c), c === "v1")
+    const c = at(t);
+    if (g && console.log("[build] version:", c), c === "v1")
       return {
-        html: O(e)
+        html: $(t)
       };
     if (c === "v2") {
-      if (!t)
+      if (!e)
         throw new Error(
           "Rollup is required for v2 runtime"
         );
       return {
-        html: O(
-          await he({ files: e, rollup: t, enableSourcemap: n })
+        html: $(
+          await ft({ files: t, rollup: e, enableSourcemap: n })
         )
       };
     }
     if (c === "v3") {
-      if (!t)
+      if (!e)
         throw new Error(
           "Rollup is required for v3 runtime"
         );
       if (!r && !o) {
-        const l = oe(e);
-        o = l.id, r = se({
+        const l = ct(t);
+        o = l.id, r = it({
           initialContents: [l],
           handleCacheMiss: async () => {
             throw new Error(
@@ -745,15 +867,30 @@ const ne = ({
         throw new Error(
           "vizId is required for v3 runtime if vizCache is provided"
         );
-      return await re({
-        files: e,
-        rollup: t,
+      return await ot({
+        files: t,
+        rollup: e,
         vizCache: r,
         vizId: o,
         slugCache: s,
         getSvelteCompiler: i
       });
     }
+    if (c === "v4") {
+      if (!e)
+        throw new Error(
+          "Rollup is required for v4 runtime"
+        );
+      return g && console.log("[build] v4Build", {
+        files: t,
+        rollup: e,
+        enableSourcemap: n
+      }), {
+        html: $(
+          await St({ files: t, rollup: e, enableSourcemap: n })
+        )
+      };
+    }
     throw new Error(
       `Unsupported runtime version: ${c}`
     );
@@ -765,14 +902,14 @@ const ne = ({
   }
 };
 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
+  it as a,
+  Tt as b,
+  nt as c,
+  at as d,
+  Rt as e,
+  ct as f,
+  Nt as g,
+  Ct as s,
+  ot as v
 };
-//# sourceMappingURL=build-B2oXi2Mv.js.map
+//# sourceMappingURL=build-H5Rfq113.js.map