[Update/Feat] React Optimization & Added Damage Logs to Monster UI

Author: Denoder

.gitignore

@@ -8,8 +8,7 @@
 
 # Logs
 /logs
-/logs_dps.json
-dist/logs/
+/damage_logs
 information_log.txt*
 
 # Build output
@@ -29,7 +28,6 @@ player_registry.json
 
 # Misc
 .npmrc
-/Prerequisites/npcap-1.83.exe
 pnpm-lock.yaml
 
 # Electron packaged output

algo/packet.ts

@@ -413,6 +413,7 @@ class PacketProcessor {
                         if (!this.userDataManager.enemyCache.isDead.get(enemyUid)) {
                             this.userDataManager.enemyCache.isDead.set(enemyUid, true);
                             this.userDataManager.enemyCache.hp.set(enemyUid, 0);
+                            this.userDataManager.enemyCache.deathTime.set(enemyUid, Date.now());
                         }
                     }
                 }
@@ -724,7 +725,7 @@ class PacketProcessor {
         }
     }
 
-    #processEnemyAttrs(enemyUid: string, attrs: any[]) {
+    #processEnemyAttrs(enemyUid: number, attrs: any[]) {
         for (const attr of attrs) {
             if (!attr.Id || !attr.RawData) continue;
             const reader = pbjs.Reader.create(attr.RawData);
@@ -755,6 +756,10 @@ class PacketProcessor {
 
                     if (enemyHp > 0 && this.userDataManager.enemyCache.isDead.get(enemyUid)) {
                         this.userDataManager.enemyCache.isDead.delete(enemyUid);
+                        this.userDataManager.enemyCache.damageDealt.delete(enemyUid);
+                        this.userDataManager.enemyCache.firstHitTime.delete(enemyUid);
+                        this.userDataManager.enemyCache.deathTime.delete(enemyUid);
+                        this.userDataManager.enemyCache.playerDamage.delete(enemyUid);
                     }
 
                     this.#reportBossHpThreshold(enemyUid, enemyHp);
@@ -770,7 +775,7 @@ class PacketProcessor {
         }
     }
 
-    #reportBossHpThreshold(enemyUid: string, currentHp: number) {
+    #reportBossHpThreshold(enemyUid: number, currentHp: number) {
         try {
             // Check if BPTimer submission is enabled
             if (this.userDataManager.globalSettings?.enableBPTimerSubmission === false) {
@@ -790,6 +795,9 @@ class PacketProcessor {
             }
 
             if (currentHp === 0 || currentHp <= maxHp * 0.001) {
+                if (!this.userDataManager.enemyCache.isDead.get(enemyUid)) {
+                    this.userDataManager.enemyCache.deathTime.set(enemyUid, Date.now());
+                }
                 this.userDataManager.enemyCache.isDead.set(enemyUid, true);
                 return;
             }

electron.vite.config.ts

@@ -18,12 +18,17 @@ export default defineConfig({
         ],
         build: {
             outDir: 'out/main',
+            minify: 'esbuild',
+            sourcemap: false,
             rollupOptions: {
                 input: {
                     index: path.resolve(__dirname, 'src/main/index.ts'),
                     server: path.resolve(__dirname, 'src/main/server.ts'),
                 },
-                external: ['electron', 'child_process', 'fs', 'path', 'net', 'url']
+                external: ['electron', 'child_process', 'fs', 'path', 'net', 'url'],
+                output: {
+                    manualChunks: undefined
+                }
             }
         },
         resolve: {
@@ -51,6 +56,8 @@ export default defineConfig({
         root: path.resolve(__dirname, 'src'),
         build: {
             outDir: path.resolve(__dirname, 'out/renderer'),
+            minify: 'esbuild',
+            sourcemap: false,
             rollupOptions: {
                 input: {
                     index: path.resolve(__dirname, 'src/index.html'),
@@ -59,11 +66,28 @@ export default defineConfig({
                     device: path.resolve(__dirname, 'src/device.html'),
                     settings: path.resolve(__dirname, 'src/settings.html'),
                     monsters: path.resolve(__dirname, 'src/monsters.html'),
+                },
+                output: {
+                    manualChunks(id) {
+                        if (id.includes('node_modules')) {
+                            if (id.includes('react') || id.includes('react-dom')) {
+                                return 'vendor-react';
+                            }
+                            if (id.includes('socket.io-client')) {
+                                return 'vendor-socket';
+                            }
+                            return 'vendor';
+                        }
+                    }
                 }
             }
         },
         plugins: [
-            react(),
+            react({
+                babel: {
+                    plugins: ['babel-plugin-react-compiler'],
+                },
+            }),
             tailwindcss(),
             copy({
                 targets: [
@@ -76,7 +100,7 @@ export default defineConfig({
         resolve: {
             alias: {
                 '@': path.resolve(__dirname, 'src/renderer'),
-                '@shared': path.resolve(__dirname, 'src/types'),
+                '@shared': path.resolve(__dirname, 'src/renderer/src/shared'),
                 '@server': path.resolve(__dirname, 'src/server'),
                 '@utils': path.resolve(__dirname, 'src/utils')
             }