ci(frontend): Add Codecov Bundle Analysis (#167)

.github/workflows/js-ci.yml

@@ -0,0 +1,27 @@
+name: "JS CI"
+
+on:
+  push:
+    branches:
+      - 'main'
+  pull_request:
+    branches:
+      - '*'
+
+permissions:
+  contents: read
+
+jobs:
+  js-ci:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Run npm install
+      run: npm install
+
+    - name: Run npm build
+      run: npm run build
+      env:
+        CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}

package.json

@@ -18,6 +18,7 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
+    "@codecov/vite-plugin": "^0.0.1-beta.4",
     "@rushstack/eslint-patch": "^1.7.2",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^9.0.0",

vite.config.js

@@ -3,6 +3,7 @@ import { fileURLToPath, URL } from 'node:url';
 import { defineConfig, loadEnv } from "vite";
 import vue from '@vitejs/plugin-vue';
 import { sentryVitePlugin } from '@sentry/vite-plugin';
+import { codecovVitePlugin } from "@codecov/vite-plugin";
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
@@ -22,6 +23,11 @@ export default defineConfig(({ mode }) => {
         release: env.RELEASE,
         telemetry: false
       }),
+      codecovVitePlugin({
+        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+        bundleName: "gib-potato",
+        uploadToken: process.env.CODECOV_TOKEN,
+      }),
     ],
     build: {
       sourcemap: true,