This commit is contained in:
Jarred Sumner
2021-09-27 01:45:53 -07:00
parent 1ed51e8866
commit 54dc9cfc8b
7 changed files with 15 additions and 31 deletions

View File

@@ -9,6 +9,6 @@
</head>
<body>
<script async type="module" src="/src/index.tsx"></script>
<script async type="module" src="/components/index.tsx"></script>
</body>
</html>

View File

@@ -10,7 +10,7 @@ __HMRModule as HMR
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
import * as $bbcd215f from "http://localhost:8080/node_modules/react/index.js";
var JSXClassic = require($bbcd215f);
var jsx = require(JSX).jsxDEV, fileName = "multiple-imports.js", JSXFrag = require(JSXClassic).Fragment;
var jsx = require(JSX).jsxDEV, JSXFrag = require(JSXClassic).Fragment;
var { default: React} = require($bbcd215f);
var { default: React2} = require($bbcd215f);
@@ -21,10 +21,7 @@ var hmr = new HMR(2165509932, "multiple-imports.js"), exports = hmr.exports;
const bacon = React;
const bacon2 = jsx(JSXFrag, {
children: ["hello"]
}, undefined, true, {
fileName,
lineNumber: 92
}, this);
}, undefined, true, {}, this);
function test() {
console.assert(bacon === React);
console.assert(bacon === React2);

View File

@@ -4,7 +4,7 @@ __require as require
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
import * as $bbcd215f from "http://localhost:8080/node_modules/react/index.js";
var JSXClassic = require($bbcd215f);
var jsx = require(JSX).jsxDEV, fileName = "multiple-imports.js", JSXFrag = require(JSXClassic).Fragment;
var jsx = require(JSX).jsxDEV, JSXFrag = require(JSXClassic).Fragment;
var { default: React} = require($bbcd215f);
var { default: React2} = require($bbcd215f);
@@ -12,10 +12,7 @@ const bacon = React;
const bacon2 = jsx(JSXFrag, {
children: ["hello"]
}, undefined, true, {
fileName,
lineNumber: 92
}, this);
}, undefined, true, {}, this);
export function test() {
console.assert(bacon === React);
console.assert(bacon === React2);

View File

@@ -10,7 +10,7 @@ __HMRModule as HMR
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
import * as $bbcd215f from "http://localhost:8080/node_modules/react/index.js";
var JSXClassic = require($bbcd215f);
var jsx = require(JSX).jsxDEV, fileName = "spread_with_key.tsx", jsxEl = require(JSXClassic).createElement;
var jsx = require(JSX).jsxDEV, jsxEl = require(JSXClassic).createElement;
var { default: React} = require($bbcd215f);
Bun.activate(false);
@@ -31,10 +31,7 @@ var hmr = new HMR(2717584935, "spread_with_key.tsx"), exports = hmr.exports;
function test() {
console.assert(React.isValidElement(jsx(SpreadWithTheKey, {
className: "foo"
}, undefined, true, {
fileName,
lineNumber: 375
}, this)));
}, undefined, true, {}, this)));
return testDone(import.meta.url);
}
hmr.exportAll({

View File

@@ -4,7 +4,7 @@ __require as require
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
import * as $bbcd215f from "http://localhost:8080/node_modules/react/index.js";
var JSXClassic = require($bbcd215f);
var jsx = require(JSX).jsxDEV, fileName = "spread_with_key.tsx", jsxEl = require(JSXClassic).createElement;
var jsx = require(JSX).jsxDEV, jsxEl = require(JSXClassic).createElement;
var { default: React} = require($bbcd215f);
export function SpreadWithTheKey({
@@ -23,9 +23,6 @@ export function SpreadWithTheKey({
export function test() {
console.assert(React.isValidElement(jsx(SpreadWithTheKey, {
className: "foo"
}, undefined, true, {
fileName,
lineNumber: 375
}, this)));
}, undefined, true, {}, this)));
return testDone(import.meta.url);
}

View File

@@ -8,7 +8,7 @@ import {
__HMRModule as HMR
} from "http://localhost:8080/__runtime.js";
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
var jsx = require(JSX).jsxDEV, fileName = "styledcomponents-output.js";
var jsx = require(JSX).jsxDEV;
import * as $d4051a2e from "http://localhost:8080/node_modules/styled-components/dist/styled-components.browser.esm.js";
var { default: styled} = require($d4051a2e);
@@ -54,16 +54,14 @@ var hmr = new HMR(1290604342, "styledcomponents-output.js"), exports = hmr.expor
ReactDOM.render(jsx(ErrorScreenRoot, {
id: "error-el",
children: ["The react child should have this text"]
}, undefined, true, {
fileName,
lineNumber: 805
}, this), reactEl);
}, undefined, true, {}, this), reactEl);
const style = document.querySelector("style[data-styled]");
console.assert(style, "style tag should exist");
console.assert(style.textContent.split("").every((a) => a.codePointAt(0) < 128), "style tag should not contain invalid unicode codepoints");
console.assert(document.querySelector("#error-el").textContent === "The react child should have this text");
ReactDOM.unmountComponentAtNode(reactEl);
reactEl.remove();
style.remove();
testDone(import.meta.url);
}
hmr.exportAll({

View File

@@ -2,7 +2,7 @@ import {
__require as require
} from "http://localhost:8080/__runtime.js";
import * as JSX from "http://localhost:8080/node_modules/react/jsx-dev-runtime.js";
var jsx = require(JSX).jsxDEV, fileName = "styledcomponents-output.js";
var jsx = require(JSX).jsxDEV;
import * as $d4051a2e from "http://localhost:8080/node_modules/styled-components/dist/styled-components.browser.esm.js";
var { default: styled} = require($d4051a2e);
@@ -45,15 +45,13 @@ export function test() {
ReactDOM.render(jsx(ErrorScreenRoot, {
id: "error-el",
children: ["The react child should have this text"]
}, undefined, true, {
fileName,
lineNumber: 805
}, this), reactEl);
}, undefined, true, {}, this), reactEl);
const style = document.querySelector("style[data-styled]");
console.assert(style, "style tag should exist");
console.assert(style.textContent.split("").every((a) => a.codePointAt(0) < 128), "style tag should not contain invalid unicode codepoints");
console.assert(document.querySelector("#error-el").textContent === "The react child should have this text");
ReactDOM.unmountComponentAtNode(reactEl);
reactEl.remove();
style.remove();
testDone(import.meta.url);
}