yaver-feedback-react-native 0.8.1 → 0.8.2

package/dist/P2PClient.d.ts

@@ -4,6 +4,14 @@ export interface FeedbackEvent {
     timestamp: string;
     data: any;
 }
+export interface ReloadAck {
+    ok: boolean;
+    mode: 'dev' | 'bundle';
+    acknowledged: boolean;
+    message: string;
+    nativeChangesDetected?: boolean;
+    changeClass?: string;
+}
 /**
  * Lightweight P2P HTTP client for communicating with a Yaver agent.
  *
@@ -69,9 +77,7 @@ export declare class P2PClient {
         projectName?: string;
         bundleId?: string;
         projectPath?: string;
-    }): Promise<{
-        ok: boolean;
-    }>;
+    }): Promise<ReloadAck>;
     /**
      * Open a vibing session on the connected agent. Vibing is the Yaver
      * interactive coding-agent flow — `/vibing/execute` creates a task with

package/dist/P2PClient.js

@@ -291,7 +291,18 @@ class P2PClient {
                 headers: { Authorization: `Bearer ${this.authToken}` },
             });
             if (primary.ok) {
-                return primary.json().catch(() => ({ ok: true }));
+                const payload = await primary.json().catch(() => ({}));
+                const nativeChangesDetected = payload.nativeChangesDetected === true;
+                return {
+                    ok: true,
+                    mode: 'dev',
+                    acknowledged: true,
+                    nativeChangesDetected,
+                    changeClass: typeof payload.changeClass === 'string' ? payload.changeClass : undefined,
+                    message: nativeChangesDetected
+                        ? 'Reload accepted, but native changes need a rebuild.'
+                        : 'Hot reload request accepted.',
+                };
             }
             // Dev mode failed — fall through to bundle rebuild below rather
             // than surfacing the raw error, so the user never has to know
@@ -321,7 +332,17 @@ class P2PClient {
             const text = await res.text().catch(() => '');
             throw new Error(friendlyReloadError(res.status, text));
         }
-        return res.json().catch(() => ({ ok: true }));
+        const payload = await res.json().catch(() => ({}));
+        return {
+            ok: true,
+            mode: 'bundle',
+            acknowledged: true,
+            changeClass: typeof payload.changeClass === 'string' ? payload.changeClass : undefined,
+            nativeChangesDetected: payload.nativeChangesDetected === true,
+            message: typeof payload.message === 'string' && payload.message.trim()
+                ? payload.message
+                : 'Reload request acknowledged. Agent is rebuilding the bundle.',
+        };
     }
     /**
      * Open a vibing session on the connected agent. Vibing is the Yaver

package/dist/QuickActionIcon.js

@@ -111,6 +111,7 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
     const dragStart = (0, react_1.useRef)(null);
     const didDrag = (0, react_1.useRef)(false);
     const [userDisabled, setUserDisabled] = (0, react_1.useState)(null);
+    const [colorPreset, setColorPreset] = (0, react_1.useState)(null);
     const [shakenThisSession, setShakenThisSession] = (0, react_1.useState)(false);
     const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
     const [hostSuppressed] = (0, react_1.useState)(() => isRunningInsideYaverHost());
@@ -123,6 +124,10 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
             if (alive)
                 setUserDisabled(v);
         });
+        (0, preferences_1.getQuickIconColorPreset)().then((v) => {
+            if (alive)
+                setColorPreset(v);
+        });
         return () => {
             alive = false;
         };
@@ -146,9 +151,15 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
             void (0, preferences_1.setQuickIconDisabled)(true);
             setMenuOpen(false);
         });
+        const colorSub = react_native_1.DeviceEventEmitter.addListener('yaverFeedback:quickIconColorChange', (next) => {
+            const preset = next?.preset ?? null;
+            setColorPreset(preset);
+            void (0, preferences_1.setQuickIconColorPreset)(preset);
+        });
         return () => {
             showSub.remove();
             hideSub.remove();
+            colorSub.remove();
         };
     }, []);
     const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
@@ -204,6 +215,7 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
         return null;
     if (!YaverFeedback_1.YaverFeedback.isEnabled())
         return null;
+    const presetColors = colorPreset ? preferences_1.QUICK_ICON_COLOR_PRESETS[colorPreset] : null;
     const visualSize = size;
     const radius = visualSize / 2;
     return (<react_native_1.Animated.View pointerEvents="box-none" style={[
@@ -232,16 +244,16 @@ const QuickActionIcon = ({ color: colorProp, backgroundColor: backgroundColorPro
                 width: visualSize,
                 height: visualSize,
                 borderRadius: radius,
-                backgroundColor,
-                borderColor,
-                shadowColor,
+                backgroundColor: presetColors?.backgroundColor ?? backgroundColor,
+                borderColor: presetColors?.borderColor ?? borderColor,
+                shadowColor: presetColors?.shadowColor ?? shadowColor,
                 opacity: pressed ? 0.85 : 1,
             },
         ]}>
           <react_native_1.Text style={[
             styles.iconLabel,
             {
-                color: foregroundColor,
+                color: presetColors?.foregroundColor ?? foregroundColor,
                 fontSize: Math.round(visualSize * 0.5),
             },
         ]}>

package/dist/YaverFeedback.d.ts

@@ -1,5 +1,6 @@
 import { FeedbackConfig, CapturedError } from './types';
 import { P2PClient } from './P2PClient';
+import { QuickIconColorPreset } from './preferences';
 /**
  * Main entry point for the Yaver Feedback SDK.
  * Call `YaverFeedback.init()` once at app startup.
@@ -60,6 +61,8 @@ export declare class YaverFeedback {
      * newly-selected machine.
      */
     static setPreferredDevice(deviceId: string): Promise<void>;
+    /** Resolve the currently selected remote machine from the authenticated device list. */
+    static getSelectedRemoteDevice(): Promise<import("./auth").RemoteDevice | null>;
     /**
      * Sign out: clear cached token + device, tear down the P2P client. The
      * SDK stays enabled; the next feedback trigger will re-prompt for login.
@@ -223,6 +226,8 @@ export declare class YaverFeedback {
      * about the programmatic API.
      */
     static isQuickIconHidden(): Promise<boolean>;
+    static setQuickIconColorPreset(preset: QuickIconColorPreset | null): Promise<void>;
+    static getQuickIconColorPreset(): Promise<QuickIconColorPreset | null>;
     /** Clear the persisted "user hid the icon" flag. */
     static resetQuickIconPreference(): Promise<void>;
     /** Tear down the SDK (stop shake detector, clear state). */

package/dist/YaverFeedback.js

@@ -346,6 +346,15 @@ class YaverFeedback {
         p2pClient = null;
         await YaverFeedback.discoverAgent();
     }
+    /** Resolve the currently selected remote machine from the authenticated device list. */
+    static async getSelectedRemoteDevice() {
+        if (!config?.authToken || !config.preferredDeviceId)
+            return null;
+        const preferredDeviceId = config.preferredDeviceId;
+        const devices = await (0, auth_1.listReachableDevices)(config.authToken);
+        const all = [...devices.owned, ...devices.shared];
+        return all.find((device) => device.deviceId === preferredDeviceId) ?? null;
+    }
     /**
      * Sign out: clear cached token + device, tear down the P2P client. The
      * SDK stays enabled; the next feedback trigger will re-prompt for login.
@@ -809,6 +818,19 @@ class YaverFeedback {
     static async isQuickIconHidden() {
         return (0, preferences_1.getQuickIconDisabled)();
     }
+    static async setQuickIconColorPreset(preset) {
+        await (0, preferences_1.setQuickIconColorPreset)(preset);
+        try {
+            const { DeviceEventEmitter } = require('react-native');
+            DeviceEventEmitter.emit('yaverFeedback:quickIconColorChange', { preset });
+        }
+        catch {
+            // emitter unavailable — preference is still persisted
+        }
+    }
+    static async getQuickIconColorPreset() {
+        return (0, preferences_1.getQuickIconColorPreset)();
+    }
     /** Clear the persisted "user hid the icon" flag. */
     static async resetQuickIconPreference() {
         await YaverFeedback.setQuickIconVisible(true);

package/dist/__tests__/P2PClient.test.js

@@ -166,4 +166,34 @@ describe('P2PClient', () => {
             expect(result).toEqual(builds);
         });
     });
+    describe('reloadApp()', () => {
+        it('returns an acknowledgement for dev reloads', async () => {
+            mockFetch.mockResolvedValue({
+                ok: true,
+                json: () => Promise.resolve({ ok: true, changeClass: 'js_only' }),
+            });
+            const client = new P2PClient_1.P2PClient('http://localhost:18080', 'tok');
+            const result = await client.reloadApp('dev');
+            expect(result).toEqual(expect.objectContaining({
+                ok: true,
+                mode: 'dev',
+                acknowledged: true,
+                message: 'Hot reload request accepted.',
+            }));
+        });
+        it('returns an acknowledgement for bundle reloads', async () => {
+            mockFetch.mockResolvedValue({
+                ok: true,
+                json: () => Promise.resolve({ ok: true }),
+            });
+            const client = new P2PClient_1.P2PClient('http://localhost:18080', 'tok');
+            const result = await client.reloadApp('bundle');
+            expect(result).toEqual(expect.objectContaining({
+                ok: true,
+                mode: 'bundle',
+                acknowledged: true,
+                message: 'Reload request acknowledged. Agent is rebuilding the bundle.',
+            }));
+        });
+    });
 });

package/dist/__tests__/YaverFeedback.test.js

@@ -16,6 +16,33 @@ jest.mock('../Discovery', () => ({
         discover: jest.fn(),
     },
 }));
+jest.mock('../auth', () => ({
+    configureAuthEndpoints: jest.fn(),
+    setStrictNativeAuth: jest.fn(),
+    getToken: jest.fn(async () => null),
+    getSelectedDeviceId: jest.fn(async () => null),
+    clearToken: jest.fn(async () => { }),
+    clearSelectedDeviceId: jest.fn(async () => { }),
+    listReachableDevices: jest.fn(async () => ({
+        owned: [
+            {
+                deviceId: 'device-1',
+                name: 'Dev Mac',
+                platform: 'darwin',
+                isOnline: true,
+                needsAuth: false,
+                runnerDown: false,
+                lastHeartbeat: Date.now(),
+                isGuest: false,
+                accessScope: 'owner',
+                quicHost: '127.0.0.1',
+                quicPort: 18080,
+            },
+        ],
+        shared: [],
+    })),
+    DEFAULT_CONVEX_SITE_URL: 'https://example.convex.site',
+}));
 // Reset module-level state between tests by re-requiring
 beforeEach(() => {
     // YaverFeedback uses module-level variables (config, enabled, p2pClient).
@@ -106,6 +133,18 @@ describe('YaverFeedback', () => {
             expect(cfg.agentUrl).toBe('http://10.0.0.1:18080');
         });
     });
+    describe('getSelectedRemoteDevice()', () => {
+        it('returns the selected device from the reachable device list', async () => {
+            YaverFeedback_1.YaverFeedback.init({
+                authToken: 'tok',
+                preferredDeviceId: 'device-1',
+                enabled: true,
+            });
+            const device = await YaverFeedback_1.YaverFeedback.getSelectedRemoteDevice();
+            expect(device?.deviceId).toBe('device-1');
+            expect(device?.name).toBe('Dev Mac');
+        });
+    });
     describe('startReport()', () => {
         it('does nothing when not enabled', async () => {
             YaverFeedback_1.YaverFeedback.init({ authToken: 'tok', enabled: false });

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 /**
  * yaver-feedback-react-native — Visual feedback SDK for Yaver.
  *
- * Shake-to-report surface with four core actions:
+ * Shake-to-report surface with three launch actions:
  *  1. Hot Reload              — instant JS reload
  *  2. Vibing                  — open a vibing session on the agent
- *  3. Screenshot / Upload     — capture the screen under the modal or
- *                               upload existing media
- *  4. Screen Recording        — start, then stop + upload
+ *  3. Screenshot & Fix        — capture the current screen and trigger
+ *                               the fix loop
  *
  * The small quick-access icon stays hidden until the first shake by
  * default on mobile, then remains available unless the user hides it.

package/dist/index.js

@@ -2,12 +2,11 @@
 /**
  * yaver-feedback-react-native — Visual feedback SDK for Yaver.
  *
- * Shake-to-report surface with four core actions:
+ * Shake-to-report surface with three launch actions:
  *  1. Hot Reload              — instant JS reload
  *  2. Vibing                  — open a vibing session on the agent
- *  3. Screenshot / Upload     — capture the screen under the modal or
- *                               upload existing media
- *  4. Screen Recording        — start, then stop + upload
+ *  3. Screenshot & Fix        — capture the current screen and trigger
+ *                               the fix loop
  *
  * The small quick-access icon stays hidden until the first shake by
  * default on mobile, then remains available unless the user hides it.

package/dist/preferences.d.ts

@@ -12,7 +12,18 @@
  * still works (it just can't remember the disable beyond the
  * in-memory session).
  */
+export type QuickIconColorPreset = 'orange' | 'lime' | 'cyan' | 'pink' | 'yellow' | 'slate';
+export declare const QUICK_ICON_COLOR_PRESETS: Record<QuickIconColorPreset, {
+    label: string;
+    backgroundColor: string;
+    foregroundColor: string;
+    borderColor: string;
+    shadowColor: string;
+}>;
 /** True if the user has long-pressed the icon and chosen "Hide". */
 export declare function getQuickIconDisabled(): Promise<boolean>;
 export declare function setQuickIconDisabled(disabled: boolean): Promise<void>;
 export declare function clearQuickIconDisabled(): Promise<void>;
+export declare function getQuickIconColorPreset(): Promise<QuickIconColorPreset | null>;
+export declare function setQuickIconColorPreset(preset: QuickIconColorPreset | null): Promise<void>;
+export declare function clearQuickIconColorPreset(): Promise<void>;

package/dist/preferences.js

@@ -14,9 +14,13 @@
  * in-memory session).
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUICK_ICON_COLOR_PRESETS = void 0;
 exports.getQuickIconDisabled = getQuickIconDisabled;
 exports.setQuickIconDisabled = setQuickIconDisabled;
 exports.clearQuickIconDisabled = clearQuickIconDisabled;
+exports.getQuickIconColorPreset = getQuickIconColorPreset;
+exports.setQuickIconColorPreset = setQuickIconColorPreset;
+exports.clearQuickIconColorPreset = clearQuickIconColorPreset;
 let AsyncStorage = null;
 try {
     AsyncStorage = require('@react-native-async-storage/async-storage').default;
@@ -25,6 +29,51 @@ catch {
     // not installed — degrade gracefully
 }
 const QUICK_ICON_DISABLED_KEY = 'yaver_feedback_quickicon_disabled';
+const QUICK_ICON_COLOR_KEY = 'yaver_feedback_quickicon_color';
+exports.QUICK_ICON_COLOR_PRESETS = {
+    orange: {
+        label: 'Orange',
+        backgroundColor: '#ff6b2c',
+        foregroundColor: '#111111',
+        borderColor: 'rgba(255,255,255,0.92)',
+        shadowColor: '#000000',
+    },
+    lime: {
+        label: 'Lime',
+        backgroundColor: '#a3e635',
+        foregroundColor: '#111111',
+        borderColor: 'rgba(255,255,255,0.85)',
+        shadowColor: '#365314',
+    },
+    cyan: {
+        label: 'Cyan',
+        backgroundColor: '#22d3ee',
+        foregroundColor: '#082f49',
+        borderColor: 'rgba(255,255,255,0.82)',
+        shadowColor: '#083344',
+    },
+    pink: {
+        label: 'Pink',
+        backgroundColor: '#fb7185',
+        foregroundColor: '#fff1f2',
+        borderColor: 'rgba(255,255,255,0.78)',
+        shadowColor: '#4c0519',
+    },
+    yellow: {
+        label: 'Yellow',
+        backgroundColor: '#facc15',
+        foregroundColor: '#1c1917',
+        borderColor: 'rgba(255,255,255,0.88)',
+        shadowColor: '#713f12',
+    },
+    slate: {
+        label: 'Slate',
+        backgroundColor: '#475569',
+        foregroundColor: '#f8fafc',
+        borderColor: 'rgba(255,255,255,0.68)',
+        shadowColor: '#020617',
+    },
+};
 /** True if the user has long-pressed the icon and chosen "Hide". */
 async function getQuickIconDisabled() {
     if (!AsyncStorage)
@@ -55,3 +104,36 @@ async function setQuickIconDisabled(disabled) {
 async function clearQuickIconDisabled() {
     await setQuickIconDisabled(false);
 }
+async function getQuickIconColorPreset() {
+    if (!AsyncStorage)
+        return null;
+    try {
+        const v = await AsyncStorage.getItem(QUICK_ICON_COLOR_KEY);
+        if (!v)
+            return null;
+        if (Object.prototype.hasOwnProperty.call(exports.QUICK_ICON_COLOR_PRESETS, v)) {
+            return v;
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+async function setQuickIconColorPreset(preset) {
+    if (!AsyncStorage)
+        return;
+    try {
+        if (!preset) {
+            await AsyncStorage.removeItem(QUICK_ICON_COLOR_KEY);
+            return;
+        }
+        await AsyncStorage.setItem(QUICK_ICON_COLOR_KEY, preset);
+    }
+    catch {
+        // best-effort
+    }
+}
+async function clearQuickIconColorPreset() {
+    await setQuickIconColorPreset(null);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yaver-feedback-react-native",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "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",
@@ -40,15 +40,17 @@
     }
   },
   "devDependencies": {
-    "jest": "^29.0.0",
     "@types/jest": "^29.0.0",
+    "@types/react": "^19.2.2",
+    "jest": "^29.0.0",
     "ts-jest": "^29.1.0",
     "typescript": "^5.0.0"
   },
   "scripts": {
-    "build": "rm -rf dist && (tsc || true) && test -f dist/index.js",
+    "build": "rm -rf dist && (tsc -p tsconfig.json || true) && test -f dist/index.js",
     "prepublishOnly": "npm run build",
-    "test": "jest"
+    "test": "jest --runInBand",
+    "test:ci": "npm run build && npm test"
   },
   "jest": {
     "preset": "ts-jest",

package/src/AuthOverlay.tsx

@@ -87,6 +87,7 @@ export const AuthOverlay: React.FC = () => {
         {token && (
           <YaverMachinePickerScreen
             token={token}
+            currentDeviceId={YaverFeedback.getConfig()?.preferredDeviceId}
             onPick={handleDevicePicked}
             onCancel={() => setPickerVisible(false)}
           />