feat: Splitting chunks to reduce bundle size

superstreamerapp · Oct 12, 2024 · 555cacf · 555cacf
1 parent f67afea
commit 555cacf
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 103 deletions.
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -58,7 +58,6 @@ export default defineConfig({
       {
         text: "Miscellaneous",
         items: [
-          { text: "Beta features", link: "misc/beta-features" },
           { text: "Contribute", link: "misc/contribute" },
           { text: "Tips", link: "misc/tips" },
           { text: "Credits", link: "misc/credits" },

diff --git a/docs/misc/beta-features.md b/docs/misc/beta-features.md
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -6,6 +6,7 @@
   },
   "scripts": {
     "dev": "bun run ./src/index.ts --watch",
+    "build": "bun build ./src/index.ts --target=bun --outdir=./dist",
     "lint": "eslint \"./src/**/*.ts\" && prettier --check \"./src/**/*.ts\"",
     "typecheck": "tsc"
   },

diff --git a/packages/artisan/package.json b/packages/artisan/package.json
@@ -3,9 +3,9 @@
   "type": "module",
   "scripts": {
     "dev": "bun --watch ./src/index.ts",
+    "build": "bun build ./src/index.ts --target=bun --outdir=./dist",
     "lint": "eslint \"./src/**/*.ts\" && prettier --check \"./src/**/*.ts\"",
-    "typecheck": "tsc",
-    "compile": "./scripts/compile.sh"
+    "typecheck": "tsc"
   },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.623.0",

diff --git a/packages/artisan/scripts/compile.sh b/packages/artisan/scripts/compile.sh
diff --git a/packages/artisan/scripts/install.sh b/packages/artisan/scripts/install.sh
diff --git a/packages/dashboard/package.json b/packages/dashboard/package.json
@@ -43,8 +43,7 @@
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "timeago.js": "4.0.0-beta.3",
-    "uniqolor": "^1.1.1",
-    "zod": "^3.23.8"
+    "uniqolor": "^1.1.1"
   },
   "devDependencies": {
     "@mixwave/shared": "workspace:*",

diff --git a/packages/dashboard/vite.config.ts b/packages/dashboard/vite.config.ts
@@ -6,6 +6,13 @@ import { loadConfigEnv } from "@mixwave/shared";
 
 loadConfigEnv();
 
+const MANUAL_CHUNKS = [
+  "hls.js",
+  "monaco-editor",
+  "radix-ui",
+  "react-syntax-highlighter",
+];
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
@@ -22,4 +29,13 @@ export default defineConfig({
   server: {
     port: 52000,
   },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: (id) => {
+          return MANUAL_CHUNKS.find((chunk) => id.includes(chunk));
+        },
+      },
+    },
+  },
 });
diff --git a/packages/stitcher/package.json b/packages/stitcher/package.json
@@ -3,6 +3,7 @@
   "type": "module",
   "scripts": {
     "dev": "bun --watch ./src/index.ts",
+    "build": "bun build ./src/index.ts --target=bun --outdir=./dist",
     "test": "bun test",
     "lint": "eslint \"./src/**/*.ts\" && prettier --check \"./src/**/*.ts\"",
     "typecheck": "tsc"