aboutsummaryrefslogtreecommitdiff
path: root/demos/simple-react
diff options
context:
space:
mode:
authorGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-06-01 20:49:49 -0700
committerGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-06-01 20:49:49 -0700
commitee6643ce8b8b3ac32d5ba71d2617b38bb03379af (patch)
tree728dd42e5c3bfb7272465610326868113f945a88 /demos/simple-react
parent38f1eb07012eaf0e09400ba06d06fe15007a9022 (diff)
downloadbun-ee6643ce8b8b3ac32d5ba71d2617b38bb03379af.tar.gz
bun-ee6643ce8b8b3ac32d5ba71d2617b38bb03379af.tar.zst
bun-ee6643ce8b8b3ac32d5ba71d2617b38bb03379af.zip
wip
Former-commit-id: a6bc130918f63bfbeac220f4e1fa55f08197e1c1
Diffstat (limited to 'demos/simple-react')
-rw-r--r--demos/simple-react/package.json10
-rw-r--r--demos/simple-react/public/__runtime.js63
-rw-r--r--demos/simple-react/public/index.html7
-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/src/components/button.tsx5
-rw-r--r--demos/simple-react/src/index.tsx23
7 files changed, 224 insertions, 0 deletions
diff --git a/demos/simple-react/package.json b/demos/simple-react/package.json
new file mode 100644
index 000000000..68ca14dca
--- /dev/null
+++ b/demos/simple-react/package.json
@@ -0,0 +1,10 @@
+{
+ "name": "simple-react",
+ "version": "1.0.0",
+ "main": "index.js",
+ "license": "MIT",
+ "dependencies": {
+ "react": "^17.0.2",
+ "react-dom": "^17.0.2"
+ }
+}
diff --git a/demos/simple-react/public/__runtime.js b/demos/simple-react/public/__runtime.js
new file mode 100644
index 000000000..da76d71eb
--- /dev/null
+++ b/demos/simple-react/public/__runtime.js
@@ -0,0 +1,63 @@
+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
new file mode 100644
index 000000000..cbf484fd2
--- /dev/null
+++ b/demos/simple-react/public/index.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <script src="/src/index.js" type="module"></script>
+ </head>
+ <body id="reactroot"></body>
+</html>
diff --git a/demos/simple-react/public/src/components/button.js b/demos/simple-react/public/src/components/button.js
new file mode 100644
index 000000000..28bfffda7
--- /dev/null
+++ b/demos/simple-react/public/src/components/button.js
@@ -0,0 +1,23 @@
+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
new file mode 100644
index 000000000..09055b4c4
--- /dev/null
+++ b/demos/simple-react/public/src/index.js
@@ -0,0 +1,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();
+});
diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
new file mode 100644
index 000000000..a3c90553c
--- /dev/null
+++ b/demos/simple-react/src/components/button.tsx
@@ -0,0 +1,5 @@
+export const Button = ({ label, onClick }) => (
+ <div className="Button" onClick={onClick}>
+ <div className="Button-label">{label}</div>
+ </div>
+);
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
new file mode 100644
index 000000000..c0f0ec181
--- /dev/null
+++ b/demos/simple-react/src/index.tsx
@@ -0,0 +1,23 @@
+import ReactDOM from "react-dom";
+import { Button } from "./components/button";
+
+const Base = ({}) => {
+ return (
+ <main>
+ <h1>I am the page</h1>
+ <h3>Here is some text</h3>
+ <Button
+ label="Do not click."
+ onClick={() => alert("I told u not to click!")}
+ ></Button>
+ </main>
+ );
+};
+
+function startReact() {
+ ReactDOM.render(() => <Base />, document.querySelector("#reactroot"));
+}
+
+globalThis.addEventListener("DOMContentLoaded", () => {
+ startReact();
+});
generated by cgit v1.2.3 (git 2.39.1) at 2025-06-29 20:52:50 +0000