@buoy-gg/impersonate 7.0.16 → 7.0.18

package/lib/commonjs/impersonate/components/ImpersonateModal.js

@@ -178,6 +178,7 @@ function ImpersonateModal({
             color: _sharedUi.macOSColors.text.secondary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
             ref: searchInputRef,
+            testID: "buoy-impersonate-search-input",
             style: styles.headerSearchInput,
             placeholder: "Search by email, name, or ID...",
             placeholderTextColor: _sharedUi.macOSColors.text.muted,
@@ -213,6 +214,7 @@ function ImpersonateModal({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
         children: activeTab === "search" && !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          testID: "buoy-impersonate-search-toggle",
           onPress: () => setIsSearchActive(true),
           style: styles.headerActionButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {

package/lib/commonjs/impersonate/components/UserCard.js

@@ -31,6 +31,7 @@ function UserCard({
   const showEmail = user.email && user.displayName;
   const role = typeof user.metadata?.role === "string" ? user.metadata.role : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    testID: `buoy-impersonate-user-${user.id}`,
     style: [styles.container, isActive && styles.activeContainer, variant === "compact" && styles.compactContainer],
     onPress: onPress,
     disabled: isActive,

package/lib/commonjs/sync/impersonateSyncAdapter.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.SNAPSHOT_URI_INLINE_LIMIT = exports.SNAPSHOT_METADATA_INLINE_LIMIT = void 0;
 exports.createImpersonateSyncAdapter = createImpersonateSyncAdapter;
 exports.impersonateSyncAdapter = void 0;
 exports.registerImpersonateSearchUsers = registerImpersonateSearchUsers;
+exports.toWireUri = toWireUri;
 var _impersonateStore = require("../impersonate/utils/impersonateStore");
 // Registered by createImpersonateTool, so the zero-config adapter (see
 // FloatingDevTools' auto external sync) can proxy the dashboard's user
@@ -16,9 +18,98 @@ let registeredSearchUsers = null;
 function registerImpersonateSearchUsers(handler) {
   registeredSearchUsers = handler;
 }
+
+/**
+ * `data:` avatar URLs (and any URL over this) are NOT copied onto the
+ * snapshot. UserCard renders initials, not the image, but apps still put
+ * base64 photos on `avatarUrl` / dump the API user into `metadata`. Ten
+ * history entries of those blow the 2MB emit budget and drop the panel.
+ */
+const SNAPSHOT_URI_INLINE_LIMIT = exports.SNAPSHOT_URI_INLINE_LIMIT = 2 * 1024;
+const SNAPSHOT_METADATA_INLINE_LIMIT = exports.SNAPSHOT_METADATA_INLINE_LIMIT = 16 * 1024;
+const METADATA_ON_DEVICE = Object.freeze({
+  __buoyOmitted: "user-metadata",
+  note: "User metadata stays on the device."
+});
+function jsonLongerThan(value, limit) {
+  let bytes = 0;
+  const stack = [value];
+  const seen = new Set();
+  while (stack.length > 0) {
+    if (bytes > limit) return true;
+    const v = stack.pop();
+    if (v === null || v === undefined) bytes += 4;else if (typeof v === "string") bytes += v.length + 2;else if (typeof v === "number") bytes += 8;else if (typeof v === "boolean") bytes += 5;else if (typeof v === "object") {
+      if (seen.has(v)) continue;
+      seen.add(v);
+      if (Array.isArray(v)) {
+        bytes += 2 + v.length;
+        for (let i = 0; i < v.length; i++) stack.push(v[i]);
+      } else {
+        bytes += 2;
+        for (const k in v) {
+          bytes += k.length + 4;
+          stack.push(v[k]);
+        }
+      }
+    } else bytes += 4;
+  }
+  return bytes > limit;
+}
+function toWireUri(uri) {
+  if (!uri) return uri;
+  if (uri.startsWith("data:")) {
+    const comma = uri.indexOf(",");
+    const header = comma >= 0 ? uri.slice(0, Math.min(comma + 1, 64)) : "data:";
+    return `${header}[${uri.length} chars]`;
+  }
+  if (uri.length <= SNAPSHOT_URI_INLINE_LIMIT) return uri;
+  return `${uri.slice(0, SNAPSHOT_URI_INLINE_LIMIT)}… [${uri.length - SNAPSHOT_URI_INLINE_LIMIT} more]`;
+}
+function toWireMetadata(metadata) {
+  if (!metadata) return metadata;
+  const role = typeof metadata.role === "string" ? metadata.role : undefined;
+  try {
+    JSON.stringify(metadata);
+  } catch {
+    return role ? {
+      role,
+      ...METADATA_ON_DEVICE
+    } : {
+      ...METADATA_ON_DEVICE
+    };
+  }
+  if (!jsonLongerThan(metadata, SNAPSHOT_METADATA_INLINE_LIMIT)) return metadata;
+  return role ? {
+    role,
+    ...METADATA_ON_DEVICE
+  } : {
+    ...METADATA_ON_DEVICE
+  };
+}
+function toWireUser(user) {
+  return {
+    ...user,
+    avatarUrl: toWireUri(user.avatarUrl),
+    metadata: toWireMetadata(user.metadata)
+  };
+}
+function toWireState(state) {
+  return {
+    ...state,
+    currentUser: state.currentUser ? toWireUser(state.currentUser) : null,
+    history: state.history.map(entry => ({
+      ...entry,
+      user: toWireUser(entry.user)
+    }))
+  };
+}
 function buildActions(onSearchUsers) {
   return {
-    searchUsers: params => onSearchUsers(params.query),
+    searchUsers: async params => {
+      const query = String(params?.query ?? "");
+      const users = await onSearchUsers(query);
+      return Array.isArray(users) ? users.map(toWireUser) : users;
+    },
     startImpersonation: params => _impersonateStore.impersonateStore.startImpersonation(params.user),
     stopImpersonation: () => _impersonateStore.impersonateStore.stopImpersonation(),
     pauseImpersonation: () => _impersonateStore.impersonateStore.pauseImpersonation(),
@@ -43,7 +134,7 @@ function createImpersonateSyncAdapter({
 }) {
   return {
     version: 1,
-    getSnapshot: () => _impersonateStore.impersonateStore.getState(),
+    getSnapshot: () => toWireState(_impersonateStore.impersonateStore.getState()),
     subscribe: onChange => _impersonateStore.impersonateStore.subscribe(onChange),
     actions: buildActions(onSearchUsers)
   };
@@ -57,7 +148,7 @@ function createImpersonateSyncAdapter({
  */
 const impersonateSyncAdapter = exports.impersonateSyncAdapter = {
   version: 1,
-  getSnapshot: () => _impersonateStore.impersonateStore.getState(),
+  getSnapshot: () => toWireState(_impersonateStore.impersonateStore.getState()),
   subscribe: onChange => _impersonateStore.impersonateStore.subscribe(onChange),
   actions: buildActions(query => {
     if (!registeredSearchUsers) {

package/lib/module/impersonate/components/ImpersonateModal.js

@@ -173,6 +173,7 @@ export function ImpersonateModal({
             color: macOSColors.text.secondary
           }), /*#__PURE__*/_jsx(TextInput, {
             ref: searchInputRef,
+            testID: "buoy-impersonate-search-input",
             style: styles.headerSearchInput,
             placeholder: "Search by email, name, or ID...",
             placeholderTextColor: macOSColors.text.muted,
@@ -208,6 +209,7 @@ export function ImpersonateModal({
         })
       }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
         children: activeTab === "search" && !isSearchActive && /*#__PURE__*/_jsx(TouchableOpacity, {
+          testID: "buoy-impersonate-search-toggle",
           onPress: () => setIsSearchActive(true),
           style: styles.headerActionButton,
           children: /*#__PURE__*/_jsx(Search, {

package/lib/module/impersonate/components/UserCard.js

@@ -26,6 +26,7 @@ export function UserCard({
   const showEmail = user.email && user.displayName;
   const role = typeof user.metadata?.role === "string" ? user.metadata.role : null;
   return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    testID: `buoy-impersonate-user-${user.id}`,
     style: [styles.container, isActive && styles.activeContainer, variant === "compact" && styles.compactContainer],
     onPress: onPress,
     disabled: isActive,

package/lib/module/sync/impersonateSyncAdapter.js

@@ -10,9 +10,98 @@ let registeredSearchUsers = null;
 export function registerImpersonateSearchUsers(handler) {
   registeredSearchUsers = handler;
 }
+
+/**
+ * `data:` avatar URLs (and any URL over this) are NOT copied onto the
+ * snapshot. UserCard renders initials, not the image, but apps still put
+ * base64 photos on `avatarUrl` / dump the API user into `metadata`. Ten
+ * history entries of those blow the 2MB emit budget and drop the panel.
+ */
+export const SNAPSHOT_URI_INLINE_LIMIT = 2 * 1024;
+export const SNAPSHOT_METADATA_INLINE_LIMIT = 16 * 1024;
+const METADATA_ON_DEVICE = Object.freeze({
+  __buoyOmitted: "user-metadata",
+  note: "User metadata stays on the device."
+});
+function jsonLongerThan(value, limit) {
+  let bytes = 0;
+  const stack = [value];
+  const seen = new Set();
+  while (stack.length > 0) {
+    if (bytes > limit) return true;
+    const v = stack.pop();
+    if (v === null || v === undefined) bytes += 4;else if (typeof v === "string") bytes += v.length + 2;else if (typeof v === "number") bytes += 8;else if (typeof v === "boolean") bytes += 5;else if (typeof v === "object") {
+      if (seen.has(v)) continue;
+      seen.add(v);
+      if (Array.isArray(v)) {
+        bytes += 2 + v.length;
+        for (let i = 0; i < v.length; i++) stack.push(v[i]);
+      } else {
+        bytes += 2;
+        for (const k in v) {
+          bytes += k.length + 4;
+          stack.push(v[k]);
+        }
+      }
+    } else bytes += 4;
+  }
+  return bytes > limit;
+}
+export function toWireUri(uri) {
+  if (!uri) return uri;
+  if (uri.startsWith("data:")) {
+    const comma = uri.indexOf(",");
+    const header = comma >= 0 ? uri.slice(0, Math.min(comma + 1, 64)) : "data:";
+    return `${header}[${uri.length} chars]`;
+  }
+  if (uri.length <= SNAPSHOT_URI_INLINE_LIMIT) return uri;
+  return `${uri.slice(0, SNAPSHOT_URI_INLINE_LIMIT)}… [${uri.length - SNAPSHOT_URI_INLINE_LIMIT} more]`;
+}
+function toWireMetadata(metadata) {
+  if (!metadata) return metadata;
+  const role = typeof metadata.role === "string" ? metadata.role : undefined;
+  try {
+    JSON.stringify(metadata);
+  } catch {
+    return role ? {
+      role,
+      ...METADATA_ON_DEVICE
+    } : {
+      ...METADATA_ON_DEVICE
+    };
+  }
+  if (!jsonLongerThan(metadata, SNAPSHOT_METADATA_INLINE_LIMIT)) return metadata;
+  return role ? {
+    role,
+    ...METADATA_ON_DEVICE
+  } : {
+    ...METADATA_ON_DEVICE
+  };
+}
+function toWireUser(user) {
+  return {
+    ...user,
+    avatarUrl: toWireUri(user.avatarUrl),
+    metadata: toWireMetadata(user.metadata)
+  };
+}
+function toWireState(state) {
+  return {
+    ...state,
+    currentUser: state.currentUser ? toWireUser(state.currentUser) : null,
+    history: state.history.map(entry => ({
+      ...entry,
+      user: toWireUser(entry.user)
+    }))
+  };
+}
 function buildActions(onSearchUsers) {
   return {
-    searchUsers: params => onSearchUsers(params.query),
+    searchUsers: async params => {
+      const query = String(params?.query ?? "");
+      const users = await onSearchUsers(query);
+      return Array.isArray(users) ? users.map(toWireUser) : users;
+    },
     startImpersonation: params => impersonateStore.startImpersonation(params.user),
     stopImpersonation: () => impersonateStore.stopImpersonation(),
     pauseImpersonation: () => impersonateStore.pauseImpersonation(),
@@ -37,7 +126,7 @@ export function createImpersonateSyncAdapter({
 }) {
   return {
     version: 1,
-    getSnapshot: () => impersonateStore.getState(),
+    getSnapshot: () => toWireState(impersonateStore.getState()),
     subscribe: onChange => impersonateStore.subscribe(onChange),
     actions: buildActions(onSearchUsers)
   };
@@ -51,7 +140,7 @@ export function createImpersonateSyncAdapter({
  */
 export const impersonateSyncAdapter = {
   version: 1,
-  getSnapshot: () => impersonateStore.getState(),
+  getSnapshot: () => toWireState(impersonateStore.getState()),
   subscribe: onChange => impersonateStore.subscribe(onChange),
   actions: buildActions(query => {
     if (!registeredSearchUsers) {

package/lib/typescript/impersonate/components/ImpersonateModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,EACtB,MAAc,GACf,EAAE,qBAAqB,4BAyPvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,qBAGrE"}
+{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,EACtB,MAAc,GACf,EAAE,qBAAqB,4BA2PvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,qBAGrE"}

package/lib/typescript/impersonate/components/UserCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserCard.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/UserCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAgB,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,YAAY,EACZ,OAAmB,GACpB,EAAE,aAAa,qBA2Ff"}
+{"version":3,"file":"UserCard.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/UserCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAgB,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,YAAY,EACZ,OAAmB,GACpB,EAAE,aAAa,qBA4Ff"}

package/lib/typescript/sync/impersonateSyncAdapter.d.ts

@@ -2,6 +2,15 @@ import type { User, ImpersonationState } from "../impersonate/types";
 type SearchUsersHandler = (query: string) => Promise<User[]>;
 /** @internal Called by createImpersonateTool with the app's onSearchUsers. */
 export declare function registerImpersonateSearchUsers(handler: SearchUsersHandler | null): void;
+/**
+ * `data:` avatar URLs (and any URL over this) are NOT copied onto the
+ * snapshot. UserCard renders initials, not the image, but apps still put
+ * base64 photos on `avatarUrl` / dump the API user into `metadata`. Ten
+ * history entries of those blow the 2MB emit budget and drop the panel.
+ */
+export declare const SNAPSHOT_URI_INLINE_LIMIT: number;
+export declare const SNAPSHOT_METADATA_INLINE_LIMIT: number;
+export declare function toWireUri(uri: string | undefined): string | undefined;
 interface CreateImpersonateSyncAdapterOptions {
     /**
      * Same user-search callback you pass to the ImpersonateModal — the

package/lib/typescript/sync/impersonateSyncAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"impersonateSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/impersonateSyncAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAO7D,8EAA8E;AAC9E,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,kBAAkB,GAAG,IAAI,GACjC,IAAI,CAEN;AAyBD,UAAU,mCAAmC;IAC3C;;;OAGG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,GACd,EAAE,mCAAmC;;uBAGjB,kBAAkB;0BACb,MAAM,IAAI;;8BA7CV,OAAO;qCAEA,OAAO;;;;iCAKX,OAAO;oCAQJ,OAAO;;;EAiCtC;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,kBAAkB;0BACb,MAAM,IAAI;;8BA3DR,OAAO;qCAEA,OAAO;;;;iCAKX,OAAO;oCAQJ,OAAO;;;CAqDtC,CAAC"}
+{"version":3,"file":"impersonateSyncAdapter.d.ts","sourceRoot":"","sources":["../../../src/sync/impersonateSyncAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAO7D,8EAA8E;AAC9E,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,kBAAkB,GAAG,IAAI,GACjC,IAAI,CAEN;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,QAAW,CAAC;AAClD,eAAO,MAAM,8BAA8B,QAAY,CAAC;AAoCxD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAUrE;AAiED,UAAU,mCAAmC;IAC3C;;;OAGG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,GACd,EAAE,mCAAmC;;uBAGjB,kBAAkB;0BACb,MAAM,IAAI;;8BAlDJ,OAAO;qCAON,OAAO;;;;iCAKX,OAAO;oCAQJ,OAAO;;;EAiCtC;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;uBAEhB,kBAAkB;0BACb,MAAM,IAAI;;8BAhEF,OAAO;qCAON,OAAO;;;;iCAKX,OAAO;oCAQJ,OAAO;;;CAqDtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/impersonate",
-  "version": "7.0.16",
+  "version": "7.0.18",
   "description": "Test your React Native app as any user, role, or flag combo — without logging out or rebuilding. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.16"
+    "@buoy-gg/shared-ui": "^7.0.18"
   },
   "peerDependencies": {
     "react": "*",