Former-commit-id: 024b2ea94e
This commit is contained in:
Jarred Sumner
2021-06-06 18:34:16 -07:00
parent d49e0a5fa1
commit 19d472c847
14 changed files with 167 additions and 186 deletions

26
.vscode/launch.json vendored
View File

@@ -17,7 +17,7 @@
"request": "launch",
"name": "Dev Launch",
"program": "${workspaceFolder}/build/debug/macos-x86_64/esdev",
"args": ["defines.js", "--resolve=disable"],
"args": ["nql-define.js", "--resolve=dev"],
"cwd": "${workspaceFolder}/src/test/fixtures",
"console": "internalConsole"
},
@@ -52,6 +52,30 @@
"console": "internalConsole"
},
{
"type": "lldb",
"request": "launch",
"name": "Demo .jsbundle",
"program": "${workspaceFolder}/build/debug/macos-x86_64/esdev",
"args": [
"./src/index.tsx",
"--resolve=dev",
"--jsbundle",
"--public-url=http://localhost:9000/"
],
"cwd": "${workspaceFolder}/demos/simple-react",
"console": "internalConsole"
},
{
"type": "lldb",
"request": "launch",
"name": "Demo Print .jsbundle",
"program": "${workspaceFolder}/build/debug/macos-x86_64/esdev",
"args": ["./node_modules.jsbundle"],
"cwd": "${workspaceFolder}/demos/simple-react",
"console": "internalConsole"
},
{
"type": "lldb",
"request": "launch",

View File

@@ -0,0 +1,2 @@
import React from "react";
export { React };

View File

@@ -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"
}
}

View File

@@ -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;

View File

@@ -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>

View File

@@ -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);

View File

@@ -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();
});

View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<script src="/src/index.tsx" type="module"></script>
</head>
<body>
<div id="reactroot"></div>
</body>
</html>

View File

@@ -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);

View File

@@ -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();
});

View File

@@ -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);

View File

@@ -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>
);

View File

@@ -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", () => {

View File

@@ -0,0 +1 @@
6f7432d07df4c2779547e33f5bac81b215b3ea2e