@vizhub/runtime 0.3.8 → 0.4.0

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

@@ -1,45 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-"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

@@ -1,27 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,20 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-"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

@@ -1,15 +0,0 @@
-"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

@@ -1,25 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-"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

@@ -1,88 +0,0 @@
-"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

@@ -1,34 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,15 +0,0 @@
-"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

@@ -1,50 +0,0 @@
-"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"
-  }
-}`,
-};

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reactJsx = void 0;
-exports.reactJsx = {
-    "index.html": `<!DOCTYPE html>
-  <html>
-    <head>
-      <title>React JSX 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 App from './App.jsx';
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);`,
-    "App.jsx": `import React from 'react';
-
-function App() {
-  return <div>Hello React JSX!</div>;
-}
-
-export default App;`,
-    "package.json": `{
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}`,
-};