add iife and create a release automatically on tag

.github/workflows/npm-publish.yml

@@ -32,3 +32,25 @@ jobs:
       - run: npm run release ${{ github.ref_name }}
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+  release:
+    needs: test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm run build
+      - uses: actions/create-release@v1
+        with:
+          draft: false
+          prerelease: false
+          release_name: ${{ steps.version.outputs.version }}
+          tag_name: ${{ github.ref }}
+          asset_path: ./cdn/doom-reactive-state.global.js
+          asset_name: doom-reactive-state.global.js
+          asset_content_type: application/javascript
+        env:
+          GITHUB_TOKEN: ${{ github.token }}

.gitignore

@@ -3,4 +3,5 @@ dist
 build
 .DS_Store
 .parcel-cache
-coverage
+coverage
+cdn

.npmignore

@@ -4,4 +4,5 @@ dist
 build
 .DS_Store
 .parcel-cache
-coverage
+coverage
+cdn

package.json

@@ -10,7 +10,7 @@
     "test": "vitest",
     "coverage": "vitest --coverage",
     "dev": "vite",
-    "build": "rm -rf dist && tsup ./src",
+    "build": "rm -rf dist && rm -rf cdn && tsup",
     "release": "npm run build && ./publish.sh $1"
   },
   "author": "Alessio Coser",

tsup.config.ts

@@ -1,12 +1,29 @@
-import { defineConfig } from 'tsup'
+import { defineConfig } from "tsup";
 
-export default defineConfig({
-  target: 'es2020',
-  format: ['cjs', 'esm'],
-  splitting: false,
-  sourcemap: true,
-  clean: true,
-  minify: true,
-  dts: true,
-  treeshake: true,
-})
+export default defineConfig([
+  {
+    entryPoints: { "index": "src/index.ts" },
+    target: "es2020",
+    format: ["cjs", "esm"],
+    splitting: false,
+    sourcemap: true,
+    clean: true,
+    minify: true,
+    dts: true,
+    treeshake: true,
+    outDir: "dist",
+  },
+  {
+    entryPoints: { "doom-reactive-state": "src/index.ts" },
+    target: "es2020",
+    format: ["iife"],
+    splitting: false,
+    sourcemap: false,
+    clean: true,
+    minify: true,
+    dts: false,
+    treeshake: true,
+    outDir: "cdn",
+    globalName: "doom",
+  },
+]);