@qontinui/ui-bridge 0.2.0 → 0.3.0

package/dist/react/index.mjs

@@ -1033,7 +1033,9 @@ var UIBridgeRegistry = class {
       })) ?? [],
       elementIds: options.elementIds,
       registeredAt: Date.now(),
-      mounted: true
+      mounted: true,
+      getState: options.getState,
+      getComputed: options.getComputed
     };
     this.components.set(id, registered);
     this.emit("component:registered", { id, name: options.name });
@@ -1064,6 +1066,20 @@ var UIBridgeRegistry = class {
   getAllComponents() {
     return Array.from(this.components.values());
   }
+  /**
+   * Get the current state and computed properties of a component
+   */
+  getComponentState(id) {
+    const component = this.components.get(id);
+    if (!component || !component.mounted) {
+      return null;
+    }
+    return {
+      state: component.getState?.() ?? {},
+      computed: component.getComputed?.() ?? {},
+      timestamp: Date.now()
+    };
+  }
   /**
    * Register a workflow
    */
@@ -3836,11 +3852,31 @@ function useUIComponent(options) {
   const registeredRef = useRef(false);
   const actionsRef = useRef(options.actions || []);
   const elementIdsRef = useRef(options.elementIds || []);
+  const stateRef = useRef(options.state);
+  const computedRef = useRef(options.computed);
   const { id, name, description, autoRegister = true } = options;
   useEffect(() => {
     actionsRef.current = options.actions || [];
     elementIdsRef.current = options.elementIds || [];
-  }, [options.actions, options.elementIds]);
+    stateRef.current = options.state;
+    computedRef.current = options.computed;
+  }, [options.actions, options.elementIds, options.state, options.computed]);
+  const createGetComputed = useCallback(() => {
+    return () => {
+      const computed = computedRef.current;
+      if (!computed) return {};
+      const result = {};
+      for (const [key, def] of Object.entries(computed)) {
+        try {
+          const getter = typeof def === "function" ? def : def.getter;
+          result[key] = getter();
+        } catch {
+          result[key] = void 0;
+        }
+      }
+      return result;
+    };
+  }, []);
   const register = useCallback(() => {
     if (!bridge || registeredRef.current) return;
     bridge.registry.registerComponent(id, {
@@ -3852,10 +3888,12 @@ function useUIComponent(options) {
         description: a.description,
         handler: a.handler
       })),
-      elementIds: elementIdsRef.current
+      elementIds: elementIdsRef.current,
+      getState: stateRef.current,
+      getComputed: createGetComputed()
     });
     registeredRef.current = true;
-  }, [bridge, id, name, description]);
+  }, [bridge, id, name, description, createGetComputed]);
   const unregister = useCallback(() => {
     if (!bridge || !registeredRef.current) return;
     bridge.registry.unregisterComponent(id);