@buoy-gg/shared-ui 7.0.40 → 7.0.41

package/lib/module/license/FreeAccountPrompt.js

@@ -1,199 +1,50 @@
 "use strict";
 
-/**
- * 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.
- */
-
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Modal, StyleSheet, Text, TouchableOpacity } from "react-native";
-import { buoyColors } from "../ui/gameUI/constants/gameUIColors.js";
-import { Check, Copy, X } from "../icons/lucide-icons.js";
-import { copyToClipboard } from "../clipboard/index.js";
-import { openPricing } from "./openPricing.js";
-import { getUseAccountAccess, retryAccountAccess } from "./licenseModule.js";
-import { monoFont } from "../ui/fonts.js";
-/** The one thing a reader has to be able to act on. */
+import { Modal, Pressable, ScrollView, StyleSheet, View } from "react-native";
+import { AccountSetupCard } from "./AccountSetupContent.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const LOGIN_COMMAND = "npx buoy login";
-export const FreeAccountPrompt = ({
+export { LOGIN_COMMAND } from "./AccountSetupContent.js";
+/** Native presentation of the shared account card. */
+export function FreeAccountPrompt({
   visible,
   onClose
-}) => {
-  const access = getUseAccountAccess()();
-  const [copied, setCopied] = useState(false);
-  const resetTimer = useRef(null);
-  useEffect(() => () => {
-    if (resetTimer.current) clearTimeout(resetTimer.current);
-  }, []);
-  const handleCopy = useCallback(() => {
-    void 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__*/_jsx(Modal, {
-    visible: visible,
+    visible: true,
     transparent: true,
     animationType: "fade",
     onRequestClose: onClose,
-    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: styles.overlay,
-      onPress: onClose,
-      activeOpacity: 1,
-      children: /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.card,
-        activeOpacity: 1,
-        onPress: () => {},
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.close,
-          onPress: onClose,
-          activeOpacity: 0.7,
-          children: /*#__PURE__*/_jsx(X, {
-            size: 18,
-            color: buoyColors.textMuted
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.title,
-          children: access.status === "initializing" ? "Checking your account…" : "Sign in to use Buoy"
-        }), /*#__PURE__*/_jsx(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__*/_jsxs(TouchableOpacity, {
-          style: styles.command,
-          onPress: handleCopy,
-          activeOpacity: 0.7,
-          accessibilityLabel: `Copy ${LOGIN_COMMAND}`,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.commandText,
-            children: LOGIN_COMMAND
-          }), copied ? /*#__PURE__*/_jsx(Check, {
-            size: 14,
-            color: buoyColors.success
-          }) : /*#__PURE__*/_jsx(Copy, {
-            size: 14,
-            color: buoyColors.textMuted
-          })]
-        }), access.status !== "admitted" && /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => {
-            void retryAccountAccess();
-          },
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.secondaryText,
-            children: "Retry verification"
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.reassure,
-          children: "Free forever. No card. About thirty seconds."
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => openPricing("https://github.com/Buoy-gg/buoy/issues/new/choose"),
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.secondaryText,
-            children: "Contact support on GitHub"
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => openPricing("mailto:support@buoy.gg"),
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.secondaryText,
-            children: "Email support@buoy.gg"
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.secondary,
-          onPress: () => openPricing(),
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.secondaryText,
-            children: "Or see Pro"
-          })
-        })]
-      })
+      accessibilityViewIsModal: true,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: StyleSheet.absoluteFill,
+        onPress: onClose,
+        accessible: false
+      }), /*#__PURE__*/_jsx(ScrollView, {
+        style: styles.frame,
+        bounces: false,
+        children: /*#__PURE__*/_jsx(AccountSetupCard, {
+          onClose: onClose
+        })
+      })]
     })
   });
-};
+}
 const styles = 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: buoyColors.card,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: 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: buoyColors.text,
-    textAlign: "center",
-    marginBottom: 8
-  },
-  subtitle: {
-    fontSize: 13,
-    lineHeight: 19,
-    color: buoyColors.textMuted,
-    textAlign: "center",
-    marginBottom: 20
-  },
-  command: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: buoyColors.base,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: buoyColors.border,
-    paddingHorizontal: 14,
-    paddingVertical: 12,
-    gap: 10
-  },
-  commandText: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: buoyColors.text,
-    fontFamily: monoFont
-  },
-  reassure: {
-    fontSize: 12,
-    color: buoyColors.textMuted,
-    textAlign: "center",
-    marginTop: 10
-  },
-  secondary: {
-    marginTop: 18,
-    paddingVertical: 10,
-    alignItems: "center"
-  },
-  secondaryText: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: buoyColors.textMuted
+    maxWidth: 368,
+    maxHeight: "90%",
+    flexGrow: 0,
+    borderRadius: 20
   }
 });

package/lib/module/license/LicenseEntryModal.js

@@ -15,17 +15,11 @@ import { macOSColors } from "../ui/gameUI/constants/macOSDesignSystemColors.js";
 import { openPricing, isWeb } from "./openPricing.js";
 import { X, Key, Link, FileCode, Copy } from "../icons/lucide-icons.js";
 import { monoFont } from "../ui/fonts.js";
-// For clipboard functionality
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-let Clipboard = null;
-try {
-  Clipboard = require("@react-native-clipboard/clipboard").default;
-} catch {
-  // Clipboard not available
-}
+import { copyToClipboard } from "../clipboard/index.js";
+import { isClipboardAvailable } from "../clipboard/autoDetectClipboard.js";
 
 // Keep these for backwards compatibility but they're no longer used
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CODE_SNIPPET = `import { Buoy } from '@buoy-gg/core';
 
 Buoy.init({
@@ -40,9 +34,8 @@ export const LicenseEntryModal = ({
   const handleGetLicense = useCallback(() => {
     openPricing(purchaseUrl);
   }, [purchaseUrl]);
-  const handleCopyCode = useCallback(() => {
-    if (Clipboard?.setString) {
-      Clipboard.setString(CODE_SNIPPET);
+  const handleCopyCode = useCallback(async () => {
+    if (await copyToClipboard(CODE_SNIPPET)) {
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     }
@@ -177,7 +170,7 @@ export const LicenseEntryModal = ({
                 style: styles.codePunctuation,
                 children: "});"
               })]
-            }), Clipboard?.setString && /*#__PURE__*/_jsxs(TouchableOpacity, {
+            }), isClipboardAvailable() && /*#__PURE__*/_jsxs(TouchableOpacity, {
               style: styles.copyButton,
               onPress: handleCopyCode,
               activeOpacity: 0.7,

package/lib/module/license/accountRuntime.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export const canInitializeAccount = () => true;

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

@@ -0,0 +1,4 @@
+"use strict";
+
+// A server import must not initialize an account or retain revalidation timers.
+export const canInitializeAccount = () => typeof window !== "undefined";

package/lib/module/license/licenseModule.js

@@ -9,6 +9,7 @@
  */
 
 import * as licenseModule from "@buoy-gg/license";
+import { canInitializeAccount } from "./accountRuntime";
 
 /** Tier. Mirrors BuoyTier in @buoy-gg/license. */
 
@@ -71,6 +72,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 (!canInitializeAccount()) return null;
   try {
     const manager = licenseModule.LicenseManager;
     void manager?.initialize?.();

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

@@ -5,7 +5,7 @@ import { Settings, EyeOff, Database } from "../../icons/index.js";
 import { useState, useEffect } from "react";
 import { CyberpunkSectionButton } from "../../ui/console/CyberpunkSectionButton.js";
 import { devToolsStorageKeys } from "../../storage/devToolsStorageKeys.js";
-import { persistentStorage } from "../../utils/persistentStorage.js";
+import { persistentStorage } from "../../utils/persistentStorage";
 import { macOSColors } from "../../ui/gameUI/constants/macOSDesignSystemColors.js";
 import { buoyColors } from "../../ui/gameUI/constants/gameUIColors.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/lib/module/storage/definePersistedSetting.js

@@ -14,7 +14,7 @@
  *    callers that treat first launch differently.
  */
 
-import { persistentStorage } from "../utils/persistentStorage.js";
+import { persistentStorage } from "../utils/persistentStorage";
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }

package/lib/module/stores/ignoredPatternsStore.js

@@ -1,189 +1,3 @@
 "use strict";
 
-/**
- * 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).
- */
-
-import { useEffect, useMemo, useState } from "react";
-import { persistentStorage } from "../utils/persistentStorage.js";
-import { devToolsStorageKeys } from "../storage/devToolsStorageKeys.js";
-
-// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
-// re-exported here so the shared-ui barrel surface is unchanged.
-import { DEFAULT_IGNORED_PATTERNS } from "./ignoredPatternsCore.js";
-export { urlMatchesIgnoredPattern, isUrlIgnored } from "./ignoredPatternsCore.js";
-const DEFAULT_PATTERNS = 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
-      });
-    }
-  }
-  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.getItem(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.setItem(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));
-  }
-}
-export const 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.
- */
-export function useIgnoredPatterns() {
-  const [patterns, setPatterns] = useState(() => ignoredPatternsStore.getPatterns());
-  useEffect(() => {
-    return ignoredPatternsStore.subscribe(() => {
-      setPatterns(ignoredPatternsStore.getPatterns());
-    });
-  }, []);
-  const values = useMemo(() => new Set(patterns.map(p => p.value)), [patterns]);
-  return {
-    patterns,
-    values,
-    add: addPattern,
-    remove: removePattern,
-    toggle: togglePattern,
-    toggleMode: togglePatternMode
-  };
-}
+export * from "./ignoredPatternsStore.shared.js";