krausest
diff --git a/‎frameworks/keyed/reflex-js/esbuild.config.js
Lines changed: 54 additions & 0 deletions b/‎frameworks/keyed/reflex-js/esbuild.config.js
Lines changed: 54 additions & 0 deletions
diff --git a/‎frameworks/keyed/reflex-js/index.html
Lines changed: 12 additions & 0 deletions b/‎frameworks/keyed/reflex-js/index.html
Lines changed: 12 additions & 0 deletions
@@ -0,0 +1,54 @@
+import esbuild from "esbuild";
+
+// ----------------------------------------------------------------------------- BUILD MODE
+const buildMode = (process.argv[2] ?? "dev").toLowerCase();
+const isDev = buildMode === "dev"
+if ( buildMode !== 'prod' && buildMode !== 'dev' ) {
+	console.error("Build mode need to be 'prod' or 'dev'.")
+	process.exit(0)
+}
+
+// ----------------------------------------------------------------------------- BUILD CONTEXT
+// Create build context
+const _buildContext = await esbuild.context({
+	//target: [ 'chrome58', 'edge18', 'firefox57', 'safari11' ],
+	platform: "browser",
+	format: "iife",
+	// minify: !isDev,
+	// Mangle all properties starting with an underscore
+	mangleProps: isDev ? undefined : /^_/,
+	// Important to keep perfs
+	// and disable compressing "if ( a ) b()" in "a && b()"
+	minifyWhitespace: !isDev,
+	minifyIdentifiers: !isDev,
+	minifySyntax: false,
+	keepNames: true,
+
+	bundle: true,
+	loader: {
+		'.ts' : 'ts',
+		'.tsx' : 'tsx'
+	},
+	metafile: true,
+	write: true,
+	plugins: [],
+	define: {
+		"process.env.NODE_ENV": isDev ? `"development"` : `"production"`
+	},
+	logLevel: "info",
+	outbase: "./src/",
+	entryPoints: ["./src/main.tsx"],
+	outdir: "./dist/"
+})
+
+// ----------------------------------------------------------------------------- DEV OR BUILD
+
+// Dev mode
+if ( isDev ) {
+	await _buildContext.watch()
+}
+// Build mode
+else {
+	await _buildContext.rebuild()
+	await _buildContext.dispose()
+}
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Reflex-DOM</title>
+    <link href="/css/currentStyle.css" rel="stylesheet"/>
+</head>
+<body>
+    <div id="main"></div>
+    <script src="./dist/main.js" type="module"></script>
+</body>
+</html>