.eslintrc

@@ -18,7 +18,7 @@
 		"import/extensions": ["error", { "js": "never", "scss": "always", "ts": "never" }],
 		"import/no-unresolved": "off",
 		"import/prefer-default-export": "off",
-		"indent": ["error", "tab"],
+		"indent": ["error", "tab", { "SwitchCase": 1 }],
 		"lines-between-class-members": "off",
 		"no-case-declarations": "off",
 		"no-tabs": "off",

.github/workflows/publish.yml

@@ -0,0 +1,87 @@
+name: Check and Publish NPM Version
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  check-and-publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up bun
+        uses: oven-sh/setup-bun@v2
+
+      - name: Install and Build
+        run: |
+          bun install
+          bun run build
+
+      - name: Get the latest release
+        id: get_latest_release
+        run: |
+          latest_release=$(curl -s https://api.github.com/repos/${{ github.repository }}/releases/latest | jq -r .tag_name)
+          echo "::set-output name=latest_release::${latest_release}"
+
+      - name: Get version from package.json
+        id: get_package_version
+        run: |
+          package_version=$(jq -r .version < ./package.json)
+          echo "::set-output name=package_version::${package_version}"
+
+      - name: Compare GitHub release version
+        id: compare_github_versions
+        run: |
+          if [ "${{ steps.get_latest_release.outputs.latest_release }}" == "${{ steps.get_package_version.outputs.package_version }}" ]; then
+            echo "GitHub release version matches package.json version."
+            echo "::set-output name=should_create_release::false"
+          else
+            echo "GitHub release version does not match package.json version."
+            echo "::set-output name=should_create_release::true"
+          fi
+
+      - name: Create GitHub release
+        if: steps.compare_github_versions.outputs.should_create_release == 'true'
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ steps.get_package_version.outputs.package_version }}
+          release_name: Release ${{ steps.get_package_version.outputs.package_version }}
+          draft: false
+          prerelease: false
+
+      - name: Get latest NPM version
+        id: get_latest_npm_version
+        run: |
+          npm_version=$(npm show $(jq -r .name < ./package.json) version)
+          echo "::set-output name=npm_version::${npm_version}"
+
+      - name: Compare NPM version
+        id: compare_npm_versions
+        run: |
+          if [ "${{ steps.get_latest_npm_version.outputs.npm_version }}" == "${{ steps.get_package_version.outputs.package_version }}" ]; then
+            echo "NPM version matches package.json version."
+            echo "::set-output name=should_publish_npm::false"
+          else
+            echo "NPM version does not match package.json version."
+            echo "::set-output name=should_publish_npm::true"
+          fi
+
+      - name: Publish to NPM
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        if: steps.compare_npm_versions.outputs.should_publish_npm == 'true'
+        run: bun run npm publish --//registry.npmjs.org/:_authToken=${NPM_TOKEN}
+
+      - name: Success message
+        if: steps.compare_github_versions.outputs.should_create_release == 'false' && steps.compare_npm_versions.outputs.should_publish_npm == 'false' || success()
+        run: echo "NPM package and GitHub release are up to date or published successfully."
+
+      - name: Fail if publish failed
+        if: failure()
+        run: exit 1

.github/workflows/pull-request.yml

@@ -0,0 +1,16 @@
+name: Pull Request
+
+on:
+  pull_request:
+    branches: [develop]
+
+jobs:
+  build-and-test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v2
+      - run: bun install
+      - run: bun eslint
+      - run: bun test
+      - run: bun run build

.gitignore

@@ -1,4 +1,5 @@
 **/coverage
+**/dist
 **/node_modules
 **/npm-debug.log
 **/package-lock.json

.npmignore

@@ -1,15 +1,7 @@
-**/.circleci
 **/.eslintrc
 **/.gitignore
 **/.vscode
-**/jest
-**/jest.config.js
 **/node_modules
-**/test-coverage
-**/webpack.*.js
-**/yarn-error.log
 
-**/demo.*
-**/*.html
-**/*.test.js
-**/*.test.tsx
+**/demo
+**/*.test.*

.tool-versions

@@ -0,0 +1 @@
+bun 1.2.1

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+	"eslint.format.enable": true,
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": "always",
+		"source.fixAll.eslint": "always",
+		"source.fixAll.tslint": "always",
+		"source.fixAll.ts": "always",
+	},
+	"files.insertFinalNewline": true
+}

.vscode/tasks.json

@@ -0,0 +1,25 @@
+{
+	"tasks": [
+		{
+			"command": "asdf install && bun install",
+			"group": {
+				"isDefault": true,
+				"kind": "build"
+			},
+			"isBackground": true,
+			"label": "Setup Project",
+			"presentation": {
+				"echo": false,
+				"focus": false,
+				"panel": "dedicated",
+				"reveal": "never"
+			},
+			"problemMatcher": [],
+			"runOptions": {
+				"runOn": "folderOpen"
+			},
+			"type": "shell"
+		}
+	],
+	"version": "2.0.0"
+}

bunfig.toml

@@ -0,0 +1,5 @@
+[install.lockfile]
+print = "yarn"
+
+[test]
+preload = ["./test/happydom.ts"]

demo/demo.tsx

@@ -0,0 +1,18 @@
+/* eslint-disable no-console */
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import JsxParser from '../source'
+
+const root = createRoot(document.querySelector('#root')!)
+
+root.render(
+	<JsxParser
+		autoCloseVoidElements
+		jsx={`
+			<img src="https://picsum.photos/300/500">
+			<div className="foo">bar</div>
+		`}
+		onError={console.error}
+		showWarnings
+	/>,
+)

source/index.html → demo/index.html

@@ -4,9 +4,9 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>react-jsx-parser demo</title>
-	<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
-	<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
-	<script defer src="react-jsx-parser-demo.min.js"></script>
+	<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="/demo.min.js"></script>
 </head>
 <body>
 	<div id="root"></div>

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}`);