aboutsummaryrefslogtreecommitdiff
path: root/demos/simple-react/public/src/index.js
blob: 09055b4c4d58bf4a349dceaf7af0292772e1d99f (plain) (blame)
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();
});