@buoy-gg/impersonate 1.0.3-beta.0

package/lib/commonjs/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataNukeSettingsComponent", {
+  enumerable: true,
+  get: function () {
+    return _DataNukeSettings.DataNukeSettings;
+  }
+});
+Object.defineProperty(exports, "ImpersonateBanner", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateBanner.ImpersonateBanner;
+  }
+});
+Object.defineProperty(exports, "ImpersonateBannerMinimal", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateBanner.ImpersonateBannerMinimal;
+  }
+});
+Object.defineProperty(exports, "ImpersonateHistoryList", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateHistoryList.ImpersonateHistoryList;
+  }
+});
+Object.defineProperty(exports, "ImpersonateModal", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateModal.ImpersonateModal;
+  }
+});
+Object.defineProperty(exports, "ImpersonateStatusBar", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateStatusBar.ImpersonateStatusBar;
+  }
+});
+Object.defineProperty(exports, "UserSearchView", {
+  enumerable: true,
+  get: function () {
+    return _UserSearchView.UserSearchView;
+  }
+});
+Object.defineProperty(exports, "createImpersonateTool", {
+  enumerable: true,
+  get: function () {
+    return _preset.createImpersonateTool;
+  }
+});
+Object.defineProperty(exports, "getImpersonatedUserId", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.getImpersonatedUserId;
+  }
+});
+Object.defineProperty(exports, "impersonateListener", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.impersonateListener;
+  }
+});
+Object.defineProperty(exports, "impersonateStore", {
+  enumerable: true,
+  get: function () {
+    return _impersonateStore.impersonateStore;
+  }
+});
+Object.defineProperty(exports, "isImpersonating", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.isImpersonating;
+  }
+});
+Object.defineProperty(exports, "setImpersonateConfig", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.setImpersonateConfig;
+  }
+});
+Object.defineProperty(exports, "startImpersonateListener", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.startImpersonateListener;
+  }
+});
+Object.defineProperty(exports, "stopImpersonateListener", {
+  enumerable: true,
+  get: function () {
+    return _impersonateListener.stopImpersonateListener;
+  }
+});
+Object.defineProperty(exports, "useImpersonate", {
+  enumerable: true,
+  get: function () {
+    return _useImpersonate.useImpersonate;
+  }
+});
+Object.defineProperty(exports, "useImpersonateHistory", {
+  enumerable: true,
+  get: function () {
+    return _useImpersonateHistory.useImpersonateHistory;
+  }
+});
+var _preset = require("./preset");
+var _ImpersonateModal = require("./impersonate/components/ImpersonateModal");
+var _ImpersonateBanner = require("./impersonate/components/ImpersonateBanner");
+var _UserSearchView = require("./impersonate/components/UserSearchView");
+var _DataNukeSettings = require("./impersonate/components/DataNukeSettings");
+var _ImpersonateHistoryList = require("./impersonate/components/ImpersonateHistoryList");
+var _ImpersonateStatusBar = require("./impersonate/components/ImpersonateStatusBar");
+var _useImpersonate = require("./impersonate/hooks/useImpersonate");
+var _useImpersonateHistory = require("./impersonate/hooks/useImpersonateHistory");
+var _impersonateStore = require("./impersonate/utils/impersonateStore");
+var _impersonateListener = require("./impersonate/utils/impersonateListener");

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/preset.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createImpersonateTool = createImpersonateTool;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ImpersonateModal = require("./impersonate/components/ImpersonateModal");
+var _ImpersonateBanner = require("./impersonate/components/ImpersonateBanner");
+var _impersonateStore = require("./impersonate/utils/impersonateStore");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Impersonate Tool Preset
+ *
+ * Factory function to create a configured impersonate tool for FloatingDevTools.
+ * No default preset is exported because configuration (onSearchUsers) is required.
+ */
+
+// NOTE: The listener is started lazily when the modal opens (via useImpersonate hook)
+// This ensures we patch AFTER @buoy-gg/network has patched fetch, so network
+// can see our injected headers in its request capture.
+
+// =============================================================================
+// ICON COMPONENT
+// =============================================================================
+
+/**
+ * Impersonate tool icon - a mask/person symbol
+ */
+function ImpersonateIcon({
+  size,
+  color = "#F59E0B"
+}) {
+  const scale = size / 24;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.iconContainer, {
+      width: size,
+      height: size
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.iconText, {
+        fontSize: 14 * scale,
+        color
+      }],
+      children: "IMP"
+    })
+  });
+}
+
+// =============================================================================
+// WRAPPER COMPONENT
+// =============================================================================
+
+/**
+ * Wrapper component that renders both the modal and the auto-banner.
+ * The banner handles its own visibility based on store state (isActive + showBanner).
+ * Clicking the banner opens the modal.
+ */
+function ImpersonateToolWrapper(props) {
+  const [forceOpen, setForceOpen] = (0, _react.useState)(false);
+
+  // Reset force state when parent closes the modal
+  (0, _react.useEffect)(() => {
+    if (!props.visible) {
+      setForceOpen(false);
+    }
+  }, [props.visible]);
+  const handleBannerPress = () => {
+    setForceOpen(true);
+  };
+  const handleClose = () => {
+    setForceOpen(false);
+    // Only notify parent if they had the modal open
+    if (props.visible) {
+      props.onClose();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImpersonateModal.ImpersonateModal, {
+      ...props,
+      visible: props.visible || forceOpen,
+      onClose: handleClose
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImpersonateBanner.ImpersonateBanner, {
+      position: "top",
+      offset: 50,
+      onPress: handleBannerPress
+    })]
+  });
+}
+
+// =============================================================================
+// FACTORY FUNCTION
+// =============================================================================
+
+/**
+ * Create an impersonate tool with custom configuration
+ *
+ * The tool automatically displays a floating banner when impersonation is active.
+ * This can be toggled in the Settings tab or via developer defaults.
+ *
+ * @example
+ * ```tsx
+ * import { createImpersonateTool } from '@buoy-gg/impersonate';
+ * import { queryClient } from './queryClient';
+ *
+ * const impersonateTool = createImpersonateTool({
+ *   onSearchUsers: async (query) => {
+ *     const response = await api.searchUsers({ email: query });
+ *     return response.users.map(u => ({
+ *       id: u.id,
+ *       displayName: u.name,
+ *       email: u.email,
+ *       metadata: { role: u.role, createdAt: u.createdAt }
+ *     }));
+ *   },
+ *   onClearReactQuery: () => queryClient.clear(),
+ *   onClearRedux: () => store.dispatch({ type: 'RESET' }),
+ *
+ *   // Optional: Developer defaults (override hardcoded, overridden by persisted)
+ *   defaults: {
+ *     headerKey: 'x-admin-impersonate',
+ *     showBanner: true,  // Show floating banner when impersonating
+ *     dataNukeSettings: {
+ *       reactQuery: true,
+ *       redux: false,
+ *     },
+ *   },
+ *
+ *   // Optional: Hide settings tab for simple testing
+ *   showSettingsTab: true,
+ * });
+ *
+ * // In your app - banner is automatic, no extra setup needed!
+ * <FloatingDevTools apps={[impersonateTool]} />
+ * ```
+ */
+function createImpersonateTool(config) {
+  const {
+    id = "impersonate",
+    name = "IMPERSONATE",
+    description = "User impersonation for admin testing",
+    defaults,
+    showSettingsTab = true,
+    onSearchUsers,
+    onClearReactQuery,
+    onClearRedux,
+    onClearAsyncStorage,
+    onClearMMKV
+  } = config;
+
+  // Initialize store with developer defaults if provided
+  if (defaults) {
+    _impersonateStore.impersonateStore.setDeveloperDefaults(defaults);
+  }
+
+  // Create the tool configuration object
+  const tool = {
+    id,
+    name,
+    description,
+    slot: "both",
+    icon: ({
+      size
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ImpersonateIcon, {
+      size: size,
+      color: "#F59E0B"
+    }),
+    component: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(ImpersonateToolWrapper, {
+      ...props,
+      onSearchUsers: onSearchUsers,
+      onClearReactQuery: onClearReactQuery,
+      onClearRedux: onClearRedux,
+      onClearAsyncStorage: onClearAsyncStorage,
+      onClearMMKV: onClearMMKV,
+      showSettingsTab: showSettingsTab
+    }),
+    props: {
+      enableSharedModalDimensions: false
+    },
+    // Export banner component for host app to use
+    Banner: _ImpersonateBanner.ImpersonateBanner
+  };
+  return tool;
+}
+
+// =============================================================================
+// STYLES
+// =============================================================================
+
+const styles = _reactNative.StyleSheet.create({
+  iconContainer: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  iconText: {
+    fontWeight: "700",
+    letterSpacing: -0.5
+  }
+});
+
+// =============================================================================
+// NOTE: No default preset export
+// =============================================================================
+// Unlike other tools, the impersonate tool REQUIRES configuration
+// (specifically the onSearchUsers callback). Therefore, we don't export
+// a default preset. Users must call createImpersonateTool() with their config.
+//
+// If you want a basic preset for testing without search:
+//
+// export const impersonateToolPresetBasic = createImpersonateTool({
+//   onSearchUsers: async () => [],
+// });