1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
import * as _react_dot_jsx from "http://localhost:8080/node_modules/react/index.js";
var jsxDEV = __require(_react_dot_jsx).jsxDEV,
__jsxFilename = "src/index.tsx";
import { __require } from "http://localhost:8080/__runtime.js";
import ReactDOM from "http://localhost:8080/node_modules/react-dom/index.js";
import { Button } from "http://localhost:8080/src/components/button.js";
const Base = ({}) => {
return jsxDEV(
"main",
{
children: [
jsxDEV(
"h1",
{
children: "I am the page",
},
null,
false,
{
filename: __jsxFilename,
lineNumber: 132,
columnNumber: 132,
},
this
),
jsxDEV(
"h3",
{
children: "Here is some text",
},
null,
false,
{
filename: __jsxFilename,
lineNumber: 161,
columnNumber: 161,
},
this
),
jsxDEV(
Button,
{
label: "Do not click.",
onClick: () => alert("I told u not to click!"),
children: [],
},
null,
false,
{
filename: __jsxFilename,
lineNumber: 194,
columnNumber: 194,
},
this
),
],
},
null,
false,
{
filename: __jsxFilename,
lineNumber: 119,
columnNumber: 119,
},
this
);
};
function startReact() {
ReactDOM.render(
() =>
jsxDEV(
Base,
{
children: [],
},
null,
false,
{
filename: __jsxFilename,
lineNumber: 374,
columnNumber: 374,
},
this
),
document.querySelector("#reactroot")
);
}
globalThis.addEventListener("DOMContentLoaded", () => {
startReact();
});
|