Monitoring actions

.github/workflows/_performance-budget.yml

@@ -0,0 +1,66 @@
+name: "Performance checks"
+
+on:
+  workflow_call:
+
+permissions:
+  pull-requests: write
+
+jobs:
+  size:
+    runs-on: ubuntu-latest
+    env:
+      CI_JOB_NUMBER: 1
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Read node version from `.nvmrc` file
+        id: nvmrc
+        shell: bash
+        run: echo ::set-output name=NODE_VERSION::$(cat .nvmrc)
+
+      - name: Install required node.js version
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ steps.nvmrc.outputs.NODE_VERSION }}
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        id: pnpm-install
+        with:
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - uses: andresz1/[email protected]
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          package_manager: pnpm
+          skip_step: build
+          directory: ./apps/spotlight
+
+      - uses: andresz1/[email protected]
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          package_manager: pnpm
+          skip_step: build
+          directory: ./packages/design

.github/workflows/monitor.yml

@@ -0,0 +1,11 @@
+name: Monitor budget
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  performance-budget:
+    uses: ./.github/workflows/_performance-budget.yml

apps/spotlight/package.json

@@ -7,8 +7,19 @@
     "build": "astro build",
     "clean": "rimraf dist tsconfig.tsbuildinfo coverage",
     "dev": "astro dev",
-    "preview": "astro preview"
+    "preview": "astro preview",
+    "size": "pnpm build && size-limit"
   },
+  "size-limit": [
+    {
+      "path": "dist/_astro/*.css",
+      "limit": "50 kB"
+    },
+    {
+      "path": "dist/_astro/*.js",
+      "limit": "425 kB"
+    }
+  ],
   "dependencies": {
     "@astrojs/react": "^3.6.1",
     "@atj/common": "workspace:*",
@@ -25,7 +36,10 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.4.1",
+    "@size-limit/preset-app": "^11.1.6",
     "@types/qs": "^6.9.15",
-    "@types/react": "^18.3.3"
+    "@types/react": "^18.3.3",
+    "sharp": "^0.33.5",
+    "size-limit": "^11.1.6"
   }
 }

packages/design/package.json

@@ -16,6 +16,7 @@
     "dev:storybook": "storybook dev -p 9009",
     "dev:styles": "gulp watch",
     "lint": "eslint --ext ts,tsx --report-unused-disable-directives --max-warnings 0 src",
+    "size": "pnpm build && size-limit",
     "test:url": "test-storybook --url http://127.0.0.1:9009 --config-dir .storybook",
     "test:dev": "wait-on tcp:127.0.0.1:9009 && pnpm test:url --maxWorkers=2 # assumes dev server is running",
     "test:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm build:storybook --quiet && pnpm http-server storybook-static --port 9009 --silent\" \"pnpm test:dev\"",
@@ -24,6 +25,12 @@
   "files": [
     "dist/**/*"
   ],
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "325 kB"
+    }
+  ],
   "devDependencies": {
     "@playwright/test": "1.48.1",
     "@storybook/addon-a11y": "^8.2.8",
@@ -70,6 +77,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@size-limit/preset-big-lib": "^11.1.6",
     "@tiptap/core": "^2.6.2",
     "@tiptap/react": "^2.6.2",
     "@tiptap/starter-kit": "^2.6.2",
@@ -80,6 +88,7 @@
     "react": "^18.3.1",
     "react-hook-form": "^7.52.2",
     "react-router-dom": "^6.26.0",
+    "size-limit": "^11.1.6",
     "storybook": "^8.2.8",
     "zustand": "^4.5.4",
     "zustand-utils": "^1.3.2"