yaver-feedback-react-native 0.8.2 → 0.8.3

package/dist/auth.d.ts

@@ -100,8 +100,10 @@ export interface RemoteDevice {
     runnerDown: boolean;
     lastHeartbeat: number;
     isGuest: boolean;
+    hostUserId?: string;
     hostName?: string;
     hostEmail?: string;
+    hostUserIdString?: string;
     accessScope: 'owner' | 'shared-scoped' | 'shared-legacy';
     quicHost: string;
     quicPort: number;
@@ -121,6 +123,44 @@ export interface DeviceList {
     owned: RemoteDevice[];
     shared: RemoteDevice[];
 }
+export interface GuestInvitation {
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    hostUserIdString?: string;
+    createdAt: number;
+    expiresAt: number;
+    inviteCode?: string;
+}
+export interface ActiveGuestHost {
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    grantedAt: number;
+}
+export interface GuestHostsResponse {
+    pending: GuestInvitation[];
+    active: ActiveGuestHost[];
+}
+export interface InvitationHostDevice {
+    deviceId: string;
+    name: string;
+    platform: string;
+    lastHeartbeat?: number;
+    proposed: boolean;
+}
+export interface InvitationPreview {
+    inviteCode: string;
+    hostUserId: string;
+    hostName: string;
+    hostEmail: string;
+    hostUserIdString?: string;
+    proposedDeviceIds?: string[];
+    hostDevices: InvitationHostDevice[];
+    invitedByUserId?: boolean;
+    expiresAt: number;
+    createdAt: number;
+}
 /**
  * Fetch the set of remote dev machines this user can reach. Splits into
  * owned (user is the host) vs shared (host invited them as a guest).
@@ -130,3 +170,15 @@ export interface DeviceList {
  * raw list used to render as "Kvancs-MacBook-Air.local ×3" in the picker.
  */
 export declare function listReachableDevices(token: string): Promise<DeviceList>;
+export declare function mintGuestSdkToken(token: string, hostUserId: string, targetDeviceId: string): Promise<{
+    token: string;
+    expiresAt: number;
+    allowedProjects?: string[];
+}>;
+export declare function fetchGuestHosts(token: string): Promise<GuestHostsResponse>;
+export declare function findInviteByCode(token: string, code: string): Promise<InvitationPreview | null>;
+export declare function acceptGuestByCode(token: string, code: string, approvedDeviceIds?: string[]): Promise<{
+    hostName: string;
+    hostEmail: string;
+}>;
+export declare function acceptGuestInvitation(token: string, hostUserId: string, approvedDeviceIds?: string[]): Promise<void>;

package/dist/auth.js

@@ -37,6 +37,11 @@ exports.signInWithOAuth = signInWithOAuth;
 exports.signupWithEmail = signupWithEmail;
 exports.loginWithEmail = loginWithEmail;
 exports.listReachableDevices = listReachableDevices;
+exports.mintGuestSdkToken = mintGuestSdkToken;
+exports.fetchGuestHosts = fetchGuestHosts;
+exports.findInviteByCode = findInviteByCode;
+exports.acceptGuestByCode = acceptGuestByCode;
+exports.acceptGuestInvitation = acceptGuestInvitation;
 // AsyncStorage is an optional peer dep — degrade gracefully if missing.
 let AsyncStorage = null;
 try {
@@ -379,8 +384,10 @@ async function listReachableDevices(token) {
             runnerDown: !!d.runnerDown,
             lastHeartbeat: d.lastHeartbeat ?? 0,
             isGuest: !!d.isGuest,
+            hostUserId: d.hostUserId,
             hostName: d.hostName,
             hostEmail: d.hostEmail,
+            hostUserIdString: d.hostUserIdString,
             accessScope: d.accessScope ?? 'owner',
             quicHost: d.quicHost ?? d.host ?? '',
             quicPort: d.quicPort ?? 0,
@@ -405,3 +412,71 @@ async function listReachableDevices(token) {
         return { owned: [], shared: [] };
     }
 }
+async function mintGuestSdkToken(token, hostUserId, targetDeviceId) {
+    const res = await fetch(`${convexSiteUrl}/guests/sdk-token`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ hostUserId, targetDeviceId }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to mint delegated SDK token');
+    }
+    return res.json();
+}
+async function fetchGuestHosts(token) {
+    const res = await fetch(`${convexSiteUrl}/guests/hosts`, {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to fetch guest hosts');
+    }
+    return res.json();
+}
+async function findInviteByCode(token, code) {
+    const cleaned = code.toUpperCase().trim();
+    const res = await fetch(`${convexSiteUrl}/guests/find-by-code?code=${encodeURIComponent(cleaned)}`, { headers: { Authorization: `Bearer ${token}` } });
+    if (res.status === 404)
+        return null;
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to load invite');
+    }
+    return res.json();
+}
+async function acceptGuestByCode(token, code, approvedDeviceIds) {
+    const res = await fetch(`${convexSiteUrl}/guests/accept-code`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+            code: code.toUpperCase().trim(),
+            approvedDeviceIds,
+        }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Invalid invite code');
+    }
+    return res.json();
+}
+async function acceptGuestInvitation(token, hostUserId, approvedDeviceIds) {
+    const res = await fetch(`${convexSiteUrl}/guests/accept`, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ hostUserId, approvedDeviceIds }),
+    });
+    if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to accept invitation');
+    }
+}

package/dist/index.d.ts

@@ -39,6 +39,8 @@ export { YaverLoginScreen } from './LoginScreen';
 export type { YaverLoginScreenProps } from './LoginScreen';
 export { YaverMachinePickerScreen } from './MachinePickerScreen';
 export type { YaverMachinePickerProps } from './MachinePickerScreen';
+export { YaverGuestOnboardingScreen } from './GuestOnboardingScreen';
+export type { YaverGuestOnboardingScreenProps } from './GuestOnboardingScreen';
 export { PairDeviceModal } from './PairDeviceModal';
 export type { PairDeviceModalProps } from './PairDeviceModal';
 export { AuthOverlay } from './AuthOverlay';
@@ -49,8 +51,8 @@ export { QuickActionIcon } from './QuickActionIcon';
 export type { QuickActionIconProps } from './QuickActionIcon';
 export { FixReport } from './FixReport';
 export { getQuickIconDisabled, setQuickIconDisabled, clearQuickIconDisabled, } from './preferences';
-export { configureAuthEndpoints, getConvexSiteUrl, getWebBaseUrl, getToken, saveToken, clearToken, getUser, saveUser, getSelectedDeviceId, saveSelectedDeviceId, clearSelectedDeviceId, validateToken, signInWithApple, signInWithOAuth, signupWithEmail, loginWithEmail, listReachableDevices, DEFAULT_CONVEX_SITE_URL, DEFAULT_WEB_BASE_URL, DEFAULT_OAUTH_REDIRECT, } from './auth';
-export type { OAuthProvider, User, RemoteDevice, DeviceList, } from './auth';
+export { configureAuthEndpoints, getConvexSiteUrl, getWebBaseUrl, getToken, saveToken, clearToken, getUser, saveUser, getSelectedDeviceId, saveSelectedDeviceId, clearSelectedDeviceId, validateToken, signInWithApple, signInWithOAuth, signupWithEmail, loginWithEmail, listReachableDevices, fetchGuestHosts, findInviteByCode, acceptGuestByCode, acceptGuestInvitation, DEFAULT_CONVEX_SITE_URL, DEFAULT_WEB_BASE_URL, DEFAULT_OAUTH_REDIRECT, } from './auth';
+export type { OAuthProvider, User, RemoteDevice, DeviceList, GuestInvitation, ActiveGuestHost, GuestHostsResponse, InvitationHostDevice, InvitationPreview, } from './auth';
 export { captureScreenshot, pickFeedbackFile, startVideoRecording, stopVideoRecording, isVideoRecording, } from './capture';
 export { uploadFeedback } from './upload';
 export type { FeedbackConfig, FeedbackBundle, FeedbackMetadata, DeviceInfo, AppInfo, TimelineEvent, FeedbackReport, FeedbackStreamEvent, VoiceCapability, CapturedError, TestFix, TestSession, } from './types';

package/dist/index.js

@@ -29,7 +29,7 @@
  * ```
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.pickFeedbackFile = exports.captureScreenshot = exports.DEFAULT_OAUTH_REDIRECT = exports.DEFAULT_WEB_BASE_URL = exports.DEFAULT_CONVEX_SITE_URL = exports.listReachableDevices = exports.loginWithEmail = exports.signupWithEmail = exports.signInWithOAuth = exports.signInWithApple = exports.validateToken = exports.clearSelectedDeviceId = exports.saveSelectedDeviceId = exports.getSelectedDeviceId = exports.saveUser = exports.getUser = exports.clearToken = exports.saveToken = exports.getToken = exports.getWebBaseUrl = exports.getConvexSiteUrl = exports.configureAuthEndpoints = exports.clearQuickIconDisabled = exports.setQuickIconDisabled = exports.getQuickIconDisabled = exports.FixReport = exports.QuickActionIcon = exports.FeedbackModal = exports.FloatingButton = exports.ShakeDetector = exports.AuthOverlay = exports.PairDeviceModal = exports.YaverMachinePickerScreen = exports.YaverLoginScreen = exports.YaverConnectionScreen = exports.P2PClient = exports.YaverDiscovery = exports.initExpo = exports.YaverUpdates = exports.BlackBox = exports.YaverFeedback = void 0;
+exports.uploadFeedback = exports.isVideoRecording = exports.stopVideoRecording = exports.startVideoRecording = exports.pickFeedbackFile = exports.captureScreenshot = exports.DEFAULT_OAUTH_REDIRECT = exports.DEFAULT_WEB_BASE_URL = exports.DEFAULT_CONVEX_SITE_URL = exports.acceptGuestInvitation = exports.acceptGuestByCode = exports.findInviteByCode = exports.fetchGuestHosts = exports.listReachableDevices = exports.loginWithEmail = exports.signupWithEmail = exports.signInWithOAuth = exports.signInWithApple = exports.validateToken = exports.clearSelectedDeviceId = exports.saveSelectedDeviceId = exports.getSelectedDeviceId = exports.saveUser = exports.getUser = exports.clearToken = exports.saveToken = exports.getToken = exports.getWebBaseUrl = exports.getConvexSiteUrl = exports.configureAuthEndpoints = exports.clearQuickIconDisabled = exports.setQuickIconDisabled = exports.getQuickIconDisabled = exports.FixReport = exports.QuickActionIcon = exports.FeedbackModal = exports.FloatingButton = exports.ShakeDetector = exports.AuthOverlay = exports.PairDeviceModal = exports.YaverGuestOnboardingScreen = exports.YaverMachinePickerScreen = exports.YaverLoginScreen = exports.YaverConnectionScreen = exports.P2PClient = exports.YaverDiscovery = exports.initExpo = exports.YaverUpdates = exports.BlackBox = exports.YaverFeedback = void 0;
 var YaverFeedback_1 = require("./YaverFeedback");
 Object.defineProperty(exports, "YaverFeedback", { enumerable: true, get: function () { return YaverFeedback_1.YaverFeedback; } });
 var BlackBox_1 = require("./BlackBox");
@@ -48,6 +48,8 @@ var LoginScreen_1 = require("./LoginScreen");
 Object.defineProperty(exports, "YaverLoginScreen", { enumerable: true, get: function () { return LoginScreen_1.YaverLoginScreen; } });
 var MachinePickerScreen_1 = require("./MachinePickerScreen");
 Object.defineProperty(exports, "YaverMachinePickerScreen", { enumerable: true, get: function () { return MachinePickerScreen_1.YaverMachinePickerScreen; } });
+var GuestOnboardingScreen_1 = require("./GuestOnboardingScreen");
+Object.defineProperty(exports, "YaverGuestOnboardingScreen", { enumerable: true, get: function () { return GuestOnboardingScreen_1.YaverGuestOnboardingScreen; } });
 var PairDeviceModal_1 = require("./PairDeviceModal");
 Object.defineProperty(exports, "PairDeviceModal", { enumerable: true, get: function () { return PairDeviceModal_1.PairDeviceModal; } });
 var AuthOverlay_1 = require("./AuthOverlay");
@@ -84,6 +86,10 @@ Object.defineProperty(exports, "signInWithOAuth", { enumerable: true, get: funct
 Object.defineProperty(exports, "signupWithEmail", { enumerable: true, get: function () { return auth_1.signupWithEmail; } });
 Object.defineProperty(exports, "loginWithEmail", { enumerable: true, get: function () { return auth_1.loginWithEmail; } });
 Object.defineProperty(exports, "listReachableDevices", { enumerable: true, get: function () { return auth_1.listReachableDevices; } });
+Object.defineProperty(exports, "fetchGuestHosts", { enumerable: true, get: function () { return auth_1.fetchGuestHosts; } });
+Object.defineProperty(exports, "findInviteByCode", { enumerable: true, get: function () { return auth_1.findInviteByCode; } });
+Object.defineProperty(exports, "acceptGuestByCode", { enumerable: true, get: function () { return auth_1.acceptGuestByCode; } });
+Object.defineProperty(exports, "acceptGuestInvitation", { enumerable: true, get: function () { return auth_1.acceptGuestInvitation; } });
 Object.defineProperty(exports, "DEFAULT_CONVEX_SITE_URL", { enumerable: true, get: function () { return auth_1.DEFAULT_CONVEX_SITE_URL; } });
 Object.defineProperty(exports, "DEFAULT_WEB_BASE_URL", { enumerable: true, get: function () { return auth_1.DEFAULT_WEB_BASE_URL; } });
 Object.defineProperty(exports, "DEFAULT_OAUTH_REDIRECT", { enumerable: true, get: function () { return auth_1.DEFAULT_OAUTH_REDIRECT; } });

package/dist/types.d.ts

@@ -209,6 +209,13 @@ export interface FeedbackConfig {
      * Default: false (preserve historical behavior).
      */
     strictNativeAuth?: boolean;
+    /**
+     * Optional host invite code to prefill into the in-SDK guest onboarding
+     * flow. Useful when your app receives the code from a deep link, QR flow,
+     * or an out-of-band host handoff and you want the user to redeem it
+     * without typing.
+     */
+    guestInviteCode?: string;
 }
 export interface FeedbackBundle {
     metadata: FeedbackMetadata;

package/package.json

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

package/src/AuthOverlay.tsx

@@ -2,8 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { DeviceEventEmitter, Modal } from 'react-native';
 import { YaverLoginScreen } from './LoginScreen';
 import { YaverMachinePickerScreen } from './MachinePickerScreen';
+import { YaverGuestOnboardingScreen } from './GuestOnboardingScreen';
 import { YaverFeedback } from './YaverFeedback';
-import { getToken, RemoteDevice } from './auth';
+import { getToken, RemoteDevice, listReachableDevices } from './auth';
 
 /**
  * Presentation layer for the SDK's auth + machine-picker modals.
@@ -21,8 +22,10 @@ import { getToken, RemoteDevice } from './auth';
  */
 export const AuthOverlay: React.FC = () => {
   const [loginVisible, setLoginVisible] = useState(false);
+  const [guestVisible, setGuestVisible] = useState(false);
   const [pickerVisible, setPickerVisible] = useState(false);
   const [token, setToken] = useState<string | null>(null);
+  const [pendingInviteCode, setPendingInviteCode] = useState<string | null>(null);
 
   useEffect(() => {
     let mounted = true;
@@ -50,16 +53,32 @@ export const AuthOverlay: React.FC = () => {
     };
   }, []);
 
-  const handleLoggedIn = async (newToken: string) => {
+  const continueAfterAuth = async (newToken: string, inviteCode?: string) => {
     setToken(newToken);
     await YaverFeedback.setAuthToken(newToken);
+    const devices = await listReachableDevices(newToken).catch(() => ({ owned: [], shared: [] }));
     setLoginVisible(false);
+    const cleanedInviteCode = (inviteCode ?? '').trim().toUpperCase();
+    if (cleanedInviteCode) {
+      setPendingInviteCode(cleanedInviteCode);
+      setGuestVisible(true);
+      return;
+    }
+    if (devices.owned.length === 0 && devices.shared.length === 0) {
+      setGuestVisible(true);
+      return;
+    }
     setPickerVisible(true);
   };
 
+  const handleLoggedIn = async (newToken: string, opts?: { inviteCode?: string }) => {
+    await continueAfterAuth(newToken, opts?.inviteCode);
+  };
+
   const handleDevicePicked = async (device: RemoteDevice) => {
     await YaverFeedback.setPreferredDevice(device.deviceId);
     setPickerVisible(false);
+    setGuestVisible(false);
     // Continue straight into the feedback flow the user originally triggered.
     DeviceEventEmitter.emit('yaverFeedback:startReport');
   };
@@ -75,6 +94,7 @@ export const AuthOverlay: React.FC = () => {
         <YaverLoginScreen
           onLoggedIn={handleLoggedIn}
           onCancel={() => setLoginVisible(false)}
+          initialInviteCode={pendingInviteCode ?? YaverFeedback.getConfig()?.guestInviteCode}
         />
       </Modal>
 
@@ -93,6 +113,30 @@ export const AuthOverlay: React.FC = () => {
           />
         )}
       </Modal>
+
+      <Modal
+        visible={guestVisible && !!token}
+        animationType="slide"
+        presentationStyle="fullScreen"
+        onRequestClose={() => setGuestVisible(false)}
+      >
+        {token && (
+          <YaverGuestOnboardingScreen
+            token={token}
+            initialInviteCode={pendingInviteCode ?? YaverFeedback.getConfig()?.guestInviteCode}
+            onContinue={() => {
+              setGuestVisible(false);
+              setPendingInviteCode(null);
+              setPickerVisible(true);
+            }}
+            onCancel={() => {
+              setGuestVisible(false);
+              setPendingInviteCode(null);
+              setPickerVisible(true);
+            }}
+          />
+        )}
+      </Modal>
     </>
   );
 };

package/src/Discovery.ts

@@ -188,8 +188,10 @@ export class YaverDiscovery {
         runnerDown: !!d.runnerDown,
         lastHeartbeat: d.lastHeartbeat ?? 0,
         isGuest: !!d.isGuest,
+        hostUserId: d.hostUserId,
         hostName: d.hostName,
         hostEmail: d.hostEmail,
+        hostUserIdString: d.hostUserIdString,
         accessScope: d.accessScope ?? 'owner',
         quicHost: d.quicHost ?? d.host ?? '',
         quicPort: d.quicPort ?? 0,

package/src/FeedbackModal.tsx

@@ -480,8 +480,29 @@ export const FeedbackModal: React.FC = () => {
   // user types what they want, hits Send, sees the task id back. If
   // left blank, we default to "pick the next small improvement"
   // so a one-tap workflow still works for lazy days.
-  const handleVibingButton = useCallback(() => {
+  const handleVibingButton = useCallback(async () => {
     if (!showVibeInput) {
+      const client = YaverFeedback.getP2PClient();
+      if (!client) {
+        setError('Not connected to the agent yet.');
+        return;
+      }
+      setError(null);
+      try {
+        const eligibility = await client.getVibingEligibility();
+        if (!eligibility.canVibe) {
+          const message =
+            eligibility.guidance && eligibility.guidance.trim()
+              ? `${eligibility.reason ?? 'Vibe coding is unavailable.'} ${eligibility.guidance}`
+              : eligibility.reason ?? 'Vibe coding is unavailable.';
+          setError(message);
+          setToast('Vibe coding unavailable for this project.');
+          return;
+        }
+      } catch (err: unknown) {
+        setError(err instanceof Error ? err.message : String(err));
+        return;
+      }
       setShowVibeInput(true);
       return;
     }