chore: refactor Vite configuration for chunking dependencies and improve manual chunking logic

Author: bigint

vite.config.mjs

@@ -3,7 +3,7 @@ import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
-const dependenciesToChunk = {
+const chunkGroups = {
   editor: [
     "react-markdown",
     "unified",
@@ -15,7 +15,6 @@ const dependenciesToChunk = {
     "remark-stringify",
     "strip-markdown"
   ],
-  indexer: ["./src/indexer/generated.ts"],
   media: ["plyr-react", "@livepeer/react", "browser-image-compression"],
   misc: [
     "@lens-chain/storage-client",
@@ -26,14 +25,15 @@ const dependenciesToChunk = {
     "virtua",
     "zod"
   ],
-  prosekit: ["prosekit", "prosekit/core", "prosekit/react"],
+  prosekit: ["prosekit"],
   react: [
     "react",
     "react-dom",
     "react-easy-crop",
     "react-hook-form",
     "react-router",
-    "react-tracked"
+    "react-tracked",
+    "@tanstack/react-query"
   ],
   ui: [
     "@headlessui/react",
@@ -45,9 +45,25 @@ const dependenciesToChunk = {
     "motion",
     "motion-plus-react"
   ],
-  wevm: ["wagmi", "family", "viem", "viem/zksync"]
+  wevm: ["wagmi", "family", "viem"]
 };
 
+function manualChunks(id) {
+  if (id.includes("src/indexer/generated")) {
+    return "indexer";
+  }
+
+  if (!id.includes("node_modules")) {
+    return;
+  }
+
+  for (const [chunk, deps] of Object.entries(chunkGroups)) {
+    if (deps.some((dep) => id.includes(`/node_modules/${dep}/`))) {
+      return chunk;
+    }
+  }
+}
+
 export default defineConfig({
   build: {
     cssMinify: "lightningcss",
@@ -60,7 +76,7 @@ export default defineConfig({
 
           return "assets/[name]-[hash][extname]";
         },
-        manualChunks: dependenciesToChunk
+        manualChunks
       }
     },
     sourcemap: true,