@buoy-gg/shared-ui 7.0.40 → 7.0.41

package/lib/commonjs/license/FreeAccountPrompt.js

@@ -3,203 +3,57 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LOGIN_COMMAND = exports.FreeAccountPrompt = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.FreeAccountPrompt = FreeAccountPrompt;
+Object.defineProperty(exports, "LOGIN_COMMAND", {
+  enumerable: true,
+  get: function () {
+    return _AccountSetupContent.LOGIN_COMMAND;
+  }
+});
 var _reactNative = require("react-native");
-var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
-var _lucideIcons = require("../icons/lucide-icons.js");
-var _index = require("../clipboard/index.js");
-var _openPricing = require("./openPricing.js");
-var _licenseModule = require("./licenseModule.js");
-var _fonts = require("../ui/fonts.js");
+var _AccountSetupContent = require("./AccountSetupContent.js");
 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); }
-/**
- * The account setup sheet — what a locked manager shows instead of the tools.
- *
- * Deliberately not the Pro modal. The next step is a free account and takes
- * about thirty seconds, so asking for money here would be asking the wrong
- * question at the wrong moment. Pro is still offered, as a secondary action.
- *
- * The command is shown inline and copyable rather than linked, because
- * someone who cannot open the tools needs the fix in front of them, not a link
- * to a page that has a link to a command.
- */
-
-/** The one thing a reader has to be able to act on. */
-const LOGIN_COMMAND = exports.LOGIN_COMMAND = "npx buoy login";
-const FreeAccountPrompt = ({
+/** Native presentation of the shared account card. */
+function FreeAccountPrompt({
   visible,
   onClose
-}) => {
-  const access = (0, _licenseModule.getUseAccountAccess)()();
-  const [copied, setCopied] = (0, _react.useState)(false);
-  const resetTimer = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => () => {
-    if (resetTimer.current) clearTimeout(resetTimer.current);
-  }, []);
-  const handleCopy = (0, _react.useCallback)(() => {
-    void (0, _index.copyToClipboard)(LOGIN_COMMAND).then(ok => {
-      if (!ok) return;
-      setCopied(true);
-      if (resetTimer.current) clearTimeout(resetTimer.current);
-      resetTimer.current = setTimeout(() => setCopied(false), 1500);
-    });
-  }, []);
+}) {
   if (!visible) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: visible,
+    visible: true,
     transparent: true,
     animationType: "fade",
     onRequestClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.overlay,
-      onPress: onClose,
-      activeOpacity: 1,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.card,
-        activeOpacity: 1,
-        onPress: () => {},
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.close,
-          onPress: onClose,
-          activeOpacity: 0.7,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.X, {
-            size: 18,
-            color: _gameUIColors.buoyColors.textMuted
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.title,
-          children: access.status === "initializing" ? "Checking your account…" : "Sign in to use Buoy"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.subtitle,
-          children: "A Free or Pro account is required. Run this command in your project, then reload the app to use your account key."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.command,
-          onPress: handleCopy,
-          activeOpacity: 0.7,
-          accessibilityLabel: `Copy ${LOGIN_COMMAND}`,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.commandText,
-            children: LOGIN_COMMAND
-          }), copied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Check, {
-            size: 14,
-            color: _gameUIColors.buoyColors.success
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.Copy, {
-            size: 14,
-            color: _gameUIColors.buoyColors.textMuted
-          })]
-        }), access.status !== "admitted" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => {
-            void (0, _licenseModule.retryAccountAccess)();
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.secondaryText,
-            children: "Retry verification"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.reassure,
-          children: "Free forever. No card. About thirty seconds."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => (0, _openPricing.openPricing)("https://github.com/Buoy-gg/buoy/issues/new/choose"),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.secondaryText,
-            children: "Contact support on GitHub"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => (0, _openPricing.openPricing)("mailto:support@buoy.gg"),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.secondaryText,
-            children: "Email support@buoy.gg"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => (0, _openPricing.openPricing)(),
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.secondaryText,
-            children: "Or see Pro"
-          })
-        })]
-      })
+      accessibilityViewIsModal: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        onPress: onClose,
+        accessible: false
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        style: styles.frame,
+        bounces: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccountSetupContent.AccountSetupCard, {
+          onClose: onClose
+        })
+      })]
     })
   });
-};
-exports.FreeAccountPrompt = FreeAccountPrompt;
+}
 const styles = _reactNative.StyleSheet.create({
   overlay: {
     flex: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.75)",
+    backgroundColor: "rgba(0, 0, 0, 0.65)",
     alignItems: "center",
     justifyContent: "center",
     padding: 20
   },
-  card: {
-    backgroundColor: _gameUIColors.buoyColors.card,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: _gameUIColors.buoyColors.primary + "60",
-    padding: 24,
-    maxWidth: 340,
+  frame: {
     width: "100%",
-    position: "relative"
-  },
-  close: {
-    position: "absolute",
-    top: 12,
-    right: 12,
-    padding: 6,
-    zIndex: 1
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: "700",
-    color: _gameUIColors.buoyColors.text,
-    textAlign: "center",
-    marginBottom: 8
-  },
-  subtitle: {
-    fontSize: 13,
-    lineHeight: 19,
-    color: _gameUIColors.buoyColors.textMuted,
-    textAlign: "center",
-    marginBottom: 20
-  },
-  command: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: _gameUIColors.buoyColors.base,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _gameUIColors.buoyColors.border,
-    paddingHorizontal: 14,
-    paddingVertical: 12,
-    gap: 10
-  },
-  commandText: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.text,
-    fontFamily: _fonts.monoFont
-  },
-  reassure: {
-    fontSize: 12,
-    color: _gameUIColors.buoyColors.textMuted,
-    textAlign: "center",
-    marginTop: 10
-  },
-  secondary: {
-    marginTop: 18,
-    paddingVertical: 10,
-    alignItems: "center"
-  },
-  secondaryText: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.textMuted
+    maxWidth: 368,
+    maxHeight: "90%",
+    flexGrow: 0,
+    borderRadius: 20
   }
 });

package/lib/commonjs/license/LicenseEntryModal.js

@@ -11,6 +11,8 @@ var _macOSDesignSystemColors = require("../ui/gameUI/constants/macOSDesignSystem
 var _openPricing = require("./openPricing.js");
 var _lucideIcons = require("../icons/lucide-icons.js");
 var _fonts = require("../ui/fonts.js");
+var _index = require("../clipboard/index.js");
+var _autoDetectClipboard = require("../clipboard/autoDetectClipboard.js");
 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); }
 /**
@@ -21,14 +23,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * 2. Already have one? Add Buoy.init() to your code
  */
 
-// For clipboard functionality
-let Clipboard = null;
-try {
-  Clipboard = require("@react-native-clipboard/clipboard").default;
-} catch {
-  // Clipboard not available
-}
-
 // Keep these for backwards compatibility but they're no longer used
 
 const CODE_SNIPPET = `import { Buoy } from '@buoy-gg/core';
@@ -45,9 +39,8 @@ const LicenseEntryModal = ({
   const handleGetLicense = (0, _react.useCallback)(() => {
     (0, _openPricing.openPricing)(purchaseUrl);
   }, [purchaseUrl]);
-  const handleCopyCode = (0, _react.useCallback)(() => {
-    if (Clipboard?.setString) {
-      Clipboard.setString(CODE_SNIPPET);
+  const handleCopyCode = (0, _react.useCallback)(async () => {
+    if (await (0, _index.copyToClipboard)(CODE_SNIPPET)) {
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     }
@@ -182,7 +175,7 @@ const LicenseEntryModal = ({
                 style: styles.codePunctuation,
                 children: "});"
               })]
-            }), Clipboard?.setString && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+            }), (0, _autoDetectClipboard.isClipboardAvailable)() && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
               style: styles.copyButton,
               onPress: handleCopyCode,
               activeOpacity: 0.7,

package/lib/commonjs/license/accountRuntime.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canInitializeAccount = void 0;
+const canInitializeAccount = () => true;
+exports.canInitializeAccount = canInitializeAccount;

package/lib/commonjs/license/accountRuntime.web.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canInitializeAccount = void 0;
+// A server import must not initialize an account or retain revalidation timers.
+const canInitializeAccount = () => typeof window !== "undefined";
+exports.canInitializeAccount = canInitializeAccount;

package/lib/commonjs/license/licenseModule.js

@@ -13,6 +13,7 @@ exports.hasAccountAccess = hasAccountAccess;
 exports.retryAccountAccess = retryAccountAccess;
 exports.subscribeAccountAccess = subscribeAccountAccess;
 var licenseModule = _interopRequireWildcard(require("@buoy-gg/license"));
+var _accountRuntime = require("./accountRuntime");
 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); }
 /**
  * Centralized access of `@buoy-gg/license`.
@@ -83,6 +84,7 @@ const LOCKED = {
 // Resolve at the boundary, after module initialization. Do not cache an absent
 // manager during a circular import or grant access for older package versions.
 function accountManager() {
+  if (!(0, _accountRuntime.canInitializeAccount)()) return null;
   try {
     const manager = licenseModule.LicenseManager;
     void manager?.initialize?.();

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

@@ -11,7 +11,7 @@ var _index = require("../../icons/index.js");
 var _react = require("react");
 var _CyberpunkSectionButton = require("../../ui/console/CyberpunkSectionButton.js");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
-var _persistentStorage = require("../../utils/persistentStorage.js");
+var _persistentStorage = require("../../utils/persistentStorage");
 var _macOSDesignSystemColors = require("../../ui/gameUI/constants/macOSDesignSystemColors.js");
 var _gameUIColors = require("../../ui/gameUI/constants/gameUIColors.js");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/commonjs/storage/definePersistedSetting.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.definePersistedSetting = definePersistedSetting;
-var _persistentStorage = require("../utils/persistentStorage.js");
+var _persistentStorage = require("../utils/persistentStorage");
 /**
  * definePersistedSetting — the `load / save / clear` triple every tool wrote
  * for its module-level settings (copy settings, HUD prefs, JS TOP prefs, …).

package/lib/commonjs/stores/ignoredPatternsStore.js

@@ -3,203 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ignoredPatternsStore = void 0;
-Object.defineProperty(exports, "isUrlIgnored", {
-  enumerable: true,
-  get: function () {
-    return _ignoredPatternsCore.isUrlIgnored;
-  }
-});
-Object.defineProperty(exports, "urlMatchesIgnoredPattern", {
-  enumerable: true,
-  get: function () {
-    return _ignoredPatternsCore.urlMatchesIgnoredPattern;
-  }
-});
-exports.useIgnoredPatterns = useIgnoredPatterns;
-var _react = require("react");
-var _persistentStorage = require("../utils/persistentStorage.js");
-var _devToolsStorageKeys = require("../storage/devToolsStorageKeys.js");
-var _ignoredPatternsCore = require("./ignoredPatternsCore.js");
-/**
- * Shared "ignored patterns" store for network-style URL filtering.
- *
- * This is the SINGLE source of truth for the domains/URL patterns that the
- * Network tool (and now the Events tool) hide from their lists. Both tools read
- * and mutate this one singleton, so an ignore toggled in either place is shared
- * everywhere and persisted to the same storage key.
- *
- * Lives in @buoy-gg/shared-ui (a hard dependency of both @buoy-gg/network and
- * @buoy-gg/events) so the filter logic can be shared without @buoy-gg/events
- * having to take a hard dependency on @buoy-gg/network (which is optional).
- */
-
-// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
-// re-exported here so the shared-ui barrel surface is unchanged.
-
-const DEFAULT_PATTERNS = _ignoredPatternsCore.DEFAULT_IGNORED_PATTERNS;
-
-/** Tolerate the legacy `string[]` persisted format and stray junk. */
-function migratePatterns(raw) {
-  if (!Array.isArray(raw)) return [];
-  const migrated = [];
-  for (const entry of raw) {
-    if (typeof entry === "string" && entry.trim()) {
-      migrated.push({
-        value: entry,
-        mode: "contains"
-      });
-    } else if (entry && typeof entry === "object" && typeof entry.value === "string") {
-      const e = entry;
-      migrated.push({
-        value: e.value,
-        mode: e.mode === "exact" ? "exact" : "contains"
-      });
-    }
-  }
-  return migrated;
-}
-
-/** Always keep the default patterns present (e.g. Buoy's license API). */
-function ensureDefaults(patterns) {
-  const result = [...patterns];
-  for (const def of DEFAULT_PATTERNS) {
-    if (!result.some(p => p.value === def.value)) {
-      result.push({
-        ...def
-      });
+var _ignoredPatternsStoreShared = require("./ignoredPatternsStore.shared.js");
+Object.keys(_ignoredPatternsStoreShared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ignoredPatternsStoreShared[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ignoredPatternsStoreShared[key];
     }
-  }
-  return result;
-}
-/**
- * Singleton store. One instance per JS runtime, so every consumer (Network tool,
- * Events tool, on mobile or on the desktop dashboard) shares the same patterns.
- */
-class IgnoredPatternsStore {
-  patterns = ensureDefaults(DEFAULT_PATTERNS.map(p => ({
-    ...p
-  })));
-  listeners = new Set();
-  loaded = false;
-  loadPromise = null;
-  /** Set once a mutation happens so a slow initial load can't clobber it. */
-  dirty = false;
-
-  /** Current patterns (stable reference until a mutation occurs). */
-  getPatterns() {
-    return this.patterns;
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    // Lazily hydrate from storage the first time anyone cares.
-    void this.ensureLoaded();
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  emit() {
-    this.listeners.forEach(l => l());
-  }
-  ensureLoaded() {
-    if (this.loaded) return Promise.resolve();
-    if (this.loadPromise) return this.loadPromise;
-    this.loadPromise = (async () => {
-      try {
-        const stored = await _persistentStorage.persistentStorage.getItem(_devToolsStorageKeys.devToolsStorageKeys.network.ignoredDomains());
-        // A mutation may have raced this read — never overwrite user intent.
-        if (stored && !this.dirty) {
-          const migrated = ensureDefaults(migratePatterns(JSON.parse(stored)));
-          this.patterns = migrated;
-        }
-      } catch {
-        // Silently fall back to defaults.
-      } finally {
-        this.loaded = true;
-        this.emit();
-      }
-    })();
-    return this.loadPromise;
-  }
-  persist() {
-    _persistentStorage.persistentStorage.setItem(_devToolsStorageKeys.devToolsStorageKeys.network.ignoredDomains(), JSON.stringify(this.patterns)).catch(() => {
-      // Silently fail — patterns remain in memory.
-    });
-  }
-  commit(next) {
-    this.dirty = true;
-    this.patterns = next;
-    this.emit();
-    this.persist();
-  }
-
-  /** Add a pattern (no-op if its value already exists). */
-  add(pattern) {
-    const value = pattern.value.trim();
-    if (!value) return;
-    if (this.patterns.some(p => p.value === value)) return;
-    this.commit([...this.patterns, {
-      value,
-      mode: pattern.mode
-    }]);
-  }
-
-  /** Remove a pattern by value. */
-  remove(value) {
-    if (!this.patterns.some(p => p.value === value)) return;
-    this.commit(this.patterns.filter(p => p.value !== value));
-  }
-
-  /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
-  toggle(value) {
-    const trimmed = value.trim();
-    if (!trimmed) return;
-    this.commit(this.patterns.some(p => p.value === trimmed) ? this.patterns.filter(p => p.value !== trimmed) : [...this.patterns, {
-      value: trimmed,
-      mode: "contains"
-    }]);
-  }
-
-  /** Flip an existing pattern between `contains` and `exact`. */
-  toggleMode(value) {
-    if (!this.patterns.some(p => p.value === value)) return;
-    this.commit(this.patterns.map(p => p.value === value ? {
-      ...p,
-      mode: p.mode === "contains" ? "exact" : "contains"
-    } : p));
-  }
-}
-const ignoredPatternsStore = exports.ignoredPatternsStore = new IgnoredPatternsStore();
-/**
- * Mutations live at module scope so they keep a STABLE identity across
- * renders. They used to be inline arrows in the return object, which handed
- * every consumer a fresh `toggle` on each render and defeated `memo` on
- * anything they were passed down to — measured on the network detail view,
- * where it forced a full re-render of the inspector per step.
- */
-const addPattern = pattern => ignoredPatternsStore.add(pattern);
-const removePattern = value => ignoredPatternsStore.remove(value);
-const togglePattern = value => ignoredPatternsStore.toggle(value);
-const togglePatternMode = value => ignoredPatternsStore.toggleMode(value);
-
-/**
- * Subscribe to the shared ignored-patterns store. All consumers in a runtime
- * see the same patterns and the same mutations.
- */
-function useIgnoredPatterns() {
-  const [patterns, setPatterns] = (0, _react.useState)(() => ignoredPatternsStore.getPatterns());
-  (0, _react.useEffect)(() => {
-    return ignoredPatternsStore.subscribe(() => {
-      setPatterns(ignoredPatternsStore.getPatterns());
-    });
-  }, []);
-  const values = (0, _react.useMemo)(() => new Set(patterns.map(p => p.value)), [patterns]);
-  return {
-    patterns,
-    values,
-    add: addPattern,
-    remove: removePattern,
-    toggle: togglePattern,
-    toggleMode: togglePatternMode
-  };
-}
+  });
+});