Add bundler and build process (#16)

* Setup rollup for bundling the library

* feat(minification): minify the output bundle using terser

use terser plugin in rollup to minify the generated UMD bundle

* feat(ci): add a build job in ci

execute the build process in ci and upload artifacts

* fix(ci): remove commitlint job from PR commits

modify commitlint job to run only for push and not on PR and issues

Author: WebDevCaptain

.github/workflows/ci.yml

@@ -41,11 +41,8 @@ jobs:
         if: github.event_name == 'push'
         run: npx commitlint --last --verbose
 
-      - name: Validate PR commits with commitlint
-        if: github.event_name == 'pull_request'
-        run: npx commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose
-
   lint:
+    needs: commitlint
     runs-on: ubuntu-latest
 
     steps:
@@ -70,6 +67,7 @@ jobs:
         run: npm run lint
 
   test:
+    needs: lint
     runs-on: ubuntu-latest
 
     steps:
@@ -92,3 +90,33 @@ jobs:
 
       - name: Run test suites
         run: npm run test
+
+  build:
+    needs: test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repo
+        uses: actions/checkout@v4
+
+      - name: Install NodeJS
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.12.0
+
+      - name: Cache npm dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build project
+        run: npm run build
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: build
+          path: dist

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+dist/

package-lock.json

@@ -13,7 +13,8 @@
     "prepare": "husky",
     "lint": "eslint .",
     "format": "prettier --write .",
-    "commit": "commit"
+    "commit": "commit",
+    "build": "rollup -c"
   },
   "keywords": [
     "workshop",
@@ -28,11 +29,13 @@
     "@commitlint/config-conventional": "^19.6.0",
     "@commitlint/prompt-cli": "^19.7.0",
     "@eslint/js": "^9.18.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "eslint": "^9.18.0",
     "globals": "^15.14.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.3.0",
     "prettier": "^3.4.2",
+    "rollup": "^4.30.1",
     "vitest": "^2.1.8"
   },
   "lint-staged": {
@@ -41,4 +44,4 @@
       "prettier --write"
     ]
   }
-}
+}

package.json

@@ -0,0 +1,11 @@
+import terser from "@rollup/plugin-terser";
+
+export default {
+  input: "src/mathy.js",
+  output: {
+    name: "mathy",
+    file: "dist/bundle.js",
+    format: "umd",
+    plugins: [terser()]
+  }
+};

rollup.config.js

@@ -0,0 +1 @@
+export { add } from "./add.js";