Start working on implementing a JSX parser

Author: asynts

package.json

@@ -2,9 +2,10 @@
     "name": "local-react-mini",
     "version": "0.1.0",
     "scripts": {
-        "start": "wds --root-dir ./src/ --open --app-index ./src/index.html --watch"
+        "start": "wds"
     },
     "devDependencies": {
-        "@web/dev-server": "^0.1.35"
+        "@web/dev-server": "^0.1.35",
+        "@babel/parser": "^7.20.3"
     }
 }

web-dev-server.config.mjs

@@ -0,0 +1,16 @@
+// FIXME: Create custom plugin?
+// FIXME: Look at '@web/dev-server-esbuild' package
+// FIXME: Example: https://github.com/modernweb-dev/example-projects/blob/a5962ae84165e06b290dfbac5efb3e471a121e55/react-jsx/web-dev-server.config.mjs
+
+// FIXME: Maybe I can use '@babel/parser' to parse the JSX?
+// FIXME: Maybe I can use esbuild if I can inject custom generation for JSX?
+
+export default {
+    rootDir: "./src/",
+    open: true,
+    appIndex: "./src/index.html",
+    watch: true,
+    plugins: [
+        // FIXME: JSX plugin
+    ],
+};

yarn.lock

@@ -23,6 +23,11 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/parser@^7.20.3":
+  version "7.20.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.3.tgz#5358cf62e380cf69efcb87a7bb922ff88bfac6e2"
+  integrity sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg==
+
 "@rollup/plugin-node-resolve@^13.0.4":
   version "13.3.0"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c"