Optimize webpack bundle size

.github/workflows/build-perf.yml

@@ -0,0 +1,52 @@
+name: Build Performance
+
+on:
+  pull_request:
+    branches:
+      - panw-main
+    paths-ignore:
+      - demo/docs/**
+
+jobs:
+  build-size:
+    name: Build Size Report
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "17"
+          cache: yarn
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          build-script: build
+          clean-script: clean
+          pattern: "{demo/build/assets/js/*js,demo/build/assets/css/styles*css,demo/.docusaurus/globalData.json,demo/build/index.html,demo/build/docs/index.html,demo/build/docs/installation/index.html}"
+          strip-hash: '\.([^;]\w{7})\.'
+          minimum-change-threshold: 30
+          compression: none
+
+  build-time:
+    name: Build Time Perf
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          cache: yarn
+      - name: Installation
+        run: yarn
+
+      # Ensure build with a cold cache does not increase too much
+      - name: Build (cold cache)
+        run: yarn build
+        timeout-minutes: 8
+
+      # Ensure build with a warm cache does not increase too much
+      - name: Build (warm cache)
+        run: yarn build
+        timeout-minutes: 2
+    # TODO post a Github comment with build with perf warnings?

demo/docusaurus.config.js

@@ -64,6 +64,7 @@ const config = {
         showManualAuthentication: false,
       },
     ],
+    [require.resolve("./plugins/webpackOptimizer"), {}],
   ],
 
   themeConfig:

demo/package.json

@@ -36,5 +36,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "webpack-bundle-analyzer": "^4.5.0"
   }
 }

demo/plugins/webpackOptimizer.js

@@ -0,0 +1,19 @@
+const BundleAnalyzerPlugin =
+  require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
+
+module.exports = function webpackOptimizer() {
+  return {
+    name: "docusaurus-webpack-optimizer",
+    configureWebpack() {
+      return {
+        plugins: [
+          new BundleAnalyzerPlugin({
+            analyzerMode: "static", // Uncomment for production builds
+            generateStatsFile: true,
+            openAnalyzer: false,
+          }),
+        ],
+      };
+    },
+  };
+};

package.json

@@ -26,7 +26,8 @@
     "release:changelog": "scripts/changelog.ts",
     "release:version": "scripts/version.ts",
     "release:publish": "scripts/publish.ts",
-    "clean": "rm -rf node_modules build demo/.docusaurus demo/build demo/node_modules && find packages -name node_modules -type d -maxdepth 2 -exec rm -rf {} + && find packages -name dist -type d -maxdepth 2 -exec rm -rf {} + && find packages -name lib -type d -maxdepth 2 -exec rm -rf {} + && find packages -name lib-next -type d -maxdepth 2 -exec rm -rf {} +"
+    "clean": "rm -rf node_modules build demo/.docusaurus demo/build demo/node_modules && find packages -name node_modules -type d -maxdepth 2 -exec rm -rf {} + && find packages -name dist -type d -maxdepth 2 -exec rm -rf {} + && find packages -name lib -type d -maxdepth 2 -exec rm -rf {} + && find packages -name lib-next -type d -maxdepth 2 -exec rm -rf {} +",
+    "postinstall": "patch-package"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",

packages/docusaurus-plugin-openapi/package.json

@@ -28,6 +28,7 @@
     "@types/json-schema": "^7.0.9",
     "@types/lodash": "^4.14.176",
     "@types/postman-collection": "^3.5.3",
+    "patch-package": "^6.4.7",
     "utility-types": "^3.10.0"
   },
   "dependencies": {

packages/docusaurus-theme-openapi/package.json

@@ -33,7 +33,8 @@
     "@types/mdx-js__react": "^1.5.4",
     "@types/postman-collection": "^3.5.3",
     "@types/rtlcss": "^3.1.1",
-    "concurrently": "^5.2.0"
+    "concurrently": "^5.2.0",
+    "patch-package": "^6.4.7"
   },
   "dependencies": {
     "@docusaurus/theme-common": "2.0.0-beta.17",