canvasframework 0.5.18 → 0.5.20

package/manager/PerformanceMonitor.js

@@ -0,0 +1,84 @@
+// ==========================================
+// 2. PERFORMANCE MONITORING
+// ==========================================
+
+class PerformanceMonitor {
+  constructor() {
+    this.metrics = {
+      fps: 60,
+      frameTime: 0,
+      memoryUsage: 0,
+      renderTime: 0,
+      componentCount: 0
+    };
+    
+    this.fpsHistory = [];
+    this.frameCount = 0;
+    this.lastTime = performance.now();
+    this.isMonitoring = false;
+  }
+
+  startMonitoring() {
+    this.isMonitoring = true;
+    this.updateMetrics();
+  }
+
+  stopMonitoring() {
+    this.isMonitoring = false;
+  }
+
+  updateMetrics() {
+    if (!this.isMonitoring) return;
+
+    const now = performance.now();
+    const deltaTime = now - this.lastTime;
+    
+    // Calculer FPS
+    this.frameCount++;
+    if (deltaTime >= 1000) {
+      this.metrics.fps = Math.round((this.frameCount * 1000) / deltaTime);
+      this.fpsHistory.push(this.metrics.fps);
+      
+      // Garder seulement les 60 dernières secondes
+      if (this.fpsHistory.length > 60) {
+        this.fpsHistory.shift();
+      }
+      
+      this.frameCount = 0;
+      this.lastTime = now;
+      
+      // Alerter si FPS < 30
+      if (this.metrics.fps < 30) {
+        console.warn('⚠️ Low FPS detected:', this.metrics.fps);
+      }
+    }
+
+    // Mémoire (si disponible)
+    if (performance.memory) {
+      this.metrics.memoryUsage = Math.round(
+        performance.memory.usedJSHeapSize / 1048576
+      ); // MB
+    }
+
+    requestAnimationFrame(() => this.updateMetrics());
+  }
+
+  measureRender(fn) {
+    const start = performance.now();
+    fn();
+    const end = performance.now();
+    this.metrics.renderTime = end - start;
+    return this.metrics.renderTime;
+  }
+
+  getReport() {
+    return {
+      current: this.metrics,
+      averageFPS: this.fpsHistory.reduce((a, b) => a + b, 0) / this.fpsHistory.length,
+      minFPS: Math.min(...this.fpsHistory),
+      maxFPS: Math.max(...this.fpsHistory)
+    };
+  }
+}
+
+export default PerformanceMonitor;

package/manager/SecurityManager.js

@@ -0,0 +1,54 @@
+// ==========================================
+// 5. SECURITY
+// ==========================================
+
+class SecurityManager {
+  static sanitizeInput(input) {
+    if (typeof input !== 'string') return input;
+    
+    // Échapper les caractères HTML dangereux
+    return input
+      .replace(/&/g, '&')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#x27;')
+      .replace(/\//g, '&#x2F;');
+  }
+
+  static validateUrl(url) {
+    try {
+      const parsed = new URL(url);
+      // Autoriser seulement http(s)
+      if (!['http:', 'https:'].includes(parsed.protocol)) {
+        throw new Error('Invalid protocol');
+      }
+      return true;
+    } catch {
+      return false;
+    }
+  }
+
+  static rateLimit(fn, limit = 100, window = 1000) {
+    const calls = [];
+    
+    return function(...args) {
+      const now = Date.now();
+      
+      // Nettoyer les appels trop anciens
+      while (calls.length && calls[0] < now - window) {
+        calls.shift();
+      }
+
+      if (calls.length >= limit) {
+        console.warn('⚠️ Rate limit exceeded');
+        return null;
+      }
+
+      calls.push(now);
+      return fn.apply(this, args);
+    };
+  }
+}
+
+export default SecurityManager;

package/package.json

@@ -1,19 +1,25 @@
 {
   "name": "canvasframework",
-  "version": "0.5.18",
-  "description": "Canvas-based cross-platform UI framework (Material & Cupertino)",
-  "type": "module",
-  "main": "dist/canvasframework.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "webpack --config webpack.config.js"
-  },
+  "version": "0.5.20",
   "repository": {
     "type": "git",
     "url": "https://github.com/beyons/CanvasFramework.git"
   },
+  "description": "Canvas-based cross-platform UI framework (Material & Cupertino)",
+  "type": "module",
+  "main": "./index.js",
+  "exports": {
+    ".": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "components",
+    "core",
+    "features",
+    "manager",
+    "layout",
+    "utils"
+  ],
   "keywords": [
     "canvas",
     "ui",
@@ -23,11 +29,11 @@
     "mobile"
   ],
   "license": "MIT",
-  "devDependencies": {
-    "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4",
-    "babel-loader": "^9.1.3",
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.23.0"
+  "dependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "babel-loader": "^10.0.0",
+    "webpack": "^5.105.0",
+    "webpack-cli": "^6.0.1"
   }
 }