Set up relative-ci (#110)

* Set up relative-ci

* Simplify config

.github/workflows/relative-ci.yml

@@ -0,0 +1,49 @@
+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 project
+        run: pnpm build
+        env:
+          RELATIVE_CI_KEY: ${{ secrets.RELATIVE_CI_KEY }}
+
+      # Send bundle stats and build information to RelativeCI
+      - name: Send bundle stats to RelativeCI
+        uses: relative-ci/agent-action@v2
+        with:
+          webpackStatsFile: ./webpack-stats.json
+          key: ${{ secrets.RELATIVE_CI_KEY }}
+          token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -33,3 +33,6 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+# relative-ci
+webpack-stats.json

next.config.js

@@ -1,3 +1,6 @@
+const { StatsWriterPlugin } = require('webpack-stats-plugin');
+const filterWebpackStats =
+  require('@bundle-stats/plugin-webpack-filter').default;
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
@@ -12,6 +15,30 @@ const conf = {
   images: {
     formats: ['image/avif', 'image/webp'],
   },
+  webpack: (config, options) => {
+    const { dev, isServer } = options;
+
+    // Output webpack stats JSON file only for
+    // client-side/production build
+    if (!dev && !isServer) {
+      config.plugins.push(
+        new StatsWriterPlugin({
+          filename: '../webpack-stats.json',
+          stats: {
+            assets: true,
+            chunks: true,
+            modules: true,
+          },
+          transform: (webpackStats) => {
+            const filteredSource = filterWebpackStats(webpackStats);
+            return JSON.stringify(filteredSource);
+          },
+        }),
+      );
+    }
+
+    return config;
+  },
 };
 
 module.exports = flowRight(withBundleAnalyzer)(conf);

package.json

@@ -13,6 +13,7 @@
   },
   "devDependencies": {
     "@builder.io/partytown": "^0.6.2",
+    "@bundle-stats/plugin-webpack-filter": "^4.12.0",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@mapbox/rehype-prism": "^0.5.0",
     "@next/eslint-plugin-next": "^12.0.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": {