@buoy-gg/core 1.7.7 → 2.1.1

package/lib/module/floatingMenu/AppHost.js

@@ -1,11 +1,11 @@
 "use strict";
 
-import { safeGetItem, safeSetItem } from "@buoy-gg/shared-ui";
+import { persistentStorage } from "@buoy-gg/shared-ui";
 import React, { createContext, useCallback, useContext, useMemo, useState, useEffect, useRef } from "react";
 import { BackHandler, Modal, StyleSheet, View } from "react-native";
 import { resolveOpenAppsState } from "./AppHostLogic.js";
 import { useMinimizedTools } from "./MinimizedToolsContext.js";
-import { useDevToolsSettings } from "./DevToolsSettingsModal.js";
+import { useDevToolsSettings } from "./DevToolsSettingsModal";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const AppHostContext = /*#__PURE__*/createContext(null);
 const STORAGE_KEY_OPEN_APPS = "@react_buoy_open_apps";
@@ -87,7 +87,7 @@ export const AppHostProvider = ({
   useEffect(() => {
     const restoreOpenApps = async () => {
       try {
-        const saved = await safeGetItem(STORAGE_KEY_OPEN_APPS);
+        const saved = await persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);
         if (saved) {
           const parsed = JSON.parse(saved);
           // Handle both old format (string[]) and new format (PersistedAppState[])
@@ -133,7 +133,7 @@ export const AppHostProvider = ({
         id: app.id,
         minimized: app.minimized ?? false
       }));
-      safeSetItem(STORAGE_KEY_OPEN_APPS, JSON.stringify(appStates));
+      persistentStorage.setItem(STORAGE_KEY_OPEN_APPS, JSON.stringify(appStates));
     }, PERSISTENCE_DELAY);
     return () => {
       if (persistenceTimeoutRef.current) {

package/lib/module/floatingMenu/DevToolsSettingsModal.js

@@ -3,10 +3,10 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Dimensions } from "react-native";
 import { settingsBus } from "./settingsBus.js";
-import { SentryBugIcon, WifiCircuitIcon, BenchmarkIcon, RenderCountIcon, Info, Layers, ChevronRightIcon, ChevronDown, safeGetItem, safeSetItem, getStorageBackendType, persistentStorage, Database, Trash2, CheckCircle2, AlertTriangle, Zap, FileText, HardDrive, Copy, FileCode, RefreshCw, Smartphone, Plus, copyToClipboard, LicenseEntryModal, SectionHeader } from "@buoy-gg/shared-ui";
-import { EnvIcon, StorageIcon, RoutesIcon, NetworkIcon, QueryIcon, HighlighterIcon } from "@buoy-gg/floating-tools-core";
+import { SentryBugIcon, WifiCircuitIcon, BenchmarkIcon, RenderCountIcon, Info, Layers, ChevronRightIcon, ChevronDown, getStorageBackendType, persistentStorage, Database, Trash2, CheckCircle2, AlertTriangle, Zap, FileText, HardDrive, Copy, FileCode, RefreshCw, Smartphone, Plus, copyToClipboard, LicenseEntryModal, SectionHeader } from "@buoy-gg/shared-ui";
+import { EnvIcon, StorageIcon, RoutesIcon, NetworkIcon, QueryIcon, HighlighterIcon, ReduxIcon } from "@buoy-gg/floating-tools-core";
 import { useDefaultConfig } from "./DefaultConfigContext.js";
-import { JsModal, devToolsStorageKeys, safeGetItem as sharedSafeGetItem, safeSetItem as sharedSafeSetItem } from "@buoy-gg/shared-ui";
+import { JsModal, devToolsStorageKeys } from "@buoy-gg/shared-ui";
 import { useSafeAreaInsets } from "@buoy-gg/shared-ui";
 import { ModalHeader } from "@buoy-gg/shared-ui";
 import { TabSelector } from "@buoy-gg/shared-ui";
@@ -115,6 +115,7 @@ const mergeWithDefaults = (defaults, stored, options) => {
  * @param availableApps - List of available apps from auto-discovery
  * @param defaultFloatingTools - Optional array of tool IDs to enable by default in floating bubble
  * @param defaultDialTools - Optional array of tool IDs to enable by default in dial menu
+ *                          If not provided, all dial-compatible tools are enabled by default (up to 6)
  */
 const generateDefaultSettings = (availableApps = [], defaultFloatingTools, defaultDialTools) => {
   const dialDefaults = {};
@@ -124,14 +125,17 @@ const generateDefaultSettings = (availableApps = [], defaultFloatingTools, defau
   // Cast to Set<string> to allow comparison with any tool ID (including custom tools)
   const enabledFloatingSet = new Set(defaultFloatingTools ?? []);
   const enabledDialSet = new Set(defaultDialTools ?? []);
+
+  // If no defaultDialTools specified, auto-enable all dial-compatible tools
+  const autoEnableDialTools = !defaultDialTools || defaultDialTools.length === 0;
   for (const app of availableApps) {
     const {
       id,
       slot = "both"
     } = app;
     if (slot === "dial" || slot === "both") {
-      // Enable if in defaultDialTools, otherwise false
-      dialDefaults[id] = enabledDialSet.has(id);
+      // Auto-enable if no defaults specified, otherwise check the set
+      dialDefaults[id] = autoEnableDialTools ? true : enabledDialSet.has(id);
     }
     if (slot === "row" || slot === "both") {
       // Enable if in defaultFloatingTools, otherwise false
@@ -181,7 +185,7 @@ export const DevToolsSettingsModal = ({
   useEffect(() => {
     const loadActiveTab = async () => {
       try {
-        const savedTab = await sharedSafeGetItem(devToolsStorageKeys.settings.activeTab());
+        const savedTab = await persistentStorage.getItem(devToolsStorageKeys.settings.activeTab());
         if (savedTab && ["dial", "floating", "settings", "pro"].includes(savedTab)) {
           setActiveTab(savedTab);
         }
@@ -198,7 +202,7 @@ export const DevToolsSettingsModal = ({
   useEffect(() => {
     // Only persist after initial state is loaded to avoid overwriting with default
     if (!activeTabLoaded) return;
-    sharedSafeSetItem(devToolsStorageKeys.settings.activeTab(), activeTab).catch(error => {
+    persistentStorage.setItem(devToolsStorageKeys.settings.activeTab(), activeTab).catch(error => {
       // Failed to save active tab - continue without persistence
       console.warn("Failed to save settings active tab:", error);
     });
@@ -241,7 +245,7 @@ export const DevToolsSettingsModal = ({
 
   const loadSettings = useCallback(async () => {
     try {
-      const savedSettings = await safeGetItem(STORAGE_KEY);
+      const savedSettings = await persistentStorage.getItem(STORAGE_KEY);
       if (savedSettings) {
         const parsed = JSON.parse(savedSettings);
         const merged = mergeWithDefaults(defaultSettings, parsed, {
@@ -285,7 +289,7 @@ export const DevToolsSettingsModal = ({
         ...newSettings,
         dialTools: enforceDialLimit(newSettings.dialTools)
       };
-      await safeSetItem(STORAGE_KEY, JSON.stringify(limitedSettings));
+      await persistentStorage.setItem(STORAGE_KEY, JSON.stringify(limitedSettings));
       setSettings(limitedSettings);
       onSettingsChange?.(limitedSettings);
       // Notify listeners (e.g., floating bubble) to refresh immediately
@@ -522,6 +526,10 @@ export const DevToolsSettingsModal = ({
             size: 16,
             color: buoyColors.textSecondary
           });
+        case "redux":
+          return /*#__PURE__*/_jsx(ReduxIcon, {
+            size: 16
+          });
         default:
           return /*#__PURE__*/_jsx(Info, {
             size: 16,
@@ -910,13 +918,10 @@ export const DevToolsSettingsModal = ({
             style: styles.exportHintBanner,
             children: [/*#__PURE__*/_jsx(Zap, {
               size: 14,
-              color: buoyColors.warning
-            }), /*#__PURE__*/_jsxs(Text, {
+              color: buoyColors.textMuted
+            }), /*#__PURE__*/_jsx(Text, {
               style: styles.exportHintText,
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: styles.exportHintBold,
-                children: "New!"
-              }), " Configure your tools above, then export to set team defaults."]
+              children: "Configure tools, then export as props for your team."
             })]
           }), isExportExpanded && /*#__PURE__*/_jsxs(View, {
             style: styles.exportCodeContainer,
@@ -1373,12 +1378,19 @@ const basicDefaultSettings = {
 /**
  * Creates default settings from the team configuration arrays.
  * Used by the hook when no stored settings exist.
+ *
+ * Note: This function doesn't have access to availableApps, so it can only
+ * enable tools that are explicitly listed in the config arrays.
+ * For auto-enabling all dial tools, the generateDefaultSettings function
+ * (which has access to availableApps) handles that case.
  */
 const createDefaultsFromConfig = (defaultFloatingTools, defaultDialTools) => {
   const floatingSet = new Set(defaultFloatingTools ?? []);
   const dialSet = new Set(defaultDialTools ?? []);
 
   // Build dial tools record from defaults
+  // Note: If no defaults specified, dialTools will be empty here
+  // but generateDefaultSettings will auto-enable all tools when it has access to availableApps
   const dialTools = {};
   for (const id of dialSet) {
     dialTools[id] = true;
@@ -1426,7 +1438,7 @@ export const useDevToolsSettings = () => {
   const [settings, setSettings] = useState(effectiveDefaults);
   const loadSettings = useCallback(async () => {
     try {
-      const savedSettings = await safeGetItem(STORAGE_KEY);
+      const savedSettings = await persistentStorage.getItem(STORAGE_KEY);
       if (savedSettings) {
         const parsed = JSON.parse(savedSettings);
         const merged = mergeWithDefaults(effectiveDefaults, parsed);