Merge branch 'master' into recurring-tasks

.github/workflows/bundle.yml

@@ -0,0 +1,82 @@
+name: Bundle
+on: pull_request
+jobs:
+  bundle_base:
+    runs-on: ubuntu-latest
+    outputs:
+      size: ${{ steps.size.outputs.size }}
+    strategy:
+      matrix:
+        node-version: ['16.15.0']
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          ref: ${{ github.base_ref }}
+      - uses: pnpm/[email protected]
+        with:
+          version: 7
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build
+        run: pnpm build
+      - name: Save bundle size
+        id: size
+        run: |
+          echo "::set-output name=size::$(du -s dist/ | awk '{print $1}')"
+      - name: Publish result
+        if: ${{ hashFiles('stats.html') != '' }}
+        run: pnpm dlx surge . https://${{ github.base_ref }}-stats.surge.sh --token ${{ secrets.SURGE_TOKEN }}
+
+  bundle_head:
+    runs-on: ubuntu-latest
+    outputs:
+      size: ${{ steps.size.outputs.size }}
+    strategy:
+      matrix:
+        node-version: ['16.15.0']
+    steps:
+      - uses: actions/checkout@v2
+      - uses: pnpm/[email protected]
+        with:
+          version: 7
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build
+        run: pnpm build
+      - name: Save bundle size
+        id: size
+        run: |
+          echo "::set-output name=size::$(du -s dist/ | awk '{print $1}')"
+      - name: Publish result
+        if: ${{ hashFiles('stats.html') != '' }}
+        run: pnpm dlx surge . https://${{ github.head_ref }}-stats.surge.sh --token ${{ secrets.SURGE_TOKEN }}
+
+  compare:
+    runs-on: ubuntu-latest
+    needs: [bundle_base, bundle_head]
+    steps:
+      - name: Add comment
+        uses: peter-evans/create-or-update-comment@v2
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          issue-number: ${{ github.event.number }}
+          body: |
+            Base: [${{needs.bundle_base.outputs.size}}](https://${{ github.base_ref }}-stats.surge.sh/stats.html)
+            Head: [${{needs.bundle_head.outputs.size}}](https://${{ github.head_ref }}-stats.surge.sh/stats.html)
+      - name: Compare bundle sizes
+        run: |
+          if [ "${{needs.bundle_base.outputs.size}}" -lt "${{needs.bundle_head.outputs.size}}" ]; then
+            exit 1
+          else
+            exit 0
+          fi

.gitignore

@@ -7,6 +7,7 @@
 
 # testing
 /coverage
+stats.html
 
 # production
 /build

.surgeignore

@@ -0,0 +1,2 @@
+*
+!stats.html

package.json

@@ -10,7 +10,9 @@
 		"lint:fix": "eslint --max-warnings 0 --fix .",
 		"start": "vite",
 		"build": "vite build",
-		"test": "vitest"
+		"test": "vitest",
+		"visualize": "pnpm run build && open ./stats.html",
+		"size": "pnpm run build && du -s dist/ | awk '{print $1}'"
 	},
 	"dependencies": {
 		"@date-io/date-fns": "^1.3.13",
@@ -80,6 +82,7 @@
 		"eslint-plugin-testing-library": "^5.6.0",
 		"jsdom": "^20.0.0",
 		"prettier": "2.4.1",
+		"rollup-plugin-visualizer": "^5.8.0",
 		"tslint-config-prettier": "^1.18.0",
 		"typescript": "^4.7.4",
 		"vite": "2.7.0",

vite.config.ts

@@ -1,9 +1,10 @@
 /// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 export default defineConfig({
-	plugins: [react()],
+	plugins: [react(), visualizer()],
 	test: {
 		globals: true,
 		environment: 'jsdom',