@buoy-gg/core 2.1.1 → 2.1.3

package/lib/commonjs/Buoy.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Buoy = void 0;
+var _license = require("@buoy-gg/license");
+/**
+ * Buoy SDK - Main entry point for React Buoy configuration
+ *
+ * Initialize once at app startup, before rendering any components:
+ *
+ * @example
+ * ```tsx
+ * import { Buoy } from '@buoy-gg/core';
+ *
+ * Buoy.init({
+ *   licenseKey: 'YOUR_LICENSE_KEY',
+ * });
+ * ```
+ */
+
+/**
+ * Buoy SDK namespace
+ *
+ * Use `Buoy.init()` to configure your license key at app startup.
+ */
+const Buoy = exports.Buoy = {
+  /**
+   * Initialize Buoy with your license key
+   *
+   * Call this once at app startup, before rendering FloatingDevTools.
+   * Typically placed in App.tsx or index.js.
+   *
+   * @example
+   * ```tsx
+   * import { Buoy } from '@buoy-gg/core';
+   *
+   * // With hardcoded key
+   * Buoy.init({
+   *   licenseKey: '36063C-27282E-8E73F5-55488F-2213DF-V3',
+   * });
+   *
+   * // With environment variable
+   * Buoy.init({
+   *   licenseKey: process.env.BUOY_LICENSE_KEY!,
+   * });
+   * ```
+   */
+  init(config) {
+    // If no license key or empty string, clear any cached license
+    if (!config.licenseKey || config.licenseKey.trim() === "") {
+      _license.LicenseManager.initialize().then(() => _license.LicenseManager.clearLicense()).catch(() => {});
+      return;
+    }
+
+    // Initialize the license manager and set the key
+    const key = config.licenseKey; // We've already checked it's not empty above
+    _license.LicenseManager.initialize().then(() => _license.LicenseManager.setLicenseKey(key)).catch(error => {
+      console.warn("[Buoy] License initialization failed:", error);
+    });
+  },
+  /**
+   * Initialize Buoy asynchronously
+   *
+   * Use this if you need to wait for initialization to complete.
+   *
+   * @example
+   * ```tsx
+   * await Buoy.initAsync({
+   *   licenseKey: 'YOUR_LICENSE_KEY',
+   * });
+   * console.log('Buoy is ready!');
+   * ```
+   */
+  async initAsync(config) {
+    if (!config.licenseKey) {
+      console.warn("[Buoy] No license key provided to Buoy.initAsync()");
+      return false;
+    }
+    await _license.LicenseManager.initialize();
+    return _license.LicenseManager.setLicenseKey(config.licenseKey);
+  },
+  /**
+   * Check if Buoy Pro is active
+   */
+  isPro() {
+    return _license.LicenseManager.isPro();
+  },
+  /**
+   * Get the current license state
+   */
+  getState() {
+    return _license.LicenseManager.getState();
+  },
+  /**
+   * Force device re-registration (debugging helper)
+   * Clears cached fingerprint so next init will register device again
+   */
+  async forceReregister() {
+    await _license.LicenseManager.forceReregister();
+  }
+};
+
+// Also export as default for flexibility
+var _default = exports.default = Buoy;

package/lib/commonjs/floatingMenu/DevToolsSettingsModal.js

@@ -16,8 +16,6 @@ const MAX_DIAL_SLOTS = 6;
 
 // Lazy load license hooks to avoid circular dependencies
 let _useLicense = null;
-let _useSeats = null;
-let _useDevices = null;
 function getUseLicense() {
   if (!_useLicense) {
     try {
@@ -29,28 +27,6 @@ function getUseLicense() {
   }
   return _useLicense;
 }
-function getUseSeats() {
-  if (!_useSeats) {
-    try {
-      const mod = require("@buoy-gg/license");
-      _useSeats = mod.useSeats;
-    } catch {
-      // License package not available
-    }
-  }
-  return _useSeats;
-}
-function getUseDevices() {
-  if (!_useDevices) {
-    try {
-      const mod = require("@buoy-gg/license");
-      _useDevices = mod.useDevices;
-    } catch {
-      // License package not available
-    }
-  }
-  return _useDevices;
-}
 const enforceDialLimit = dialTools => {
   let remaining = MAX_DIAL_SLOTS;
   const limited = {};
@@ -178,7 +154,6 @@ const DevToolsSettingsModal = ({
   const [activeTabLoaded, setActiveTabLoaded] = (0, _react.useState)(false);
   const [expandedSettings, setExpandedSettings] = (0, _react.useState)(new Set());
   const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
-  const [licenseModalForDeviceRegistration, setLicenseModalForDeviceRegistration] = (0, _react.useState)(false);
 
   // Load persisted active tab on mount
   (0, _react.useEffect)(() => {
@@ -209,22 +184,8 @@ const DevToolsSettingsModal = ({
 
   // License hooks
   const useLicenseHook = getUseLicense();
-  const useSeatsHook = getUseSeats();
-  const useDevicesHook = getUseDevices();
   const license = useLicenseHook?.();
-  const seats = useSeatsHook?.();
-  const devicesData = useDevicesHook?.();
   const isPro = license?.isPro ?? false;
-
-  // Devices data
-  const devices = devicesData?.devices ?? [];
-  const devicesLoading = devicesData?.isLoading ?? false;
-  const devicesError = devicesData?.error ?? null;
-  const refreshDevices = devicesData?.refreshDevices;
-  const registerDevice = devicesData?.registerDevice;
-  const deactivateDevice = devicesData?.deactivateDevice;
-  const isCurrentDeviceRegistered = devicesData?.isCurrentDeviceRegistered ?? false;
-  const [deactivatingDeviceId, setDeactivatingDeviceId] = (0, _react.useState)(null);
   const [storageBackend, setStorageBackend] = (0, _react.useState)(null);
   const [isClearing, setIsClearing] = (0, _react.useState)(false);
   const [clearSuccess, setClearSuccess] = (0, _react.useState)(false);
@@ -394,51 +355,6 @@ const DevToolsSettingsModal = ({
       setTimeout(() => setCopySuccess(false), 2000);
     }
   };
-  const handleRemoveDevice = async (deviceId, deviceName, isCurrentDevice) => {
-    if (!deactivateDevice) return;
-    const message = isCurrentDevice ? "This will remove your current device. You'll need to re-register to use Pro features on this device." : `Remove "${deviceName}" from your license?`;
-    const {
-      Alert
-    } = require("react-native");
-    const doRemove = await new Promise(resolve => {
-      Alert.alert("Remove Device", message, [{
-        text: "Cancel",
-        style: "cancel",
-        onPress: () => resolve(false)
-      }, {
-        text: "Remove",
-        style: "destructive",
-        onPress: () => resolve(true)
-      }]);
-    });
-    if (!doRemove) return;
-    setDeactivatingDeviceId(deviceId);
-    try {
-      await deactivateDevice(deviceId);
-    } catch (error) {
-      console.error("Failed to remove device:", error);
-    } finally {
-      setDeactivatingDeviceId(null);
-    }
-  };
-  const handleRegisterDevice = () => {
-    // Open the license modal in device registration mode (skip license key entry)
-    setLicenseModalForDeviceRegistration(true);
-    setShowLicenseModal(true);
-  };
-  const formatDeviceDate = date => {
-    const now = new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-    if (diffDays === 0) return "Today";
-    if (diffDays === 1) return "Yesterday";
-    if (diffDays < 7) return `${diffDays} days ago`;
-    return date.toLocaleDateString(undefined, {
-      month: "short",
-      day: "numeric",
-      year: date.getFullYear() !== now.getFullYear() ? "numeric" : undefined
-    });
-  };
 
   // Modal is fixed to bottom sheet mode
   const handleModeChange = (0, _react.useCallback)(_mode => {
@@ -1031,8 +947,8 @@ const DevToolsSettingsModal = ({
         })]
       }), activeTab === "pro" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.proContainer,
-        children: isPro ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: isPro ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.proSection,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
@@ -1047,173 +963,12 @@ const DevToolsSettingsModal = ({
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: styles.proSectionContent,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.proStatsRow,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.proStatItem,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proStatValue,
-                    children: seats?.used ?? 0
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proStatLabel,
-                    children: "USED"
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.proStatDivider
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.proStatItem,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proStatValue,
-                    children: seats?.total ?? "∞"
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proStatLabel,
-                    children: "LIMIT"
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.proStatDivider
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.proStatItem,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: [styles.proStatValue, (seats?.remaining ?? 0) <= 0 && styles.proStatValueDanger],
-                    children: seats?.remaining ?? "∞"
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proStatLabel,
-                    children: "AVAILABLE"
-                  })]
-                })]
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.proActiveDescription,
+                children: "You have full access to all Buoy DevTools features."
               })
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.proSection,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-                icon: _sharedUi.Smartphone,
-                color: _sharedUi.buoyColors.info,
-                size: 12
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-                children: "REGISTERED DEVICES"
-              }), devices.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-                count: devices.length,
-                color: _sharedUi.buoyColors.info
-              }), refreshDevices && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Actions, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  onPress: () => refreshDevices(),
-                  disabled: devicesLoading,
-                  style: {
-                    marginLeft: 8
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-                    size: 14,
-                    color: devicesLoading ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.textSecondary
-                  })
-                })
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.proSectionContent,
-              children: [devicesLoading && devices.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.proEmptyState,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.proEmptyStateText,
-                  children: "Loading devices..."
-                })
-              }) : devicesError ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.proErrorState,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-                  size: 16,
-                  color: _sharedUi.buoyColors.error
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.proErrorStateText,
-                  children: devicesError
-                })]
-              }) : devices.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.proEmptyState,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Smartphone, {
-                  size: 24,
-                  color: _sharedUi.buoyColors.textMuted
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.proEmptyStateText,
-                  children: "No devices registered"
-                })]
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.proDevicesList,
-                children: devices.map(device => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: [styles.proDeviceRow, device.isCurrentDevice && styles.proDeviceRowCurrent],
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                    style: styles.proDeviceIcon,
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Smartphone, {
-                      size: 16,
-                      color: _sharedUi.buoyColors.text
-                    })
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                    style: styles.proDeviceInfo,
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                      style: styles.proDeviceNameRow,
-                      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                        style: styles.proDeviceName,
-                        numberOfLines: 1,
-                        children: device.name
-                      }), device.isCurrentDevice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                        style: styles.proDeviceBadge,
-                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                          style: styles.proDeviceBadgeText,
-                          children: "THIS DEVICE"
-                        })
-                      })]
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                      style: styles.proDeviceDetails,
-                      children: [device.platform, device.osVersion ? ` ${device.osVersion}` : "", device.model ? ` • ${device.model}` : ""]
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                      style: styles.proDeviceDate,
-                      children: ["Registered ", formatDeviceDate(device.registeredAt)]
-                    })]
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                    style: styles.proDeviceRemoveBtn,
-                    onPress: () => handleRemoveDevice(device.id, device.name, device.isCurrentDevice),
-                    disabled: deactivatingDeviceId === device.id,
-                    children: deactivatingDeviceId === device.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-                      size: 14,
-                      color: _sharedUi.buoyColors.textMuted
-                    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-                      size: 14,
-                      color: _sharedUi.buoyColors.error
-                    })
-                  })]
-                }, device.id))
-              }), !isCurrentDeviceRegistered && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                style: styles.proRegisterDeviceBtn,
-                onPress: handleRegisterDevice,
-                disabled: devicesLoading,
-                activeOpacity: 0.7,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
-                  size: 14,
-                  color: _sharedUi.buoyColors.primary
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.proRegisterDeviceBtnText,
-                  children: "Register This Device"
-                })]
-              })]
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.proSignOutBtn,
-            onPress: () => {
-              const {
-                Alert
-              } = require("react-native");
-              Alert.alert("Sign Out of Pro?", "This will:\n\n• Remove your license key from this device\n• Deactivate this device from your license\n• Free up a seat for another device\n\nYou can sign back in anytime with your license key.", [{
-                text: "Cancel",
-                style: "cancel"
-              }, {
-                text: "Sign Out",
-                style: "destructive",
-                onPress: () => license?.clearLicense()
-              }]);
-            },
-            activeOpacity: 0.7,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.proSignOutBtnText,
-              children: "Sign Out of Pro"
-            })
-          })]
+          })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.proSection,
@@ -1304,19 +1059,8 @@ const DevToolsSettingsModal = ({
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.LicenseEntryModal, {
       visible: showLicenseModal,
-      onClose: () => {
-        setShowLicenseModal(false);
-        setLicenseModalForDeviceRegistration(false);
-      },
-      onSuccess: () => {
-        setShowLicenseModal(false);
-        setLicenseModalForDeviceRegistration(false);
-      },
-      license: license,
-      startAtDeviceRegistration: licenseModalForDeviceRegistration,
-      initialExistingDevices: licenseModalForDeviceRegistration ? devices : [],
-      initialMaxDevices: licenseModalForDeviceRegistration ? seats?.total ?? undefined : undefined,
-      initialCurrentDeviceCount: licenseModalForDeviceRegistration ? seats?.used ?? undefined : undefined
+      onClose: () => setShowLicenseModal(false),
+      onSuccess: () => setShowLicenseModal(false)
     })]
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
@@ -2235,21 +1979,16 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "600",
     color: _sharedUi.buoyColors.primary
   },
-  proSignOutBtn: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 12,
-    marginTop: 8
-  },
-  proSignOutBtnText: {
-    fontSize: 12,
-    color: _sharedUi.buoyColors.textMuted
-  },
   proFreeDescription: {
     fontSize: 11,
     color: _sharedUi.buoyColors.textSecondary,
     lineHeight: 16
   },
+  proActiveDescription: {
+    fontSize: 11,
+    color: _sharedUi.buoyColors.textSecondary,
+    lineHeight: 16
+  },
   proFeaturesList: {
     gap: 8
   },

package/lib/commonjs/floatingMenu/FloatingDevTools.js

@@ -41,7 +41,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 /**
  * Props for FloatingDevTools component.
- * Apps prop is optional - if not provided, all installed dev tools are auto-discovered.
+ *
+ * ZERO-CONFIG: All @buoy-gg/* tools are auto-discovered when installed.
+ * You don't need to pass anything to use network, storage, redux, etc. tools!
+ * Just install the package and it works automatically.
  */
 
 /**
@@ -106,16 +109,33 @@ const FloatingDevTools = ({
   disableHints = false,
   defaultFloatingTools,
   defaultDialTools,
+  requireLicense = false,
   ...props
 }) => {
   // Check Pro status for production gating
   const isPro = (0, _license.useIsPro)();
 
+  // Get full license state for requireLicense gating
+  const {
+    licenseKey,
+    isInitialized
+  } = (0, _license.useLicense)();
+  const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
+
   // Initialize license manager on mount
   (0, _react.useEffect)(() => {
     _license.LicenseManager.initialize();
   }, []);
 
+  // Show license modal if requireLicense is enabled and no valid license
+  (0, _react.useEffect)(() => {
+    if (requireLicense && isInitialized && !licenseKey) {
+      setShowLicenseModal(true);
+    } else if (licenseKey) {
+      setShowLicenseModal(false);
+    }
+  }, [requireLicense, isInitialized, licenseKey]);
+
   // Normalize dial tools configuration (truncates to max 6 with warning if needed)
   const normalizedDialTools = (0, _react.useMemo)(() => {
     if (defaultDialTools) {
@@ -230,6 +250,20 @@ const FloatingDevTools = ({
     // Free user in production - don't render DevTools
     return null;
   }
+
+  // Gate: If requireLicense is enabled and no license, show only the license modal
+  if (requireLicense && isInitialized && !licenseKey) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.LicenseEntryModal, {
+      visible: showLicenseModal,
+      onClose: () => {} // Can't close without entering a license
+      ,
+      onSuccess: () => setShowLicenseModal(false)
+    });
+  }
+
+  // Session blocking is handled inline by JsModal's SessionBlockedOverlay
+  // No need to replace the entire UI - tools still render, but content is blocked
+
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultConfigContext.DefaultConfigProvider, {
     defaultFloatingTools: defaultFloatingTools,
     defaultDialTools: normalizedDialTools,