cuoral-ionic 0.0.1

package/dist/bridge.js

@@ -0,0 +1,159 @@
+import { CuoralMessageType } from './types';
+/**
+ * Bridge for bidirectional communication between WebView and Native code
+ */
+export class CuoralBridge {
+    constructor(config) {
+        this.messageHandlers = new Map();
+        this.isInitialized = false;
+        this.widgetIframe = null;
+        this.config = config;
+        this.setupMessageListener();
+    }
+    /**
+     * Initialize the bridge
+     */
+    initialize() {
+        if (this.isInitialized) {
+            this.log('Bridge already initialized');
+            return;
+        }
+        this.isInitialized = true;
+        this.log('Bridge initialized');
+        // Notify widget that bridge is ready
+        this.sendToWidget({
+            type: CuoralMessageType.WIDGET_READY,
+            timestamp: Date.now(),
+        });
+    }
+    /**
+     * Send message to native code
+     */
+    sendToNative(message) {
+        if (!message.timestamp) {
+            message.timestamp = Date.now();
+        }
+        this.log('Sending to native:', message);
+        // For Capacitor - use window.postMessage
+        if (window.webkit?.messageHandlers?.cuoral) {
+            // iOS WKWebView
+            window.webkit.messageHandlers.cuoral.postMessage(message);
+        }
+        else if (window.CuoralAndroid) {
+            // Android JavascriptInterface
+            window.CuoralAndroid.postMessage(JSON.stringify(message));
+        }
+        else {
+            // Fallback - use postMessage for any other WebView
+            window.postMessage(message, '*');
+        }
+    }
+    /**
+     * Send message to widget iframe
+     */
+    sendToWidget(message) {
+        if (!message.timestamp) {
+            message.timestamp = Date.now();
+        }
+        this.log('Sending to widget:', message);
+        // Find the iframe element
+        const iframe = document.getElementById('cuoral-widget-iframe');
+        if (iframe?.contentWindow) {
+            try {
+                // Use postMessage for cross-origin communication
+                iframe.contentWindow.postMessage(message, '*');
+                this.log('Message sent via postMessage');
+                return;
+            }
+            catch (error) {
+                this.log('Error using postMessage:', error);
+            }
+        }
+        else {
+            this.log('Iframe not found or not ready');
+        }
+        // Fallback: Use localStorage for same-origin
+        try {
+            const storageKey = `cuoral_message_${Date.now()}`;
+            localStorage.setItem(storageKey, JSON.stringify(message));
+            // Clean up after 5 seconds
+            setTimeout(() => {
+                localStorage.removeItem(storageKey);
+            }, 5000);
+            // Trigger a storage event by updating a counter
+            const counter = parseInt(localStorage.getItem('cuoral_message_counter') || '0');
+            localStorage.setItem('cuoral_message_counter', (counter + 1).toString());
+        }
+        catch (error) {
+            this.log('Error using localStorage:', error);
+        }
+    }
+    /**
+     * Register message handler
+     */
+    on(type, handler) {
+        if (!this.messageHandlers.has(type)) {
+            this.messageHandlers.set(type, []);
+        }
+        const handlers = this.messageHandlers.get(type);
+        handlers.push(handler);
+        this.log(`Registered handler for ${type}`);
+        // Return unsubscribe function
+        return () => {
+            const index = handlers.indexOf(handler);
+            if (index > -1) {
+                handlers.splice(index, 1);
+            }
+        };
+    }
+    /**
+     * Setup window message listener
+     */
+    setupMessageListener() {
+        window.addEventListener('message', (event) => {
+            // Only process messages FROM the iframe
+            const widgetFrame = document.querySelector('iframe[src*="mobile.html"]');
+            if (widgetFrame && event.source === widgetFrame.contentWindow) {
+                this.widgetIframe = widgetFrame;
+            }
+            else if (widgetFrame) {
+                return;
+            }
+            // Validate message structure
+            if (!event.data || !event.data.type) {
+                return;
+            }
+            const message = event.data;
+            // Check if it's a Cuoral message
+            if (!Object.values(CuoralMessageType).includes(message.type)) {
+                return;
+            }
+            this.log('Cuoral message received:', message);
+            // Call custom handler if provided
+            if (this.config.onMessage) {
+                this.config.onMessage(message);
+            }
+            // Call registered handlers
+            const handlers = this.messageHandlers.get(message.type);
+            if (handlers) {
+                handlers.forEach(handler => handler(message.payload));
+            }
+        });
+    }
+    /**
+     * Debug logging
+     */
+    log(...args) {
+        if (this.config.debug) {
+            console.log('[CuoralBridge]', ...args);
+        }
+    }
+    /**
+     * Destroy the bridge
+     */
+    destroy() {
+        this.messageHandlers.clear();
+        this.isInitialized = false;
+        this.log('Bridge destroyed');
+    }
+}

package/dist/cuoral.d.ts

@@ -0,0 +1,51 @@
+export interface CuoralOptions {
+    publicKey: string;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    debug?: boolean;
+    widgetBaseUrl?: string;
+    showFloatingButton?: boolean;
+    useModal?: boolean;
+}
+/**
+ * Main Cuoral class - simple API for users
+ */
+export declare class Cuoral {
+    private bridge;
+    private recorder;
+    private modal?;
+    private options;
+    private static readonly PRODUCTION_WIDGET_URL;
+    private static readonly DEV_WIDGET_URL;
+    constructor(options: CuoralOptions);
+    /**
+     * Initialize Cuoral
+     */
+    initialize(): void;
+    /**
+     * Open the widget modal
+     */
+    openModal(): void;
+    /**
+     * Close the widget modal
+     */
+    closeModal(): void;
+    /**
+     * Check if modal is open
+     */
+    isModalOpen(): boolean;
+    /**
+     * Get the widget URL for iframe embedding
+     */
+    getWidgetUrl(): string;
+    /**
+     * Clean up resources
+     */
+    destroy(): void;
+    /**
+     * Setup automatic message handlers
+     */
+    private setupMessageHandlers;
+}
+//# sourceMappingURL=cuoral.d.ts.map

package/dist/cuoral.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cuoral.d.ts","sourceRoot":"","sources":["../src/cuoral.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,KAAK,CAAC,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,qBAAqB,CAAuC;IACpF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAwB;gBAElD,OAAO,EAAE,aAAa;IAsClC;;OAEG;IACI,UAAU,IAAI,IAAI;IASzB;;OAEG;IACI,SAAS,IAAI,IAAI;IAMxB;;OAEG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IACI,WAAW,IAAI,OAAO;IAI7B;;OAEG;IACI,YAAY,IAAI,MAAM;IAe7B;;OAEG;IACI,OAAO,IAAI,IAAI;IAStB;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAuE7B"}

package/dist/cuoral.js

@@ -0,0 +1,173 @@
+import { CuoralBridge } from './bridge';
+import { CuoralRecorder } from './plugin';
+import { CuoralMessageType } from './types';
+import { CuoralModal } from './modal';
+import { Capacitor } from '@capacitor/core';
+/**
+ * Main Cuoral class - simple API for users
+ */
+export class Cuoral {
+    constructor(options) {
+        this.options = {
+            showFloatingButton: true,
+            useModal: true,
+            ...options
+        };
+        // Determine widget base URL
+        const baseUrl = options.widgetBaseUrl || Cuoral.PRODUCTION_WIDGET_URL;
+        const params = new URLSearchParams({
+            auto_start: 'true',
+            key: options.publicKey,
+            _t: Date.now().toString(),
+        });
+        if (options.email)
+            params.set('email', options.email);
+        if (options.firstName)
+            params.set('first_name', options.firstName);
+        if (options.lastName)
+            params.set('last_name', options.lastName);
+        const widgetUrl = `${baseUrl}?${params.toString()}`;
+        // Initialize modal if enabled
+        if (this.options.useModal) {
+            this.modal = new CuoralModal(widgetUrl, this.options.showFloatingButton);
+        }
+        // Initialize bridge and recorder
+        this.bridge = new CuoralBridge({
+            widgetUrl,
+            debug: options.debug || false
+        });
+        this.recorder = new CuoralRecorder();
+        // Setup automatic message handlers
+        this.setupMessageHandlers();
+    }
+    /**
+     * Initialize Cuoral
+     */
+    initialize() {
+        this.bridge.initialize();
+        // Initialize modal if enabled
+        if (this.modal) {
+            this.modal.initialize();
+        }
+    }
+    /**
+     * Open the widget modal
+     */
+    openModal() {
+        if (this.modal) {
+            this.modal.open();
+        }
+    }
+    /**
+     * Close the widget modal
+     */
+    closeModal() {
+        if (this.modal) {
+            this.modal.close();
+        }
+    }
+    /**
+     * Check if modal is open
+     */
+    isModalOpen() {
+        return this.modal?.isModalOpen() || false;
+    }
+    /**
+     * Get the widget URL for iframe embedding
+     */
+    getWidgetUrl() {
+        const baseUrl = this.options.widgetBaseUrl || Cuoral.PRODUCTION_WIDGET_URL;
+        const params = new URLSearchParams({
+            auto_start: 'true',
+            key: this.options.publicKey,
+            _t: Date.now().toString(),
+        });
+        if (this.options.email)
+            params.set('email', this.options.email);
+        if (this.options.firstName)
+            params.set('first_name', this.options.firstName);
+        if (this.options.lastName)
+            params.set('last_name', this.options.lastName);
+        return `${baseUrl}?${params.toString()}`;
+    }
+    /**
+     * Clean up resources
+     */
+    destroy() {
+        this.bridge.destroy();
+        // Destroy modal if exists
+        if (this.modal) {
+            this.modal.destroy();
+        }
+    }
+    /**
+     * Setup automatic message handlers
+     */
+    setupMessageHandlers() {
+        // Handle start recording requests from widget
+        this.bridge.on(CuoralMessageType.START_RECORDING, async () => {
+            const success = await this.recorder.startRecording();
+            if (!success) {
+                // Error already handled by recorder
+            }
+        });
+        // Handle stop recording requests from widget
+        this.bridge.on(CuoralMessageType.STOP_RECORDING, async () => {
+            const result = await this.recorder.stopRecording();
+            if (result) {
+                // Convert file path to web-accessible URL
+                const capacitorUrl = result.filePath ? Capacitor.convertFileSrc(result.filePath) : '';
+                try {
+                    // Fetch the video blob from the capacitor URL
+                    const response = await fetch(capacitorUrl);
+                    const videoBlob = await response.blob();
+                    // Convert blob to base64 data URL so it can be serialized and transferred cross-origin
+                    const reader = new FileReader();
+                    reader.onloadend = () => {
+                        const base64data = reader.result;
+                        // Send the base64 data via bridge to CDN widget
+                        this.bridge.sendToWidget({
+                            type: CuoralMessageType.RECORDING_STOPPED,
+                            payload: {
+                                videoData: base64data,
+                                videoType: 'video/mp4',
+                                originalPath: result.filePath,
+                                duration: result.duration,
+                                timestamp: Date.now()
+                            }
+                        });
+                    };
+                    reader.onerror = (error) => {
+                        console.error('[Cuoral] Error reading blob:', error);
+                        this.bridge.sendToWidget({
+                            type: CuoralMessageType.RECORDING_STOPPED,
+                            payload: {
+                                error: 'Failed to process recording',
+                                duration: result.duration,
+                                timestamp: Date.now()
+                            }
+                        });
+                    };
+                    // Start reading the blob as data URL
+                    reader.readAsDataURL(videoBlob);
+                }
+                catch (error) {
+                    console.error('[Cuoral] Error processing video file:', error);
+                    this.bridge.sendToWidget({
+                        type: CuoralMessageType.RECORDING_STOPPED,
+                        payload: {
+                            error: 'Failed to process recording',
+                            duration: result.duration,
+                            timestamp: Date.now()
+                        }
+                    });
+                }
+            }
+            else {
+                console.error('[Cuoral] No result from stopRecording');
+            }
+        });
+    }
+}
+Cuoral.PRODUCTION_WIDGET_URL = 'https://js.cuoral.com/mobile.html';
+Cuoral.DEV_WIDGET_URL = 'assets/mobile.html';

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './plugin';
+export * from './bridge';
+export * from './types';
+export * from './cuoral';
+export * from './modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}