Set up relative-ci

.github/workflows/relative-ci.yml

@@ -0,0 +1,41 @@
+name: RelativeCI pnpm
+
+on: push
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: pnpm/action-setup@v3
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.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 and send stats.json to RelativeCI
+        run: pnpm build
+        env:
+          RELATIVE_CI_KEY: ${{ secrets.RELATIVE_CI_KEY }}

next.config.js

@@ -1,3 +1,5 @@
+const { StatsWriterPlugin } = require('webpack-stats-plugin');
+const { RelativeCiAgentWebpackPlugin } = require('@relative-ci/agent');
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
@@ -12,6 +14,31 @@ const conf = {
   images: {
     formats: ['image/avif', 'image/webp'],
   },
+  webpack: function (config, options) {
+    const { dev, isServer } = options;
+
+    if (!dev && !isServer) {
+      config.plugins.push(
+        new RelativeCiAgentWebpackPlugin({
+          stats: { excludeAssets: [/stats.json/] },
+        }),
+      );
+      config.plugins.push(
+        new StatsWriterPlugin({
+          filename: 'stats.json',
+          stats: {
+            context: './', // optional, will improve readability of the paths
+            assets: true,
+            entrypoints: true,
+            chunks: true,
+            modules: true,
+          },
+        }),
+      );
+    }
+
+    return config;
+  },
 };
 
 module.exports = flowRight(withBundleAnalyzer)(conf);

package.json

@@ -16,6 +16,7 @@
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@mapbox/rehype-prism": "^0.5.0",
     "@next/eslint-plugin-next": "^12.0.1",
+    "@relative-ci/agent": "^4.2.5",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/line-clamp": "^0.3.1",
@@ -52,6 +53,7 @@
     "tailwindcss": "^3.3.0",
     "typescript": "^4.8.4",
     "unist-util-visit": "^2.0.3",
+    "webpack-stats-plugin": "^1.1.3",
     "xml-formatter": "^2.3.0"
   },
   "dependencies": {