yaver-feedback-react-native 0.5.2 → 0.5.4

package/dist/ConnectionScreen.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * Full-screen connection UI for discovering and connecting to a Yaver agent.
+ *
+ * Shows connection status, auto-discovery, manual URL entry, and a
+ * Start/Stop testing toggle with recording timer.
+ *
+ * Usage:
+ * ```tsx
+ * {__DEV__ && <YaverConnectionScreen />}
+ * ```
+ */
+export declare const YaverConnectionScreen: React.FC;

package/dist/ConnectionScreen.js

@@ -0,0 +1,373 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YaverConnectionScreen = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Discovery_1 = require("./Discovery");
+const YaverFeedback_1 = require("./YaverFeedback");
+/**
+ * Full-screen connection UI for discovering and connecting to a Yaver agent.
+ *
+ * Shows connection status, auto-discovery, manual URL entry, and a
+ * Start/Stop testing toggle with recording timer.
+ *
+ * Usage:
+ * ```tsx
+ * {__DEV__ && <YaverConnectionScreen />}
+ * ```
+ */
+const YaverConnectionScreen = () => {
+    const [url, setUrl] = (0, react_1.useState)('');
+    const [token, setToken] = (0, react_1.useState)('');
+    const [connected, setConnected] = (0, react_1.useState)(false);
+    const [hostname, setHostname] = (0, react_1.useState)('');
+    const [version, setVersion] = (0, react_1.useState)('');
+    const [latency, setLatency] = (0, react_1.useState)(null);
+    const [discovering, setDiscovering] = (0, react_1.useState)(false);
+    const [connecting, setConnecting] = (0, react_1.useState)(false);
+    const [recording, setRecording] = (0, react_1.useState)(false);
+    const [recordingTime, setRecordingTime] = (0, react_1.useState)(0);
+    const [error, setError] = (0, react_1.useState)(null);
+    const timerRef = (0, react_1.useRef)(null);
+    // Auto-discover on mount
+    (0, react_1.useEffect)(() => {
+        handleDiscover();
+        return () => {
+            if (timerRef.current) {
+                clearInterval(timerRef.current);
+            }
+        };
+    }, []);
+    // Recording timer
+    (0, react_1.useEffect)(() => {
+        if (recording) {
+            setRecordingTime(0);
+            timerRef.current = setInterval(() => {
+                setRecordingTime((prev) => prev + 1);
+            }, 1000);
+        }
+        else {
+            if (timerRef.current) {
+                clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+            setRecordingTime(0);
+        }
+    }, [recording]);
+    const applyResult = (result) => {
+        setUrl(result.url);
+        setHostname(result.hostname);
+        setVersion(result.version);
+        setLatency(result.latency);
+        setConnected(true);
+        setError(null);
+        // Update YaverFeedback config if initialized
+        const config = YaverFeedback_1.YaverFeedback.getConfig();
+        if (config) {
+            YaverFeedback_1.YaverFeedback.init({ ...config, agentUrl: result.url });
+        }
+    };
+    const handleDiscover = async () => {
+        setDiscovering(true);
+        setError(null);
+        try {
+            const result = await Discovery_1.YaverDiscovery.discover();
+            if (result) {
+                applyResult(result);
+            }
+            else {
+                setConnected(false);
+                setError('No agent found on the local network.');
+            }
+        }
+        catch (err) {
+            setConnected(false);
+            setError(`Discovery failed: ${String(err)}`);
+        }
+        finally {
+            setDiscovering(false);
+        }
+    };
+    const handleConnect = async () => {
+        if (!url.trim()) {
+            setError('Enter an agent URL.');
+            return;
+        }
+        setConnecting(true);
+        setError(null);
+        try {
+            const result = await Discovery_1.YaverDiscovery.connect(url.trim());
+            if (result) {
+                applyResult(result);
+            }
+            else {
+                setConnected(false);
+                setError('Could not connect to agent at that URL.');
+            }
+        }
+        catch (err) {
+            setConnected(false);
+            setError(`Connection failed: ${String(err)}`);
+        }
+        finally {
+            setConnecting(false);
+        }
+    };
+    const handleToggleRecording = () => {
+        if (!connected) {
+            setError('Connect to an agent first.');
+            return;
+        }
+        if (recording) {
+            // Stop & send
+            setRecording(false);
+            YaverFeedback_1.YaverFeedback.startReport();
+        }
+        else {
+            // Start testing
+            setRecording(true);
+            // Initialize SDK with current URL/token if not already done
+            if (!YaverFeedback_1.YaverFeedback.isInitialized()) {
+                YaverFeedback_1.YaverFeedback.init({
+                    agentUrl: url,
+                    authToken: token,
+                    trigger: 'manual',
+                });
+            }
+        }
+    };
+    const formatTime = (seconds) => {
+        const mins = Math.floor(seconds / 60);
+        const secs = seconds % 60;
+        return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+    };
+    return (<react_native_1.SafeAreaView style={styles.container}>
+      <react_native_1.ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
+        {/* Header */}
+        <react_native_1.Text style={styles.title}>Yaver Agent</react_native_1.Text>
+
+        {/* Connection status */}
+        <react_native_1.View style={styles.statusRow}>
+          <react_native_1.View style={[styles.statusDot, connected ? styles.statusConnected : styles.statusDisconnected]}/>
+          <react_native_1.Text style={styles.statusText}>
+            {connected
+            ? `Connected to ${hostname}`
+            : 'Not connected'}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        {connected && (<react_native_1.View style={styles.infoRow}>
+            <react_native_1.Text style={styles.infoText}>v{version}</react_native_1.Text>
+            {latency !== null && (<react_native_1.Text style={styles.infoText}>{latency}ms</react_native_1.Text>)}
+          </react_native_1.View>)}
+
+        {/* URL input */}
+        <react_native_1.Text style={styles.label}>Agent URL</react_native_1.Text>
+        <react_native_1.TextInput style={styles.input} value={url} onChangeText={setUrl} placeholder="http://192.168.1.10:18080" placeholderTextColor="#666" autoCapitalize="none" autoCorrect={false} keyboardType="url"/>
+
+        {/* Token input */}
+        <react_native_1.Text style={styles.label}>Auth Token</react_native_1.Text>
+        <react_native_1.TextInput style={styles.input} value={token} onChangeText={setToken} placeholder="your-auth-token" placeholderTextColor="#666" autoCapitalize="none" autoCorrect={false} secureTextEntry/>
+
+        {/* Action buttons */}
+        <react_native_1.View style={styles.buttonRow}>
+          <react_native_1.TouchableOpacity style={[styles.button, styles.discoverButton]} onPress={handleDiscover} disabled={discovering}>
+            {discovering ? (<react_native_1.ActivityIndicator color="#e0e0e0" size="small"/>) : (<react_native_1.Text style={styles.buttonText}>Auto-discover</react_native_1.Text>)}
+          </react_native_1.TouchableOpacity>
+
+          <react_native_1.TouchableOpacity style={[styles.button, styles.connectButton]} onPress={handleConnect} disabled={connecting}>
+            {connecting ? (<react_native_1.ActivityIndicator color="#fff" size="small"/>) : (<react_native_1.Text style={styles.buttonText}>Connect</react_native_1.Text>)}
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>
+
+        {/* Error */}
+        {error && <react_native_1.Text style={styles.error}>{error}</react_native_1.Text>}
+
+        {/* Recording indicator */}
+        {recording && (<react_native_1.View style={styles.recordingIndicator}>
+            <react_native_1.View style={styles.recordingDot}/>
+            <react_native_1.Text style={styles.recordingText}>
+              Recording {formatTime(recordingTime)}
+            </react_native_1.Text>
+          </react_native_1.View>)}
+
+        {/* Start/Stop toggle */}
+        <react_native_1.TouchableOpacity style={[
+            styles.toggleButton,
+            recording ? styles.toggleStop : styles.toggleStart,
+            !connected && styles.toggleDisabled,
+        ]} onPress={handleToggleRecording} disabled={!connected}>
+          <react_native_1.Text style={styles.toggleText}>
+            {recording ? 'Stop & Send' : 'Start Testing'}
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.ScrollView>
+    </react_native_1.SafeAreaView>);
+};
+exports.YaverConnectionScreen = YaverConnectionScreen;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#1a1a2e',
+    },
+    content: {
+        padding: 24,
+        paddingTop: 16,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#e0e0e0',
+        marginBottom: 20,
+    },
+    statusRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 8,
+    },
+    statusDot: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        marginRight: 10,
+    },
+    statusConnected: {
+        backgroundColor: '#22c55e',
+    },
+    statusDisconnected: {
+        backgroundColor: '#ef4444',
+    },
+    statusText: {
+        color: '#e0e0e0',
+        fontSize: 15,
+    },
+    infoRow: {
+        flexDirection: 'row',
+        gap: 16,
+        marginBottom: 20,
+        paddingLeft: 20,
+    },
+    infoText: {
+        color: '#888',
+        fontSize: 13,
+    },
+    label: {
+        color: '#999',
+        fontSize: 13,
+        marginBottom: 6,
+        marginTop: 12,
+    },
+    input: {
+        backgroundColor: 'rgba(255,255,255,0.08)',
+        borderWidth: 1,
+        borderColor: 'rgba(255,255,255,0.15)',
+        borderRadius: 10,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+        color: '#e0e0e0',
+        fontSize: 15,
+    },
+    buttonRow: {
+        flexDirection: 'row',
+        gap: 12,
+        marginTop: 20,
+    },
+    button: {
+        flex: 1,
+        paddingVertical: 14,
+        borderRadius: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 48,
+    },
+    discoverButton: {
+        backgroundColor: 'rgba(99,102,241,0.2)',
+        borderWidth: 1,
+        borderColor: 'rgba(99,102,241,0.4)',
+    },
+    connectButton: {
+        backgroundColor: '#6366f1',
+    },
+    buttonText: {
+        color: '#e0e0e0',
+        fontSize: 15,
+        fontWeight: '600',
+    },
+    error: {
+        color: '#ef4444',
+        fontSize: 13,
+        marginTop: 12,
+    },
+    recordingIndicator: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: 24,
+    },
+    recordingDot: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        backgroundColor: '#ef4444',
+        marginRight: 8,
+    },
+    recordingText: {
+        color: '#ef4444',
+        fontSize: 16,
+        fontWeight: '600',
+        fontVariant: ['tabular-nums'],
+    },
+    toggleButton: {
+        marginTop: 24,
+        paddingVertical: 18,
+        borderRadius: 14,
+        alignItems: 'center',
+    },
+    toggleStart: {
+        backgroundColor: '#22c55e',
+    },
+    toggleStop: {
+        backgroundColor: '#ef4444',
+    },
+    toggleDisabled: {
+        opacity: 0.4,
+    },
+    toggleText: {
+        color: '#fff',
+        fontSize: 18,
+        fontWeight: '700',
+    },
+});

package/dist/Discovery.d.ts

@@ -0,0 +1,59 @@
+export interface DiscoveryResult {
+    url: string;
+    hostname: string;
+    version: string;
+    latency: number;
+}
+/**
+ * Device discovery for finding Yaver agents on the local network or via Convex.
+ *
+ * Three discovery strategies (tried in order):
+ * 1. **Convex cloud** — fetch agent IP from Convex `/devices/list` (for cloud machines)
+ * 2. **Stored connection** — try cached URL from last successful connection
+ * 3. **LAN scan** — probe common LAN IPs via `/health` endpoint
+ */
+export declare class YaverDiscovery {
+    /**
+     * Discover an agent. Tries Convex cloud first (if configured),
+     * then stored connection, then LAN scan.
+     */
+    static discover(options?: {
+        convexUrl?: string;
+        authToken?: string;
+        preferredDeviceId?: string;
+    }): Promise<DiscoveryResult | null>;
+    /**
+     * Fetch the agent URL from Convex device list or cloud machines.
+     * No hardcoded IPs needed — Convex knows where the agent is.
+     */
+    static discoverFromConvex(convexUrl: string, authToken: string, preferredDeviceId?: string): Promise<DiscoveryResult | null>;
+    /**
+     * Discover agent via relay HTTP proxy.
+     * Fetches relay server list from Convex platformConfig, then probes
+     * `{relayHttpUrl}/d/{deviceId}/health` to reach the agent over the internet.
+     */
+    static discoverViaRelay(convexUrl: string, authToken: string, deviceId: string): Promise<DiscoveryResult | null>;
+    /**
+     * Probe with extra headers (e.g. relay password).
+     */
+    static probeWithHeaders(url: string, headers: Record<string, string>): Promise<DiscoveryResult | null>;
+    /**
+     * Probe a specific URL for a running Yaver agent.
+     * Hits the `/health` endpoint with a 2s timeout.
+     */
+    static probe(url: string): Promise<DiscoveryResult | null>;
+    /**
+     * Manually connect to a specific agent URL.
+     * Probes the URL and stores the connection if successful.
+     */
+    static connect(url: string): Promise<DiscoveryResult | null>;
+    /** Get the cached agent connection from storage. */
+    static getStored(): Promise<{
+        url: string;
+        hostname: string;
+    } | null>;
+    /** Store a successful discovery result. */
+    static store(result: DiscoveryResult): Promise<void>;
+    /** Clear the stored agent connection. */
+    static clear(): Promise<void>;
+}