Merge pull request #266 from TroyAlford/task/remove-webpack

Remove Webpack
TroyAlford · Jul 7, 2024 · 876c8df · 876c8df
2 parents 23be3e1 + 795fc56
commit 876c8df
Show file tree

Hide file tree

Showing 24 changed files with 53 additions and 270 deletions.
diff --git a/babel.config.js b/babel.config.js
diff --git a/babel.es5.js b/babel.es5.js
diff --git a/bun.lockb b/bun.lockb
diff --git a/source/demo.tsx → demo/demo.tsx b/source/demo.tsx → demo/demo.tsx
@@ -1,8 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react'
 import { createRoot } from 'react-dom/client'
-// @ts-expect-error - untyped output file
-import JsxParser from '../dist/umd/react-jsx-parser.min'
+import JsxParser from '../source'
 
 const root = createRoot(document.querySelector('#root')!)
 

diff --git a/source/index.html → demo/index.html b/source/index.html → demo/index.html
@@ -6,7 +6,7 @@
 	<title>react-jsx-parser demo</title>
 	<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
 	<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-	<script defer src="react-jsx-parser-demo.min.js"></script>
+	<script defer src="/demo.min.js"></script>
 </head>
 <body>
 	<div id="root"></div>

diff --git a/demo/server.ts b/demo/server.ts
@@ -0,0 +1,43 @@
+import * as path from 'path';
+
+const server = Bun.serve({
+  port: 3000,
+  async fetch(req) {
+    const url = new URL(req.url);
+
+		switch (url.pathname) {
+			case '/':
+				return new Response(
+					await Bun.file(path.resolve(__dirname, './index.html')).text(), 
+					{ headers: { 'Content-Type': 'text/html' } },
+				);
+			case '/demo.min.js':
+				const build = await Bun.build({
+					entrypoints: [path.resolve(__dirname, './demo.tsx')],
+					minify: true,
+					target: 'browser',
+				});
+				if (!build.success) {
+					const errorMessages = build.logs
+						.filter(log => log.level === "error")
+						.map(log => log.message)
+						.join("\n");
+
+	        console.error("Build failed:", errorMessages);
+
+					return new Response(`Build failed:\n${errorMessages}`, { 
+						status: 500,
+						headers: { "Content-Type": "text/plain" }
+					});
+				}
+				return new Response(
+					build.outputs[0],
+					{ headers: { 'Content-Type': 'application/javascript' } },
+				);
+			default:
+				return new Response('Not Found', { status: 404 });
+		}
+	}
+});
+
+console.log(`Listening on http://localhost:${server.port}`);
diff --git a/dist/cjs/react-jsx-parser.min.js b/dist/cjs/react-jsx-parser.min.js
diff --git a/dist/cjs/react-jsx-parser.min.js.map b/dist/cjs/react-jsx-parser.min.js.map
diff --git a/dist/components/JsxParser.d.ts b/dist/components/JsxParser.d.ts
diff --git a/dist/constants/attributeNames.d.ts b/dist/constants/attributeNames.d.ts
diff --git a/dist/constants/specialTags.d.ts b/dist/constants/specialTags.d.ts
diff --git a/dist/es5/react-jsx-parser.min.js b/dist/es5/react-jsx-parser.min.js
diff --git a/dist/es5/react-jsx-parser.min.js.map b/dist/es5/react-jsx-parser.min.js.map
diff --git a/dist/helpers/camelCase.d.ts b/dist/helpers/camelCase.d.ts
diff --git a/dist/helpers/hash.d.ts b/dist/helpers/hash.d.ts
diff --git a/dist/helpers/parseStyle.d.ts b/dist/helpers/parseStyle.d.ts
diff --git a/dist/helpers/resolvePath.d.ts b/dist/helpers/resolvePath.d.ts
diff --git a/dist/index.d.ts b/dist/index.d.ts
diff --git a/dist/umd/react-jsx-parser.min.js b/dist/umd/react-jsx-parser.min.js
diff --git a/dist/umd/react-jsx-parser.min.js.map b/dist/umd/react-jsx-parser.min.js.map
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
     "jsx"
   ],
   "license": "MIT",
-  "main": "dist/umd/react-jsx-parser.min.js",
+  "main": "dist/react-jsx-parser.min.js",
   "types": "dist/index.d.ts",
   "name": "react-jsx-parser",
   "repository": "TroyAlford/react-jsx-parser",
@@ -31,6 +31,7 @@
     "@babel/runtime-corejs3": "^7.24.7",
     "@happy-dom/global-registrator": "^14.12.3",
     "@types/acorn": "^4.0.6",
+    "@types/bun": "^1.1.6",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
     "babel-core": "^7.0.0-bridge.0",
@@ -45,7 +46,6 @@
     "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "mkdirp": "^3.0.1",
-    "postinstall-postinstall": "^2.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "source-map-explorer": "^2.5.3",
@@ -71,14 +71,17 @@
     "merge": "^1.2.1"
   },
   "scripts": {
-    "build": "npx patch-package && yarn types && cross-env NODE_ENV=production webpack",
-    "develop": "NODE_ENV=production concurrently -n build,ts,demo -c green,cyan,yellow \"yarn webpack --watch\" \"yarn types --watch\" \"yarn webpack serve --config ./webpack.demo.js\"",
+    "build": "bun build:types && bun build:code",
+    "build:code": "bun build --target=browser --outfile=./dist/react-jsx-parser.min.js ./source/index.ts",
+    "build:types": "bun run tsc -p ./tsconfig.json -d --emitDeclarationOnly",
+    "develop": "NODE_ENV=production concurrently -n build,ts,demo -c green,cyan,yellow \"bun build:code --watch\" \"bun build:types --watch\" \"bun serve\"",
     "lint": "yarn eslint --ext .js,.ts,.tsx source/",
     "postinstall": "npx patch-package",
     "prebuild": "mkdirp ./dist && rm -rf ./dist/*",
+    "serve": "bun serve --port=8080 --open",
     "sourcemap": "yarn build && source-map-explorer ./dist/es5/react-jsx-parser.min.js",
     "test": "lint && test",
-    "types": "tsc -p ./tsconfig.json -d --emitDeclarationOnly"
+    "types": ""
   },
   "contributors": [
     {

diff --git a/source/dist.test.js b/source/dist.test.js
diff --git a/webpack.config.js b/webpack.config.js
diff --git a/webpack.demo.js b/webpack.demo.js