@buoy-gg/shared-ui 2.1.2 → 2.1.4-beta.3

package/lib/commonjs/clipboard/clipboard-impl.js

@@ -5,22 +5,98 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isClipboardAvailable = exports.clipboardType = exports.clipboardFunction = void 0;
 /**
- * Auto-generated clipboard implementation
- * Detected: none
- * Generated at: 2026-01-29T01:02:34.738Z
+ * Runtime clipboard implementation
  *
- * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
+ * Uses Metro's allowOptionalDependencies with top-level try-catch
+ * so Metro marks these requires as optional (skipped if not installed).
  *
- * No clipboard library found. Install one of:
- * - expo-clipboard (for Expo projects)
- * - @react-native-clipboard/clipboard (for RN CLI projects)
+ * We grab module references eagerly (for Metro), but detect which one
+ * actually works lazily on first use — by trying to call it. This avoids
+ * NativeModules checks which don't work with TurboModules/new architecture.
+ *
+ * Consumers must set `transformer.allowOptionalDependencies = true`
+ * in their metro.config.js for this to work.
+ *
+ * Fallback chain:
+ * 1. expo-clipboard
+ * 2. @react-native-clipboard/clipboard
+ * 3. Graceful failure
  */
 
-const clipboardType = exports.clipboardType = null;
-const isClipboardAvailable = () => false;
+// Grab module references at load time (top-level try-catch for Metro)
+// Always require both — we decide which actually works at call time
+let _expoClipboard = null;
+try {
+  _expoClipboard = require("expo-clipboard");
+} catch {}
+let _rnClipboard = null;
+try {
+  const mod = require("@react-native-clipboard/clipboard");
+  _rnClipboard = mod.default || mod;
+} catch {}
+
+// Lazy detection: resolved on first clipboardFunction() call
+let _detectedType = null;
+let _clipboardFn = null;
+let _detected = false;
+async function detect(text) {
+  // 1. Try expo-clipboard by actually calling it
+  if (_expoClipboard && typeof _expoClipboard.setStringAsync === "function") {
+    try {
+      await _expoClipboard.setStringAsync(text);
+      _detectedType = "expo";
+      _clipboardFn = async t => {
+        await _expoClipboard.setStringAsync(t);
+        return true;
+      };
+      _detected = true;
+      return true;
+    } catch {}
+  }
+
+  // 2. Try @react-native-clipboard/clipboard
+  if (_rnClipboard && typeof _rnClipboard.setString === "function") {
+    try {
+      _rnClipboard.setString(text);
+      _detectedType = "react-native";
+      _clipboardFn = async t => {
+        _rnClipboard.setString(t);
+        return true;
+      };
+      _detected = true;
+      return true;
+    } catch {}
+  }
+  _detected = true;
+  return false;
+}
+const clipboardType = () => {
+  return _detectedType;
+};
+exports.clipboardType = clipboardType;
+const isClipboardAvailable = () => {
+  // Before first use, optimistically return true if we have a module ref
+  if (!_detected) return _expoClipboard != null || _rnClipboard != null;
+  return _clipboardFn != null;
+};
 exports.isClipboardAvailable = isClipboardAvailable;
 const clipboardFunction = async text => {
-  console.error("[RnBetterDevTools] Copy failed: No clipboard library found.\n" + `Attempted to copy: ${text.substring(0, 50)}${text.length > 50 ? "..." : ""}\n` + "Install expo-clipboard or @react-native-clipboard/clipboard, or provide a custom onCopy function.");
+  // If already detected, use the cached function
+  if (_detected && _clipboardFn) {
+    try {
+      return await _clipboardFn(text);
+    } catch (error) {
+      console.error("[buoy] Clipboard copy failed:", error);
+      return false;
+    }
+  }
+
+  // First call: detect which clipboard works by actually trying it
+  if (!_detected) {
+    const result = await detect(text);
+    if (result) return true;
+  }
+  console.warn("[buoy] No clipboard library available. Install expo-clipboard or @react-native-clipboard/clipboard.");
   return false;
 };
 exports.clipboardFunction = clipboardFunction;

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-01-29T01:02:34.764Z
+ * Generated at: 2026-02-10T20:29:38.101Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/index.js

@@ -26,6 +26,16 @@ var _exportNames = {
   formatPath: true,
   loadOptionalModule: true,
   getCachedOptionalModule: true,
+  Subscribable: true,
+  subscriberCountNotifier: true,
+  subscribeToSubscriberCountChanges: true,
+  notifySubscriberCountChange: true,
+  useSafeRouter: true,
+  useSafePathname: true,
+  useSafeSegments: true,
+  useSafeGlobalSearchParams: true,
+  getSafeRouter: true,
+  isExpoRouterAvailable: true,
   isPlainObjectUtil: true,
   useSafeAreaInsets: true,
   useFilterManager: true,
@@ -75,13 +85,13 @@ Object.defineProperty(exports, "EnvironmentSelectorInline", {
 Object.defineProperty(exports, "FeatureGate", {
   enumerable: true,
   get: function () {
-    return _index11.FeatureGate;
+    return _index12.FeatureGate;
   }
 });
 Object.defineProperty(exports, "HintsProvider", {
   enumerable: true,
   get: function () {
-    return _index1.HintsProvider;
+    return _index10.HintsProvider;
   }
 });
 Object.defineProperty(exports, "JsModal", {
@@ -93,37 +103,43 @@ Object.defineProperty(exports, "JsModal", {
 Object.defineProperty(exports, "LicenseEntryModal", {
   enumerable: true,
   get: function () {
-    return _index11.LicenseEntryModal;
+    return _index12.LicenseEntryModal;
   }
 });
 Object.defineProperty(exports, "ProBadge", {
   enumerable: true,
   get: function () {
-    return _index11.ProBadge;
+    return _index12.ProBadge;
   }
 });
 Object.defineProperty(exports, "ProFeatureBanner", {
   enumerable: true,
   get: function () {
-    return _index11.ProFeatureBanner;
+    return _index12.ProFeatureBanner;
   }
 });
 Object.defineProperty(exports, "ProUpgradeModal", {
   enumerable: true,
   get: function () {
-    return _index11.ProUpgradeModal;
+    return _index12.ProUpgradeModal;
+  }
+});
+Object.defineProperty(exports, "Subscribable", {
+  enumerable: true,
+  get: function () {
+    return _index3.Subscribable;
   }
 });
 Object.defineProperty(exports, "UpgradeModal", {
   enumerable: true,
   get: function () {
-    return _index11.UpgradeModal;
+    return _index12.UpgradeModal;
   }
 });
 Object.defineProperty(exports, "UpgradePrompt", {
   enumerable: true,
   get: function () {
-    return _index11.UpgradePrompt;
+    return _index12.UpgradePrompt;
   }
 });
 Object.defineProperty(exports, "buoyColors", {
@@ -141,25 +157,25 @@ Object.defineProperty(exports, "dialColors", {
 Object.defineProperty(exports, "displayValue", {
   enumerable: true,
   get: function () {
-    return _index2.displayValue;
+    return _index3.displayValue;
   }
 });
 Object.defineProperty(exports, "flattenObject", {
   enumerable: true,
   get: function () {
-    return _index2.flattenObject;
+    return _index3.flattenObject;
   }
 });
 Object.defineProperty(exports, "formatPath", {
   enumerable: true,
   get: function () {
-    return _index2.formatPath;
+    return _index3.formatPath;
   }
 });
 Object.defineProperty(exports, "formatValue", {
   enumerable: true,
   get: function () {
-    return _index2.formatValue;
+    return _index3.formatValue;
   }
 });
 Object.defineProperty(exports, "gameUIColors", {
@@ -171,73 +187,85 @@ Object.defineProperty(exports, "gameUIColors", {
 Object.defineProperty(exports, "getCachedOptionalModule", {
   enumerable: true,
   get: function () {
-    return _index2.getCachedOptionalModule;
+    return _index3.getCachedOptionalModule;
   }
 });
 Object.defineProperty(exports, "getConstructorName", {
   enumerable: true,
   get: function () {
-    return _index2.getConstructorName;
+    return _index3.getConstructorName;
   }
 });
 Object.defineProperty(exports, "getDeviceInfo", {
   enumerable: true,
   get: function () {
-    return _index0.getDeviceInfo;
+    return _index1.getDeviceInfo;
   }
 });
 Object.defineProperty(exports, "getSafeAreaInsets", {
   enumerable: true,
   get: function () {
-    return _index2.getSafeAreaInsets;
+    return _index3.getSafeAreaInsets;
+  }
+});
+Object.defineProperty(exports, "getSafeRouter", {
+  enumerable: true,
+  get: function () {
+    return _index3.getSafeRouter;
   }
 });
 Object.defineProperty(exports, "getStorageBackendType", {
   enumerable: true,
   get: function () {
-    return _index2.getStorageBackendType;
+    return _index3.getStorageBackendType;
   }
 });
 Object.defineProperty(exports, "getTypeColor", {
   enumerable: true,
   get: function () {
-    return _index2.getTypeColor;
+    return _index3.getTypeColor;
   }
 });
 Object.defineProperty(exports, "getUseIsPro", {
   enumerable: true,
   get: function () {
-    return _index11.getUseIsPro;
+    return _index12.getUseIsPro;
   }
 });
 Object.defineProperty(exports, "getUseLicense", {
   enumerable: true,
   get: function () {
-    return _index11.getUseLicense;
+    return _index12.getUseLicense;
   }
 });
 Object.defineProperty(exports, "getValueSize", {
   enumerable: true,
   get: function () {
-    return _index2.getValueSize;
+    return _index3.getValueSize;
   }
 });
 Object.defineProperty(exports, "getValueType", {
   enumerable: true,
   get: function () {
-    return _index2.getValueType;
+    return _index3.getValueType;
   }
 });
 Object.defineProperty(exports, "isEmpty", {
   enumerable: true,
   get: function () {
-    return _index2.isEmpty;
+    return _index3.isEmpty;
+  }
+});
+Object.defineProperty(exports, "isExpoRouterAvailable", {
+  enumerable: true,
+  get: function () {
+    return _index3.isExpoRouterAvailable;
   }
 });
 Object.defineProperty(exports, "isJsonSerializable", {
   enumerable: true,
   get: function () {
-    return _index2.isJsonSerializable;
+    return _index3.isJsonSerializable;
   }
 });
 Object.defineProperty(exports, "isPlainObjectUtil", {
@@ -249,31 +277,31 @@ Object.defineProperty(exports, "isPlainObjectUtil", {
 Object.defineProperty(exports, "isPrimitive", {
   enumerable: true,
   get: function () {
-    return _index2.isPrimitive;
+    return _index3.isPrimitive;
   }
 });
 Object.defineProperty(exports, "isUsingPersistentStorage", {
   enumerable: true,
   get: function () {
-    return _index2.isUsingPersistentStorage;
+    return _index3.isUsingPersistentStorage;
   }
 });
 Object.defineProperty(exports, "isValidJson", {
   enumerable: true,
   get: function () {
-    return _index2.isValidJson;
+    return _index3.isValidJson;
   }
 });
 Object.defineProperty(exports, "loadOptionalModule", {
   enumerable: true,
   get: function () {
-    return _index2.loadOptionalModule;
+    return _index3.loadOptionalModule;
   }
 });
 Object.defineProperty(exports, "logDeviceInfo", {
   enumerable: true,
   get: function () {
-    return _index0.logDeviceInfo;
+    return _index1.logDeviceInfo;
   }
 });
 Object.defineProperty(exports, "macOSColors", {
@@ -282,70 +310,112 @@ Object.defineProperty(exports, "macOSColors", {
     return _macOSDesignSystemColors.macOSColors;
   }
 });
+Object.defineProperty(exports, "notifySubscriberCountChange", {
+  enumerable: true,
+  get: function () {
+    return _index3.notifySubscriberCountChange;
+  }
+});
 Object.defineProperty(exports, "parseDisplayValue", {
   enumerable: true,
   get: function () {
-    return _index2.parseDisplayValue;
+    return _index3.parseDisplayValue;
   }
 });
 Object.defineProperty(exports, "parseValue", {
   enumerable: true,
   get: function () {
-    return _index2.parseValue;
+    return _index3.parseValue;
   }
 });
 Object.defineProperty(exports, "persistentStorage", {
   enumerable: true,
   get: function () {
-    return _index2.persistentStorage;
+    return _index3.persistentStorage;
   }
 });
 Object.defineProperty(exports, "safeStringify", {
   enumerable: true,
   get: function () {
-    return _index2.safeStringify;
+    return _index3.safeStringify;
+  }
+});
+Object.defineProperty(exports, "subscribeToSubscriberCountChanges", {
+  enumerable: true,
+  get: function () {
+    return _index3.subscribeToSubscriberCountChanges;
+  }
+});
+Object.defineProperty(exports, "subscriberCountNotifier", {
+  enumerable: true,
+  get: function () {
+    return _index3.subscriberCountNotifier;
   }
 });
 Object.defineProperty(exports, "truncateText", {
   enumerable: true,
   get: function () {
-    return _index2.truncateText;
+    return _index3.truncateText;
   }
 });
 Object.defineProperty(exports, "useDeviceInfo", {
   enumerable: true,
   get: function () {
-    return _index0.useDeviceInfo;
+    return _index1.useDeviceInfo;
   }
 });
 Object.defineProperty(exports, "useFeatureGate", {
   enumerable: true,
   get: function () {
-    return _index11.useFeatureGate;
+    return _index12.useFeatureGate;
   }
 });
 Object.defineProperty(exports, "useFilterManager", {
   enumerable: true,
   get: function () {
-    return _index0.useFilterManager;
+    return _index1.useFilterManager;
   }
 });
 Object.defineProperty(exports, "useHintsContext", {
   enumerable: true,
   get: function () {
-    return _index1.useHintsContext;
+    return _index10.useHintsContext;
   }
 });
 Object.defineProperty(exports, "useHintsDisabled", {
   enumerable: true,
   get: function () {
-    return _index1.useHintsDisabled;
+    return _index10.useHintsDisabled;
   }
 });
 Object.defineProperty(exports, "useSafeAreaInsets", {
   enumerable: true,
   get: function () {
-    return _index0.useSafeAreaInsets;
+    return _index1.useSafeAreaInsets;
+  }
+});
+Object.defineProperty(exports, "useSafeGlobalSearchParams", {
+  enumerable: true,
+  get: function () {
+    return _index3.useSafeGlobalSearchParams;
+  }
+});
+Object.defineProperty(exports, "useSafePathname", {
+  enumerable: true,
+  get: function () {
+    return _index3.useSafePathname;
+  }
+});
+Object.defineProperty(exports, "useSafeRouter", {
+  enumerable: true,
+  get: function () {
+    return _index3.useSafeRouter;
+  }
+});
+Object.defineProperty(exports, "useSafeSegments", {
+  enumerable: true,
+  get: function () {
+    return _index3.useSafeSegments;
   }
 });
 var _index = require("./ui/index.js");
@@ -360,20 +430,20 @@ Object.keys(_index).forEach(function (key) {
     }
   });
 });
-var _index2 = require("./utils/index.js");
-var _index3 = require("./utils/formatting/index.js");
-Object.keys(_index3).forEach(function (key) {
+var _index2 = require("./stores/index.js");
+Object.keys(_index2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index3[key]) return;
+  if (key in exports && exports[key] === _index2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index3[key];
+      return _index2[key];
     }
   });
 });
-var _index4 = require("./utils/time/index.js");
+var _index3 = require("./utils/index.js");
+var _index4 = require("./utils/formatting/index.js");
 Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -385,8 +455,7 @@ Object.keys(_index4).forEach(function (key) {
     }
   });
 });
-var _typeHelpers = require("./utils/typeHelpers.js");
-var _index5 = require("./icons/index.js");
+var _index5 = require("./utils/time/index.js");
 Object.keys(_index5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -398,7 +467,8 @@ Object.keys(_index5).forEach(function (key) {
     }
   });
 });
-var _index6 = require("./clipboard/index.js");
+var _typeHelpers = require("./utils/typeHelpers.js");
+var _index6 = require("./icons/index.js");
 Object.keys(_index6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -410,7 +480,7 @@ Object.keys(_index6).forEach(function (key) {
     }
   });
 });
-var _index7 = require("./logger/index.js");
+var _index7 = require("./clipboard/index.js");
 Object.keys(_index7).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -422,7 +492,7 @@ Object.keys(_index7).forEach(function (key) {
     }
   });
 });
-var _index8 = require("./settings/index.js");
+var _index8 = require("./logger/index.js");
 Object.keys(_index8).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -434,7 +504,7 @@ Object.keys(_index8).forEach(function (key) {
     }
   });
 });
-var _index9 = require("./storage/index.js");
+var _index9 = require("./settings/index.js");
 Object.keys(_index9).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -446,24 +516,36 @@ Object.keys(_index9).forEach(function (key) {
     }
   });
 });
-var _index0 = require("./hooks/index.js");
+var _index0 = require("./storage/index.js");
+Object.keys(_index0).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index0[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index0[key];
+    }
+  });
+});
+var _index1 = require("./hooks/index.js");
 var _JsModal = require("./JsModal.js");
 var _gameUIColors = require("./ui/gameUI/constants/gameUIColors.js");
 var _macOSDesignSystemColors = require("./ui/gameUI/constants/macOSDesignSystemColors.js");
 var _EnvironmentIndicator = require("./env/EnvironmentIndicator.js");
 var _EnvironmentSelector = require("./env/EnvironmentSelector.js");
 var _EnvironmentSelectorInline = require("./env/EnvironmentSelectorInline.js");
-var _index1 = require("./context/index.js");
-var _index10 = require("./history/index.js");
-Object.keys(_index10).forEach(function (key) {
+var _index10 = require("./context/index.js");
+var _index11 = require("./history/index.js");
+Object.keys(_index11).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index10[key]) return;
+  if (key in exports && exports[key] === _index11[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index10[key];
+      return _index11[key];
     }
   });
 });
-var _index11 = require("./license/index.js");
+var _index12 = require("./license/index.js");

package/lib/commonjs/storage/devToolsStorageKeys.js

@@ -171,6 +171,8 @@ const devToolsStorageKeys = exports.devToolsStorageKeys = {
     modal: () => `${devToolsStorageKeys.events.root()}_modal`,
     /** Selected badge/source filters */
     enabledSources: () => `${devToolsStorageKeys.events.root()}_enabled_sources`,
+    /** Whether event capturing is active */
+    isCapturing: () => `${devToolsStorageKeys.events.root()}_is_capturing`,
     /** Copy/export settings */
     copySettings: () => `${devToolsStorageKeys.events.root()}_copy_settings`
   }
@@ -195,11 +197,16 @@ const LEGACY_DEV_TOOL_PATTERNS = ["@devtools", "@dev_tools_", "@modal_state_",
 function isDevToolsStorageKey(key) {
   if (!key) return false;
 
-  // Check if it starts with our base prefix
+  // Check if it starts with our base prefix (@react_buoy)
   if (key.startsWith(devToolsStorageKeys.base)) {
     return true;
   }
 
+  // Check for buoy- prefixed keys (modal persistence, license, etc.)
+  if (key.startsWith("buoy-")) {
+    return true;
+  }
+
   // Check for legacy dev tool keys that need cleanup
   for (const pattern of LEGACY_DEV_TOOL_PATTERNS) {
     if (key.startsWith(pattern)) {