@buoy-gg/shared-ui 1.7.2

package/lib/commonjs/settings/components/BubbleSettingsSection.js

@@ -0,0 +1,382 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BubbleSettingsDetail = BubbleSettingsDetail;
+exports.BubbleSettingsSection = BubbleSettingsSection;
+exports.getBubbleVisibilitySettings = getBubbleVisibilitySettings;
+var _reactNative = require("react-native");
+var _index = require("../../icons/index.js");
+var _react = require("react");
+var _CyberpunkSectionButton = require("../../ui/console/CyberpunkSectionButton.js");
+var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
+var _safeAsyncStorage = require("../../utils/safeAsyncStorage.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const STORAGE_KEY = _devToolsStorageKeys.devToolsStorageKeys.bubble.settings();
+const USER_PREFERENCES_KEY = _devToolsStorageKeys.devToolsStorageKeys.bubble.userPreferences();
+const DEFAULT_SETTINGS = {
+  showEnvironment: true,
+  showQueryButton: true,
+  showWifiToggle: true,
+  showEnvButton: false,
+  showSentryButton: false,
+  showStorageButton: false
+};
+function BubbleSettingsSection({
+  onPress
+}) {
+  const [settings, setSettings] = (0, _react.useState)(DEFAULT_SETTINGS);
+  (0, _react.useEffect)(() => {
+    loadSettings();
+  }, []);
+  const loadSettings = async () => {
+    try {
+      const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+      if (stored) {
+        setSettings(JSON.parse(stored));
+      }
+    } catch (error) {
+      console.error("Failed to load bubble settings:", error);
+    }
+  };
+  const getVisibleCount = () => {
+    return Object.values(settings).filter(Boolean).length;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CyberpunkSectionButton.CyberpunkSectionButton, {
+    id: "bubble-settings",
+    title: "SETTINGS",
+    subtitle: `${getVisibleCount()}/6 visible`,
+    icon: _index.Settings,
+    iconColor: "#10B981",
+    iconBackgroundColor: "rgba(16, 185, 129, 0.1)",
+    onPress: onPress || (() => {}),
+    index: 5
+  });
+}
+function BubbleSettingsDetail({
+  onSettingsChange
+}) {
+  const [settings, setSettings] = (0, _react.useState)(DEFAULT_SETTINGS);
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    loadSettings();
+  }, []);
+  const loadSettings = async () => {
+    try {
+      const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+      if (stored) {
+        setSettings(JSON.parse(stored));
+      }
+    } catch (error) {
+      console.error("Failed to load bubble settings:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const saveSettings = async newSettings => {
+    try {
+      await (0, _safeAsyncStorage.safeSetItem)(STORAGE_KEY, JSON.stringify(newSettings));
+      setSettings(newSettings);
+      // Trigger the callback to reload settings in the parent
+      onSettingsChange?.(newSettings);
+    } catch (error) {
+      console.error("Failed to save bubble settings:", error);
+    }
+  };
+  const handleToggle = async key => {
+    const newSettings = {
+      ...settings,
+      [key]: !settings[key]
+    };
+
+    // Mark this preference as explicitly set by the user
+    try {
+      const prefsStored = await (0, _safeAsyncStorage.safeGetItem)(USER_PREFERENCES_KEY);
+      const currentPrefs = prefsStored ? JSON.parse(prefsStored) : {};
+      const prefKey = key.replace("show", "hasSet");
+      const updatedPrefs = {
+        ...currentPrefs,
+        [prefKey]: true
+      };
+      await (0, _safeAsyncStorage.safeSetItem)(USER_PREFERENCES_KEY, JSON.stringify(updatedPrefs));
+    } catch (error) {
+      console.error("Failed to save user preference marker:", error);
+    }
+    saveSettings(newSettings);
+  };
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.detailContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.loadingText,
+        children: "Loading settings..."
+      })
+    });
+  }
+  const settingsConfig = [{
+    key: "showEnvironment",
+    label: "Environment Indicator",
+    description: "Shows current environment (dev, staging, prod)",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.indicator, {
+        backgroundColor: "#10B981"
+      }]
+    })
+  }, {
+    key: "showQueryButton",
+    label: "React Query Button",
+    description: "Opens React Query dev tools",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.indicator, {
+        backgroundColor: "#F59E0B"
+      }]
+    })
+  }, {
+    key: "showWifiToggle",
+    label: "WiFi",
+    description: "Toggle WiFi for testing offline scenarios",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.indicator, {
+        backgroundColor: "#8B5CF6"
+      }]
+    })
+  }, {
+    key: "showEnvButton",
+    label: "Environment Variables",
+    description: "View and check environment variables",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Settings, {
+      size: 16,
+      color: "#10B981"
+    })
+  }, {
+    key: "showSentryButton",
+    label: "Sentry Events",
+    description: "View captured Sentry events and errors",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.indicator, {
+        backgroundColor: "#a855f7"
+      }]
+    })
+  }, {
+    key: "showStorageButton",
+    label: "Storage Browser",
+    description: "Browse and inspect AsyncStorage data",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Database, {
+      size: 16,
+      color: "#3B82F6"
+    })
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.detailContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      showsVerticalScrollIndicator: false,
+      contentContainerStyle: styles.scrollContent,
+      "sentry-label": "ignore bubble settings scroll",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.headerTitle,
+          children: "Developer Tools Settings"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.headerDescription,
+          children: "Configure bubble button visibility"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.sectionDivider,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.sectionTitle,
+          children: "Bubble Button Visibility"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.settingsList,
+        children: settingsConfig.map(config => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.settingItem,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.settingIconContainer,
+            children: config.icon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.settingContent,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.settingLabel,
+              children: config.label
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.settingDescription,
+              children: config.description
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+            "sentry-label": "ignore bubble settings section",
+            value: settings[config.key],
+            onValueChange: () => handleToggle(config.key),
+            trackColor: {
+              false: "#4B5563",
+              true: "#10B981"
+            },
+            thumbColor: settings[config.key] ? "#fff" : "#9CA3AF"
+          })]
+        }, config.key))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.footer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.noteContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EyeOff, {
+            size: 16,
+            color: "#9CA3AF"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.noteText,
+            children: "User status indicator is always visible and cannot be disabled"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.restartNote,
+          children: "Changes are saved automatically and will persist across app restarts"
+        })]
+      })]
+    })
+  });
+}
+async function getBubbleVisibilitySettings() {
+  try {
+    const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+    if (stored) {
+      return JSON.parse(stored);
+    }
+  } catch (error) {
+    console.error("Failed to load bubble settings:", error);
+  }
+  return DEFAULT_SETTINGS;
+}
+const styles = _reactNative.StyleSheet.create({
+  scrollContent: {
+    flexGrow: 1
+  },
+  sectionCard: {
+    backgroundColor: "#1F2937",
+    borderRadius: 8,
+    padding: 16,
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 12
+  },
+  iconContainer: {
+    width: 36,
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: "rgba(16, 185, 129, 0.1)",
+    justifyContent: "center",
+    alignItems: "center",
+    marginRight: 12
+  },
+  textContainer: {
+    flex: 1
+  },
+  title: {
+    color: "#E5E7EB",
+    fontSize: 14,
+    fontWeight: "600",
+    marginBottom: 2
+  },
+  subtitle: {
+    color: "#9CA3AF",
+    fontSize: 12
+  },
+  chevron: {
+    color: "#6B7280",
+    fontSize: 20
+  },
+  detailContainer: {
+    flex: 1,
+    backgroundColor: "#171717"
+  },
+  loadingText: {
+    color: "#9CA3AF",
+    fontSize: 14,
+    textAlign: "center",
+    marginTop: 20
+  },
+  header: {
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "rgba(255, 255, 255, 0.1)"
+  },
+  headerTitle: {
+    color: "#E5E7EB",
+    fontSize: 16,
+    fontWeight: "600",
+    marginBottom: 4
+  },
+  headerDescription: {
+    color: "#9CA3AF",
+    fontSize: 12
+  },
+  settingsList: {
+    padding: 16
+  },
+  settingItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "rgba(255, 255, 255, 0.05)"
+  },
+  settingIconContainer: {
+    width: 32,
+    height: 32,
+    justifyContent: "center",
+    alignItems: "center",
+    marginRight: 12
+  },
+  settingContent: {
+    flex: 1,
+    marginRight: 12
+  },
+  settingLabel: {
+    color: "#E5E7EB",
+    fontSize: 14,
+    fontWeight: "500",
+    marginBottom: 2
+  },
+  settingDescription: {
+    color: "#6B7280",
+    fontSize: 11
+  },
+  indicator: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  footer: {
+    padding: 16,
+    borderTopWidth: 1,
+    borderTopColor: "rgba(255, 255, 255, 0.1)"
+  },
+  noteContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 8
+  },
+  noteText: {
+    color: "#9CA3AF",
+    fontSize: 12,
+    flex: 1
+  },
+  restartNote: {
+    color: "#6B7280",
+    fontSize: 11,
+    fontStyle: "italic"
+  },
+  sectionDivider: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    marginTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: "rgba(255, 255, 255, 0.06)"
+  },
+  sectionTitle: {
+    color: "#9CA3AF",
+    fontSize: 12,
+    fontWeight: "600",
+    letterSpacing: 0.5,
+    textTransform: "uppercase"
+  }
+});

package/lib/commonjs/settings/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BubbleSettingsDetail", {
+  enumerable: true,
+  get: function () {
+    return _BubbleSettingsSection.BubbleSettingsDetail;
+  }
+});
+Object.defineProperty(exports, "BubbleSettingsSection", {
+  enumerable: true,
+  get: function () {
+    return _BubbleSettingsSection.BubbleSettingsSection;
+  }
+});
+Object.defineProperty(exports, "getBubbleVisibilitySettings", {
+  enumerable: true,
+  get: function () {
+    return _BubbleSettingsSection.getBubbleVisibilitySettings;
+  }
+});
+var _BubbleSettingsSection = require("./components/BubbleSettingsSection.js");

package/lib/commonjs/storage/devToolsStorageKeys.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.devToolsStorageKeys = void 0;
+exports.filterOutDevToolsKeys = filterOutDevToolsKeys;
+exports.getAllDevToolsStorageKeys = getAllDevToolsStorageKeys;
+exports.isDevToolsStorageKey = isDevToolsStorageKey;
+/**
+ * Centralized storage keys for all dev tools
+ * This ensures consistency across all dev tool storage operations
+ * and allows easy filtering of dev tool keys from the Storage Browser
+ *
+ * All dev tool keys start with "@react_buoy" prefix for easy identification
+ */
+const devToolsStorageKeys = exports.devToolsStorageKeys = {
+  /**
+   * Base dev tools key - all dev tool storage keys start with this
+   */
+  base: "@react_buoy",
+  /**
+   * Bubble-related storage keys
+   */
+  bubble: {
+    root: () => `${devToolsStorageKeys.base}_bubble`,
+    settings: () => `${devToolsStorageKeys.bubble.root()}_settings`,
+    userPreferences: () => `${devToolsStorageKeys.bubble.root()}_user_preferences`,
+    position: () => `${devToolsStorageKeys.bubble.root()}_position`
+  },
+  /**
+   * Modal-related storage keys
+   */
+  modal: {
+    root: () => `${devToolsStorageKeys.base}_modal`,
+    state: () => `${devToolsStorageKeys.modal.root()}_state`,
+    position: () => `${devToolsStorageKeys.modal.root()}_position`,
+    dimensions: () => `${devToolsStorageKeys.modal.root()}_dimensions`,
+    hintAcknowledged: () => `${devToolsStorageKeys.modal.root()}_hint_acknowledged`
+  },
+  /**
+   * Settings-related storage keys
+   */
+  settings: {
+    root: () => `${devToolsStorageKeys.base}_settings`,
+    theme: () => `${devToolsStorageKeys.settings.root()}_theme`,
+    preferences: () => `${devToolsStorageKeys.settings.root()}_preferences`,
+    wifiEnabled: () => `${devToolsStorageKeys.settings.root()}_wifi_enabled`,
+    /** Global settings that apply to all dev tools */
+    global: () => `${devToolsStorageKeys.settings.root()}_global`,
+    /** Settings modal active tab */
+    activeTab: () => `${devToolsStorageKeys.settings.root()}_active_tab`,
+    /** Settings modal open state */
+    modalOpen: () => `${devToolsStorageKeys.settings.root()}_modal_open`
+  },
+  /**
+   * Dial-related storage keys
+   */
+  dial: {
+    root: () => `${devToolsStorageKeys.base}_dial`,
+    /** Whether dial is open/visible */
+    isOpen: () => `${devToolsStorageKeys.dial.root()}_is_open`
+  },
+  /**
+   * Clipboard-related storage keys
+   */
+  clipboard: {
+    root: () => `${devToolsStorageKeys.base}_clipboard`,
+    hintAcknowledged: () => `${devToolsStorageKeys.clipboard.root()}_hint_acknowledged`
+  },
+  /**
+   * Environment-related storage keys
+   */
+  env: {
+    root: () => `${devToolsStorageKeys.base}_env`,
+    modal: () => `${devToolsStorageKeys.env.root()}_modal`,
+    currentEnv: () => `${devToolsStorageKeys.env.root()}_current`,
+    overrides: () => `${devToolsStorageKeys.env.root()}_overrides`
+  },
+  /**
+   * Sentry-related storage keys
+   */
+  sentry: {
+    root: () => `${devToolsStorageKeys.base}_sentry`,
+    modal: () => `${devToolsStorageKeys.sentry.root()}_modal`,
+    filters: () => `${devToolsStorageKeys.sentry.root()}_filters`,
+    preferences: () => `${devToolsStorageKeys.sentry.root()}_preferences`
+  },
+  /**
+   * Storage browser-related keys
+   */
+  storage: {
+    root: () => `${devToolsStorageKeys.base}_storage`,
+    modal: () => `${devToolsStorageKeys.storage.root()}_modal`,
+    eventsModal: () => `${devToolsStorageKeys.storage.root()}_events_modal`,
+    filters: () => `${devToolsStorageKeys.storage.root()}_filters`,
+    eventFilters: () => `${devToolsStorageKeys.storage.root()}_event_filters`,
+    keyFilters: () => `${devToolsStorageKeys.storage.root()}_key_filters`,
+    preferences: () => `${devToolsStorageKeys.storage.root()}_preferences`,
+    activeTab: () => `${devToolsStorageKeys.storage.root()}_active_tab`,
+    isMonitoring: () => `${devToolsStorageKeys.storage.root()}_is_monitoring`,
+    detailView: () => `${devToolsStorageKeys.storage.root()}_detail_view`,
+    // 'current' | 'diff'
+    diffViewerMode: () => `${devToolsStorageKeys.storage.root()}_diff_viewer_mode` // 'split' | 'tree'
+  },
+  /**
+   * React Query-related storage keys
+   */
+  reactQuery: {
+    root: () => `${devToolsStorageKeys.base}_rq`,
+    modal: () => `${devToolsStorageKeys.reactQuery.root()}_modal`,
+    browserModal: () => `${devToolsStorageKeys.reactQuery.root()}_browser_modal`,
+    mutationModal: () => `${devToolsStorageKeys.reactQuery.root()}_mutation_modal`,
+    filters: () => `${devToolsStorageKeys.reactQuery.root()}_filters`,
+    ignoredPatterns: () => `${devToolsStorageKeys.reactQuery.root()}_ignored_patterns`,
+    includedPatterns: () => `${devToolsStorageKeys.reactQuery.root()}_included_patterns`,
+    preferences: () => `${devToolsStorageKeys.reactQuery.root()}_preferences`
+  },
+  /**
+   * Network-related storage keys
+   */
+  network: {
+    root: () => `${devToolsStorageKeys.base}_network`,
+    modal: () => `${devToolsStorageKeys.network.root()}_modal`,
+    copyModal: () => `${devToolsStorageKeys.network.root()}_copy_modal`,
+    filters: () => `${devToolsStorageKeys.network.root()}_filters`,
+    ignoredDomains: () => `${devToolsStorageKeys.network.root()}_ignored_domains`,
+    ignoredUrls: () => `${devToolsStorageKeys.network.root()}_ignored_urls`,
+    preferences: () => `${devToolsStorageKeys.network.root()}_preferences`,
+    copyOptions: () => `${devToolsStorageKeys.network.root()}_copy_options`
+  },
+  /**
+   * Route events-related storage keys
+   */
+  routeEvents: {
+    root: () => `${devToolsStorageKeys.base}_route_events`,
+    modal: () => `${devToolsStorageKeys.routeEvents.root()}_modal`,
+    eventFilters: () => `${devToolsStorageKeys.routeEvents.root()}_event_filters`,
+    activeTab: () => `${devToolsStorageKeys.routeEvents.root()}_active_tab`,
+    isMonitoring: () => `${devToolsStorageKeys.routeEvents.root()}_is_monitoring`,
+    detailView: () => `${devToolsStorageKeys.routeEvents.root()}_detail_view`,
+    // 'current' | 'diff'
+    diffViewerMode: () => `${devToolsStorageKeys.routeEvents.root()}_diff_viewer_mode` // 'split' | 'tree'
+  },
+  /**
+   * Highlight updates-related storage keys
+   */
+  highlightUpdates: {
+    root: () => `${devToolsStorageKeys.base}_highlight_updates`,
+    modal: () => `${devToolsStorageKeys.highlightUpdates.root()}_modal`,
+    isTracking: () => `${devToolsStorageKeys.highlightUpdates.root()}_is_tracking`,
+    filters: () => `${devToolsStorageKeys.highlightUpdates.root()}_filters`,
+    settings: () => `${devToolsStorageKeys.highlightUpdates.root()}_settings`
+  },
+  /**
+   * Benchmark-related storage keys
+   */
+  benchmark: {
+    root: () => `${devToolsStorageKeys.base}_benchmark`,
+    modal: () => `${devToolsStorageKeys.benchmark.root()}_modal`,
+    isRecording: () => `${devToolsStorageKeys.benchmark.root()}_is_recording`,
+    activeTab: () => `${devToolsStorageKeys.benchmark.root()}_active_tab`,
+    settings: () => `${devToolsStorageKeys.benchmark.root()}_settings`,
+    selectedReports: () => `${devToolsStorageKeys.benchmark.root()}_selected_reports`
+  }
+};
+
+/**
+ * Legacy dev tool key patterns that should be cleaned up
+ * These are old keys from before we standardized on @react_buoy prefix
+ */
+const LEGACY_DEV_TOOL_PATTERNS = ["@devtools", "@dev_tools_", "@modal_state_",
+// Old modal state keys
+"@react_query_browser_modal", "@react_query_modal", "@react_query_mutation_modal", "@sentry_logs_modal", "@floating_rn_better_dev_tools_", "@floating_tools_", "@apphost_", "@bubble_settings_", "@env_vars_modal", "@storage_modal", "@floating_@devtools_",
+// Double @ migration issue
+"dev_last_route" // Old key without @ prefix
+];
+
+/**
+ * Check if a storage key belongs to dev tools
+ * @param key - The storage key to check
+ * @returns true if the key belongs to dev tools
+ */
+function isDevToolsStorageKey(key) {
+  if (!key) return false;
+
+  // Check if it starts with our base prefix
+  if (key.startsWith(devToolsStorageKeys.base)) {
+    return true;
+  }
+
+  // Check for legacy dev tool keys that need cleanup
+  for (const pattern of LEGACY_DEV_TOOL_PATTERNS) {
+    if (key.startsWith(pattern)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/**
+ * Filter out dev tools storage keys from a list of keys
+ * @param keys - Array of storage keys
+ * @returns Array of keys that don't belong to dev tools
+ */
+function filterOutDevToolsKeys(keys) {
+  return keys.filter(key => !isDevToolsStorageKey(key));
+}
+
+/**
+ * Get all dev tools storage keys
+ * Useful for cleanup operations
+ */
+function getAllDevToolsStorageKeys() {
+  const keys = [];
+
+  // Add all current keys
+  keys.push(devToolsStorageKeys.bubble.settings());
+  keys.push(devToolsStorageKeys.bubble.userPreferences());
+  keys.push(devToolsStorageKeys.bubble.position());
+  keys.push(devToolsStorageKeys.modal.state());
+  keys.push(devToolsStorageKeys.modal.position());
+  keys.push(devToolsStorageKeys.modal.dimensions());
+  keys.push(devToolsStorageKeys.settings.theme());
+  keys.push(devToolsStorageKeys.settings.preferences());
+  keys.push(devToolsStorageKeys.env.currentEnv());
+  keys.push(devToolsStorageKeys.env.overrides());
+  keys.push(devToolsStorageKeys.sentry.filters());
+  keys.push(devToolsStorageKeys.sentry.preferences());
+  keys.push(devToolsStorageKeys.storage.filters());
+  keys.push(devToolsStorageKeys.storage.preferences());
+  keys.push(devToolsStorageKeys.reactQuery.filters());
+  keys.push(devToolsStorageKeys.reactQuery.preferences());
+  return keys;
+}

package/lib/commonjs/storage/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "devToolsStorageKeys", {
+  enumerable: true,
+  get: function () {
+    return _devToolsStorageKeys.devToolsStorageKeys;
+  }
+});
+Object.defineProperty(exports, "isDevToolsStorageKey", {
+  enumerable: true,
+  get: function () {
+    return _devToolsStorageKeys.isDevToolsStorageKey;
+  }
+});
+var _devToolsStorageKeys = require("./devToolsStorageKeys.js");

package/lib/commonjs/types/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _types = require("./types.js");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});

package/lib/commonjs/types/types.d.js

@@ -0,0 +1 @@
+"use strict";

package/lib/commonjs/types/types.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPlainObject = isPlainObject;
+// Shared type definitions for the dev tools
+
+// Type guard to check if a value is a plain object (not Date, Array, etc.)
+function isPlainObject(value) {
+  return value !== null && value !== undefined && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof Error) && !(value instanceof Map) && !(value instanceof Set) && !(value instanceof RegExp) && typeof value !== "function";
+}