chore: setup bundle analyzer

apps/web/next.config.js

@@ -1,4 +1,6 @@
-module.exports = {
+const withPlugins = require("next-compose-plugins")
-  reactStrictMode: true,
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
-  transpilePackages: ["ui"],
+  enabled: process.env.ANALYZE === "true",
-};
+})
+
+module.exports = withPlugins([[withBundleAnalyzer]], { reactStrictMode: true, transpilePackages: ["ui"] })

apps/web/package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "analyze": "ANALYZE=true yarn build"
   },
   "dependencies": {
     "next": "^13.1.1",
@@ -16,13 +17,15 @@
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
-    "eslint": "7.32.0",
+    "@next/bundle-analyzer": "^13.3.0",
-    "eslint-config-custom": "*",
-    "tsconfig": "*",
-    "config": "*",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
     "@types/react-dom": "^18.0.7",
+    "config": "*",
+    "eslint": "7.32.0",
+    "eslint-config-custom": "*",
+    "next-compose-plugins": "^2.2.1",
+    "tsconfig": "*",
     "typescript": "^4.5.3"
   }
 }

package.json

@@ -13,9 +13,11 @@
     "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
   "dependencies": {
-    "tailwind-merge": "^1.10.0"
+    "tailwind-merge": "^1.10.0",
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
+    "patch-package": "^6.5.1",
     "autoprefixer": "^10.4.14",
     "eslint-config-custom": "*",
     "postcss": "^8.4.21",

packages/ui/package.json

@@ -7,6 +7,22 @@
   "scripts": {
     "lint": "eslint \"**/*.ts*\""
   },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.3",
+    "@radix-ui/react-dropdown-menu": "^2.0.4",
+    "@radix-ui/react-form": "^0.0.2",
+    "@radix-ui/react-label": "^2.0.1",
+    "@radix-ui/react-popover": "^1.0.5",
+    "@radix-ui/react-radio-group": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.0.3",
+    "@radix-ui/react-select": "1.2.1",
+    "@radix-ui/react-slider": "^1.1.1",
+    "@radix-ui/react-switch": "^1.0.2",
+    "@radix-ui/react-tabs": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.3"
+  },
   "devDependencies": {
     "@types/react": "^18.0.22",
     "eslint": "^7.32.0",