aboutsummaryrefslogtreecommitdiff
path: root/demos/simple-react
diff options
context:
space:
mode:
Diffstat (limited to 'demos/simple-react')
-rw-r--r--demos/simple-react/inject.js2
-rw-r--r--demos/simple-react/package.json2
-rw-r--r--demos/simple-react/public/__runtime.js63
-rw-r--r--demos/simple-react/public/index.html6
-rw-r--r--demos/simple-react/public/src/components/button.js23
-rw-r--r--demos/simple-react/public/src/index.js93
-rw-r--r--demos/simple-react/public1/index.html9
-rw-r--r--demos/simple-react/public1/src/components/button.tsx26
-rw-r--r--demos/simple-react/public1/src/index.tsx59
-rw-r--r--demos/simple-react/react-out/src/components/button.tsx26
-rw-r--r--demos/simple-react/src/components/button.tsx6
-rw-r--r--demos/simple-react/src/index.tsx11
12 files changed, 141 insertions, 185 deletions
diff --git a/demos/simple-react/inject.js b/demos/simple-react/inject.js
new file mode 100644
index 000000000..5328bab03
--- /dev/null
+++ b/demos/simple-react/inject.js
@@ -0,0 +1,2 @@
+import React from "react";
+export { React };
diff --git a/demos/simple-react/package.json b/demos/simple-react/package.json
index 68ca14dca..310fd9e3f 100644
--- a/demos/simple-react/package.json
+++ b/demos/simple-react/package.json
@@ -4,7 +4,9 @@
"main": "index.js",
"license": "MIT",
"dependencies": {
+ "left-pad": "^1.3.0",
"react": "^17.0.2",
+ "react-bootstrap": "^1.6.1",
"react-dom": "^17.0.2"
}
}
diff --git a/demos/simple-react/public/__runtime.js b/demos/simple-react/public/__runtime.js
deleted file mode 100644
index da76d71eb..000000000
--- a/demos/simple-react/public/__runtime.js
+++ /dev/null
@@ -1,63 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-
-export var __markAsModule = (target) =>
- __defProp(target, "__esModule", { value: true });
-export var __commonJS = (cb, mod) => () => {
- return mod || cb((mod = { exports: {} }).exports, mod), mod.exports;
-};
-
-export var __reExport = (target, module, desc) => {
- if ((module && typeof module === "object") || typeof module === "function") {
- for (let key of __getOwnPropNames(module))
- if (!__hasOwnProp.call(target, key) && key !== "default")
- __defProp(target, key, {
- get: () => module[key],
- enumerable:
- !(desc = __getOwnPropDesc(module, key)) || desc.enumerable,
- });
- }
- return target;
-};
-
-export var __toModule = (module) => {
- return __reExport(
- __markAsModule(
- __defProp(
- module != null ? __create(__getProtoOf(module)) : {},
- "default",
- module && module.__esModule && "default" in module
- ? { get: () => module.default, enumerable: true }
- : { value: module, enumerable: true }
- )
- ),
- module
- );
-};
-
-export var __name = (target, name) => {
- Object.defineProperty(target, "name", {
- get() {
- return name;
- },
- set(v) {
- name = v;
- },
- });
-
- return target;
-};
-
-// browsers handles ensuring the same ESM is not loaded multiple times
-export var __require = (n) => {
- return Object.prototype.hasOwnProperty.call(n, "default") &&
- Object.keys(n).length === 1
- ? n["default"]
- : n;
-};
-
-export const __esModule = true;
diff --git a/demos/simple-react/public/index.html b/demos/simple-react/public/index.html
index cbf484fd2..724f78f1d 100644
--- a/demos/simple-react/public/index.html
+++ b/demos/simple-react/public/index.html
@@ -1,7 +1,9 @@
<!DOCTYPE html>
<html>
<head>
- <script src="/src/index.js" type="module"></script>
+ <script src="/src/index.tsx" type="module"></script>
</head>
- <body id="reactroot"></body>
+ <body>
+ <div id="reactroot"></div>
+ </body>
</html>
diff --git a/demos/simple-react/public/src/components/button.js b/demos/simple-react/public/src/components/button.js
deleted file mode 100644
index 28bfffda7..000000000
--- a/demos/simple-react/public/src/components/button.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import * as _react_dot_jsx from "http://localhost:8080/node_modules/react/index.js";
-var jsxDEV = __require(_react_dot_jsx).jsxDEV, __jsxFilename = "src/components/button.tsx";
-
-import {
-__require
-} from "http://localhost:8080/__runtime.js";
-export const Button = ({ label, onClick }) => jsxDEV("div", {
- className: "Button",
- onClick,
- children: jsxDEV("div", {
- className: "Button-label",
- children: label
- }, null, false, {
- filename: __jsxFilename,
- lineNumber: 97,
- columnNumber: 97
- }, this)
-}, null, false, {
- filename: __jsxFilename,
- lineNumber: 50,
- columnNumber: 50
-}, this);
-
diff --git a/demos/simple-react/public/src/index.js b/demos/simple-react/public/src/index.js
deleted file mode 100644
index 09055b4c4..000000000
--- a/demos/simple-react/public/src/index.js
+++ /dev/null
@@ -1,93 +0,0 @@
-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();
-});
diff --git a/demos/simple-react/public1/index.html b/demos/simple-react/public1/index.html
new file mode 100644
index 000000000..724f78f1d
--- /dev/null
+++ b/demos/simple-react/public1/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <script src="/src/index.tsx" type="module"></script>
+ </head>
+ <body>
+ <div id="reactroot"></div>
+ </body>
+</html>
diff --git a/demos/simple-react/public1/src/components/button.tsx b/demos/simple-react/public1/src/components/button.tsx
new file mode 100644
index 000000000..bf30db5e7
--- /dev/null
+++ b/demos/simple-react/public1/src/components/button.tsx
@@ -0,0 +1,26 @@
+import * as jsx_dev_runtime_runtime from "http://localhost:8000node_modules/react/jsx-dev-runtime.js";
+var jsxDEV = require( jsx_dev_runtime_runtime).jsxDEV, __jsxFilename = "src/components/button.tsx";
+
+import {
+ __require as require
+} from "http://localhost:8000__runtime.js";
+import * as ttp_localhost_8000node_modules_module from "http://localhost:8000node_modules/react/index.js";
+var React = require(ttp_localhost_8000node_modules_module);
+export const Button = ({ label, label2, onClick }) => jsxDEV("div", {
+ className: "Button",
+ onClick,
+ children: [jsxDEV("div", {
+ className: "Button-label",
+ children: [
+ label,
+ "111"
+ ]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 133
+ }, this)]
+}, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 86
+}, this);
+
diff --git a/demos/simple-react/public1/src/index.tsx b/demos/simple-react/public1/src/index.tsx
new file mode 100644
index 000000000..9b7b60b88
--- /dev/null
+++ b/demos/simple-react/public1/src/index.tsx
@@ -0,0 +1,59 @@
+import * as jsx_dev_runtime_runtime from "http://localhost:8000node_modules/react/jsx-dev-runtime.js";
+import * as React_dot_jsx from "http://localhost:8000node_modules/react/jsx-dev-runtime.js";
+var jsxDEV = require( jsx_dev_runtime_runtime).jsxDEV, __jsxFilename = "src/index.tsx", Fragment = require( React_dot_jsx).Fragment;
+
+import {
+ __require as require
+} from "http://localhost:8000__runtime.js";
+import * as ttp_localhost_8000node_modules_module from "http://localhost:8000node_modules/react-dom/index.js";
+var ReactDOM = require(ttp_localhost_8000node_modules_module);
+import { Button} from "http://localhost:8000src/components/button.js";
+const Base = ({}) => {
+ return jsxDEV("main", {
+ children: [
+ jsxDEV("h1", {
+ children: ["I am the page"]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 132
+ }, this),
+ jsxDEV("h3", {
+ className: "bacon",
+ children: ["Here is some text"]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 161
+ }, this),
+ jsxDEV( Fragment, {
+ children: ["Fragmen!t"]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 212
+ }, this),
+ jsxDEV(Button, {
+ label: "Do not click.",
+ onClick: () => alert("I told u not to click!"),
+ children: []
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 234
+ }, this)
+ ]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 119
+ }, this);
+
+};
+
+function startReact() {
+ ReactDOM.render( jsxDEV( Base, {
+ children: []
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 408
+ }, this), document.querySelector("#reactroot"));
+}
+globalThis.addEventListener("DOMContentLoaded", () => {
+ startReact();
+});
diff --git a/demos/simple-react/react-out/src/components/button.tsx b/demos/simple-react/react-out/src/components/button.tsx
new file mode 100644
index 000000000..49e7de365
--- /dev/null
+++ b/demos/simple-react/react-out/src/components/button.tsx
@@ -0,0 +1,26 @@
+import * as _jsx_dev_runtime_runtime from "../../node_modules/react/jsx-dev-runtime.js";
+var jsxDEV = require( _jsx_dev_runtime_runtime).jsxDEV, __jsxFilename = "src/components/button.tsx";
+
+import {
+ __require as require
+} from "../../__runtime.js";
+import * as node_modules_module from "../../node_modules/react/index.js";
+var React = require(node_modules_module);
+export const Button = ({ label, label2, onClick }) => jsxDEV("div", {
+ className: "Button",
+ onClick,
+ children: [jsxDEV("div", {
+ className: "Button-label",
+ children: [
+ label,
+ "111"
+ ]
+ }, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 133
+ }, this)]
+}, undefined, true, {
+ fileName: __jsxFilename,
+ lineNumber: 86
+}, this);
+
diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
index a3c90553c..3c62b1816 100644
--- a/demos/simple-react/src/components/button.tsx
+++ b/demos/simple-react/src/components/button.tsx
@@ -1,5 +1,7 @@
-export const Button = ({ label, onClick }) => (
+import React from "react";
+
+export const Button = ({ label, label2, onClick }) => (
<div className="Button" onClick={onClick}>
- <div className="Button-label">{label}</div>
+ <div className="Button-label">{label}111</div>
</div>
);
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
index c0f0ec181..369a9a710 100644
--- a/demos/simple-react/src/index.tsx
+++ b/demos/simple-react/src/index.tsx
@@ -1,11 +1,18 @@
import ReactDOM from "react-dom";
import { Button } from "./components/button";
+import * as Bootstrap from "react-bootstrap";
+import * as leftPad from "left-pad";
+import { DatePicker } from "antd";
const Base = ({}) => {
+ Bootstrap.Accordion;
return (
<main>
<h1>I am the page</h1>
- <h3>Here is some text</h3>
+ <h3 className="bacon">Here is some text</h3>
+ <>Fragmen!t</>
+ <DatePicker />
+
<Button
label="Do not click."
onClick={() => alert("I told u not to click!")}
@@ -15,7 +22,7 @@ const Base = ({}) => {
};
function startReact() {
- ReactDOM.render(() => <Base />, document.querySelector("#reactroot"));
+ ReactDOM.render(<Base />, document.querySelector("#reactroot"));
}
globalThis.addEventListener("DOMContentLoaded", () => {
generated by cgit v1.2.3 (git 2.39.1) at 2025-06-30 11:18:22 +0000