@jaak.ai/stamps 2.0.0-dev.18 → 2.0.0-dev.19

package/README.md

@@ -58,6 +58,12 @@ yarn add @jaak.ai/stamps
             // event.detail contiene las imágenes capturadas
         });
         
+        // Escuchar evento de componente listo
+        detector.addEventListener('isReady', (event) => {
+            console.log('Componente listo:', event.detail);
+            // event.detail indica si el componente está listo (true/false)
+        });
+        
         function startCapture() {
             detector.startCapture();
         }
@@ -134,7 +140,8 @@ import { Component, ElementRef, ViewChild, OnInit } from '@angular/core';
       <jaak-stamps 
         #detector
         [debug]="false"
-        (captureCompleted)="onCaptureCompleted($event)">
+        (captureCompleted)="onCaptureCompleted($event)"
+        (isReady)="onComponentReady($event)">
       </jaak-stamps>
       
       <div class="controls">
@@ -211,6 +218,11 @@ export class AppComponent implements OnInit {
     this.capturedData = event.detail;
     this.isCompleted = true;
   }
+  
+  onComponentReady(event: any) {
+    console.log('Componente listo en Angular:', event.detail);
+    // El componente está listo para iniciar detección
+  }
 }
 ```
 
@@ -229,7 +241,7 @@ import React, { useRef, useEffect, useImperativeHandle, forwardRef } from 'react
 // Importar el web component
 import '@jaak.ai/stamps/dist/jaak-stamps-webcomponent/jaak-stamps-webcomponent.esm.js';
 
-const JaakStampsWrapper = forwardRef(({ debug = false, onCaptureCompleted }, ref) => {
+const JaakStampsWrapper = forwardRef(({ debug = false, onCaptureCompleted, onIsReady }, ref) => {
   const elementRef = useRef(null);
   
   useImperativeHandle(ref, () => ({
@@ -252,14 +264,22 @@ const JaakStampsWrapper = forwardRef(({ debug = false, onCaptureCompleted }, ref
       }
     };
     
+    const handleIsReady = (event) => {
+      if (onIsReady) {
+        onIsReady(event.detail);
+      }
+    };
+    
     if (element) {
       element.addEventListener('captureCompleted', handleCaptureCompleted);
+      element.addEventListener('isReady', handleIsReady);
       
       return () => {
         element.removeEventListener('captureCompleted', handleCaptureCompleted);
+        element.removeEventListener('isReady', handleIsReady);
       };
     }
-  }, [onCaptureCompleted]);
+  }, [onCaptureCompleted, onIsReady]);
   
   return (
     <jaak-stamps 
@@ -290,6 +310,11 @@ function App() {
     setIsCompleted(true);
   };
   
+  const handleIsReady = (isReady) => {
+    console.log('Componente listo:', isReady);
+    // El componente está listo para iniciar detección
+  };
+  
   const preloadModel = async () => {
     try {
       const result = await detectorRef.current?.preloadModel();
@@ -340,6 +365,7 @@ function App() {
           ref={detectorRef}
           debug={false}
           onCaptureCompleted={handleCaptureCompleted}
+          onIsReady={handleIsReady}
         />
         
         <div className="controls">
@@ -428,6 +454,7 @@ export default App;
 | Evento | Payload | Descripción |
 |--------|---------|-------------|
 | `captureCompleted` | `CapturedImages` | Se emite cuando se completa el proceso de captura |
+| `isReady` | `boolean` | Se emite cuando el componente está listo para comenzar la detección (modelo ONNX cargado) |
 
 ### Tipos de Datos
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jaak.ai/stamps",
-  "version": "2.0.0-dev.18",
+  "version": "2.0.0-dev.19",
   "description": "Jaak Document Identifier",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",