yaver-feedback-react-native 0.8.11 → 0.8.12

package/dist/BlackBox.d.ts

@@ -53,6 +53,7 @@ export type CommandHandler = (cmd: BlackBoxCommand) => void;
 export declare class BlackBox {
     private static baseUrl;
     private static authToken;
+    private static relayPassword;
     private static deviceId;
     private static appName;
     private static buffer;

package/dist/BlackBox.js

@@ -18,6 +18,7 @@ class BlackBox {
         }
         BlackBox.baseUrl = feedbackConfig.agentUrl.replace(/\/$/, '');
         BlackBox.authToken = feedbackConfig.authToken ?? null;
+        BlackBox.relayPassword = feedbackConfig.relayPassword ?? '';
         BlackBox.deviceId = config?.deviceId ?? BlackBox.generateDeviceId();
         BlackBox.appName = config?.appName ?? '';
         BlackBox.flushInterval = config?.flushInterval ?? 2000;
@@ -252,15 +253,19 @@ class BlackBox {
         BlackBox.sseAbortController = controller;
         const url = `${BlackBox.baseUrl}/blackbox/command-stream?device=${encodeURIComponent(BlackBox.deviceId)}`;
         try {
+            const sseHeaders = {
+                Authorization: `Bearer ${BlackBox.authToken}`,
+                'X-Device-ID': BlackBox.deviceId,
+                'X-Platform': react_native_1.Platform.OS,
+                'X-App-Name': BlackBox.appName,
+                Accept: 'text/event-stream',
+            };
+            if (BlackBox.relayPassword) {
+                sseHeaders['X-Relay-Password'] = BlackBox.relayPassword;
+            }
             const response = await fetch(url, {
                 method: 'GET',
-                headers: {
-                    Authorization: `Bearer ${BlackBox.authToken}`,
-                    'X-Device-ID': BlackBox.deviceId,
-                    'X-Platform': react_native_1.Platform.OS,
-                    'X-App-Name': BlackBox.appName,
-                    Accept: 'text/event-stream',
-                },
+                headers: sseHeaders,
                 // @ts-ignore — React Native supports signal on fetch
                 signal: controller.signal,
             });
@@ -354,15 +359,19 @@ class BlackBox {
         const events = BlackBox.buffer;
         BlackBox.buffer = [];
         try {
+            const flushHeaders = {
+                Authorization: `Bearer ${BlackBox.authToken}`,
+                'Content-Type': 'application/json',
+                'X-Device-ID': BlackBox.deviceId,
+                'X-Platform': react_native_1.Platform.OS,
+                'X-App-Name': BlackBox.appName,
+            };
+            if (BlackBox.relayPassword) {
+                flushHeaders['X-Relay-Password'] = BlackBox.relayPassword;
+            }
             await fetch(`${BlackBox.baseUrl}/blackbox/events`, {
                 method: 'POST',
-                headers: {
-                    Authorization: `Bearer ${BlackBox.authToken}`,
-                    'Content-Type': 'application/json',
-                    'X-Device-ID': BlackBox.deviceId,
-                    'X-Platform': react_native_1.Platform.OS,
-                    'X-App-Name': BlackBox.appName,
-                },
+                headers: flushHeaders,
                 body: JSON.stringify(events),
             });
         }
@@ -380,6 +389,12 @@ class BlackBox {
 exports.BlackBox = BlackBox;
 BlackBox.baseUrl = null;
 BlackBox.authToken = null;
+// Mirror of the user's relay password — required for EVERY request that
+// crosses the relay (`https://public.yaver.io/d/<id>/...`). Without it
+// the relay rejects with HTTP 401 "invalid relay password" and the
+// event stream silently fails. Set on start() from YaverFeedback's
+// resolved relay password (same source the P2PClient uses).
+BlackBox.relayPassword = '';
 BlackBox.deviceId = '';
 BlackBox.appName = '';
 BlackBox.buffer = [];

package/dist/FeedbackModal.js

@@ -376,7 +376,7 @@ const FeedbackModal = () => {
             return;
         }
         try {
-            const uploaded = await (0, upload_1.uploadFeedback)(config.agentUrl, config.authToken ?? '', bundle);
+            const uploaded = await (0, upload_1.uploadFeedback)(config.agentUrl, config.authToken ?? '', bundle, YaverFeedback_1.YaverFeedback.getRelayPassword());
             // The agent returns the new report id as `id` (see
             // feedback_http.go::ReceiveFeedback). Trigger the fix loop if we got
             // one back; otherwise just ack the upload.

package/dist/YaverFeedback.d.ts

@@ -116,6 +116,13 @@ export declare class YaverFeedback {
     static isEnabled(): boolean;
     /** Returns the current config, or null if not initialized. */
     static getConfig(): FeedbackConfig | null;
+    /** Returns the resolved relay password the SDK is currently using.
+     *  Empty string when no relay routing is in play (direct LAN agent
+     *  URLs need no password). Callers attaching it to relay-routed
+     *  HTTP requests must check for empty before setting the header,
+     *  since "X-Relay-Password: " is treated as invalid by the relay
+     *  and would 401 the request. */
+    static getRelayPassword(): string;
     /**
      * Manually attach an error with optional metadata.
      * Use this in catch blocks to give the agent extra context.

package/dist/YaverFeedback.js

@@ -781,6 +781,15 @@ class YaverFeedback {
     static getConfig() {
         return config;
     }
+    /** Returns the resolved relay password the SDK is currently using.
+     *  Empty string when no relay routing is in play (direct LAN agent
+     *  URLs need no password). Callers attaching it to relay-routed
+     *  HTTP requests must check for empty before setting the header,
+     *  since "X-Relay-Password: " is treated as invalid by the relay
+     *  and would 401 the request. */
+    static getRelayPassword() {
+        return p2pRelayPassword;
+    }
     /**
      * Manually attach an error with optional metadata.
      * Use this in catch blocks to give the agent extra context.
@@ -988,7 +997,7 @@ class YaverFeedback {
                 screenshots: screenshotPath ? [screenshotPath] : [],
                 errors: errorBuffer.length > 0 ? [...errorBuffer] : undefined,
             };
-            await uploadFeedback(config.agentUrl, config.authToken ?? '', bundle);
+            await uploadFeedback(config.agentUrl, config.authToken ?? '', bundle, p2pRelayPassword);
             console.log('[YaverFeedback] Auto-report sent');
         }
         catch (err) {

package/dist/upload.d.ts

@@ -12,7 +12,7 @@ import { FeedbackBundle } from './types';
  * Callers can inspect `.id` / `.reportId` to drive a follow-up
  * `/feedback/{id}/fix` kick.
  */
-export declare function uploadFeedback(agentUrl: string, authToken: string, bundle: FeedbackBundle): Promise<{
+export declare function uploadFeedback(agentUrl: string, authToken: string, bundle: FeedbackBundle, relayPassword?: string): Promise<{
     id?: string;
     reportId?: string;
     [k: string]: unknown;

package/dist/upload.js

@@ -15,7 +15,7 @@ const react_native_1 = require("react-native");
  * Callers can inspect `.id` / `.reportId` to drive a follow-up
  * `/feedback/{id}/fix` kick.
  */
-async function uploadFeedback(agentUrl, authToken, bundle) {
+async function uploadFeedback(agentUrl, authToken, bundle, relayPassword = '') {
     const formData = new FormData();
     // Attach metadata as JSON
     formData.append('metadata', JSON.stringify(bundle.metadata));
@@ -44,11 +44,15 @@ async function uploadFeedback(agentUrl, authToken, bundle) {
         });
     }
     const url = agentUrl.replace(/\/$/, '') + '/feedback';
+    const headers = {
+        Authorization: `Bearer ${authToken}`,
+    };
+    if (relayPassword) {
+        headers['X-Relay-Password'] = relayPassword;
+    }
     const response = await fetch(url, {
         method: 'POST',
-        headers: {
-            Authorization: `Bearer ${authToken}`,
-        },
+        headers,
         body: formData,
     });
     if (!response.ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yaver-feedback-react-native",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "description": "Visual feedback SDK for Yaver \u2014 bug reports, screen recording, voice annotations, and local-first developer workflows",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/BlackBox.ts

@@ -69,6 +69,12 @@ export type CommandHandler = (cmd: BlackBoxCommand) => void;
 export class BlackBox {
   private static baseUrl: string | null = null;
   private static authToken: string | null = null;
+  // Mirror of the user's relay password — required for EVERY request that
+  // crosses the relay (`https://public.yaver.io/d/<id>/...`). Without it
+  // the relay rejects with HTTP 401 "invalid relay password" and the
+  // event stream silently fails. Set on start() from YaverFeedback's
+  // resolved relay password (same source the P2PClient uses).
+  private static relayPassword: string = '';
   private static deviceId: string = '';
   private static appName: string = '';
   private static buffer: BlackBoxEvent[] = [];
@@ -103,6 +109,7 @@ export class BlackBox {
 
     BlackBox.baseUrl = feedbackConfig.agentUrl.replace(/\/$/, '');
     BlackBox.authToken = feedbackConfig.authToken ?? null;
+    BlackBox.relayPassword = (feedbackConfig as { relayPassword?: string }).relayPassword ?? '';
     BlackBox.deviceId = config?.deviceId ?? BlackBox.generateDeviceId();
     BlackBox.appName = config?.appName ?? '';
     BlackBox.flushInterval = config?.flushInterval ?? 2000;
@@ -375,15 +382,19 @@ export class BlackBox {
     const url = `${BlackBox.baseUrl}/blackbox/command-stream?device=${encodeURIComponent(BlackBox.deviceId)}`;
 
     try {
+      const sseHeaders: Record<string, string> = {
+        Authorization: `Bearer ${BlackBox.authToken}`,
+        'X-Device-ID': BlackBox.deviceId,
+        'X-Platform': Platform.OS,
+        'X-App-Name': BlackBox.appName,
+        Accept: 'text/event-stream',
+      };
+      if (BlackBox.relayPassword) {
+        sseHeaders['X-Relay-Password'] = BlackBox.relayPassword;
+      }
       const response = await fetch(url, {
         method: 'GET',
-        headers: {
-          Authorization: `Bearer ${BlackBox.authToken}`,
-          'X-Device-ID': BlackBox.deviceId,
-          'X-Platform': Platform.OS,
-          'X-App-Name': BlackBox.appName,
-          Accept: 'text/event-stream',
-        },
+        headers: sseHeaders,
         // @ts-ignore — React Native supports signal on fetch
         signal: controller.signal,
       });
@@ -479,15 +490,19 @@ export class BlackBox {
     BlackBox.buffer = [];
 
     try {
+      const flushHeaders: Record<string, string> = {
+        Authorization: `Bearer ${BlackBox.authToken}`,
+        'Content-Type': 'application/json',
+        'X-Device-ID': BlackBox.deviceId,
+        'X-Platform': Platform.OS,
+        'X-App-Name': BlackBox.appName,
+      };
+      if (BlackBox.relayPassword) {
+        flushHeaders['X-Relay-Password'] = BlackBox.relayPassword;
+      }
       await fetch(`${BlackBox.baseUrl}/blackbox/events`, {
         method: 'POST',
-        headers: {
-          Authorization: `Bearer ${BlackBox.authToken}`,
-          'Content-Type': 'application/json',
-          'X-Device-ID': BlackBox.deviceId,
-          'X-Platform': Platform.OS,
-          'X-App-Name': BlackBox.appName,
-        },
+        headers: flushHeaders,
         body: JSON.stringify(events),
       });
     } catch {

package/src/FeedbackModal.tsx

@@ -415,6 +415,7 @@ export const FeedbackModal: React.FC = () => {
         config.agentUrl,
         config.authToken ?? '',
         bundle,
+        YaverFeedback.getRelayPassword(),
       );
       // The agent returns the new report id as `id` (see
       // feedback_http.go::ReceiveFeedback). Trigger the fix loop if we got

package/src/YaverFeedback.ts

@@ -815,6 +815,16 @@ export class YaverFeedback {
     return config;
   }
 
+  /** Returns the resolved relay password the SDK is currently using.
+   *  Empty string when no relay routing is in play (direct LAN agent
+   *  URLs need no password). Callers attaching it to relay-routed
+   *  HTTP requests must check for empty before setting the header,
+   *  since "X-Relay-Password: " is treated as invalid by the relay
+   *  and would 401 the request. */
+  static getRelayPassword(): string {
+    return p2pRelayPassword;
+  }
+
   /**
    * Manually attach an error with optional metadata.
    * Use this in catch blocks to give the agent extra context.
@@ -1040,7 +1050,7 @@ export class YaverFeedback {
         errors: errorBuffer.length > 0 ? [...errorBuffer] : undefined,
       };
 
-      await uploadFeedback(config.agentUrl, config.authToken ?? '', bundle);
+      await uploadFeedback(config.agentUrl, config.authToken ?? '', bundle, p2pRelayPassword);
       console.log('[YaverFeedback] Auto-report sent');
     } catch (err) {
       console.warn('[YaverFeedback] Auto-report failed:', err);

package/src/upload.ts

@@ -18,6 +18,7 @@ export async function uploadFeedback(
   agentUrl: string,
   authToken: string,
   bundle: FeedbackBundle,
+  relayPassword: string = '',
 ): Promise<{ id?: string; reportId?: string; [k: string]: unknown }> {
   const formData = new FormData();
 
@@ -54,11 +55,15 @@ export async function uploadFeedback(
 
   const url = agentUrl.replace(/\/$/, '') + '/feedback';
 
+  const headers: Record<string, string> = {
+    Authorization: `Bearer ${authToken}`,
+  };
+  if (relayPassword) {
+    headers['X-Relay-Password'] = relayPassword;
+  }
   const response = await fetch(url, {
     method: 'POST',
-    headers: {
-      Authorization: `Bearer ${authToken}`,
-    },
+    headers,
     body: formData,
   });