@vizhub/runtime 0.2.0 → 0.3.1

package/dist/cjs/test/fixtures/v2/d3RosettaImportPkg.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.d3RosettaImportPkg = void 0;
+exports.d3RosettaImportPkg = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": 'import { one } from "d3-rosetta"; console.log(typeof one);',
+    "package.json": `{
+    "dependencies": {
+      "d3-rosetta": "1.0.0"
+    },
+    "vizhub": {
+      "libraries": {
+        "d3-rosetta": {
+          "global": "d3Rosetta",
+          "path": "/dist/d3-rosetta.umd.js"
+        }
+      }
+    }
+  }`,
+};

package/dist/cjs/test/fixtures/v2/es6Preserve.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.es6Preserve = void 0;
+exports.es6Preserve = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": "const fn = a => a * a; console.log(fn(4));",
+};

package/dist/cjs/test/fixtures/v2/generatorSupport.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatorSupport = void 0;
+exports.generatorSupport = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": "console.log(function* () { yield 5; }().next().value)",
+};

package/dist/cjs/test/fixtures/v2/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.d3RosettaImportPkg = exports.unicodeSupport = exports.generatorSupport = exports.es6Preserve = exports.jsxTranspile = exports.reactDomImportPkg = exports.reactDomImport = exports.reactImportPkg = exports.reactImport = exports.d3ImportPkg = exports.d3Import = exports.basicBundleNoExtension = exports.basicBundle = void 0;
+var basicBundle_1 = require("./basicBundle");
+Object.defineProperty(exports, "basicBundle", { enumerable: true, get: function () { return basicBundle_1.basicBundle; } });
+var basicBundleNoExtension_1 = require("./basicBundleNoExtension");
+Object.defineProperty(exports, "basicBundleNoExtension", { enumerable: true, get: function () { return basicBundleNoExtension_1.basicBundleNoExtension; } });
+var d3Import_1 = require("./d3Import");
+Object.defineProperty(exports, "d3Import", { enumerable: true, get: function () { return d3Import_1.d3Import; } });
+var d3ImportPkg_1 = require("./d3ImportPkg");
+Object.defineProperty(exports, "d3ImportPkg", { enumerable: true, get: function () { return d3ImportPkg_1.d3ImportPkg; } });
+var reactImport_1 = require("./reactImport");
+Object.defineProperty(exports, "reactImport", { enumerable: true, get: function () { return reactImport_1.reactImport; } });
+var reactImportPkg_1 = require("./reactImportPkg");
+Object.defineProperty(exports, "reactImportPkg", { enumerable: true, get: function () { return reactImportPkg_1.reactImportPkg; } });
+var reactDomImport_1 = require("./reactDomImport");
+Object.defineProperty(exports, "reactDomImport", { enumerable: true, get: function () { return reactDomImport_1.reactDomImport; } });
+var reactDomImportPkg_1 = require("./reactDomImportPkg");
+Object.defineProperty(exports, "reactDomImportPkg", { enumerable: true, get: function () { return reactDomImportPkg_1.reactDomImportPkg; } });
+var jsxTranspile_1 = require("./jsxTranspile");
+Object.defineProperty(exports, "jsxTranspile", { enumerable: true, get: function () { return jsxTranspile_1.jsxTranspile; } });
+var es6Preserve_1 = require("./es6Preserve");
+Object.defineProperty(exports, "es6Preserve", { enumerable: true, get: function () { return es6Preserve_1.es6Preserve; } });
+var generatorSupport_1 = require("./generatorSupport");
+Object.defineProperty(exports, "generatorSupport", { enumerable: true, get: function () { return generatorSupport_1.generatorSupport; } });
+var unicodeSupport_1 = require("./unicodeSupport");
+Object.defineProperty(exports, "unicodeSupport", { enumerable: true, get: function () { return unicodeSupport_1.unicodeSupport; } });
+var d3RosettaImportPkg_1 = require("./d3RosettaImportPkg");
+Object.defineProperty(exports, "d3RosettaImportPkg", { enumerable: true, get: function () { return d3RosettaImportPkg_1.d3RosettaImportPkg; } });
+// Make sure to add the sourceMapErrorFixture to the exports
+__exportStar(require("./sourceMapErrorFixture"), exports);

package/dist/cjs/test/fixtures/v2/jsxTranspile.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsxTranspile = void 0;
+exports.jsxTranspile = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": "<div>Hello JSX!</div>",
+};

package/dist/cjs/test/fixtures/v2/reactDomImport.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactDomImport = void 0;
+exports.reactDomImport = {
+    "index.html": `
+    <script src='https://cdn.jsdelivr.net/npm/react@18.3.1/umd/react.production.min.js'></script>
+    <script src='https://cdn.jsdelivr.net/npm/react-dom@18.3.1/umd/react-dom.production.min.js'></script>
+    <script src='bundle.js'></script>
+  `,
+    "index.js": 'import ReactDOM from "react-dom"; console.log(typeof ReactDOM);',
+};

package/dist/cjs/test/fixtures/v2/reactDomImportPkg.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactDomImportPkg = void 0;
+exports.reactDomImportPkg = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": 'import ReactDOM from "react-dom"; console.log(typeof ReactDOM);',
+    "package.json": `{
+    "dependencies": {
+      "react": "18.2.0",
+      "react-dom": "18.2.0"
+    },
+    "vizhub": {
+      "libraries": {
+        "react": {
+          "global": "React",
+          "path": "/umd/react.production.min.js"
+        },
+        "react-dom": {
+          "global": "ReactDOM",
+          "path": "/umd/react-dom.production.min.js"
+        }
+      }
+    }
+  }`,
+};

package/dist/cjs/test/fixtures/v2/reactImport.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactImport = void 0;
+exports.reactImport = {
+    "index.html": `
+    <script src='https://cdn.jsdelivr.net/npm/react@18.3.1/umd/react.production.min.js'></script>
+    <script src='bundle.js'></script>
+  `,
+    "index.js": 'import React from "react"; console.log(typeof React);',
+};

package/dist/cjs/test/fixtures/v2/reactImportPkg.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactImportPkg = void 0;
+exports.reactImportPkg = {
+    "index.html": `<script src='bundle.js'></script>`,
+    "index.js": 'import React from "react"; console.log(typeof React);',
+    "package.json": `{
+    "dependencies": {
+      "react": "18.2.0"
+    },
+    "vizhub": {
+      "libraries": {
+        "react": {
+          "global": "React",
+          "path": "/umd/react.production.min.js"
+        }
+      }
+    }
+  }`,
+};

package/dist/cjs/test/fixtures/v2/sourceMapErrorFixture.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sourceMapErrorFixture = void 0;
+exports.sourceMapErrorFixture = {
+    "index.html": "<script src='bundle.js'></script>",
+    "index.js": `
+import { generateError } from "./error.js";
+
+// Line numbers are important for this test
+// This will be line 6 in the original source
+generateError();
+
+// Add a console log to help debug
+console.log("If you see this, the error was caught by the window.onerror handler");
+`,
+    "error.js": `
+export function generateError() {
+  // This is line 3 in error.js
+  throw new Error("Test error for sourcemap validation");
+}
+`,
+};

package/dist/cjs/test/fixtures/v2/unicodeSupport.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unicodeSupport = void 0;
+exports.unicodeSupport = {
+    "index.html": `
+    <script src='bundle.js'></script>
+  `,
+    "index.js": 'console.log("Привет")',
+};

package/dist/cjs/test/fixtures/v3/basicIndexJS.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.basicIndexJS = void 0;
+exports.basicIndexJS = {
+    "index.js": `
+    export const main = () => {
+      console.log("Hello main!");
+    }
+  `,
+};

package/dist/cjs/test/fixtures/v3/cssImport.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssImport = void 0;
+exports.cssImport = {
+    "index.js": `
+    import './styles.css';
+    console.log(getComputedStyle(document.body).color);
+  `,
+    "styles.css": `
+    body { color: red; }
+  `,
+};

package/dist/cjs/test/fixtures/v3/csvImport.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.csvImport = void 0;
+exports.csvImport = {
+    "index.js": `
+    import data from './data.csv';
+    console.log(data[0].variety);
+  `,
+    "data.csv": `"sepal.length","sepal.width","petal.length","petal.width","variety"
+5.1,3.5,1.4,.2,"Setosa"
+4.9,3,1.4,.2,"Setosa"
+4.7,3.2,1.3,.2,"Setosa"
+4.6,3.1,1.5,.2,"Setosa"`,
+};

package/dist/cjs/test/fixtures/v3/csvStrangeChars.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.csvStrangeChars = void 0;
+exports.csvStrangeChars = {
+    "index.js": `
+    import data from './data.csv';
+    console.log(data[0].Country);
+  `,
+    "data.csv": `Country,Users,New users,Engaged sessions,Engagement rate,Engaged sessions per user,Average engagement time,Event count,Conversions,Total revenue
+Türkiye,180,177,133,0.5450819672131147,0.7388888888888889,86.22777777777777,1007,0,0
+(not set),28,27,2,0.06896551724137931,0.07142857142857142,7.178571428571429,101,0,0
+Myanmar (Burma),11,11,29,0.58,2.6363636363636362,141.0909090909091,209,0,0
+Côte d'Ivoire,10,10,8,0.6666666666666666,0.8,33.4,57,0,0
+Réunion,1,1,0,0,0,0,5,0,0`,
+};

package/dist/cjs/test/fixtures/v3/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sourcemap = exports.svelte = exports.sampleContentVizImportWithCSS = exports.sampleContentWithCSS = exports.sampleContentVizImportSlug = exports.sampleContentVizImport = exports.sampleContent = exports.csvStrangeChars = exports.csvImport = exports.cssImport = exports.jsExport = exports.sampleVizContent = exports.basicIndexJS = void 0;
+var basicIndexJS_1 = require("./basicIndexJS");
+Object.defineProperty(exports, "basicIndexJS", { enumerable: true, get: function () { return basicIndexJS_1.basicIndexJS; } });
+var vizContent_1 = require("./vizContent");
+Object.defineProperty(exports, "sampleVizContent", { enumerable: true, get: function () { return vizContent_1.sampleVizContent; } });
+var jsExport_1 = require("./jsExport");
+Object.defineProperty(exports, "jsExport", { enumerable: true, get: function () { return jsExport_1.jsExport; } });
+var cssImport_1 = require("./cssImport");
+Object.defineProperty(exports, "cssImport", { enumerable: true, get: function () { return cssImport_1.cssImport; } });
+var csvImport_1 = require("./csvImport");
+Object.defineProperty(exports, "csvImport", { enumerable: true, get: function () { return csvImport_1.csvImport; } });
+var csvStrangeChars_1 = require("./csvStrangeChars");
+Object.defineProperty(exports, "csvStrangeChars", { enumerable: true, get: function () { return csvStrangeChars_1.csvStrangeChars; } });
+var vizImport_1 = require("./vizImport");
+Object.defineProperty(exports, "sampleContent", { enumerable: true, get: function () { return vizImport_1.sampleContent; } });
+Object.defineProperty(exports, "sampleContentVizImport", { enumerable: true, get: function () { return vizImport_1.sampleContentVizImport; } });
+Object.defineProperty(exports, "sampleContentVizImportSlug", { enumerable: true, get: function () { return vizImport_1.sampleContentVizImportSlug; } });
+Object.defineProperty(exports, "sampleContentWithCSS", { enumerable: true, get: function () { return vizImport_1.sampleContentWithCSS; } });
+Object.defineProperty(exports, "sampleContentVizImportWithCSS", { enumerable: true, get: function () { return vizImport_1.sampleContentVizImportWithCSS; } });
+var svelte_1 = require("./svelte");
+Object.defineProperty(exports, "svelte", { enumerable: true, get: function () { return svelte_1.svelte; } });
+var sourcemap_1 = require("./sourcemap");
+Object.defineProperty(exports, "sourcemap", { enumerable: true, get: function () { return sourcemap_1.sourcemap; } });

package/dist/cjs/test/fixtures/v3/jsExport.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsExport = void 0;
+exports.jsExport = {
+    "index.js": `
+    import { innerMessage } from './message';
+    export const message = "Outer " + innerMessage;
+    console.log(message);
+  `,
+    "message.js": `
+    export const innerMessage = "Inner";
+  `,
+};

package/dist/cjs/test/fixtures/v3/sourcemap.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sourcemap = void 0;
+exports.sourcemap = {
+    "index.js": `
+    const x = 1;
+    const y = 2;
+    console.log(x + y);
+    
+    // The error should resolve to this line number, 6.
+    throw new Error("Hello main!");
+  `,
+};

package/dist/cjs/test/fixtures/v3/svelte.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.svelte = void 0;
+exports.svelte = {
+    "App.svelte": `
+    <script>
+      const name = 'Svelte';
+      console.log(name);
+    </script>
+    <h1>Hello {name}!</h1>
+  `,
+    "index.js": `
+    import App from './App.svelte';
+
+    export const main = (container) => {
+      new App({
+        target: container,
+      });
+    };
+  `,
+};

package/dist/cjs/test/fixtures/v3/vizContent.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sampleVizContent = void 0;
+const createVizContent_1 = require("../../../v3/createVizContent");
+// Content for testing JS imports
+exports.sampleVizContent = (0, createVizContent_1.createVizContent)({
+    "index.js": `
+    import { innerMessage } from './message';
+    export const message = "Outer " + innerMessage;
+  `,
+    "message.js": `
+    export const innerMessage = "Inner";
+  `,
+});

package/dist/cjs/test/fixtures/v3/vizImport.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sampleContentVizImportWithCSS = exports.sampleContentWithCSS = exports.sampleContentVizImportSlug = exports.sampleContentVizImport = exports.sampleContent = void 0;
+// Sample content for testing JS imports
+exports.sampleContent = {
+    id: "84bddfb1cc0545f299e5083c3e71e0bb",
+    files: {
+        "7548392": {
+            name: "index.js",
+            text: `
+        import { innerMessage } from './message';
+        export const message = "Outer " + innerMessage;
+      `,
+        },
+        "6714854": {
+            name: "message.js",
+            text: `
+        export const innerMessage = "Inner";
+      `,
+        },
+    },
+    title: "Sample Content for Exporting",
+};
+// Sample content for testing JS imports
+// across vizzes by id
+exports.sampleContentVizImport = {
+    id: "a6014044e0c6425f911a7e128e1928a6",
+    files: {
+        "7548392": {
+            name: "index.js",
+            text: `
+        import { message } from '@joe/${exports.sampleContent.id}';
+        console.log("Imported from viz: " + message);
+      `,
+        },
+    },
+    title: "Sample Content for Viz Importing",
+};
+// Sample content for testing JS imports
+// across vizzes by slug
+exports.sampleContentVizImportSlug = {
+    id: "6f8aec8c3cd348d7a7d4661cc8d75c9a",
+    files: {
+        "7548392": {
+            name: "index.js",
+            text: `
+        import { message } from '@joe/sample-content-slug';
+        console.log("Imported from viz with slug: " + message);
+      `,
+        },
+    },
+    title: "Sample Content for Viz Importing",
+};
+// Sample content for testing CSS imports
+exports.sampleContentWithCSS = {
+    id: "cd52ba7f80834807b72e66ce4abac185",
+    files: {
+        "5473849": {
+            name: "index.js",
+            text: `
+        import './styles.css';
+      `,
+        },
+        "0175432": {
+            name: "styles.css",
+            text: `
+        body { color: red; }
+      `,
+        },
+    },
+    title: "Sample Content for CSS Importing",
+};
+// Sample content for testing CSS imports
+// across vizzes
+exports.sampleContentVizImportWithCSS = {
+    id: "816040d214484b41b653bd6916a11fd9",
+    files: {
+        "7548392": {
+            name: "index.js",
+            text: `
+        // Import for the CSS side effect
+        import '@joe/${exports.sampleContentWithCSS.id}';
+        console.log(getComputedStyle(document.body).color);
+      `,
+        },
+    },
+    title: "Sample Content for Viz Importing with CSS",
+};

package/dist/cjs/test/fixtures/v4/d3Usage.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.d3Usage = void 0;
+exports.d3Usage = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+      <title>D3 Test</title>
+    </head>
+    <body>
+      <div id="chart"></div>
+      <script type="module" src="index.js"></script>
+    </body>
+  </html>`,
+    "index.js": `import * as d3 from 'd3';
+
+const svg = d3.select('#chart')
+  .append('svg')
+  .attr('width', 100)
+  .attr('height', 100);
+
+svg.append('circle')
+  .attr('cx', 50)
+  .attr('cy', 50)
+  .attr('r', 40)
+  .style('fill', 'blue');
+
+console.log('D3 chart rendered successfully');`,
+    "package.json": `{
+  "dependencies": {
+    "d3": "^7.8.5"
+  }
+}`,
+};

package/dist/cjs/test/fixtures/v4/esmBuild.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.esmBuild = void 0;
+exports.esmBuild = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+      <title>ESM Build Test</title>
+    </head>
+    <body>
+      <script type="module" src="index.js"></script>
+    </body>
+  </html>`,
+    "index.js": `import { format } from 'date-fns';
+console.log(format(new Date(), 'yyyy-MM-dd'));`,
+    "package.json": `{
+    "dependencies": {
+      "date-fns": "2.30.0"
+    }
+  }`,
+};

package/dist/cjs/test/fixtures/v4/fetchInterception.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInterception = void 0;
+exports.fetchInterception = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+      <title>Fetch Interception Test</title>
+    </head>
+    <body>
+      <script type="module" src="index.js"></script>
+    </body>
+  </html>`,
+    "index.js": `
+    fetch("data.json")
+      .then(response => response.json())
+      .then(data => console.log(data.message));`,
+    "data.json": `{
+    "message": "Fetch intercepted successfully"
+ }`,
+};

package/dist/cjs/test/fixtures/v4/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typeScriptSupport = exports.reactHooks = exports.threeJsUsage = exports.d3Usage = exports.reactJsx = exports.esmBuild = exports.fetchInterception = exports.jsScriptTagTypeModules = exports.jsScriptTagTypeModule = void 0;
+var jsScriptTagTypeModule_1 = require("./jsScriptTagTypeModule");
+Object.defineProperty(exports, "jsScriptTagTypeModule", { enumerable: true, get: function () { return jsScriptTagTypeModule_1.jsScriptTagTypeModule; } });
+var jsScriptTagTypeModules_1 = require("./jsScriptTagTypeModules");
+Object.defineProperty(exports, "jsScriptTagTypeModules", { enumerable: true, get: function () { return jsScriptTagTypeModules_1.jsScriptTagTypeModules; } });
+var fetchInterception_1 = require("./fetchInterception");
+Object.defineProperty(exports, "fetchInterception", { enumerable: true, get: function () { return fetchInterception_1.fetchInterception; } });
+var esmBuild_1 = require("./esmBuild");
+Object.defineProperty(exports, "esmBuild", { enumerable: true, get: function () { return esmBuild_1.esmBuild; } });
+var reactJsx_1 = require("./reactJsx");
+Object.defineProperty(exports, "reactJsx", { enumerable: true, get: function () { return reactJsx_1.reactJsx; } });
+var d3Usage_1 = require("./d3Usage");
+Object.defineProperty(exports, "d3Usage", { enumerable: true, get: function () { return d3Usage_1.d3Usage; } });
+var threeJsUsage_1 = require("./threeJsUsage");
+Object.defineProperty(exports, "threeJsUsage", { enumerable: true, get: function () { return threeJsUsage_1.threeJsUsage; } });
+var reactHooks_1 = require("./reactHooks");
+Object.defineProperty(exports, "reactHooks", { enumerable: true, get: function () { return reactHooks_1.reactHooks; } });
+var typeScriptSupport_1 = require("./typeScriptSupport");
+Object.defineProperty(exports, "typeScriptSupport", { enumerable: true, get: function () { return typeScriptSupport_1.typeScriptSupport; } });

package/dist/cjs/test/fixtures/v4/jsScriptTagTypeModule.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsScriptTagTypeModule = void 0;
+exports.jsScriptTagTypeModule = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+      <script type="importmap">
+      {
+        "imports": {
+          "greeter": "data:text/javascript;charset=utf-8,export const greeting = \\"Hello, ES Module!\\";"
+        }
+      }
+      </script>
+    </head>
+    <body>
+      <script type="module" src="index.js"></script>
+    </body>
+  </html>`,
+    "index.js": `import { greeting } from 'greeter';\nconsole.log(greeting);`,
+};

package/dist/cjs/test/fixtures/v4/jsScriptTagTypeModules.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jsScriptTagTypeModules = void 0;
+exports.jsScriptTagTypeModules = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+    </head>
+    <body>
+      <script type="module" src="index.js"></script>
+    </body>
+  </html>`,
+    "index.js": `import { greeting } from './greeter.js';\nconsole.log(greeting);`,
+    "greeter.js": `export const greeting = "Hello, ES Module File!";`,
+};

package/dist/cjs/test/fixtures/v4/reactHooks.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactHooks = void 0;
+exports.reactHooks = {
+    "index.html": `<!DOCTYPE html>
+  <html>
+    <head>
+      <title>React Hooks Test</title>
+    </head>
+    <body>
+      <div id="root"></div>
+      <script type="module" src="index.jsx"></script>
+    </body>
+  </html>`,
+    "index.jsx": `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import Counter from './Counter.jsx';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <Counter />
+  </React.StrictMode>
+);`,
+    "Counter.jsx": `import React, { useState, useEffect } from 'react';
+
+function Counter() {
+  const [count, setCount] = useState(0);
+  
+  useEffect(() => {
+    console.log('React Hooks working: count is ' + count);
+  }, [count]);
+
+  return (
+    <div>
+      <p>You clicked {count} times</p>
+      <button onClick={() => setCount(count + 1)}>
+        Click me
+      </button>
+    </div>
+  );
+}
+
+export default Counter;`,
+    "package.json": `{
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}`,
+};