include .cjs and .mjs files in build output - issue #88 (#89)

* include .cjs and .mjs files in build output

Author: zerico007

.github/workflows/publish.yml

@@ -29,7 +29,10 @@ jobs:
         run: npm ci
 
       - name: "Build"
-        run: npm run build
+        run: |
+          npm run build
+          cp dist/react-to-webcomponent.es.js dist/react-to-webcomponent.mjs
+          cp dist/react-to-webcomponent.cjs.js dist/react-to-webcomponent.cjs
 
       - name: "Test"
         run: npm run buildtests && npm run test

package.json

@@ -2,13 +2,13 @@
   "name": "react-to-webcomponent",
   "version": "1.7.4",
   "description": "Convert react components to native Web Components.",
-  "main": "./dist/react-to-webcomponent.es.js",
-  "module": "./dist/react-to-webcomponent.es.js",
+  "main": "./dist/react-to-webcomponent.cjs",
+  "module": "./dist/react-to-webcomponent.mjs",
   "types": "./dist/react-to-webcomponent.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/react-to-webcomponent.es.js",
-      "require": "./dist/react-to-webcomponent.umd.js"
+      "import": "./dist/react-to-webcomponent.mjs",
+      "require": "./dist/react-to-webcomponent.cjs"
     }
   },
   "files": [
@@ -51,7 +51,7 @@
   "keywords": [
     "React",
     "Preact",
-    "WebComponents"
+    "Web Component"
   ],
   "author": "Bitovi",
   "license": "MIT",

vite.config.ts

@@ -6,7 +6,7 @@ export default defineConfig((configEnv) => ({
   plugins: [typescript()],
   build: {
     lib: {
-      formats: ["es", "umd"],
+      formats: ["es", "umd", "cjs"],
       entry: resolve(__dirname, "src/react-to-webcomponent.js"),
       name: "react-to-webcomponent",
       fileName: (format) => `react-to-webcomponent.${format}.js`,