canvasframework 0.3.17 → 0.3.18

package/core/CanvasFramework.js

@@ -67,6 +67,7 @@ import GeoLocationService from '../utils/GeoLocationService.js';
 import WebSocketClient from '../utils/WebSocketClient.js';
 import AnimationEngine from '../utils/AnimationEngine.js';
 import CryptoManager from '../utils/CryptoManager.js';
+import NotificationManager from '../utils/NotificationManager.js';
 
 // Features
 import PullToRefresh from '../features/PullToRefresh.js';
@@ -113,6 +114,20 @@ export const darkTheme = {
   border: '#333333'
 };
 
+const FIXED_COMPONENT_TYPES = new Set([
+  AppBar,
+  BottomNavigationBar,
+  Drawer,
+  Dialog,
+  Modal,
+  FAB,
+  Toast,
+  BottomSheet,
+  ContextMenu,
+  OpenStreetMap,
+  SelectDialog
+]);
+
 /**
  * Framework principal pour créer des interfaces utilisateur basées sur Canvas
  * @class
@@ -173,12 +188,13 @@ class CanvasFramework {
 	this.showFps = options.showFps || false; // false par défaut
 	this.debbug = options.debug || false; // false par défaut (et correction de la faute de frappe)
     // Worker pour multithreading
-    this.worker = new Worker('./CanvasWorker.js', { type: 'module' });
+    this.worker = new Worker(new URL('./CanvasWorker.js', import.meta.url), { type: 'module' });
     this.worker.onmessage = this.handleWorkerMessage.bind(this);
     this.worker.postMessage({ type: 'INIT', payload: { components: [] } });
 
     // Worker logique pour calculs séparés
-    this.logicWorker = new Worker('./LogicWorker.js', { type: 'module' });
+	
+	this.logicWorker = new Worker(new URL('./LogicWorker.js', import.meta.url), { type: 'module' });
     this.logicWorker.onmessage = this.handleLogicWorkerMessage.bind(this);
     this.logicWorkerState = {};
 
@@ -819,19 +835,8 @@ class CanvasFramework {
   }
 
   checkComponentsAtPosition(x, y, eventType) {
-    const isFixedComponent = (comp) => {
-      return comp instanceof AppBar || 
-             comp instanceof BottomNavigationBar || 
-             comp instanceof Drawer || 
-             comp instanceof Dialog ||
-             comp instanceof Modal ||
-			 comp instanceof FAB ||
-			 comp instanceof Toast ||
-             comp instanceof BottomSheet ||
-             comp instanceof ContextMenu ||
-			 comp instanceof OpenStreetMap ||
-             comp instanceof SelectDialog;
-    };
+    const isFixedComponent = (comp) =>
+    FIXED_COMPONENT_TYPES.has(comp.constructor);
     
     for (let i = this.components.length - 1; i >= 0; i--) {
       const comp = this.components[i];
@@ -859,7 +864,7 @@ class CanvasFramework {
                 switch (eventType) {
                   case 'start':
                     child.pressed = true;
-                    if (child.onPress) child.onPress(relativeX, relativeY);
+                    if (child.onPress) child.onPress?.(relativeX, relativeY);
                     break;
                     
                   case 'move':
@@ -867,7 +872,7 @@ class CanvasFramework {
                       child.hovered = true;
                       if (child.onHover) child.onHover();
                     }
-                    if (child.onMove) child.onMove(relativeX, relativeY);
+                    if (child.onMove) child.onMove?.(relativeX, relativeY);
                     break;
                     
                   case 'end':
@@ -876,11 +881,18 @@ class CanvasFramework {
                       
                       if (child instanceof Input || child instanceof PasswordInput || child instanceof InputTags || child instanceof InputDatalist) {
                         for (let other of this.components) {
-                          if (other instanceof Input || other instanceof PasswordInput || other instanceof InputTags || other instanceof InputDatalist && other !== child && other.focused) {
-                            other.focused = false;
-                            other.cursorVisible = false;
-                            if (other.onBlur) other.onBlur();
-                          }
+                          if (
+							  (other instanceof Input ||
+							   other instanceof PasswordInput ||
+							   other instanceof InputTags ||
+							   other instanceof InputDatalist) &&
+							  other !== child &&
+							  other.focused
+							) {
+							  other.focused = false;
+							  other.cursorVisible = false;
+							  other.onBlur?.();
+							}
                         }
                         
                         child.focused = true;
@@ -889,7 +901,7 @@ class CanvasFramework {
                       } else if (child.onClick) {
                         child.onClick();
                       } else if (child.onPress) {
-                        child.onPress(relativeX, relativeY);
+                        child.onPress?.(relativeX, relativeY);
                       }
                     }
                     break;
@@ -922,11 +934,18 @@ class CanvasFramework {
                 
                 if (comp instanceof Input || comp instanceof PasswordInput || comp instanceof InputTags || comp instanceof InputDatalist) {
                   for (let other of this.components) {
-                    if (other instanceof Input || other instanceof PasswordInput || other instanceof InputTags || other instanceof InputDatalist && other !== comp && other.focused) {
-                      other.focused = false;
-                      other.cursorVisible = false;
-                      if (other.onBlur) other.onBlur();
-                    }
+                    if (
+						  (other instanceof Input ||
+						   other instanceof PasswordInput ||
+						   other instanceof InputTags ||
+						   other instanceof InputDatalist) &&
+						  other !== comp &&
+						  other.focused
+						) {
+						  other.focused = false;
+						  other.cursorVisible = false;
+						  other.onBlur?.();
+						}
                   }
                   
                   comp.focused = true;
@@ -948,8 +967,18 @@ class CanvasFramework {
       }
     }
   }
-
+  
   getMaxScroll() {
+    let maxY = 0;
+    for (const comp of this.components) {
+      if (this.isFixedComponent(comp) || !comp.visible) continue;
+      const bottom = comp.y + comp.height;
+      if (bottom > maxY) maxY = bottom;
+    }
+    return Math.max(0, maxY - this.height + 50);
+  }
+	
+  /*getMaxScroll() {
     let maxY = 0;
     for (let comp of this.components) {
       if (!this.isFixedComponent(comp)) {
@@ -957,7 +986,7 @@ class CanvasFramework {
       }
     }
     return Math.max(0, maxY - this.height + 50);
-  }
+  }*/
 
   handleResize() {
     // Pour WebGL, NE PAS redimensionner automatiquement
@@ -1251,17 +1280,7 @@ class CanvasFramework {
   }
 	
   isFixedComponent(comp) {
-    return comp instanceof AppBar || 
-           comp instanceof BottomNavigationBar || 
-           comp instanceof Drawer || 
-           comp instanceof Dialog ||
-           comp instanceof Modal ||
-           comp instanceof FAB ||
-		   comp instanceof Toast ||
-		   comp instanceof BottomSheet ||
-           comp instanceof ContextMenu ||
-		   comp instanceof OpenStreetMap ||
-           comp instanceof SelectDialog;
+  	return FIXED_COMPONENT_TYPES.has(comp.constructor);
   }
   
   showToast(message, duration = 3000) {
@@ -1277,3 +1296,6 @@ class CanvasFramework {
 }
 
 export default CanvasFramework;
+
+
+

package/index.js

@@ -75,6 +75,7 @@ export { default as GeoLocationService } from './utils/GeoLocationService.js';
 export { default as WebSocketClient } from './utils/WebSocketClient.js';
 export { default as AnimationEngine } from './utils/AnimationEngine.js';
 export { default as CryptoManager } from './utils/CryptoManager.js';
+export { default as NotificationManager } from './utils/NotificationManager.js';
 
 // Features
 export { default as PullToRefresh } from './features/PullToRefresh.js';
@@ -98,7 +99,15 @@ export { default as FeatureFlags } from './manager/FeatureFlags.js';
 
 // Version du framework
 
-export const VERSION = '0.3.16';
+export const VERSION = '0.3.18';
+
+
+
+
+
+
+
+
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvasframework",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "description": "Canvas-based cross-platform UI framework (Material & Cupertino)",
   "type": "module",
   "main": "./index.js",

package/utils/NotificationManager.js

@@ -0,0 +1,60 @@
+
+// NotificationManager.js
+export default class NotificationManager {
+  constructor(defaults = {}) {
+    this.defaults = {
+      icon: defaults.icon || null,
+      silent: defaults.silent || false,
+      requireInteraction: defaults.requireInteraction || false,
+    };
+
+    // Vérifier si l'API est disponible
+    this.isSupported = "Notification" in window;
+  }
+
+  // Demander la permission si nécessaire
+  async requestPermission() {
+    if (!this.isSupported) return false;
+    if (Notification.permission === "granted") return true;
+    if (Notification.permission !== "denied") {
+      const permission = await Notification.requestPermission();
+      return permission === "granted";
+    }
+    return false;
+  }
+
+  // Créer une notification
+  async notify(title, options = {}) {
+    if (!this.isSupported) {
+      console.warn("Notifications API non supportée");
+      return null;
+    }
+
+    const hasPermission = await this.requestPermission();
+    if (!hasPermission) return null;
+
+    const notifOptions = {
+      ...this.defaults,
+      ...options,
+    };
+
+    const notification = new Notification(title, notifOptions);
+
+    // Callbacks
+    if (options.onClick) {
+      notification.onclick = options.onClick;
+    }
+    if (options.onClose) {
+      notification.onclose = options.onClose;
+    }
+
+    // Auto-close après duration (si défini)
+    if (options.duration && options.duration > 0) {
+      setTimeout(() => {
+        notification.close();
+      }, options.duration);
+    }
+
+    return notification;
+  }
+}