chore: complete update

resources/js/core/PerformanceMonitor.js

@@ -0,0 +1,73 @@
+// modules/core/PerformanceMonitor.js
+export class PerformanceMonitor {
+    constructor({ fps = true } = {}) {
+        this.fpsEnabled = fps;
+        this.fps = 0;
+        this.frameCount = 0;
+        this.lastTime = performance.now();
+        this.visible = false;
+        this.taskTimings = new Map();
+        this.logs = [];
+
+        this.container = document.createElement('div');
+        this.container.style.position = 'fixed';
+        this.container.style.bottom = '0';
+        this.container.style.left = '0';
+        this.container.style.font = '12px Consolas, monospace';
+        this.container.style.color = '#0f0';
+        this.container.style.background = 'rgba(0,0,0,0.75)';
+        this.container.style.padding = '0.5rem';
+        this.container.style.zIndex = '9999';
+        this.container.style.pointerEvents = 'none';
+        this.container.style.lineHeight = '1.4';
+        this.container.style.whiteSpace = 'pre';
+        this.container.style.display = 'none';
+
+        document.body.appendChild(this.container);
+
+        window.addEventListener('keydown', (e) => {
+            if (e.key === '§') {
+                this.visible = !this.visible;
+                this.container.style.display = this.visible ? 'block' : 'none';
+            }
+        });
+    }
+
+    log(message) {
+        const timestamp = new Date().toLocaleTimeString();
+        this.logs.push(`[${timestamp}] ${message}`);
+        if (this.logs.length > 5) this.logs.shift();
+    }
+
+    update(taskMap = new Map()) {
+        this.frameCount++;
+        const now = performance.now();
+        if (now - this.lastTime >= 1000) {
+            this.fps = this.frameCount;
+            this.frameCount = 0;
+            this.lastTime = now;
+
+            const timings = [];
+            for (const [id, duration] of this.taskTimings.entries()) {
+                timings.push(`${id}: ${duration.toFixed(2)}ms`);
+            }
+
+            const barWidth = Math.min(this.fps * 2, 100);
+            const logOutput = this.logs.slice().reverse().join('\n');
+
+            this.container.innerHTML = `
+FPS: ${this.fps} | Tasks: ${taskMap.size}
+${timings.join('\n')}
+<div style="width:${barWidth}%;height:4px;background:#0f0;margin-top:4px;"></div>
+${logOutput ? '\nLogs:\n' + logOutput : ''}
+      `;
+        }
+    }
+
+    trackTask(id, callback) {
+        const start = performance.now();
+        callback();
+        const duration = performance.now() - start;
+        this.taskTimings.set(id, duration);
+    }
+}