perf: optimizations (#1777)

Author: huntabyte

.changeset/config.json

@@ -7,5 +7,5 @@
 	"access": "public",
 	"baseBranch": "main",
 	"updateInternalDependencies": "patch",
-	"ignore": ["docs", "tests"]
+	"ignore": ["docs", "tests", "@bits-ui/bundle-analyzer"]
 }

.changeset/legal-rockets-draw.md

@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+perf: optimizations

.github/workflows/bundle-analysis.yml

@@ -46,6 +46,7 @@ jobs:
 
             - name: Checkout target branch
               run: |
+                  git stash push -m "temp stash for bundle analysis" || true
                   git fetch origin ${{ github.base_ref }}
                   git checkout origin/${{ github.base_ref }}
 
@@ -60,11 +61,14 @@ jobs:
                   fi
 
             - name: Checkout PR branch
-              run: git checkout ${{ github.head_ref }}
+              run: |
+                  git checkout ${{ github.head_ref }}
+                  git stash pop || true
 
             - name: Generate target baseline if missing
               if: steps.check-target-bundle.outputs.exists == 'false'
               run: |
+                  git stash push -m "temp stash for baseline generation" || true
                   git checkout origin/${{ github.base_ref }}
                   pnpm install --frozen-lockfile
                   pnpm build:packages
@@ -75,6 +79,7 @@ jobs:
                       echo '{"timestamp":"","results":[]}' > /tmp/bundle-analysis/target-baseline.json
                   fi
                   git checkout ${{ github.head_ref }}
+                  git stash pop || true
 
             - name: Generate bundle comparison comment
               id: bundle-comment

.oxlintrc.json

@@ -108,7 +108,8 @@
 		".svelte-kit",
 		"packages/bits-ui/dist/**/*",
 		"packages/bits-ui/.svelte-kit/**/*",
-		"tests/.svelte-kit/**/*"
+		"tests/.svelte-kit/**/*",
+		"bundle-analyzer/.temp-bundle-analysis/**/*"
 	],
 	"overrides": [
 		{

bundle-analyzer/bundle-analyzer.ts

@@ -138,18 +138,10 @@ class BundleAnalyzer {
 		const componentContent = `${namespaceImport}
 
 // test component that uses all exports to ensure they're included in bundle
-export function Test${component.name}Component() {
-	// reference all exports to prevent tree-shaking
-	const refs = [
-		${exportReferences}
-	];
-	return refs;
-}
-
-// ensure all exports are referenced to prevent tree-shaking
-export const allExports = [
+const refs = [
 	${exportReferences}
-	];
+];
+;(globalThis.__bits_keep ||= []).push(refs);
 `;
 
 		const filePath = join(this.tempDir, `${component.name}.test.ts`);
@@ -170,7 +162,29 @@ export const allExports = [
 						template: "raw-data",
 						gzipSize: true,
 					}),
+					{
+						name: "strip-comments",
+						generateBundle(options, bundle) {
+							for (const fileName in bundle) {
+								const chunk = bundle[fileName];
+								if (!chunk) continue;
+								if (chunk.type === "chunk") {
+									chunk.code = chunk.code
+										.replace(/\/\*[\s\S]*?\*\//g, "")
+										.replace(/\/\/.*$/gm, "")
+										.replace(/^\s*\n/gm, "");
+								}
+							}
+						},
+					},
 				],
+				esbuild: {
+					minifyWhitespace: true,
+					minifyIdentifiers: true,
+					minifySyntax: true,
+					legalComments: "none",
+					target: "es2020",
+				},
 				build: {
 					lib: {
 						entry: entryPath,
@@ -179,7 +193,8 @@ export const allExports = [
 					},
 					outDir: outputPath,
 					write: true,
-					minify: "terser",
+					minify: "esbuild",
+					sourcemap: false,
 					rollupOptions: {
 						external: [
 							"svelte",
@@ -193,6 +208,30 @@ export const allExports = [
 						],
 						output: {
 							manualChunks: undefined,
+							compact: true,
+							generatedCode: {
+								arrowFunctions: true,
+								constBindings: true,
+								objectShorthand: true,
+								reservedNamesAsProps: false,
+								symbols: true,
+								preset: "es2015",
+							},
+							minifyInternalExports: true,
+							hoistTransitiveImports: false,
+							inlineDynamicImports: true,
+							entryFileNames: "bundle.js",
+							banner: "",
+							footer: "",
+							intro: "",
+							outro: "",
+						},
+						treeshake: {
+							preset: "smallest",
+							moduleSideEffects: false,
+							propertyReadSideEffects: false,
+							tryCatchDeoptimization: false,
+							unknownGlobalSideEffects: false,
 						},
 					},
 				},