@vizhub/runtime 4.3.0 → 4.5.0

package/dist/{build-BT6ouBQg.js → build-B7w6NcTo.js}

@@ -1,14 +1,14 @@
 import { magicSandbox as C } from "magic-sandbox";
-import { isVizId as G, getFileText as B, generateVizId as Y, fileCollectionToVizFiles as Q, vizFilesToFileCollection as X } from "@vizhub/viz-utils";
-import { transform as Z } from "sucrase";
-const We = () => (Math.random() + "").slice(2);
-function V(e = {}) {
+import { isVizId as X, getFileText as q, generateVizId as Z, fileCollectionToVizFiles as K, vizFilesToFileCollection as ee } from "@vizhub/viz-utils";
+import { transform as te } from "sucrase";
+const qe = () => (Math.random() + "").slice(2);
+function F(e = {}) {
   return {
     name: "sucrase",
     transform(t, n) {
       if (!n.match(/\.(?:js|[jt]sx)$/))
         return null;
-      const s = Z(t, {
+      const r = te(t, {
         transforms: ["jsx", "typescript"],
         // For source maps
         filePath: n,
@@ -19,50 +19,50 @@ function V(e = {}) {
         ...e
       });
       return {
-        code: s.code,
-        map: s.sourceMap
+        code: r.code,
+        map: r.sourceMap
       };
     }
   };
 }
-const P = {
+const J = {
   dependencies: {},
   vizhub: {},
   license: "MIT"
-}, K = !1, $ = (e) => {
+}, ne = !1, $ = (e) => {
   const t = e["package.json"];
   try {
-    const n = t ? JSON.parse(t) : P;
-    return K && console.log(
+    const n = t ? JSON.parse(t) : J;
+    return ne && console.log(
       "[packageJSON] pkg:",
       JSON.stringify(n, null, 2)
     ), n;
   } catch {
-    return P;
+    return J;
   }
-}, L = (e) => $(e).dependencies || {}, z = (e) => ($(e).vizhub || {}).libraries || {}, F = ({ name: e, version: t }, n, s = "jsdelivr") => {
-  const r = n[e] && n[e].path || "";
-  return s === "jsdelivr" ? `https://cdn.jsdelivr.net/npm/${e}@${t}${r}` : `https://unpkg.com/${e}@${t}${r}`;
-}, ee = (e) => {
+}, W = (e) => $(e).dependencies || {}, V = (e) => ($(e).vizhub || {}).libraries || {}, U = ({ 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}`;
+}, re = (e) => {
   const t = e?.vizhub?.libraries;
   return t ? Object.entries(t).reduce(
-    (n, [s, r]) => (r.global && (n[s] = r.global), n),
+    (n, [r, s]) => (s.global && (n[r] = s.global), n),
     {}
   ) : {};
-}, te = {
+}, se = {
   d3: "d3",
   react: "React",
   "react-dom": "ReactDOM"
-}, H = (e) => {
-  const t = ee(e);
+}, G = (e) => {
+  const t = re(e);
   return {
-    ...te,
+    ...se,
     ...t
   };
 }, S = (e) => {
-  const [t, ...n] = e.split("/"), s = n.join("/");
-  return { vizId: t, fileName: s };
-}, ne = `var EOL = {},
+  const [t, ...n] = e.split("/"), r = n.join("/");
+  return { vizId: t, fileName: r };
+}, oe = `var EOL = {},
   EOF = {},
   QUOTE = 34,
   NEWLINE = 10,
@@ -182,101 +182,151 @@ var tsv = dsv('	');
 
 var tsvParse = tsv.parse;
 
-export { csvParse, tsvParse };`, re = (e) => (
+export { csvParse, tsvParse };`, ie = (e) => (
   // str.replace(/`/g, '\\`');
   e.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
-), se = () => ({
+), ce = () => ({
   name: "transformDSV",
   // `id` here is of the form
   // `{vizId}/{fileName}`
   transform: async (e, t) => {
-    const { fileName: n } = S(t), s = n.endsWith(".csv"), r = n.endsWith(".tsv");
-    if (s || r)
+    const { fileName: n } = S(t), r = n.endsWith(".csv"), s = n.endsWith(".tsv");
+    if (r || s)
       return {
         code: `
-            ${ne}
-            const data = ${s ? "csvParse" : "tsvParse"}(\`${re(e)}\`);
+            ${oe}
+            const data = ${r ? "csvParse" : "tsvParse"}(\`${ie(e)}\`);
             export default data;
           `,
         map: { mappings: "" }
       };
   }
-}), oe = (e) => {
+}), ae = (e) => {
   const t = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, n = e.match(t);
   return n ? {
     userName: n[1],
     idOrSlug: n[2]
   } : null;
-}, ie = ({
+}, de = ({
   vizId: e,
   slugCache: t
 }) => ({
   name: "vizResolve",
-  resolveId: async (n, s) => {
-    if (n.startsWith("./") && !s?.startsWith("https://")) {
+  resolveId: async (n, r) => {
+    if (n.startsWith("./") && !r?.startsWith("https://")) {
       let o = n.substring(2);
-      if (!o.endsWith(".js") && !o.endsWith(".css") && !o.endsWith(".csv") && !o.endsWith(".svelte") && (o += ".js"), s) {
+      if (!o.endsWith(".js") && !o.endsWith(".css") && !o.endsWith(".csv") && !o.endsWith(".svelte") && !o.endsWith(".png") && !o.endsWith(".jpg") && !o.endsWith(".jpeg") && !o.endsWith(".gif") && !o.endsWith(".svg") && !o.endsWith(".webp") && !o.endsWith(".bmp") && (o += ".js"), r) {
         const {
           vizId: c,
           fileName: i
-        } = S(s), a = i.split("/").slice(0, -1).join("/"), u = a ? `${a}/${o}` : o;
-        return `${c}/${u}`;
+        } = S(r), a = i.split("/").slice(0, -1).join("/"), d = a ? `${a}/${o}` : o;
+        return `${c}/${d}`;
       }
       return e + "/" + o;
     }
-    const r = oe(n);
-    if (r) {
+    const s = ae(n);
+    if (s) {
       let o;
-      if (G(r.idOrSlug))
-        o = r.idOrSlug;
+      if (X(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(
-          `${r.userName}/${r.idOrSlug}`
+          `${s.userName}/${s.idOrSlug}`
         );
       }
       return o + "/index.js";
     }
   }
-}), ce = ({
+}), le = [
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  ".svg",
+  ".webp",
+  ".bmp"
+], z = (e) => {
+  const t = e.toLowerCase().split(".").pop();
+  return t ? le.includes(`.${t}`) : !1;
+}, ue = (e) => {
+  switch (e.toLowerCase().split(".").pop()) {
+    case "jpg":
+    case "jpeg":
+      return "image/jpeg";
+    case "png":
+      return "image/png";
+    case "gif":
+      return "image/gif";
+    case "svg":
+      return "image/svg+xml";
+    case "webp":
+      return "image/webp";
+    case "bmp":
+      return "image/bmp";
+    default:
+      return "image/png";
+  }
+}, pe = (e) => {
+  const t = e.replace(/\s/g, "");
+  return /^[A-Za-z0-9+/]*={0,2}$/.test(t);
+}, P = (e, t) => {
+  const n = ue(e);
+  return e.toLowerCase().split(".").pop() === "svg" && !pe(t) ? `data:${n};utf8,${encodeURIComponent(t)}` : `data:${n};base64,${t}`;
+}, me = (e, t) => e.replace(
+  /<img([^>]*)\s+src=["']([^"']+)["']([^>]*)>/gi,
+  (n, r, s, o) => {
+    if (t[s] !== void 0 && z(s)) {
+      const c = P(
+        s,
+        t[s]
+      );
+      return `<img${r} src="${c}"${o}>`;
+    }
+    return n;
+  }
+), fe = ({
   vizCache: e,
   trackCSSImport: t,
   vizId: n,
-  files: s
+  files: r
 }) => ({
   name: "vizLoad",
   // `id` here is of the form
   // `{vizId}/{fileName}`
-  load: async (r) => {
-    const o = S(r), c = o.vizId, i = o.fileName;
+  load: async (s) => {
+    const o = S(s), c = o.vizId, i = o.fileName;
     if (i.endsWith(".css"))
-      return t(r), "";
+      return t(s), "";
     let a = null;
-    if (c === n && s)
-      a = s[i] || null;
+    if (c === n && r)
+      a = r[i] || null;
     else {
-      const u = await e.get(c);
-      a = B(u, i);
+      const d = await e.get(c);
+      a = q(d, i);
     }
     if (a === null)
       throw new Error(
         `Imported file "${i}" not found.`
       );
-    return a;
+    return z(i) ? `export default "${P(
+      i,
+      a
+    )}";` : a;
   }
-}), J = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
+}), D = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
 let I;
-const E = "https://cdn.jsdelivr.net/npm/svelte@5.37.1", De = `${E}/compiler/index.js`;
-async function W(e) {
+const b = "https://cdn.jsdelivr.net/npm/svelte@5.37.1", Ge = `${b}/compiler/index.js`;
+async function A(e) {
   const t = R.get(e);
   if (t)
     return t;
   const n = [".js", "/index.js"];
-  for (const r of n) {
-    const o = `${e}${r}`;
+  for (const s of n) {
+    const o = `${e}${s}`;
     try {
       if ((await fetch(o, { method: "HEAD" })).ok)
         return R.set(e, o), o;
@@ -284,10 +334,10 @@ async function W(e) {
       continue;
     }
   }
-  const s = `${e}.js`;
-  return R.set(e, s), s;
+  const r = `${e}.js`;
+  return R.set(e, r), r;
 }
-const ae = ({
+const he = ({
   getSvelteCompiler: e
 }) => ({
   name: "transformSvelte",
@@ -299,45 +349,45 @@ export const DEV = true;
 export const NODE = false;
 export const PROD = false;
 `;
-    if (!t.startsWith(E))
+    if (!t.startsWith(b))
       return;
-    const n = J.get(t);
+    const n = D.get(t);
     if (n) return n;
-    const s = await fetch(t).then(
-      (r) => r.text()
+    const r = await fetch(t).then(
+      (s) => s.text()
     );
-    return J.set(t, s), s;
+    return D.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 === "esm-env")
       return "virtual:esm-env";
     if (t === "svelte")
-      return `${E}/src/index-client.js`;
+      return `${b}/src/index-client.js`;
     if (t.startsWith("svelte/")) {
-      const s = t.slice(7), r = `${E}/src/${s}`;
-      return await W(r);
+      const r = t.slice(7), s = `${b}/src/${r}`;
+      return await A(s);
     }
     if (t.startsWith("#client/")) {
-      const s = t.slice(8), r = `${E}/src/internal/client/${s}`;
-      return await W(r);
+      const r = t.slice(8), s = `${b}/src/internal/client/${r}`;
+      return await A(s);
     }
     if (/^https?:/.test(t)) return t;
-    if (t.startsWith(".") && n && n.startsWith(E)) {
-      const s = new URL(t, n).href;
-      return new URL(t, n).href, s;
+    if (t.startsWith(".") && n && n.startsWith(b)) {
+      const r = new URL(t, n).href;
+      return new URL(t, n).href, r;
     }
   },
   transform: async (t, n) => {
-    const { fileName: s } = S(n);
-    if (s.endsWith(".svelte")) {
+    const { fileName: r } = S(n);
+    if (r.endsWith(".svelte")) {
       if (!I) {
         if (!e)
           throw new Error("Svelte compiler not available");
         I = await e();
       }
       const o = I(t, {
-        filename: s,
+        filename: r,
         generate: "client",
         // Svelte 5 uses 'client' instead of 'dom'
         css: "external",
@@ -358,12 +408,12 @@ export const PROD = false;
 ` + c), c;
     }
   }
-}), de = async ({
+}), ge = async ({
   files: e,
   rollup: t,
   enableSourcemap: n = !0,
-  vizCache: s,
-  vizId: r,
+  vizCache: r,
+  vizId: s,
   slugCache: o,
   getSvelteCompiler: c
 }) => {
@@ -372,7 +422,7 @@ export const PROD = false;
   };
   if (!e["index.js"])
     throw new Error("Missing index.js");
-  const d = {
+  const l = {
     name: "replace",
     transform(p, w) {
       let y = !1, f = p;
@@ -381,19 +431,19 @@ export const PROD = false;
         JSON.stringify("production")
       ), y = !0), y ? { code: f, map: null } : null;
     }
-  }, l = {
+  }, u = {
     input: "./index.js",
     plugins: [
-      ...r ? [ie({ vizId: r, slugCache: o })] : [],
-      se(),
-      V(),
-      ae({ getSvelteCompiler: c }),
-      d,
-      ...s ? [
-        ce({
-          vizCache: s,
+      ...s ? [de({ vizId: s, slugCache: o })] : [],
+      ce(),
+      F(),
+      he({ getSvelteCompiler: c }),
+      l,
+      ...r ? [
+        fe({
+          vizCache: r,
           trackCSSImport: a,
-          vizId: r,
+          vizId: s,
           files: e
         })
       ] : []
@@ -408,32 +458,32 @@ export const PROD = false;
     compact: !0
   }, g = $(e);
   if (g) {
-    const p = H(g);
-    p && (l.external = Object.keys(p), m.globals = p);
+    const p = G(g);
+    p && (u.external = Object.keys(p), m.globals = p);
   }
-  l.external || (l.external = []), m.globals || (m.globals = {}), Array.isArray(l.external) && (l.external = l.external.filter(
+  u.external || (u.external = []), m.globals || (m.globals = {}), Array.isArray(u.external) && (u.external = u.external.filter(
     (p) => typeof p == "string" && !p.startsWith("#client/")
   ));
-  const v = await t(l), { output: b } = await v.generate(m);
+  const v = await t(u), { output: E } = await v.generate(m);
   return {
-    src: b[0].code,
+    src: E[0].code,
     cssFiles: Array.from(i)
   };
-}, le = (e) => {
+}, ve = (e) => {
   if (e instanceof Error) {
     const t = e.stack || "", n = e.message || "Unknown error";
     return `${e.name || "Error"}: ${n}
 ${t}`;
   } else if ("error" in e && e.error instanceof Error) {
-    const t = e.error, n = t.stack || "", s = t.message || "Unknown error", r = "filename" in e ? e.filename : "", o = "lineno" in e ? e.lineno : "", c = "colno" in e ? e.colno : "";
+    const t = e.error, n = t.stack || "", r = t.message || "Unknown error", s = "filename" in e ? e.filename : "", o = "lineno" in e ? e.lineno : "", c = "colno" in e ? e.colno : "";
     let i = "";
-    return r && o && (i = ` at ${r}:${o}`, c && (i += `:${c}`)), `${t.name || "Error"}: ${s}${i}
+    return s && o && (i = ` at ${s}:${o}`, c && (i += `:${c}`)), `${t.name || "Error"}: ${r}${i}
 ${n}`;
   } else if ("reason" in e) {
     const t = e.reason;
     if (t instanceof Error) {
-      const n = t.stack || "", s = t.message || "Unknown error";
-      return `Unhandled Promise Rejection - ${t.name || "Error"}: ${s}
+      const n = t.stack || "", r = t.message || "Unknown error";
+      return `Unhandled Promise Rejection - ${t.name || "Error"}: ${r}
 ${n}`;
     } else
       return `Unhandled Promise Rejection: ${String(t)}`;
@@ -442,7 +492,7 @@ ${n}`;
 }, j = () => `
     // Global error handling for runtime errors
     (() => {
-      const formatRuntimeError = ${le.toString()};
+      const formatRuntimeError = ${ve.toString()};
       
       // Handle uncaught JavaScript errors
       window.addEventListener('error', (event) => {
@@ -463,15 +513,15 @@ ${n}`;
       });
     })();
   `;
-function ue() {
+function we() {
   return Math.random().toString().slice(2, 7);
 }
-const pe = ({
+const ye = ({
   cdn: e,
   src: t,
   styles: n
 }) => {
-  const r = `viz-container-${ue()}`;
+  const s = `viz-container-${we()}`;
   return `<!DOCTYPE html>
 <html>
 <head>
@@ -481,20 +531,20 @@ const pe = ({
       margin: 0;
       overflow: hidden;
     }
-    #${r} {
+    #${s} {
       height: 100vh;
     }
   </style>
 </head>
 <body>
-  <div id="${r}"></div>
+  <div id="${s}"></div>
   <script>${j()}<\/script>
   <script id="injected-script">${t}<\/script>
   <script>
     (() => {
       let cleanup;
       const render = () => {
-        const container = document.getElementById('${r}');
+        const container = document.getElementById('${s}');
         typeof cleanup === 'function' && cleanup();
         cleanup = (Viz.viz || Viz.main)(container, { state: window.state, setState, writeFile });
       };
@@ -552,49 +602,49 @@ const pe = ({
   <\/script>
 </body>
 </html>`;
-}, me = async ({
+}, be = async ({
   files: e,
   rollup: t,
   enableSourcemap: n = !0,
-  vizCache: s,
-  vizId: r,
+  vizCache: r,
+  vizId: s,
   slugCache: o,
   getSvelteCompiler: c
 }) => {
-  const { src: i, cssFiles: a } = await de({
+  const { src: i, cssFiles: a } = await ge({
     files: e,
     rollup: t,
     enableSourcemap: n,
-    vizCache: s,
-    vizId: r,
+    vizCache: r,
+    vizId: s,
     slugCache: o,
     getSvelteCompiler: c
   });
-  let u = [];
+  let d = [];
   if (a.length > 0)
     for (let v = 0; v < a.length; v++) {
-      const b = a[v], p = S(b), w = p.vizId, y = p.fileName;
+      const E = a[v], p = S(E), w = p.vizId, y = p.fileName;
       let f = null;
-      if (w === r && e)
+      if (w === s && e)
         f = e[y] || null;
       else {
-        const q = await s.get(w);
-        f = B(q, y);
+        const Q = await r.get(w);
+        f = q(Q, y);
       }
-      f && u.push(f);
+      f && d.push(f);
     }
-  const d = u.join(`
-`), l = `
-    <style id="injected-style">${d}</style>`;
+  const l = d.join(`
+`), u = `
+    <style id="injected-style">${l}</style>`;
   let m = "";
   const g = Object.entries(
-    L(e)
+    W(e)
   );
   if (g.length > 0) {
-    const v = z(e);
-    m = g.map(([b, p], w) => {
-      const y = F(
-        { name: b, version: p },
+    const v = V(e);
+    m = g.map(([E, p], w) => {
+      const y = U(
+        { name: E, version: p },
         v
       );
       return `${w > 0 ? "    " : `
@@ -602,12 +652,12 @@ const pe = ({
     }).join("");
   }
   return {
-    html: pe({ cdn: m, src: i, styles: l }),
-    css: d,
+    html: ye({ cdn: m, src: i, styles: u }),
+    css: l,
     js: i,
     runtimeVersion: "v3"
   };
-}, fe = ({
+}, Ee = ({
   initialContents: e,
   handleCacheMiss: t
 }) => {
@@ -633,7 +683,7 @@ const pe = ({
   }, invalidate: (c) => {
     n.delete(c);
   } };
-}, Ue = ({
+}, Ye = ({
   initialMappings: e = {},
   handleCacheMiss: t
 }) => ({ get: async (o) => {
@@ -652,19 +702,19 @@ const pe = ({
   e[o] = c;
 }, invalidate: (o) => {
   delete e[o];
-} }), he = (e, t = "Sample Content for Exporting", n = Y()) => ({
+} }), xe = (e, t = "Sample Content for Exporting", n = Z()) => ({
   id: n,
-  files: Q(e),
+  files: K(e),
   title: t
-}), ge = (e) => {
+}), Se = (e) => {
   if (Object.keys(e).length === 0)
     return null;
-  const t = "index.html" in e, n = "index.js" in e, s = "index.jsx" in e;
-  return t ? e["index.html"].includes('type="module"') ? "v4" : n || s ? "v2" : "v1" : !t && n ? "v3" : null;
-}, O = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), ve = (e) => {
+  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;
+}, O = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), $e = (e) => {
   const t = e.trim();
   return O(t, "html") && O(t, "head") && O(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
-}, we = (e, t) => e.replace(
+}, je = (e, t) => e.replace(
   new RegExp(
     `<script[^>]*src=["'][^"']*${t.source}[^"']*["'][^>]*>\\s*<\/script>`,
     "gi"
@@ -673,16 +723,16 @@ const pe = ({
 ), N = (e, t, n) => e.replace(
   new RegExp(t, "i"),
   `${n}${t}`
-), ye = (e, t) => {
-  let n = ve(e);
-  const s = Object.entries(L(t));
-  if (s.length) {
-    const c = z(t);
-    s.forEach(([a]) => {
-      n = we(n, new RegExp(`${a}@`));
+), Ce = (e, t) => {
+  let n = $e(e);
+  const r = Object.entries(W(t));
+  if (r.length) {
+    const c = V(t);
+    r.forEach(([a]) => {
+      n = je(n, new RegExp(`${a}@`));
     });
-    const i = s.map(
-      ([a, u]) => F({ name: a, version: u }, c)
+    const i = r.map(
+      ([a, d]) => U({ name: a, version: d }, c)
     ).map((a) => `<script src="${a}"><\/script>`).join(`
 `);
     n = N(
@@ -695,10 +745,10 @@ const pe = ({
   if (t["bundle.js"] !== void 0 || t["index.js"] !== void 0) {
     const c = '<script src="bundle.js"><\/script>', i = /<script\b[^>]*\bsrc=["']bundle\.js["'][^>]*>\s*<\/script>/gi, a = [...n.matchAll(i)];
     a.length === 1 && (() => {
-      const d = a[0].index ?? -1;
-      if (d === -1) return !1;
-      const l = n.search(/<body\b[^>]*>/i), m = n.search(/<\/body>/i);
-      return l !== -1 && m !== -1 && d > l && d < m;
+      const l = a[0].index ?? -1;
+      if (l === -1) return !1;
+      const u = n.search(/<body\b[^>]*>/i), m = n.search(/<\/body>/i);
+      return u !== -1 && m !== -1 && l > u && l < m;
     })() || (n = n.replace(i, ""), n = N(n, "</body>", c));
   }
   const o = `<script>${j()}<\/script>
@@ -708,16 +758,16 @@ const pe = ({
     "</head>",
     o
   ), /^\s*<!DOCTYPE/i.test(n) ? n : `<!DOCTYPE html>${n}`;
-}, Ee = (e) => {
+}, Re = (e) => {
   const t = e["index.html"];
-  return !t && !e["index.js"] && !e["bundle.js"] ? "" : ye(t || "<!DOCTYPE html><html><head></head><body></body></html>", e);
+  return !t && !e["index.js"] && !e["bundle.js"] ? "" : Ce(t || "<!DOCTYPE html><html><head></head><body></body></html>", e);
 };
-function be(e) {
+function Ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var k, D;
-function xe() {
-  return D || (D = 1, k = {
+var T, B;
+function Oe() {
+  return B || (B = 1, T = {
     d3: "d3",
     "d3-array": "d3",
     "d3-axis": "d3",
@@ -765,25 +815,25 @@ function xe() {
     "vizhub-vega-lite-config": "vizhubVegaLiteConfig",
     semiotic: "Semiotic",
     "viz.js": "Viz"
-  }), k;
+  }), T;
 }
-var Se = xe();
-const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
+var Ne = Oe();
+const Te = /* @__PURE__ */ Ie(Ne), h = "\0virtual:", H = (e) => {
   let t = e.replace(/^\.\//, "");
   return t = t.replace(/\/+/g, "/"), t = t.replace(/\/$/, ""), t;
-}, je = (e, t) => {
-  const n = e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : "", s = t.split("/"), r = n ? n.split("/") : [];
-  for (const o of s)
-    o === ".." ? r.pop() : o !== "." && o !== "" && r.push(o);
-  return r.join("/");
-}, _ = (e) => ({
+}, ke = (e, t) => {
+  const n = e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : "", r = t.split("/"), s = n ? n.split("/") : [];
+  for (const o of r)
+    o === ".." ? s.pop() : o !== "." && o !== "" && s.push(o);
+  return s.join("/");
+}, Y = (e) => ({
   name: "virtual-file-system",
   resolveId(t, n) {
-    const s = n?.startsWith(
+    const r = n?.startsWith(
       h
     ) ? n.slice(h.length) : n;
     if (t.startsWith("./") || t.startsWith("../")) {
-      const o = U(s ? je(s, t) : t);
+      const o = H(r ? ke(r, t) : t);
       if (e[o])
         return h + o;
       const c = [".js", ".jsx", ".ts", ".tsx"];
@@ -795,8 +845,8 @@ const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
     }
     if (e[t])
       return h + t;
-    const r = [".js", ".jsx", ".ts", ".tsx"];
-    for (const o of r) {
+    const s = [".js", ".jsx", ".ts", ".tsx"];
+    for (const o of s) {
       const c = t + o;
       if (e[c])
         return h + c;
@@ -807,58 +857,61 @@ const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
     if (t.startsWith(h)) {
       const n = t.slice(h.length);
       if (e[n])
-        return e[n];
+        return z(n) ? `export default "${P(
+          n,
+          e[n]
+        )}";` : e[n];
     }
     return null;
   }
-}), Ce = async ({
+}), Le = async ({
   files: e,
   rollup: t,
   enableSourcemap: n = !0
 }) => {
-  let s = "index.js";
-  if (!e[s] && (s = "index.jsx", !e[s]))
+  let r = "index.js";
+  if (!e[r] && (r = "index.jsx", !e[r]))
     throw new Error(
       "Missing entry point, can't find index.js or index.jsx"
     );
   const o = {
-    input: "./" + s,
-    plugins: [_(e), V()],
-    onwarn(d, l) {
-      d.code !== "UNRESOLVED_IMPORT" && l(d);
+    input: "./" + r,
+    plugins: [Y(e), F()],
+    onwarn(l, u) {
+      l.code !== "UNRESOLVED_IMPORT" && u(l);
     }
   }, c = {
     format: "iife",
     sourcemap: n
   }, i = $(e);
   if (i) {
-    const d = {
+    const l = {
       // Pre-configured globals for v2 only
-      ...$e,
+      ...Te,
       // Libraries from package.json
-      ...H(i)
+      ...G(i)
     };
-    d && (o.external = Object.keys(d), c.globals = d);
+    l && (o.external = Object.keys(l), c.globals = l);
   }
-  const a = await t(o), { output: u } = await a.generate(c);
-  return u[0].code;
-}, Re = async ({
+  const a = await t(o), { output: d } = await a.generate(c);
+  return d[0].code;
+}, Me = async ({
   files: e,
   rollup: t,
   enableSourcemap: n
 }) => ({
   ...e,
-  "bundle.js": await Ce({
+  "bundle.js": await Le({
     files: e,
     rollup: t,
     enableSourcemap: n
   }),
-  "index.html": Ee(e)
-}), Ie = (e) => {
-  const t = [], n = [], s = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi;
-  let r, o = 0;
-  for (; (r = s.exec(e)) !== null; ) {
-    const c = r[1], i = r[2];
+  "index.html": Re(e)
+}), Fe = (e) => {
+  const t = [], n = [], r = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi;
+  let s, o = 0;
+  for (; (s = r.exec(e)) !== null; ) {
+    const c = s[1], i = s[2];
     if (!/\btype\s*=\s*["']module["']/i.test(c))
       continue;
     const a = c.match(
@@ -867,36 +920,36 @@ const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
     if (a)
       t.push(a[1]);
     else if (i.trim()) {
-      const u = `__inline_script_${o++}.js`;
+      const d = `__inline_script_${o++}.js`;
       n.push({
-        id: u,
+        id: d,
         content: i.trim()
-      }), t.push(u);
+      }), t.push(d);
     }
   }
   return { entryPoints: t, inlineScripts: n };
-}, Oe = () => ({
+}, We = () => ({
   name: "catch-all-prevent-fs",
   resolveId(e, t) {
     return { id: e, external: !0 };
   }
-}), Ne = async ({
+}), Ve = async ({
   entryPoint: e,
   files: t,
   rollup: n,
-  enableSourcemap: s = !0
+  enableSourcemap: r = !0
 }) => {
   const o = {
     input: e.startsWith("./") ? e : `./${e}`,
     plugins: [
-      _(t),
-      V({
+      Y(t),
+      F({
         // Enable JSX runtime
         // so we don't need to import React
         // in every file that uses JSX
         jsxRuntime: "automatic"
       }),
-      Oe()
+      We()
     ],
     // external: (source: string) => {
     //   DEBUG && console.log("external", source);
@@ -908,30 +961,30 @@ const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
     //   DEBUG && console.log("isExternal", isExternal);
     //   return isExternal;
     // },
-    onwarn(a, u) {
+    onwarn(a, d) {
     }
   }, c = await n(o), { output: i } = await c.generate({
     format: "es",
-    sourcemap: s
+    sourcemap: r
   });
   return i[0].code;
-}, T = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), ke = (e) => {
+}, k = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), Ue = (e) => {
   const t = e.trim();
-  return T(t, "html") && T(t, "head") && T(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
-}, A = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), M = (e, t, n) => e.replace(
+  return k(t, "html") && k(t, "head") && k(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
+}, _ = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), L = (e, t, n) => e.replace(
   new RegExp(t, "i"),
   `${n}${t}`
-), Te = (e) => {
-  const t = L(e);
+), ze = (e) => {
+  const t = W(e);
   if (Object.keys(t).length === 0) return null;
-  const n = z(e), s = {};
-  for (const [r, o] of Object.entries(t))
-    s[r] = F(
-      { name: r, version: o },
+  const n = V(e), r = {};
+  for (const [s, o] of Object.entries(t))
+    r[s] = U(
+      { name: s, version: o },
       n
     );
-  return JSON.stringify({ imports: s }, null, 2);
-}, Me = () => `
+  return JSON.stringify({ imports: r }, null, 2);
+}, Pe = () => `
     // V4 Hot Reloading Support
     (() => {
       const runJS = (js) => {
@@ -985,104 +1038,104 @@ const $e = /* @__PURE__ */ be(Se), h = "\0virtual:", U = (e) => {
         }
       });
     })();
-  `, Ve = (e, t, n = [], s = !1) => {
+  `, Je = (e, t, n = [], r = !1) => {
   if (!e["index.html"]) return "";
-  let r = ke(e["index.html"]);
+  let s = Ue(e["index.html"]);
   t.forEach((i, a) => {
     if (n.some(
-      (d) => d.id === a
+      (l) => l.id === a
     )) {
-      const d = n.find((g) => g.id === a)?.content || "", l = A(
-        d
+      const l = n.find((g) => g.id === a)?.content || "", u = _(
+        l
       ), m = new RegExp(
-        `<script\\b[^>]*\\btype=["']module["'][^>]*>\\s*${l}\\s*<\/script>`,
+        `<script\\b[^>]*\\btype=["']module["'][^>]*>\\s*${u}\\s*<\/script>`,
         "gi"
       );
-      r = r.replace(
+      s = s.replace(
         m,
         `<script type="module">
 ${i}
 <\/script>`
       );
     } else {
-      const d = new RegExp(
-        `<script\\b[^>]*\\bsrc=["']${A(a)}["'][^>]*>[^<]*<\/script>`,
+      const l = new RegExp(
+        `<script\\b[^>]*\\bsrc=["']${_(a)}["'][^>]*>[^<]*<\/script>`,
         "gi"
       );
-      r = r.replace(
-        d,
+      s = s.replace(
+        l,
         `<script type="module">
 ${i}
 <\/script>`
       );
     }
   });
-  const o = Te(e);
+  const o = ze(e);
   if (o && !/<script\b[^>]*type=["']importmap["'][^>]*>/i.test(
-    r
+    s
   )) {
     const a = `<script type="importmap">
 ${o}
 <\/script>
 `;
-    r = M(
-      r,
+    s = L(
+      s,
       "</head>",
       a
     );
   }
   const c = `<script>${j()}<\/script>
 `;
-  if (r = M(
-    r,
+  if (s = L(
+    s,
     "</head>",
     c
-  ), s) {
-    const i = `<script>${Me()}<\/script>
+  ), r) {
+    const i = `<script>${Pe()}<\/script>
 `;
-    r = M(
-      r,
+    s = L(
+      s,
       "</body>",
       i
     );
   }
-  return /^\s*<!DOCTYPE/i.test(r) ? r : `<!DOCTYPE html>${r}`;
-}, Le = async ({
+  return /^\s*<!DOCTYPE/i.test(s) ? s : `<!DOCTYPE html>${s}`;
+}, De = async ({
   files: e,
   rollup: t,
   enableSourcemap: n = !0
 }) => {
-  const s = e["index.html"] || "", { entryPoints: r, inlineScripts: o } = Ie(s);
-  if (r.length === 0)
+  const r = e["index.html"] || "", { entryPoints: s, inlineScripts: o } = Fe(r);
+  if (s.length === 0)
     return { files: e, bundledJS: "" };
   const c = { ...e };
-  for (const l of o)
-    c[l.id] = l.content;
+  for (const u of o)
+    c[u.id] = u.content;
   const i = /* @__PURE__ */ new Map(), a = [];
-  for (const l of r) {
-    const m = await Ne({
-      entryPoint: l,
+  for (const u of s) {
+    const m = await Ve({
+      entryPoint: u,
       files: c,
       rollup: t,
       enableSourcemap: n
     });
-    i.set(l, m), a.push(m);
+    i.set(u, m), a.push(m);
   }
-  const u = Ve(
+  const d = Je(
     c,
     i,
     o,
     !0
-  ), d = a.join(`
+  ), l = a.join(`
 `);
   return {
     files: {
       ...e,
-      "index.html": u
+      "index.html": d
     },
-    bundledJS: d
+    bundledJS: l
   };
-}, x = !1, ze = (e) => {
+}, x = !1, Ae = (e) => {
   const t = `<script>${j()}<\/script>`;
   return e.includes("</head>") ? e.replace(
     "</head>",
@@ -1093,12 +1146,22 @@ ${o}
     `${t}
 </body>`
   ) : e + t;
-}, Ae = async ({
+}, M = (e) => {
+  const t = { ...e };
+  for (const [n, r] of Object.entries(
+    t
+  ))
+    n.toLowerCase().endsWith(".html") && (t[n] = me(
+      r,
+      e
+    ));
+  return t;
+}, Qe = async ({
   files: e,
   rollup: t,
   enableSourcemap: n = !0,
-  vizCache: s,
-  vizId: r,
+  vizCache: r,
+  vizId: s,
   slugCache: o,
   getSvelteCompiler: c
 }) => {
@@ -1106,35 +1169,40 @@ ${o}
     if (x && console.log(
       "[build] files:",
       e ? JSON.stringify(e).substring(0, 100) : void 0
-    ), x && console.log("[build] vizCache:", s), x && console.log("[build] vizId:", r), !e && !s)
+    ), x && console.log("[build] vizCache:", r), x && console.log("[build] vizId:", s), !e && !r)
       throw new Error(
         "Either files or vizCache is required"
       );
-    if (!e && s && !r)
+    if (!e && r && !s)
       throw new Error(
         "vizId is required when using vizCache"
       );
-    if (!e && s && r && (e = X(
-      (await s.get(r))?.files
+    if (!e && r && s && (e = ee(
+      (await r.get(s))?.files
     )), !e)
       throw new Error("Upable to extract viz files");
-    const i = ge(e);
-    if (x && console.log("[build] version:", i), i === "v1")
+    const i = Se(e);
+    if (x && console.log("[build] version:", i), i === "v1") {
+      const a = M(e);
       return {
-        html: ze(
-          C(e)
+        html: Ae(
+          C(a)
         ),
         runtimeVersion: i
       };
+    }
     if (i === "v2") {
       if (!t)
         throw new Error(
           "Rollup is required for v2 runtime"
         );
+      const a = await Me({
+        files: e,
+        rollup: t,
+        enableSourcemap: n
+      }), d = M(a);
       return {
-        html: C(
-          await Re({ files: e, rollup: t, enableSourcemap: n })
-        ),
+        html: C(d),
         runtimeVersion: i
       };
     }
@@ -1143,9 +1211,9 @@ ${o}
         throw new Error(
           "Rollup is required for v3 runtime"
         );
-      if (!s && !r) {
-        const a = he(e);
-        r = a.id, s = fe({
+      if (!r && !s) {
+        const a = xe(e);
+        s = a.id, r = Ee({
           initialContents: [a],
           handleCacheMiss: async () => {
             throw new Error(
@@ -1154,19 +1222,19 @@ ${o}
           }
         });
       }
-      if (!s)
+      if (!r)
         throw new Error(
           "vizCache is required for v3 runtime"
         );
-      if (!r)
+      if (!s)
         throw new Error(
           "vizId is required for v3 runtime if vizCache is provided"
         );
-      return await me({
+      return await be({
         files: e,
         rollup: t,
-        vizCache: s,
-        vizId: r,
+        vizCache: r,
+        vizId: s,
         slugCache: o,
         getSvelteCompiler: c
       });
@@ -1181,13 +1249,15 @@ ${o}
         rollup: t,
         enableSourcemap: n
       });
-      const a = await Le({
+      const a = await De({
         files: e,
         rollup: t,
         enableSourcemap: n
-      });
+      }), d = M(
+        a.files
+      );
       return {
-        html: C(a.files),
+        html: C(d),
         js: a.bundledJS,
         runtimeVersion: i
       };
@@ -1203,14 +1273,14 @@ ${o}
   }
 };
 export {
-  fe as a,
-  Ae as b,
-  de as c,
-  ge as d,
-  Ue as e,
-  he as f,
-  We as g,
-  De as s,
-  me as v
+  Ee as a,
+  Qe as b,
+  ge as c,
+  Se as d,
+  Ye as e,
+  xe as f,
+  qe as g,
+  Ge as s,
+  be as v
 };
-//# sourceMappingURL=build-BT6ouBQg.js.map
+//# sourceMappingURL=build-B7w6NcTo.js.map