canvasframework 0.3.12 → 0.3.13

package/core/CanvasFramework.js

@@ -89,7 +89,7 @@ import FeatureFlags from '../manager/FeatureFlags.js';
 
 // WebGL Adapter
 import WebGLCanvasAdapter from './WebGLCanvasAdapter.js';
-import ui from './UIBuilder.js';
+import ui, { createRef } from './UIBuilder.js';
 
 // theme
 export const lightTheme = {

package/core/UIBuilder.js

@@ -132,6 +132,13 @@ const Components = {
   Stack
 };
 
+/**
+ * Crée un objet ref pour stocker une référence
+ */
+export function createRef() {
+  return { current: null };
+}
+
 /**
  * DSL déclaratif pour CanvasFramework
  */
@@ -162,7 +169,15 @@ class UIBuilder {
       return null;
     }
 
-    const instance = new ComponentClass(framework, node.props);
+    // Extraire la ref des props si elle existe
+    const { ref, ...componentProps } = node.props;
+
+    const instance = new ComponentClass(framework, componentProps);
+
+    // ✅ Si une ref est fournie, y stocker l'instance
+    if (ref && typeof ref === 'object' && 'current' in ref) {
+      ref.current = instance;
+    }
 
     // ✅ Ajouter au framework UNIQUEMENT si ce n'est pas un enfant de Card
     const isChildOfCard = parent && parent.constructor?.name === 'Card';

package/index.js

@@ -3,7 +3,7 @@
 // Core
 export { default as CanvasFramework } from './core/CanvasFramework.js';
 export { default as Component } from './core/Component.js';
-export { default as ui } from './core/UIBuilder.js';
+export { default as ui, createRef } from './core/UIBuilder.js';
 
 // Components
 export { default as Button } from './components/Button.js';

package/package.json

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