fix: replace microbundle with build script that handles hybrid packages better

Author: mrdrogdrog

.eslintrc.json

@@ -7,7 +7,7 @@
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "project": [
-      "./tsconfig.json"
+      "./tsconfig.esm.json"
     ]
   },
   "plugins": [

build.sh

@@ -0,0 +1,33 @@
+#!/bin/bash
+#
+# SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
+#
+# SPDX-License-Identifier: AGPL-3.0-only
+#
+
+set -e
+
+echo "Clear dist directory.."
+rm -rf dist
+
+echo "Compile to CJS.."
+tsc --project tsconfig.cjs.json
+
+echo "Compile to ESM.."
+tsc --project tsconfig.esm.json
+
+echo "Fix CJS package.json.."
+cat > dist/cjs/package.json <<!EOF
+{
+    "type": "commonjs"
+}
+!EOF
+
+echo "Fix ESM package.json.."
+cat > dist/esm/package.json <<!EOF
+{
+    "type": "module"
+}
+!EOF
+
+echo "Done!"

jest.config.json

@@ -18,6 +18,7 @@
     "^.+\\.tsx?$" : [
       "ts-jest",
       {
+        "tsconfig" : "tsconfig.esm.json",
         "useESM" : true
       }
     ]

package.json

@@ -1,20 +1,25 @@
 {
   "name": "@hedgedoc/html-to-react",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Parse HTML into React components",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "source": "src/index.ts",
+  "main": "dist/cjs/index.js",
+  "types": "dist/cjs/index.d.ts",
+  "module": "./dist/esm/index.js",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "import": "./dist/index.mjs",
-    "require": "./dist/index.cjs"
+    "import": {
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "require": {
+      "types": "./dist/cjs/index.d.ts",
+      "default": "./dist/cjs/index.js"
+    }
   },
   "type": "module",
   "scripts": {
     "test": "jest",
-    "build": "rm -rf dist && microbundle",
+    "build": "./build.sh",
     "prepublish": "yarn lint && yarn build && yarn test",
     "lint": "eslint src --ext .ts",
     "lint:fix": "eslint --fix --ext .ts src"
@@ -51,7 +56,6 @@
     "eslint-plugin-jest": "27.2.3",
     "eslint-plugin-prettier": "5.0.0",
     "jest": "29.6.2",
-    "microbundle": "0.15.1",
     "prettier": "3.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",

tsconfig.json renamed to tsconfig.base.json

@@ -1,24 +1,21 @@
 {
   "compilerOptions": {
-    "target": "esnext",
     "removeComments": true,
     "preserveConstEnums": true,
     "lib": [
-      "es2020",
+      "es2022",
       "dom"
     ],
     "declaration": true,
     "strict": true,
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "NodeNext",
+    "moduleResolution": "node",
     "esModuleInterop": true,
-    "outDir": "dist/",
-    "rootDir": "./src",
     "allowJs": true,
     "sourceMap": true,
     "jsx": "react"
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["dist"]
 }

tsconfig.base.json.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: 2023 Tilman Vatteroth
+
+SPDX-License-Identifier: CC0-1.0

tsconfig.cjs.json

@@ -0,0 +1,9 @@
+{
+  "extends" : "./tsconfig.base.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "target": "ES2015",
+    "outDir": "dist/cjs",
+    "declarationDir": "dist/cjs"
+  }
+}

tsconfig.cjs.json.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: 2023 Tilman Vatteroth
+
+SPDX-License-Identifier: CC0-1.0

tsconfig.esm.json

@@ -0,0 +1,9 @@
+{
+  "extends" : "./tsconfig.base.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "target" : "esnext",
+    "outDir": "dist/esm",
+    "declarationDir": "dist/esm"
+  }
+}

tsconfig.esm.json.license

@@ -0,0 +1,3 @@
+SPDX-FileCopyrightText: 2023 Tilman Vatteroth
+
+SPDX-License-Identifier: CC0-1.0