feat: Enhance build optimization and add development-only debug information

vite.config.ts

@@ -1,7 +1,7 @@
-import { resolve } from "path";
-import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
-import pkgjsn from "./package.json";
+import { resolve } from 'path';
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import pkgjsn from './package.json';
 
 export default defineConfig(({ mode }) => {
   const isDev = mode === 'development';
@@ -9,18 +9,106 @@ export default defineConfig(({ mode }) => {
   return {
     build: {
       rollupOptions: {
-        input: resolve(__dirname, "src/index.ts"),
+        input: resolve(__dirname, 'src/index.ts'),
         output: {
           entryFileNames: `${pkgjsn.name}${isDev ? '.dev' : ''}.user.js`,
-          dir: resolve(__dirname, "dist"),
+          dir: resolve(__dirname, 'dist'),
+          // Disable code splitting - everything in one file for UserScript
+          inlineDynamicImports: true,
+          manualChunks: undefined,
+          // Optimize output format
+          format: 'iife',
+          // Remove unnecessary comments in production
+          banner: isDev ? undefined : '',
+          footer: isDev ? undefined : '',
+        },
+        // Prevent any external dependencies
+        external: [],
+        // Tree-shaking optimizations
+        treeshake: {
+          moduleSideEffects: false,
+          propertyReadSideEffects: false,
+          unknownGlobalSideEffects: false,
         },
       },
-      sourcemap: isDev ? "inline" : false,
+      sourcemap: isDev ? 'inline' : false,
       minify: isDev ? false : 'terser',
+      // Enhanced Terser options for maximum compression
+      terserOptions: isDev
+        ? undefined
+        : {
+            compress: {
+              drop_console: false, // Keep console for UserScript debugging
+              drop_debugger: true,
+              pure_funcs: ['console.debug'],
+              passes: 2,
+              unsafe: true,
+              unsafe_arrows: true,
+              unsafe_comps: true,
+              unsafe_math: true,
+              unsafe_methods: true,
+              unsafe_proto: true,
+              unsafe_regexp: true,
+              unsafe_undefined: true,
+              hoist_funs: true,
+              hoist_props: true,
+              hoist_vars: false,
+              if_return: true,
+              join_vars: true,
+              sequences: true,
+              side_effects: true,
+              switches: true,
+              typeofs: true,
+              booleans: true,
+              collapse_vars: true,
+              comparisons: true,
+              computed_props: true,
+              conditionals: true,
+              dead_code: true,
+              directives: true,
+              evaluate: true,
+              expression: false,
+              global_defs: {},
+              keep_fargs: false,
+              keep_infinity: false,
+              loops: true,
+              negate_iife: true,
+              properties: true,
+              reduce_funcs: true,
+              reduce_vars: true,
+              toplevel: true,
+              unused: true,
+            },
+            mangle: {
+              toplevel: true,
+              safari10: false,
+              properties: {
+                regex: /^_/,
+              },
+            },
+            format: {
+              comments: false,
+              beautify: false,
+            },
+            ecma: 2020,
+            toplevel: true,
+            safari10: false,
+            ie8: false,
+          },
+      // Ensure all assets are inlined
+      assetsInlineLimit: Number.MAX_SAFE_INTEGER,
+      // Disable CSS code splitting
+      cssCodeSplit: false,
+      // Target modern browsers for better optimization
+      target: ['es2020', 'chrome80', 'firefox78', 'safari14'],
+      // Report compressed file sizes
+      reportCompressedSize: true,
+      // Chunk size warnings
+      chunkSizeWarningLimit: 500,
     },
     plugins: [tsconfigPaths()],
     resolve: {
-      extensions: [".tsx", ".ts", ".js"],
+      extensions: ['.tsx', '.ts', '.js'],
       alias: {
         '@': resolve(__dirname, 'src'),
       },
@@ -28,6 +116,31 @@ export default defineConfig(({ mode }) => {
     define: {
       __DEV__: isDev,
       __VERSION__: JSON.stringify(pkgjsn.version),
+      // Production optimizations
+      'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
+      // Remove debug code in production
+      __DEBUG__: isDev,
+      // UserScript environment flags
+      __USERSCRIPT__: true,
+      __BUILD_TIME__: JSON.stringify(new Date().toISOString()),
+    },
+    // Optimize dependencies
+    optimizeDeps: {
+      include: [],
+      exclude: [],
+    },
+    // Enable esbuild optimizations
+    esbuild: {
+      target: 'es2020',
+      legalComments: 'none',
+      ...(isDev
+        ? {}
+        : {
+            drop: ['debugger'],
+            minifyIdentifiers: true,
+            minifySyntax: true,
+            minifyWhitespace: true,
+          }),
     },
   };
 });