@vizhub/runtime 0.3.8 → 0.4.0

package/README.md

@@ -18,20 +18,20 @@ The library automatically detects which runtime version to use based on the file
 - **v3**: When only `index.js` is present (no `index.html`)
 - **v4**: When `index.html` contains ES module scripts with import maps
 
-| Feature               | **V1**            | **V2**                         | **V3**                            | **V4**                       |
-| --------------------- | ----------------- | ------------------------------ | --------------------------------- | ---------------------------- |
-| **When Used**         | Only `index.html` | `index.html` + `index.js/.jsx` | Only `index.js` (no `index.html`) | `index.html` with ES modules |
-| **`index.html`**      | User-provided     | User-provided                  | Auto-generated                    | User-provided                |
-| **ES Modules**        | ☐                 | ✅                             | ✅                                | ✅                           |
-| **UMD Libraries**     | ✅                | ✅                             | ✅                                | ☐                            |
-| **ESM Libraries**     | ☐                 | ☐                              | ☐                                 | ✅                           |
-| **JSX Support**       | ☐                 | ✅                             | ☐                                 | ✅                           |
-| **Svelte Support**    | ☐                 | ☐                              | ✅                                | ☐                            |
-| **Cross-Viz Imports** | ☐                 | ☐                              | ✅                                | ☐                            |
-| **State Management**  | ☐                 | ☐                              | ✅                                | ☐                            |
-| **Import from CSV**   | ☐                 | ☐                              | ✅                                | ☐                            |
-| **`fetch` proxy**     | ✅                | ✅                             | ☐                                 | ✅                           |
-| **Best For**          | Simple HTML demos | React with CDN deps            | Svelte / reusable D3              | Modern module-based apps     |
+| Feature                  | **V1**            | **V2**                         | **V3**                            | **V4**                       |
+| ------------------------ | ----------------- | ------------------------------ | --------------------------------- | ---------------------------- |
+| **Custom `index.html`**  | ✅                | ✅                             | ⬜️                                | ✅                           |
+| **Local ES Modules**     | ⬜️                | ✅                             | ✅                                | ✅                           |
+| **UMD Libraries**        | ✅                | ✅                             | ✅                                | ⬜️                           |
+| **ESM Libraries**        | ⬜️                | ⬜️                             | ⬜️                                | ✅                           |
+| **React JSX**            | ⬜️                | ✅                             | ⬜️                                | ✅                           |
+| **TypeScript**           | ⬜️                | ⬜️                             | ⬜️                                | ✅                           |
+| **Svelte**               | ⬜️                | ⬜️                             | ✅                                | ⬜️                           |
+| **Cross-Viz Imports**    | ⬜️                | ⬜️                             | ✅                                | ⬜️                           |
+| **Hot Reloading**        | ⬜️                | ⬜️                             | ✅                                | ⬜️                           |
+| **State Management**     | ⬜️                | ⬜️                             | ✅                                | ⬜️                           |
+| **Import from CSV**      | ⬜️                | ⬜️                             | ✅                                | ⬜️                           |
+| **`fetch` proxy**        | ✅                | ✅                             | ⬜️                                | ✅                           |
 
 ## V1 Runtime
 

package/dist/buildHTML.d.ts

@@ -1,8 +1,8 @@
-import type { RollupBuild, RollupOptions } from "rollup";
-import { VizCache } from "./v3/vizCache";
-import { SlugCache } from "./v3/slugCache";
-import { SvelteCompiler } from "./v3/transformSvelte";
 import { FileCollection } from "@vizhub/viz-types";
+import type { RollupBuild, RollupOptions } from "rollup";
+import { VizCache } from "./v3/vizCache.js";
+import { SlugCache } from "./v3/slugCache.js";
+import { SvelteCompiler } from "./v3/transformSvelte.js";
 export declare const buildHTML: ({ files, rollup, enableSourcemap, vizCache, vizId, slugCache, getSvelteCompiler, }: {
     files?: FileCollection;
     rollup?: (options: RollupOptions) => Promise<RollupBuild>;
@@ -12,3 +12,4 @@ export declare const buildHTML: ({ files, rollup, enableSourcemap, vizCache, viz
     slugCache?: SlugCache;
     getSvelteCompiler?: () => Promise<SvelteCompiler>;
 }) => Promise<string>;
+//# sourceMappingURL=buildHTML.d.ts.map

package/dist/buildHTML.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildHTML.d.ts","sourceRoot":"","sources":["../src/buildHTML.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKzD,OAAO,EAAkB,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAKzD,eAAO,MAAM,SAAS,GAAU,oFAQ7B;IAGD,KAAK,CAAC,EAAE,cAAc,CAAC;IAGvB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;CACnD,KAAG,OAAO,CAAC,MAAM,CAkGjB,CAAC"}

package/dist/common/packageJson.d.ts

@@ -37,3 +37,4 @@ export declare const getLicense: (files: FileCollection) => string | {
 } | undefined;
 export declare const getConfiguredGlobals: (pkg: PackageJson) => Record<string, string>;
 export declare const getGlobals: (pkg: PackageJson) => Record<string, string>;
+//# sourceMappingURL=packageJson.d.ts.map

package/dist/common/packageJson.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"packageJson.d.ts","sourceRoot":"","sources":["../../src/common/packageJson.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC;SACpC,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACtC;AAQD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC;CACpC;AAID,eAAO,MAAM,WAAW,GACtB,OAAO,cAAc,KACpB,WAwBF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,cAAc;;CACX,CAAC;AAExC,eAAO,MAAM,sBAAsB,GACjC,OAAO,cAAc;;CAItB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,mBAAmB,UAAU,EAC7B,WAAW,oBAAoB,EAC/B,YAAgB,WAUjB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,cAAc;UA9ElB,MAAM;aAwFnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,KAAK,WAAW,KACf,MAAM,CAAC,MAAM,EAAE,MAAM,CAcvB,CAAC;AAQF,eAAO,MAAM,UAAU,GACrB,KAAK,WAAW,KACf,MAAM,CAAC,MAAM,EAAE,MAAM,CAOvB,CAAC"}

package/dist/common/packageJson.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=packageJson.test.d.ts.map

package/dist/common/packageJson.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"packageJson.test.d.ts","sourceRoot":"","sources":["../../src/common/packageJson.test.ts"],"names":[],"mappings":""}

package/dist/common/sucrasePlugin.d.ts

@@ -1,2 +1,3 @@
 import type { Plugin } from "rollup";
 export declare function sucrasePlugin(): Plugin;
+//# sourceMappingURL=sucrasePlugin.d.ts.map

package/dist/common/sucrasePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sucrasePlugin.d.ts","sourceRoot":"","sources":["../../src/common/sucrasePlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,wBAAgB,aAAa,IAAI,MAAM,CAwBtC"}

package/dist/common/virtualFileSystem.d.ts

@@ -1,3 +1,4 @@
 import { FileCollection } from "@vizhub/viz-types";
 import { Plugin } from "rollup";
 export declare const virtualFileSystem: (files: FileCollection) => Plugin;
+//# sourceMappingURL=virtualFileSystem.d.ts.map

package/dist/common/virtualFileSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualFileSystem.d.ts","sourceRoot":"","sources":["../../src/common/virtualFileSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAsChC,eAAO,MAAM,iBAAiB,GAC5B,OAAO,cAAc,KACpB,MAuDF,CAAC"}

package/dist/createRuntime.d.ts

@@ -0,0 +1,12 @@
+import { VizContent, VizId } from "@vizhub/viz-types";
+import { VizHubRuntime } from "./types";
+export declare const createRuntime: ({ iframe, worker, setBuildErrorMessage, vizId, getLatestContent, resolveSlugKey, writeFile, }: {
+    iframe: HTMLIFrameElement;
+    worker: Worker;
+    setBuildErrorMessage?: (error: string | null) => void;
+    vizId?: VizId;
+    getLatestContent?: (vizId: VizId) => Promise<VizContent>;
+    resolveSlugKey?: (slugKey: string) => Promise<VizId>;
+    writeFile?: (fileName: string, content: string) => void;
+}) => VizHubRuntime;
+//# sourceMappingURL=createRuntime.d.ts.map

package/dist/createRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRuntime.d.ts","sourceRoot":"","sources":["../src/createRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,KAAK,EACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAsB,aAAa,EAAE,MAAM,SAAS,CAAC;AAW5D,eAAO,MAAM,aAAa,GAAI,+FAQ3B;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,KAAG,aAsNH,CAAC"}

package/dist/determineRuntimeVersion.d.ts

@@ -1,3 +1,4 @@
 import { FileCollection } from "@vizhub/viz-types";
-import { runtimeVersion } from "./types";
+import type { runtimeVersion } from "./types";
 export declare const determineRuntimeVersion: (files: FileCollection) => runtimeVersion | null;
+//# sourceMappingURL=determineRuntimeVersion.d.ts.map

package/dist/determineRuntimeVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"determineRuntimeVersion.d.ts","sourceRoot":"","sources":["../src/determineRuntimeVersion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,uBAAuB,GAClC,OAAO,cAAc,KACpB,cAAc,GAAG,IA4BnB,CAAC"}

package/dist/determineRuntimeVersion.test.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=determineRuntimeVersion.test.d.ts.map

package/dist/determineRuntimeVersion.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"determineRuntimeVersion.test.d.ts","sourceRoot":"","sources":["../src/determineRuntimeVersion.test.ts"],"names":[],"mappings":""}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./slugCache-Bt1Sipcs.cjs"),a="IDLE",h="ENQUEUED",C="PENDING_CLEAN",N="PENDING_DIRTY",z=({iframe:c,worker:n,setBuildErrorMessage:i,vizId:p,getLatestContent:d,resolveSlugKey:f,writeFile:E})=>{let s=a,o=null,u=null;const g=({data:e})=>{if(e.type==="buildHTMLResponse"){const t=e.html,l=e.error;o&&(o(t),o=null),l?i&&i(l.message):(i&&i(null),t&&(c.srcdoc=t))}else if(e.type==="contentRequest"&&d){const{vizId:t}=e;d(t).then(l=>{n.postMessage({type:"contentResponse",vizId:t,content:l})})}else if(e.type==="resolveSlugRequest"&&f){const{slugKey:t,requestId:l}=e;f(t).then(I=>{n.postMessage({type:"resolveSlugResponse",slugKey:t,vizId:I,requestId:l})})}else e.type==="invalidateVizCacheResponse"&&y()};n.addEventListener("message",g);const R=e=>{const t=e.data;(t.type==="runDone"||t.type==="runError")&&(u&&(u(),u=null),t.type==="runError"&&i&&i(t.error.message)),t.type==="writeFile"&&E&&t.fileName&&t.content&&E(t.fileName,t.content)};window.addEventListener("message",R);const L=()=>{n.removeEventListener("message",g),window.removeEventListener("message",R)},D=e=>new Promise(t=>{o=t;const l={type:"buildHTMLRequest",fileCollection:e,vizId:p,enableSourcemap:!0};n.postMessage(l)}),v=async e=>{s=C,await D(e),s===N?(requestAnimationFrame(()=>v(e)),s=h):s=a};let m=null;const y=e=>{if(e)m=e;else if(!m)return;s===a?(s=h,v(m)):s===C&&(s=N)};return{handleCodeChange:y,invalidateVizCache:e=>{n.postMessage({type:"invalidateVizCacheRequest",changedVizIds:e})},resetSrcdoc:e=>{s=a,o=null,u=null,p&&n.postMessage({type:"resetSrcdocRequest",vizId:p,changedVizIds:e})},cleanup:L}},S=({rawMessage:c,vizId:n})=>{const i=new RegExp(n,"g");return c==null?void 0:c.replace(i,".")};exports.buildHTML=r.buildHTML;exports.createSlugCache=r.createSlugCache;exports.createVizCache=r.createVizCache;exports.createVizContent=r.createVizContent;exports.svelteCompilerUrl=r.svelteCompilerUrl;exports.cleanRollupErrorMessage=S;exports.createRuntime=z;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/createRuntime.ts","../src/v3/cleanRollupErrorMessage.ts"],"sourcesContent":["import {\n  FileCollection,\n  VizContent,\n  VizId,\n} from \"@vizhub/viz-types\";\nimport { BuildWorkerMessage, VizHubRuntime } from \"./types\";\n\n// Flag for debugging.\nconst DEBUG = false;\n\n// State constants\nconst IDLE = \"IDLE\";\nconst ENQUEUED = \"ENQUEUED\";\nconst PENDING_CLEAN = \"PENDING_CLEAN\";\nconst PENDING_DIRTY = \"PENDING_DIRTY\";\n\nexport const createRuntime = ({\n  iframe,\n  worker,\n  setBuildErrorMessage,\n  vizId,\n  getLatestContent,\n  resolveSlugKey,\n  writeFile,\n}: {\n  iframe: HTMLIFrameElement;\n  worker: Worker;\n  setBuildErrorMessage?: (error: string | null) => void;\n  vizId?: VizId;\n  getLatestContent?: (vizId: VizId) => Promise<VizContent>;\n  resolveSlugKey?: (slugKey: string) => Promise<VizId>;\n  writeFile?: (fileName: string, content: string) => void;\n}): VizHubRuntime => {\n  // Track the current state of the runtime\n  let state:\n    | typeof IDLE\n    | typeof ENQUEUED\n    | typeof PENDING_CLEAN\n    | typeof PENDING_DIRTY = IDLE;\n\n  // Pending promise resolvers\n  let pendingBuildPromise:\n    | ((html?: string) => void)\n    | null = null;\n  let pendingRunPromise: (() => void) | null = null;\n\n  // This runs when the build worker sends a message.\n  const workerListener: (e: MessageEvent) => void = ({\n    data,\n  }: {\n    data: BuildWorkerMessage;\n  }) => {\n    if (data.type === \"buildHTMLResponse\") {\n      const html: string | undefined = data.html;\n      const error: Error | undefined = data.error;\n\n      // Resolve the pending build promise\n      if (pendingBuildPromise) {\n        pendingBuildPromise(html);\n        pendingBuildPromise = null;\n      }\n\n      if (error) {\n        setBuildErrorMessage &&\n          setBuildErrorMessage(error.message);\n      } else {\n        setBuildErrorMessage && setBuildErrorMessage(null);\n\n        // Reset the srcdoc\n        if (html) {\n          iframe.srcdoc = html;\n        }\n      }\n    } else if (\n      data.type === \"contentRequest\" &&\n      getLatestContent\n    ) {\n      const { vizId } = data;\n\n      getLatestContent(vizId).then((content) => {\n        worker.postMessage({\n          type: \"contentResponse\",\n          vizId,\n          content,\n        });\n      });\n    } else if (\n      data.type === \"resolveSlugRequest\" &&\n      resolveSlugKey\n    ) {\n      const { slugKey, requestId } = data;\n\n      resolveSlugKey(slugKey).then((vizId) => {\n        worker.postMessage({\n          type: \"resolveSlugResponse\",\n          slugKey,\n          vizId,\n          requestId,\n        });\n      });\n    } else if (data.type === \"invalidateVizCacheResponse\") {\n      if (DEBUG) {\n        console.log(\n          \"[runtime] received invalidateVizCacheResponse\",\n        );\n      }\n      // Trigger a code change to rebuild\n      handleCodeChange();\n    }\n  };\n\n  worker.addEventListener(\"message\", workerListener);\n\n  // Handle messages from the iframe\n  const windowListener = (event: MessageEvent) => {\n    const data = event.data;\n\n    if (\n      data.type === \"runDone\" ||\n      data.type === \"runError\"\n    ) {\n      if (pendingRunPromise) {\n        pendingRunPromise();\n        pendingRunPromise = null;\n      }\n\n      if (data.type === \"runError\") {\n        setBuildErrorMessage &&\n          setBuildErrorMessage(data.error.message);\n      }\n    }\n\n    if (data.type === \"writeFile\" && writeFile) {\n      if (data.fileName && data.content) {\n        writeFile(data.fileName, data.content);\n      }\n    }\n  };\n\n  // This runs when the IFrame sends a message.\n  window.addEventListener(\"message\", windowListener);\n\n  const cleanup = () => {\n    worker.removeEventListener(\"message\", workerListener);\n    window.removeEventListener(\"message\", windowListener);\n  };\n\n  // Build the code\n  const build = (\n    fileCollection: FileCollection,\n  ): Promise<string | undefined> => {\n    return new Promise<string | undefined>((resolve) => {\n      pendingBuildPromise = resolve;\n      const message: BuildWorkerMessage = {\n        type: \"buildHTMLRequest\",\n        fileCollection,\n        vizId,\n        enableSourcemap: true,\n      };\n      worker.postMessage(message);\n    });\n  };\n\n  // Update the runtime with new code\n  const update = async (fileCollection: FileCollection) => {\n    state = PENDING_CLEAN;\n\n    DEBUG && console.log(\"[runtime] update: before build\");\n\n    // Build the code\n    const html = await build(fileCollection);\n\n    DEBUG && console.log(\"[runtime] update: after build\");\n\n    DEBUG && console.log(\"[runtime] html: \", html);\n\n    // iframe.srcdoc = html || \"\";\n\n    // TypeScript can't comprehend that `state`\n    // may change during the await calls above.\n    // @ts-ignore\n    if (state === PENDING_DIRTY) {\n      requestAnimationFrame(() => update(fileCollection));\n      state = ENQUEUED;\n    } else {\n      state = IDLE;\n    }\n  };\n\n  // Handle code changes\n  let lastFileCollection: FileCollection | null = null;\n  const handleCodeChange = (\n    fileCollection?: FileCollection,\n  ) => {\n    DEBUG && console.log(\"[runtime] handleCodeChange\");\n    if (fileCollection) {\n      lastFileCollection = fileCollection;\n    } else if (!lastFileCollection) {\n      return; // No files to process\n    }\n\n    if (state === IDLE) {\n      DEBUG &&\n        console.log(\"[runtime] handleCodeChange: IDLE\");\n      state = ENQUEUED;\n      update(lastFileCollection);\n    } else if (state === PENDING_CLEAN) {\n      DEBUG &&\n        console.log(\n          \"[runtime] handleCodeChange: PENDING_CLEAN\",\n        );\n      state = PENDING_DIRTY;\n    }\n  };\n\n  // Invalidate the viz cache for changed vizzes\n  const invalidateVizCache = (\n    changedVizIds: Array<VizId>,\n  ): void => {\n    worker.postMessage({\n      type: \"invalidateVizCacheRequest\",\n      changedVizIds,\n    });\n  };\n\n  // Reset the srcdoc and runtime environment\n  const resetSrcdoc = (changedVizIds: Array<VizId>) => {\n    state = IDLE;\n    pendingBuildPromise = null;\n    pendingRunPromise = null;\n\n    if (vizId) {\n      worker.postMessage({\n        type: \"resetSrcdocRequest\",\n        vizId,\n        changedVizIds,\n      });\n    }\n  };\n\n  return {\n    handleCodeChange,\n    invalidateVizCache,\n    resetSrcdoc,\n    cleanup,\n  };\n};\n","// We want to remove the vizId from the error message\n// to make it more user-friendly.\n// Example error message before and after:\n// Before: \"7f0b69fcb754479699172d1887817027/index.js (14:8): Expected ';', '}' or <eof>\"\n// After: \"./index.js (14:8): Expected ';', '}' or <eof>\"\nexport const cleanRollupErrorMessage = ({\n  rawMessage,\n  vizId,\n}: {\n  rawMessage: string;\n  vizId: string;\n}) => {\n  const regex = new RegExp(vizId, \"g\");\n  return rawMessage?.replace(regex, \".\");\n};\n"],"names":["IDLE","ENQUEUED","PENDING_CLEAN","PENDING_DIRTY","createRuntime","iframe","worker","setBuildErrorMessage","vizId","getLatestContent","resolveSlugKey","writeFile","state","pendingBuildPromise","pendingRunPromise","workerListener","data","html","error","content","slugKey","requestId","handleCodeChange","windowListener","event","cleanup","build","fileCollection","resolve","message","update","lastFileCollection","changedVizIds","cleanRollupErrorMessage","rawMessage","regex"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,3 +1,12 @@
 export { buildHTML } from "./buildHTML";
-export { createVizCache, VizCache } from "./v3/vizCache";
-export { createSlugCache, SlugCache } from "./v3/slugCache";
+export { createVizCache } from "./v3/vizCache";
+export { createSlugCache } from "./v3/slugCache";
+export { svelteCompilerUrl } from "./v3/transformSvelte";
+export { createRuntime } from "./createRuntime";
+export { cleanRollupErrorMessage } from "./v3/cleanRollupErrorMessage";
+export { createVizContent } from "./v3/createVizContent";
+export type { VizCache } from "./v3/vizCache";
+export type { SlugCache } from "./v3/slugCache";
+export type { SvelteCompiler } from "./v3/transformSvelte";
+export type { VizHubRuntime } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,3 +1,100 @@
-export { buildHTML } from "./buildHTML";
-export { createVizCache } from "./v3/vizCache";
-export { createSlugCache } from "./v3/slugCache";
+import { b as V, a as T, c as U, d as x, s as G } from "./slugCache-CxGQFqi6.js";
+const p = "IDLE", N = "ENQUEUED", g = "PENDING_CLEAN", h = "PENDING_DIRTY", q = ({
+  iframe: c,
+  worker: n,
+  setBuildErrorMessage: i,
+  vizId: a,
+  getLatestContent: m,
+  resolveSlugKey: d,
+  writeFile: f
+}) => {
+  let s = p, l = null, r = null;
+  const E = ({
+    data: e
+  }) => {
+    if (e.type === "buildHTMLResponse") {
+      const t = e.html, o = e.error;
+      l && (l(t), l = null), o ? i && i(o.message) : (i && i(null), t && (c.srcdoc = t));
+    } else if (e.type === "contentRequest" && m) {
+      const { vizId: t } = e;
+      m(t).then((o) => {
+        n.postMessage({
+          type: "contentResponse",
+          vizId: t,
+          content: o
+        });
+      });
+    } else if (e.type === "resolveSlugRequest" && d) {
+      const { slugKey: t, requestId: o } = e;
+      d(t).then((I) => {
+        n.postMessage({
+          type: "resolveSlugResponse",
+          slugKey: t,
+          vizId: I,
+          requestId: o
+        });
+      });
+    } else e.type === "invalidateVizCacheResponse" && y();
+  };
+  n.addEventListener("message", E);
+  const R = (e) => {
+    const t = e.data;
+    (t.type === "runDone" || t.type === "runError") && (r && (r(), r = null), t.type === "runError" && i && i(t.error.message)), t.type === "writeFile" && f && t.fileName && t.content && f(t.fileName, t.content);
+  };
+  window.addEventListener("message", R);
+  const L = () => {
+    n.removeEventListener("message", E), window.removeEventListener("message", R);
+  }, D = (e) => new Promise((t) => {
+    l = t;
+    const o = {
+      type: "buildHTMLRequest",
+      fileCollection: e,
+      vizId: a,
+      enableSourcemap: !0
+    };
+    n.postMessage(o);
+  }), v = async (e) => {
+    s = g, await D(e), s === h ? (requestAnimationFrame(() => v(e)), s = N) : s = p;
+  };
+  let u = null;
+  const y = (e) => {
+    if (e)
+      u = e;
+    else if (!u)
+      return;
+    s === p ? (s = N, v(u)) : s === g && (s = h);
+  };
+  return {
+    handleCodeChange: y,
+    invalidateVizCache: (e) => {
+      n.postMessage({
+        type: "invalidateVizCacheRequest",
+        changedVizIds: e
+      });
+    },
+    resetSrcdoc: (e) => {
+      s = p, l = null, r = null, a && n.postMessage({
+        type: "resetSrcdocRequest",
+        vizId: a,
+        changedVizIds: e
+      });
+    },
+    cleanup: L
+  };
+}, P = ({
+  rawMessage: c,
+  vizId: n
+}) => {
+  const i = new RegExp(n, "g");
+  return c == null ? void 0 : c.replace(i, ".");
+};
+export {
+  V as buildHTML,
+  P as cleanRollupErrorMessage,
+  q as createRuntime,
+  T as createSlugCache,
+  U as createVizCache,
+  x as createVizContent,
+  G as svelteCompilerUrl
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/createRuntime.ts","../src/v3/cleanRollupErrorMessage.ts"],"sourcesContent":["import {\n  FileCollection,\n  VizContent,\n  VizId,\n} from \"@vizhub/viz-types\";\nimport { BuildWorkerMessage, VizHubRuntime } from \"./types\";\n\n// Flag for debugging.\nconst DEBUG = false;\n\n// State constants\nconst IDLE = \"IDLE\";\nconst ENQUEUED = \"ENQUEUED\";\nconst PENDING_CLEAN = \"PENDING_CLEAN\";\nconst PENDING_DIRTY = \"PENDING_DIRTY\";\n\nexport const createRuntime = ({\n  iframe,\n  worker,\n  setBuildErrorMessage,\n  vizId,\n  getLatestContent,\n  resolveSlugKey,\n  writeFile,\n}: {\n  iframe: HTMLIFrameElement;\n  worker: Worker;\n  setBuildErrorMessage?: (error: string | null) => void;\n  vizId?: VizId;\n  getLatestContent?: (vizId: VizId) => Promise<VizContent>;\n  resolveSlugKey?: (slugKey: string) => Promise<VizId>;\n  writeFile?: (fileName: string, content: string) => void;\n}): VizHubRuntime => {\n  // Track the current state of the runtime\n  let state:\n    | typeof IDLE\n    | typeof ENQUEUED\n    | typeof PENDING_CLEAN\n    | typeof PENDING_DIRTY = IDLE;\n\n  // Pending promise resolvers\n  let pendingBuildPromise:\n    | ((html?: string) => void)\n    | null = null;\n  let pendingRunPromise: (() => void) | null = null;\n\n  // This runs when the build worker sends a message.\n  const workerListener: (e: MessageEvent) => void = ({\n    data,\n  }: {\n    data: BuildWorkerMessage;\n  }) => {\n    if (data.type === \"buildHTMLResponse\") {\n      const html: string | undefined = data.html;\n      const error: Error | undefined = data.error;\n\n      // Resolve the pending build promise\n      if (pendingBuildPromise) {\n        pendingBuildPromise(html);\n        pendingBuildPromise = null;\n      }\n\n      if (error) {\n        setBuildErrorMessage &&\n          setBuildErrorMessage(error.message);\n      } else {\n        setBuildErrorMessage && setBuildErrorMessage(null);\n\n        // Reset the srcdoc\n        if (html) {\n          iframe.srcdoc = html;\n        }\n      }\n    } else if (\n      data.type === \"contentRequest\" &&\n      getLatestContent\n    ) {\n      const { vizId } = data;\n\n      getLatestContent(vizId).then((content) => {\n        worker.postMessage({\n          type: \"contentResponse\",\n          vizId,\n          content,\n        });\n      });\n    } else if (\n      data.type === \"resolveSlugRequest\" &&\n      resolveSlugKey\n    ) {\n      const { slugKey, requestId } = data;\n\n      resolveSlugKey(slugKey).then((vizId) => {\n        worker.postMessage({\n          type: \"resolveSlugResponse\",\n          slugKey,\n          vizId,\n          requestId,\n        });\n      });\n    } else if (data.type === \"invalidateVizCacheResponse\") {\n      if (DEBUG) {\n        console.log(\n          \"[runtime] received invalidateVizCacheResponse\",\n        );\n      }\n      // Trigger a code change to rebuild\n      handleCodeChange();\n    }\n  };\n\n  worker.addEventListener(\"message\", workerListener);\n\n  // Handle messages from the iframe\n  const windowListener = (event: MessageEvent) => {\n    const data = event.data;\n\n    if (\n      data.type === \"runDone\" ||\n      data.type === \"runError\"\n    ) {\n      if (pendingRunPromise) {\n        pendingRunPromise();\n        pendingRunPromise = null;\n      }\n\n      if (data.type === \"runError\") {\n        setBuildErrorMessage &&\n          setBuildErrorMessage(data.error.message);\n      }\n    }\n\n    if (data.type === \"writeFile\" && writeFile) {\n      if (data.fileName && data.content) {\n        writeFile(data.fileName, data.content);\n      }\n    }\n  };\n\n  // This runs when the IFrame sends a message.\n  window.addEventListener(\"message\", windowListener);\n\n  const cleanup = () => {\n    worker.removeEventListener(\"message\", workerListener);\n    window.removeEventListener(\"message\", windowListener);\n  };\n\n  // Build the code\n  const build = (\n    fileCollection: FileCollection,\n  ): Promise<string | undefined> => {\n    return new Promise<string | undefined>((resolve) => {\n      pendingBuildPromise = resolve;\n      const message: BuildWorkerMessage = {\n        type: \"buildHTMLRequest\",\n        fileCollection,\n        vizId,\n        enableSourcemap: true,\n      };\n      worker.postMessage(message);\n    });\n  };\n\n  // Update the runtime with new code\n  const update = async (fileCollection: FileCollection) => {\n    state = PENDING_CLEAN;\n\n    DEBUG && console.log(\"[runtime] update: before build\");\n\n    // Build the code\n    const html = await build(fileCollection);\n\n    DEBUG && console.log(\"[runtime] update: after build\");\n\n    DEBUG && console.log(\"[runtime] html: \", html);\n\n    // iframe.srcdoc = html || \"\";\n\n    // TypeScript can't comprehend that `state`\n    // may change during the await calls above.\n    // @ts-ignore\n    if (state === PENDING_DIRTY) {\n      requestAnimationFrame(() => update(fileCollection));\n      state = ENQUEUED;\n    } else {\n      state = IDLE;\n    }\n  };\n\n  // Handle code changes\n  let lastFileCollection: FileCollection | null = null;\n  const handleCodeChange = (\n    fileCollection?: FileCollection,\n  ) => {\n    DEBUG && console.log(\"[runtime] handleCodeChange\");\n    if (fileCollection) {\n      lastFileCollection = fileCollection;\n    } else if (!lastFileCollection) {\n      return; // No files to process\n    }\n\n    if (state === IDLE) {\n      DEBUG &&\n        console.log(\"[runtime] handleCodeChange: IDLE\");\n      state = ENQUEUED;\n      update(lastFileCollection);\n    } else if (state === PENDING_CLEAN) {\n      DEBUG &&\n        console.log(\n          \"[runtime] handleCodeChange: PENDING_CLEAN\",\n        );\n      state = PENDING_DIRTY;\n    }\n  };\n\n  // Invalidate the viz cache for changed vizzes\n  const invalidateVizCache = (\n    changedVizIds: Array<VizId>,\n  ): void => {\n    worker.postMessage({\n      type: \"invalidateVizCacheRequest\",\n      changedVizIds,\n    });\n  };\n\n  // Reset the srcdoc and runtime environment\n  const resetSrcdoc = (changedVizIds: Array<VizId>) => {\n    state = IDLE;\n    pendingBuildPromise = null;\n    pendingRunPromise = null;\n\n    if (vizId) {\n      worker.postMessage({\n        type: \"resetSrcdocRequest\",\n        vizId,\n        changedVizIds,\n      });\n    }\n  };\n\n  return {\n    handleCodeChange,\n    invalidateVizCache,\n    resetSrcdoc,\n    cleanup,\n  };\n};\n","// We want to remove the vizId from the error message\n// to make it more user-friendly.\n// Example error message before and after:\n// Before: \"7f0b69fcb754479699172d1887817027/index.js (14:8): Expected ';', '}' or <eof>\"\n// After: \"./index.js (14:8): Expected ';', '}' or <eof>\"\nexport const cleanRollupErrorMessage = ({\n  rawMessage,\n  vizId,\n}: {\n  rawMessage: string;\n  vizId: string;\n}) => {\n  const regex = new RegExp(vizId, \"g\");\n  return rawMessage?.replace(regex, \".\");\n};\n"],"names":["IDLE","ENQUEUED","PENDING_CLEAN","PENDING_DIRTY","createRuntime","iframe","worker","setBuildErrorMessage","vizId","getLatestContent","resolveSlugKey","writeFile","state","pendingBuildPromise","pendingRunPromise","workerListener","data","html","error","content","slugKey","requestId","handleCodeChange","windowListener","event","cleanup","build","fileCollection","resolve","message","update","lastFileCollection","changedVizIds","cleanRollupErrorMessage","rawMessage","regex"],"mappings":";AAWA,MAAMA,IAAO,QACPC,IAAW,YACXC,IAAgB,iBAChBC,IAAgB,iBAETC,IAAgB,CAAC;AAAA,EAC5B,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,MAQqB;AAEnB,MAAIC,IAIuBZ,GAGvBa,IAEO,MACPC,IAAyC;AAG7C,QAAMC,IAA4C,CAAC;AAAA,IACjD,MAAAC;AAAA,EAAA,MAGI;AACA,QAAAA,EAAK,SAAS,qBAAqB;AACrC,YAAMC,IAA2BD,EAAK,MAChCE,IAA2BF,EAAK;AAGtC,MAAIH,MACFA,EAAoBI,CAAI,GACFJ,IAAA,OAGpBK,IAEAX,KAAAA,EAAqBW,EAAM,OAAO,KAEpCX,KAAwBA,EAAqB,IAAI,GAG7CU,MACFZ,EAAO,SAASY;AAAA,IAIpB,WAAAD,EAAK,SAAS,oBACdP,GACA;AACM,YAAA,EAAE,OAAAD,EAAAA,IAAUQ;AAElB,MAAAP,EAAiBD,CAAK,EAAE,KAAK,CAACW,MAAY;AACxC,QAAAb,EAAO,YAAY;AAAA,UACjB,MAAM;AAAA,UACN,OAAAE;AAAAA,UACA,SAAAW;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAED,WAAAH,EAAK,SAAS,wBACdN,GACA;AACM,YAAA,EAAE,SAAAU,GAAS,WAAAC,EAAA,IAAcL;AAE/B,MAAAN,EAAeU,CAAO,EAAE,KAAK,CAACZ,MAAU;AACtC,QAAAF,EAAO,YAAY;AAAA,UACjB,MAAM;AAAA,UACN,SAAAc;AAAA,UACA,OAAAZ;AAAAA,UACA,WAAAa;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,MACH,CAAWL,EAAK,SAAS,gCAONM,EAAA;AAAA,EAErB;AAEO,EAAAhB,EAAA,iBAAiB,WAAWS,CAAc;AAG3C,QAAAQ,IAAiB,CAACC,MAAwB;AAC9C,UAAMR,IAAOQ,EAAM;AAEnB,KACER,EAAK,SAAS,aACdA,EAAK,SAAS,gBAEVF,MACgBA,EAAA,GACEA,IAAA,OAGlBE,EAAK,SAAS,cAEdT,KAAAA,EAAqBS,EAAK,MAAM,OAAO,IAIzCA,EAAK,SAAS,eAAeL,KAC3BK,EAAK,YAAYA,EAAK,WACdL,EAAAK,EAAK,UAAUA,EAAK,OAAO;AAAA,EAG3C;AAGO,SAAA,iBAAiB,WAAWO,CAAc;AAEjD,QAAME,IAAU,MAAM;AACb,IAAAnB,EAAA,oBAAoB,WAAWS,CAAc,GAC7C,OAAA,oBAAoB,WAAWQ,CAAc;AAAA,EACtD,GAGMG,IAAQ,CACZC,MAEO,IAAI,QAA4B,CAACC,MAAY;AAC5B,IAAAf,IAAAe;AACtB,UAAMC,IAA8B;AAAA,MAClC,MAAM;AAAA,MACN,gBAAAF;AAAA,MACA,OAAAnB;AAAA,MACA,iBAAiB;AAAA,IACnB;AACA,IAAAF,EAAO,YAAYuB,CAAO;AAAA,EAAA,CAC3B,GAIGC,IAAS,OAAOH,MAAmC;AAC/C,IAAAf,IAAAV,GAKK,MAAMwB,EAAMC,CAAc,GAWnCf,MAAUT,KACU,sBAAA,MAAM2B,EAAOH,CAAc,CAAC,GAC1Cf,IAAAX,KAEAW,IAAAZ;AAAA,EAEZ;AAGA,MAAI+B,IAA4C;AAC1C,QAAAT,IAAmB,CACvBK,MACG;AAEH,QAAIA;AACmB,MAAAI,IAAAJ;AAAA,aACZ,CAACI;AACV;AAGF,IAAInB,MAAUZ,KAGJY,IAAAX,GACR6B,EAAOC,CAAkB,KAChBnB,MAAUV,MAKXU,IAAAT;AAAA,EAEZ;AA2BO,SAAA;AAAA,IACL,kBAAAmB;AAAA,IACA,oBA1ByB,CACzBU,MACS;AACT,MAAA1B,EAAO,YAAY;AAAA,QACjB,MAAM;AAAA,QACN,eAAA0B;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IAoBE,aAjBkB,CAACA,MAAgC;AAC3C,MAAApB,IAAAZ,GACca,IAAA,MACFC,IAAA,MAEhBN,KACFF,EAAO,YAAY;AAAA,QACjB,MAAM;AAAA,QACN,OAAAE;AAAA,QACA,eAAAwB;AAAA,MAAA,CACD;AAAA,IAEL;AAAA,IAME,SAAAP;AAAA,EACF;AACF,GCjPaQ,IAA0B,CAAC;AAAA,EACtC,YAAAC;AAAA,EACA,OAAA1B;AACF,MAGM;AACJ,QAAM2B,IAAQ,IAAI,OAAO3B,GAAO,GAAG;AAC5B,SAAA0B,KAAA,gBAAAA,EAAY,QAAQC,GAAO;AACpC;"}

package/dist/old-implementation-reference/setupV3Runtime.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setupV3Runtime.d.ts.map

package/dist/old-implementation-reference/setupV3Runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupV3Runtime.d.ts","sourceRoot":"","sources":["../../src/old-implementation-reference/setupV3Runtime.ts"],"names":[],"mappings":""}

package/dist/old-implementation-reference/types.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=types.d.ts.map

package/dist/old-implementation-reference/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/old-implementation-reference/types.ts"],"names":[],"mappings":""}

package/dist/old-implementation-reference/worker.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=worker.d.ts.map

package/dist/old-implementation-reference/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../src/old-implementation-reference/worker.ts"],"names":[],"mappings":""}

package/dist/slugCache-Bt1Sipcs.cjs

@@ -0,0 +1,214 @@
+"use strict";const b=require("magic-sandbox"),V=require("sucrase"),g=require("@vizhub/viz-utils"),J=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},R={dependencies:{},vizhub:{},license:"MIT"},D=!1,E=e=>{const t=e["package.json"];try{const n=t?JSON.parse(t):R;return D&&console.log("[packageJSON] pkg:",JSON.stringify(n,null,2)),n}catch{return R}},$=e=>E(e).dependencies||{},I=e=>(E(e).vizhub||{}).libraries||{},O=({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}`},B=e=>{var n;const t=(n=e==null?void 0:e.vizhub)==null?void 0:n.libraries;return t?Object.entries(t).reduce((r,[s,o])=>(o.global&&(r[s]=o.global),r),{}):{}},A={d3:"d3",react:"React","react-dom":"ReactDOM"},F=e=>{const t=B(e);return{...A,...t}},y=(e,t)=>new RegExp(`<${t}\\b`,"i").test(e)&&new RegExp(`</${t}>`,"i").test(e),q=e=>{const t=e.trim();return y(t,"html")&&y(t,"head")&&y(t,"body")?t:`<html><head></head><body>${t}</body></html>`},_=(e,t)=>e.replace(new RegExp(`<script[^>]*src=["'][^"']*${t.source}[^"']*["'][^>]*>\\s*<\/script>`,"gi"),""),T=(e,t,n)=>e.replace(new RegExp(t,"i"),`${n}${t}`),Y=(e,t)=>{let n=q(e);const r=Object.entries($(t));if(r.length){const o=I(t);r.forEach(([c])=>{n=_(n,new RegExp(`${c}@`))});const i=r.map(([c,a])=>O({name:c,version:a},o)).map(c=>`<script src="${c}"><\/script>`).join(`
+`);n=T(n,"</head>",i+`
+`)}if(t["bundle.js"]!==void 0||t["index.js"]!==void 0){const o='<script src="bundle.js"><\/script>',i=/<script\b[^>]*\bsrc=["']bundle\.js["'][^>]*>\s*<\/script>/gi,c=[...n.matchAll(i)];c.length===1&&(()=>{const l=c[0].index??-1;if(l===-1)return!1;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=T(n,"</body>",o))}return/^\s*<!DOCTYPE/i.test(n)?n:`<!DOCTYPE html>${n}`},G=e=>{const t=e["index.html"];return!t&&!e["index.js"]&&!e["bundle.js"]?"":Y(t||"<!DOCTYPE html><html><head></head><body></body></html>",e)},M=e=>{let t=e.replace(/^\.\//,"");return t=t.replace(/\/+/g,"/"),t=t.replace(/\/$/,""),t},H=(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("/")},k=e=>({name:"virtual-file-system",resolveId(t,n){if(t.startsWith("./")||t.startsWith("../")){const s=M(n?H(n,t):t);if(e[s])return s;const o=[".js",".jsx",".ts",".tsx"];for(const i of o){const c=s+i;if(e[c])return c}}if(e[t])return t;const r=[".js",".jsx",".ts",".tsx"];for(const s of r){const o=t+s;if(e[o])return o}return null},load(t){return e[t]?e[t]:null}});function C(){return{name:"sucrase",transform(e,t){if(!t.match(/\.(?:js|[jt]sx)$/))return null;const n=V.transform(e,{transforms:["jsx","typescript"],filePath:t,sourceMapOptions:{compiledFilename:"bundle.js"},production:!0});return{code:n.code,map:n.sourceMap}}}}const Q=async({files:e,rollup:t,enableSourcemap:n=!0})=>{if(!e["index.js"])throw new Error("Missing index.js");const s={input:"./index.js",plugins:[k(e),C()],onwarn(l,d){l.code!=="UNRESOLVED_IMPORT"&&d(l)}},o={format:"iife",sourcemap:n},i=E(e);if(i){const l=F(i);l&&(s.external=Object.keys(l),o.globals=l)}const c=await t(s),{output:a}=await c.generate(o);return a[0].code},Z=async({files:e,rollup:t,enableSourcemap:n})=>({...e,"bundle.js":await Q({files:e,rollup:t,enableSourcemap:n}),"index.html":G(e)}),x=e=>{const[t,...n]=e.split("/"),r=n.join("/");return{vizId:t,fileName:r}},K=`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 };`,X=e=>e.replace(/\\/g,"\\\\").replace(/`/g,"\\`"),tt=()=>({name:"transformDSV",transform:async(e,t)=>{const{fileName:n}=x(t),r=n.endsWith(".csv"),s=n.endsWith(".tsv");if(r||s)return{code:`
+            ${K}
+            const data = ${r?"csvParse":"tsvParse"}(\`${X(e)}\`);
+            export default data;
+          `,map:{mappings:""}}}}),et=e=>{const t=/^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/,n=e.match(t);return n?{userName:n[1],idOrSlug:n[2]}:null},nt=({vizId:e,slugCache:t})=>({name:"vizResolve",resolveId:async(n,r)=>{if(n.startsWith("./")&&!(r!=null&&r.startsWith("https://"))){let o=n.substring(2);if(!o.endsWith(".js")&&!o.endsWith(".css")&&!o.endsWith(".csv")&&!o.endsWith(".svelte")&&(o+=".js"),r){const{vizId:i,fileName:c}=x(r),a=c.split("/").slice(0,-1).join("/"),l=a?`${a}/${o}`:o;return`${i}/${l}`}return e+"/"+o}const s=et(n);if(s){let o;if(g.isVizId(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(`${s.userName}/${s.idOrSlug}`)}return o+"/index.js"}}}),rt=({vizCache:e,trackCSSImport:t})=>({name:"vizLoad",load:async n=>{const{vizId:r,fileName:s}=x(n);if(s.endsWith(".css"))return t(n),"";const o=await e.get(r),i=g.getFileText(o,s);if(i===null)throw new Error(`Imported file "${s}" not found.`);return i}}),P=new Map;let j;const v="https://cdn.jsdelivr.net/npm/svelte@4.2.9",st=`${v}/compiler.cjs`,ot=({getSvelteCompiler:e})=>({name:"transformSvelte",load:async t=>{if(!t.startsWith(v))return;const n=P.get(t);if(n)return n;const r=await fetch(t).then(s=>s.text());return P.set(t,r),r},resolveId:async(t,n)=>{if(t==="svelte")return`${v}/src/runtime/index.js`;if(t.startsWith("svelte/")){const r=t.slice(7);return`${v}/src/runtime/${r}/index.js`}if(/^https?:/.test(t))return t;if(t.startsWith(".")&&n&&n.startsWith(v)){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(!j){if(!e)throw new Error("Svelte compiler not available");j=await e()}return j(t,{filename:r,hydratable:!0}).js}}}),it=async({files:e,rollup:t,enableSourcemap:n=!0,vizCache:r,vizId:s,slugCache:o,getSvelteCompiler:i})=>{const c=new Set,a=u=>{c.add(u)};if(!e["index.js"])throw new Error("Missing index.js");const d={input:"./index.js",plugins:[...s?[nt({vizId:s,slugCache:o})]:[],tt(),C(),ot({getSvelteCompiler:i}),...r?[rt({vizCache:r,trackCSSImport:a})]:[]],onwarn(u,w){u.code!=="UNRESOLVED_IMPORT"&&w(u)}},m={format:"umd",name:"Viz",sourcemap:!!n,compact:!0},p=E(e);if(p){const u=F(p);u&&(d.external=Object.keys(u),m.globals=u)}const f=await t(d),{output:h}=await f.generate(m);return{src:h[0].code,cssFiles:Array.from(c)}};function ct(){return Math.random().toString().slice(2,7)}const at=({cdn:e,src:t,styles:n})=>{const s=`viz-container-${ct()}`;return`<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">${e}${n}
+  <style>
+    body {
+      margin: 0;
+      overflow: hidden;
+    }
+    #${s} {
+      height: 100vh;
+    }
+  </style>
+</head>
+<body>
+  <div id="${s}"></div>
+  <script id="injected-script">${t}<\/script>
+  <script>
+    (() => {
+      let cleanup;
+      const render = () => {
+        const container = document.getElementById('${s}');
+        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 = (src, id) => {
+        const styleElementId = 'injected-style' + id;
+        let style = document.getElementById(styleElementId);
+        if (!style) {
+          style = document.createElement('style');
+          style.type = 'text/css';
+          style.id = styleElementId;
+          document.head.appendChild(style);
+        }
+        style.textContent = src;
+      };
+      onmessage = (message) => {
+        switch (message.data.type) {
+          case 'runJS':
+            runJS(message.data.src);
+            parent.postMessage({ type: 'runDone' }, "*");
+            break;
+          case 'runCSS':
+            runCSS(message.data.src, message.data.id);
+            break;
+          case 'ping':
+            parent.postMessage({ type: 'pong' }, "*");
+            break;
+          default:
+            break;
+        }
+      }
+    })();
+  <\/script>
+</body>
+</html>`},lt=async({files:e,rollup:t,enableSourcemap:n=!0,vizCache:r,vizId:s,slugCache:o,getSvelteCompiler:i})=>{const{src:c,cssFiles:a}=await it({files:e,rollup:t,enableSourcemap:n,vizCache:r,vizId:s,slugCache:o,getSvelteCompiler:i});let l="";if(a.length>0)for(let p=0;p<a.length;p++){const f=a[p],h=p>0?"    ":`
+    `,u="injected-style"+f,{vizId:w,fileName:N}=x(f),U=await r.get(w),W=g.getFileText(U,N);l+=`${h}<style id="${u}">${W}</style>`}let d="";const m=Object.entries($(e));if(m.length>0){const p=I(e);d=m.map(([f,h],u)=>{const w=O({name:f,version:h},p);return`${u>0?"    ":`
+    `}<script src="${w}"><\/script>`}).join("")}return at({cdn:d,src:c,styles:l})},ut=e=>{const t=[],n=/<script\b([^>]*)>[\s\S]*?<\/script>/gi;let r;for(;(r=n.exec(e))!==null;){const s=r[1];if(!/\btype\s*=\s*["']module["']/i.test(s))continue;const o=s.match(/\bsrc\s*=\s*["']([^"']+)["']/i);o&&t.push(o[1])}return t},dt=async({entryPoint:e,files:t,rollup:n,enableSourcemap:r=!0})=>{const s={input:`./${e}`,plugins:[k(t),C()],external:c=>(console.log("external",c),t[c]?!1:!c.startsWith("./")),onwarn(c,a){c.code!=="UNRESOLVED_IMPORT"&&a(c)}},o=await n(s),{output:i}=await o.generate({format:"es",sourcemap:r});return i[0].code},S=(e,t)=>new RegExp(`<${t}\\b`,"i").test(e)&&new RegExp(`</${t}>`,"i").test(e),pt=e=>{const t=e.trim();return S(t,"html")&&S(t,"head")&&S(t,"body")?t:`<html><head></head><body>${t}</body></html>`},mt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),ft=(e,t,n)=>e.replace(new RegExp(t,"i"),`${n}${t}`),ht=e=>{const t=$(e);if(Object.keys(t).length===0)return null;const n=I(e),r={};for(const[s,o]of Object.entries(t))r[s]=O({name:s,version:o},n);return JSON.stringify({imports:r},null,2)},wt=(e,t)=>{if(!e["index.html"])return"";let n=pt(e["index.html"]);t.forEach((s,o)=>{const i=new RegExp(`<script\\b[^>]*\\bsrc=["']${mt(o)}["'][^>]*>[^<]*<\/script>`,"gi");n=n.replace(i,`<script type="module">
+${s}
+<\/script>`)});const r=ht(e);if(r&&!/<script\b[^>]*type=["']importmap["'][^>]*>/i.test(n)){const o=`<script type="importmap">
+${r}
+<\/script>
+`;n=ft(n,"</head>",o)}return/^\s*<!DOCTYPE/i.test(n)?n:`<!DOCTYPE html>${n}`},vt=async({files:e,rollup:t,enableSourcemap:n=!0})=>{const r=e["index.html"]||"",s=ut(r);if(s.length===0)return e;const o=new Map;for(const c of s){const a=await dt({entryPoint:c,files:e,rollup:t,enableSourcemap:n});o.set(c,a)}const i=wt(e,o);return{...e,"index.html":i}},L=({initialContents:e,handleCacheMiss:t})=>{const n=new Map(e.map(i=>[i.id,i]));return{get:async i=>{const c=n.get(i);if(c!==void 0)return c;if(!t)throw new Error(`Unresolved import from vizId ${i}, cache miss handler not provided.`);const a=await t(i);if(a)return n.set(i,a),a;throw new Error(`Unresolved import from vizId ${i}`)},set:i=>{n.set(i.id,i)},invalidate:i=>{n.delete(i)}}},z=(e,t="Sample Content for Exporting")=>{const n=g.generateVizId(),r={};return Object.entries(e).forEach(([s,o])=>{const i=Math.floor(Math.random()*1e7).toString();r[i]={name:s,text:o}}),{id:n,files:r,title:t}},gt=async({files:e,rollup:t,enableSourcemap:n=!0,vizCache:r,vizId:s,slugCache:o,getSvelteCompiler:i})=>{var a;if(!e&&!r)throw new Error("Either files or vizCache is required");if(!e&&r&&!s)throw new Error("vizId is required when using vizCache");if(!e&&r&&s&&(e=g.vizFilesToFileCollection((a=await r.get(s))==null?void 0:a.files)),!e)throw new Error("Upable to extract viz files");const c=J(e);if(c==="v1")return b.magicSandbox(e);if(c==="v2"){if(!t)throw new Error("Rollup is required for v2 runtime");return b.magicSandbox(await Z({files:e,rollup:t,enableSourcemap:n}))}if(c==="v3"){if(!t)throw new Error("Rollup is required for v3 runtime");if(!r&&!s){const l=z(e);s=l.id,r=L({initialContents:[l],handleCacheMiss:async()=>{throw new Error("Cache miss handler not implemented")}})}if(!r)throw new Error("vizCache is required for v3 runtime");if(!s)throw new Error("vizId is required for v3 runtime");return await lt({files:e,rollup:t,vizCache:r,vizId:s,slugCache:o,getSvelteCompiler:i})}if(c==="v4"){if(!t)throw new Error("Rollup is required for v4 runtime");return b.magicSandbox(await vt({files:e,rollup:t,enableSourcemap:n}))}throw new Error(`Unsupported runtime version: ${c}`)},xt=({initialMappings:e={},handleCacheMiss:t})=>{const n=new Map(Object.entries(e));return{get:async i=>{const c=n.get(i);if(c!==void 0)return c;if(!t)throw new Error(`Unresolved slug ${i}, cache miss handler not provided.`);const a=await t(i);if(a)return n.set(i,a),a;throw new Error(`Unresolved slug ${i}`)},set:(i,c)=>{n.set(i,c)},invalidate:i=>{n.delete(i)}}};exports.buildHTML=gt;exports.createSlugCache=xt;exports.createVizCache=L;exports.createVizContent=z;exports.svelteCompilerUrl=st;
+//# sourceMappingURL=slugCache-Bt1Sipcs.cjs.map