perf(build): Add advanced performance monitoring and optimization system

This commit introduces Microsoft-inspired performance tracking and build optimizations to the Sky application's development server and build process. The changes include:

- Added a custom Vite performance monitoring plugin that tracks request timings, server uptime, and build process duration
- Implemented request-level performance logging that reports average and maximum response times every 100 requests
- Enhanced Vite configuration with advanced ESBuild optimizations including tree shaking, minification, and targeted compilation for ES2020
- Added production-specific dependency optimization with forced pre-bundling for critical packages
- Integrated environment-aware settings that apply different optimization strategies for development vs production builds

The performance monitoring system provides real-time visibility into build and server performance, while the optimization improvements reduce bundle sizes and improve build times through advanced tree shaking and minification techniques.

Author: NikolaRHristov

astro.config.ts

@@ -38,6 +38,52 @@ import {
 	VSCodeOutput,
 } from "./Source/Function/Debug";
 
+// ADVANCED PERFORMANCE MONITORING: Microsoft-inspired build performance tracking
+import type { PluginOption } from "vite";
+
+// Performance monitoring plugin
+const performanceMonitorPlugin: PluginOption = {
+	name: "sky-performance-monitor",
+	configureServer(server) {
+		const startTime = performance.now();
+		let requestCount = 0;
+		const requestTimings: number[] = [];
+
+		server.middlewares.use((req, res, next) => {
+			const requestStart = performance.now();
+			requestCount++;
+
+			res.on("finish", () => {
+				const duration = performance.now() - requestStart;
+				requestTimings.push(duration);
+
+				// Log performance every 100 requests
+				if (requestCount % 100 === 0) {
+					const avgTime = requestTimings.reduce((a, b) => a + b, 0) / requestTimings.length;
+					const maxTime = Math.max(...requestTimings);
+					console.log(`[Sky Performance] Requests: ${requestCount}, Avg: ${avgTime.toFixed(2)}ms, Max: ${maxTime.toFixed(2)}ms`);
+					requestTimings.length = 0; // Reset for next batch
+				}
+			});
+
+			next();
+		});
+
+		server.httpServer?.on("close", () => {
+			const totalTime = performance.now() - startTime;
+			console.log(`[Sky Performance] Server ran for ${(totalTime / 1000).toFixed(2)}s, handled ${requestCount} requests`);
+		});
+	},
+	
+	buildStart() {
+		console.log("[Sky Performance] Build process starting...");
+	},
+	
+	buildEnd() {
+		console.log("[Sky Performance] Build process completed");
+	}
+};
+
 // -----------------------------------------------------------------------------
 // ASTRO CONFIGURATION
 // -----------------------------------------------------------------------------
@@ -83,6 +129,35 @@ export default defineConfig({
 	vite: {
 		// Prevent Vite from clearing the extensive debug report we just logged
 		clearScreen: false,
+		
+		// ADVANCED PERFORMANCE OPTIMIZATION: Microsoft-inspired build optimizations
+		optimizeDeps: {
+			...(On
+				? {
+						exclude: Link,
+					}
+				: {
+						// Production optimizations
+						include: ["@codeeditorland/common", "@codeeditorland/output"],
+						force: true // Force pre-bundling for production
+					}),
+			},
+			esbuildOptions: {
+				// Advanced ESBuild optimizations
+				treeShaking: true,
+				target: "es2020",
+				platform: "browser",
+				minify: !On,
+				sourcemap: On,
+				legalComments: "none",
+				chunkNames: "[name]-[hash]",
+				assetNames: "[name]-[hash]",
+				...(!On ? {
+					minifyWhitespace: true,
+					minifyIdentifiers: true,
+					minifySyntax: true,
+				} : {})
+			},
 
 		build: {
 			rollupOptions: {
@@ -309,6 +384,8 @@ export default defineConfig({
 		},
 
 		plugins: [
+			performanceMonitorPlugin,
+			
 			(await import("vite-plugin-static-copy")).viteStaticCopy(Static),
 
 			(await import("vite-plugin-top-level-await")).default(),