configure bundle analyzer

.github/workflows/lerna.yaml

@@ -37,6 +37,7 @@ jobs:
       - name: 'Version and publish' # Interesting step
         env:
           GH_TOKEN: ${{ secrets.LERNA_FGPAT }}
+          CODECOV_TOKEN: ${{ secrets.CODECOV }}
         # branch is protected so this must be an admin token, this will expire on 03/01/2024
         # replacement should be done by a service account with a fine-grained personal access token
         run: |

.github/workflows/packages.yml

@@ -40,6 +40,11 @@ jobs:
 
       - name: Run tests # Run tests of all packages
         run: npx lerna exec npm run ci:lint --parallel
+
+      - name: Run build # Run tests of all packages
+        run: npx lerna exec npm run build --parallel
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV }}
   test:
       runs-on: ubuntu-latest
       env:

.github/workflows/ui-preview.yaml

@@ -88,13 +88,17 @@ jobs:
           export DEPLOY_URL=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})
           echo "DEPLOY_URL=$DEPLOY_URL" >> $GITHUB_ENV
           echo "::set-output name=url::$DEPLOY_URL"
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV }}
       - name: Deploy to Vercel (Output Prod)
         if: ${{ format('refs/heads/{0}', github.event.repository.default_branch) == github.ref }}
         run: |
           vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
           vercel build --token=${{ secrets.VERCEL_TOKEN }} --prod
           vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --prod
-
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV }}
+
       - name: Update PR Description
         if: ${{ github.event_name == 'pull_request' && format('refs/heads/{0}', github.event.repository.default_branch) != github.ref }}
         uses: actions/github-script@v3

docs/bridge/docusaurus.config.ts

@@ -2,6 +2,7 @@ import {themes as prismThemes} from 'prism-react-renderer';
 import type {Config} from '@docusaurus/types';
 import type * as Preset from '@docusaurus/preset-classic';
 import * as path from "path";
+import {codecovWebpackPlugin} from "@codecov/webpack-plugin";
 
 const config: Config = {
   title: 'Synapse Bridge Docs',
@@ -152,6 +153,20 @@ const config: Config = {
         };
       },
     }),
+    () => ({
+      name: 'bundle-analyzer',
+      configureWebpack() {
+        return {
+          plugins: [
+            codecovWebpackPlugin({
+              enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+              bundleName: "docs-bridge",
+              uploadToken: process.env.CODECOV_TOKEN,
+            }),
+          ]
+        };
+      }
+    }),
   ],
 };
 

docs/bridge/package.json

@@ -19,6 +19,7 @@
     "typecheck": "tsc"
   },
   "dependencies": {
+    "@codecov/webpack-plugin": "^0.0.1-beta.10",
     "@docusaurus/core": "3.1.1",
     "@docusaurus/logger": "3.1.1",
     "@docusaurus/plugin-content-docs": "3.1.1",

packages/contracts-rfq/package.json

@@ -17,6 +17,7 @@
     "solhint": "^3.3.6"
   },
   "scripts": {
+    "build": " ",
     "build:contracts": "forge build",
     "build:slither": "forge build --out=out --build-info --force",
     "test:coverage": "echo 'Please use foundry'",

packages/explorer-ui/next.config.js

@@ -1,3 +1,5 @@
+const { codecovWebpackPlugin } = require('@codecov/webpack-plugin')
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -18,6 +20,13 @@ const nextConfig = {
       test: /\.tsx?$/,
       use: 'ts-loader',
     })
+    config.plugins.push(
+      codecovWebpackPlugin({
+        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+        bundleName: 'explorer-ui',
+        uploadToken: process.env.CODECOV_TOKEN,
+      })
+    )
     return config
   },
   eslint: {

packages/explorer-ui/package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.2",
+    "@codecov/webpack-plugin": "^0.0.1-beta.10",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@ethersproject/address": "^5.6.1",
@@ -71,6 +72,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.7",
+    "@codecov/webpack-plugin": "^0.0.1-beta.10",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-interactions": "^6.5.15",

packages/rest-api/package.json

@@ -15,7 +15,7 @@
     "ci:lint": "npm run lint:check",
     "build:go": " ",
     "build:slither": " ",
-    "build": "echo 'please run build api'",
+    "build": "npm run build api && echo 'please run build api'",
     "build:api": "yarn add @synapsecns/sdk-router && tsc",
     "postinstall": "npm run build"
   },

packages/sdk-router/package.json

@@ -43,6 +43,7 @@
   },
   "module": "dist/sdk-v2.esm.js",
   "devDependencies": {
+    "@codecov/rollup-plugin": "^0.0.1-beta.10",
     "@ethersproject/providers": "^5.7.0",
     "@types/big.js": "^4.0.5",
     "@types/jest": "^24.0.25",

packages/sdk-router/tsdx.config.js

@@ -0,0 +1,14 @@
+import { codecovRollupPlugin } from '@codecov/rollup-plugin'
+
+module.exports = {
+  rollup(config, options) {
+    config.plugins.push(
+      codecovRollupPlugin({
+        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+        bundleName: 'sdk-router',
+        uploadToken: process.env.CODECOV_TOKEN,
+      })
+    )
+    return config
+  },
+}

packages/solidity-devops/package.json

@@ -19,6 +19,7 @@
     "remappings.txt"
   ],
   "scripts": {
+    "build": " ",
     "build:go": " ",
     "build:slither": " ",
     "ci:lint": "npm run lint:check",

packages/synapse-constants/package.json

@@ -25,6 +25,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@codecov/webpack-plugin": "^0.0.1-beta.10",
     "copyfiles": "^2.4.1",
     "ethers": "5.7.2",
     "lodash": "^4.17.21"

packages/synapse-constants/webpack.config.js

@@ -1,6 +1,7 @@
 const path = require('path')
 
 const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin')
+const { codecovWebpackPlugin } = require('@codecov/webpack-plugin')
 
 module.exports = {
   mode: 'production',
@@ -11,6 +12,14 @@ module.exports = {
     path: path.resolve(__dirname, 'dist'),
     filename: 'bundle.js',
   },
+  plugins: [
+    // Put the Codecov Webpack plugin after all other plugins
+    codecovWebpackPlugin({
+      enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+      bundleName: 'synapse-constants',
+      uploadToken: process.env.CODECOV_TOKEN,
+    }),
+  ],
 
   resolve: {
     extensions: ['.ts', '.tsx', '.js'],

packages/synapse-interface/next.config.js

@@ -1,4 +1,5 @@
 const path = require('path')
+const { codecovWebpackPlugin } = require('@codecov/webpack-plugin')
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -22,6 +23,13 @@ const nextConfig = {
       '.json',
       '.nvmrc',
     ]
+    config.plugins.push(
+      codecovWebpackPlugin({
+        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+        bundleName: 'explorer-ui',
+        uploadToken: process.env.CODECOV_TOKEN,
+      })
+    )
     return config
   },
   eslint: {

packages/synapse-interface/package.json

@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "@cloudflare/next-on-pages": "^1.11.0",
+    "@codecov/webpack-plugin": "^0.0.1-beta.10",
     "@ethersproject/bignumber": "5.7.0",
     "@ethersproject/providers": "5.7.2",
     "@ethersproject/units": "5.7.0",

packages/widget/package.json

@@ -63,6 +63,7 @@
     "typescript": "^5.3.2"
   },
   "dependencies": {
+    "@codecov/rollup-plugin": "^0.0.1-beta.10",
     "@ethersproject/providers": "^5.7.2",
     "@ethersproject/units": "^5.7.0",
     "@reduxjs/toolkit": "^2.0.1",

packages/widget/rollup.config.js

@@ -7,6 +7,7 @@ import json from '@rollup/plugin-json'
 import terser from '@rollup/plugin-terser'
 import peerDepsExternal from 'rollup-plugin-peer-deps-external'
 import sourcemaps from 'rollup-plugin-sourcemaps'
+import { codecovRollupPlugin } from "@codecov/rollup-plugin";
 
 import packageJson from './package.json' assert { type: 'json' }
 
@@ -51,6 +52,11 @@ export default [
       json(),
       terser(),
       sourcemaps(),
+      codecovRollupPlugin({
+        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+        bundleName: "widget",
+        uploadToken: process.env.CODECOV_TOKEN,
+      }),
     ],
     watch: {
       buildDelay: 200,