@buoy-gg/core 7.0.16 → 7.0.18

package/lib/commonjs/floatingMenu/dial/DialDevTools.js

@@ -13,6 +13,7 @@ var _DialPagination = require("./DialPagination.js");
 var _dialUsageStore = require("./dialUsageStore.js");
 var _DevToolsSettingsModal = require("../DevToolsSettingsModal");
 var _license = require("@buoy-gg/license");
+var _AppIcon = require("../AppIcon.js");
 var _AppHost = require("../AppHost");
 var _OnboardingTooltip = require("./OnboardingTooltip");
 var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
@@ -175,9 +176,14 @@ const DialDevTools = ({
       map.set(app.id, {
         id: app.id,
         name: app.name,
-        // Pass both the pre-rendered icon (for non-function icons) and the
-        // component (for dynamic rendering).
-        icon: typeof app.icon === "function" ? null : app.icon,
+        // Pass both the pre-rendered icon (for non-function icons; strings
+        // resolve to auto-fitting text icons) and the component (for dynamic
+        // rendering).
+        icon: typeof app.icon === "function" ? null : (0, _AppIcon.renderAppIcon)(app.icon, {
+          slot: "dial",
+          size: 20,
+          color: app.color
+        }),
         // Cast to the expected type - the signature is compatible at runtime.
         iconComponent: typeof app.icon === "function" ? app.icon : undefined,
         color: app.color ?? _sharedUi.buoyColors.primary,
@@ -191,10 +197,11 @@ const DialDevTools = ({
 
           // Only open modal if not a toggle-only tool.
           if (app.launchMode !== "toggle-only") {
-            const resolvedIcon = typeof app.icon === "function" ? app.icon({
+            const resolvedIcon = (0, _AppIcon.renderAppIcon)(app.icon, {
               slot: "dial",
-              size: 20
-            }) : app.icon;
+              size: 20,
+              color: app.color
+            });
             open({
               id: app.id,
               title: app.name,
@@ -203,7 +210,8 @@ const DialDevTools = ({
               launchMode: app.launchMode ?? "self-modal",
               singleton: app.singleton ?? true,
               icon: resolvedIcon,
-              color: app.color
+              color: app.color,
+              modal: app.modal
             });
           }
 

package/lib/commonjs/index.js

@@ -21,6 +21,8 @@ var _exportNames = {
   AppHostProvider: true,
   AppOverlay: true,
   useAppHost: true,
+  useToolHost: true,
+  useToolHeader: true,
   DevToolsVisibilityProvider: true,
   useDevToolsVisibility: true,
   toggleStateManager: true,
@@ -230,6 +232,18 @@ Object.defineProperty(exports, "useMinimizedTools", {
     return _MinimizedToolsContext.useMinimizedTools;
   }
 });
+Object.defineProperty(exports, "useToolHeader", {
+  enumerable: true,
+  get: function () {
+    return _ToolHost.useToolHeader;
+  }
+});
+Object.defineProperty(exports, "useToolHost", {
+  enumerable: true,
+  get: function () {
+    return _ToolHost.useToolHost;
+  }
+});
 Object.defineProperty(exports, "validateDialConfig", {
   enumerable: true,
   get: function () {
@@ -256,6 +270,19 @@ Object.keys(_types).forEach(function (key) {
 });
 var _DevToolsSettingsModal = require("./floatingMenu/DevToolsSettingsModal");
 var _AppHost = require("./floatingMenu/AppHost");
+var _ToolHost = require("./floatingMenu/ToolHost.js");
+var _toolkit = require("./toolkit.js");
+Object.keys(_toolkit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _toolkit[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toolkit[key];
+    }
+  });
+});
 var _DevToolsVisibilityContext = require("./floatingMenu/DevToolsVisibilityContext.js");
 var _ToggleStateManager = require("./floatingMenu/ToggleStateManager.js");
 var _MinimizedToolsContext = require("./floatingMenu/MinimizedToolsContext.js");

package/lib/commonjs/toolkit.js

@@ -0,0 +1,584 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Activity", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Activity;
+  }
+});
+Object.defineProperty(exports, "AlertCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.AlertCircle;
+  }
+});
+Object.defineProperty(exports, "AlertTriangle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.AlertTriangle;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.Badge;
+  }
+});
+Object.defineProperty(exports, "BarChart3", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.BarChart3;
+  }
+});
+Object.defineProperty(exports, "BaseEventStore", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.BaseEventStore;
+  }
+});
+Object.defineProperty(exports, "Bookmark", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Bookmark;
+  }
+});
+Object.defineProperty(exports, "Bug", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Bug;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ToolButton;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.DevToolsCard;
+  }
+});
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Check;
+  }
+});
+Object.defineProperty(exports, "CheckCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CheckCircle;
+  }
+});
+Object.defineProperty(exports, "CheckSquare", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CheckSquare;
+  }
+});
+Object.defineProperty(exports, "ChevronDown", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ChevronDown;
+  }
+});
+Object.defineProperty(exports, "ChevronLeft", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ChevronLeft;
+  }
+});
+Object.defineProperty(exports, "ChevronRight", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ChevronRight;
+  }
+});
+Object.defineProperty(exports, "ChevronUp", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ChevronUp;
+  }
+});
+Object.defineProperty(exports, "Clock", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Clock;
+  }
+});
+Object.defineProperty(exports, "Cloud", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Cloud;
+  }
+});
+Object.defineProperty(exports, "CollapsibleSection", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CollapsibleSection;
+  }
+});
+Object.defineProperty(exports, "Copy", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Copy;
+  }
+});
+Object.defineProperty(exports, "CopyButton", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CopyButton;
+  }
+});
+Object.defineProperty(exports, "DataViewer", {
+  enumerable: true,
+  get: function () {
+    return _dataViewer.DataViewer;
+  }
+});
+Object.defineProperty(exports, "Database", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Database;
+  }
+});
+Object.defineProperty(exports, "DiffViewer", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.DiffViewer;
+  }
+});
+Object.defineProperty(exports, "Download", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Download;
+  }
+});
+Object.defineProperty(exports, "Edit3", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Edit3;
+  }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.EmptyState;
+  }
+});
+Object.defineProperty(exports, "EventStepperFooter", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.EventStepperFooter;
+  }
+});
+Object.defineProperty(exports, "Eye", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Eye;
+  }
+});
+Object.defineProperty(exports, "EyeOff", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.EyeOff;
+  }
+});
+Object.defineProperty(exports, "FileJson", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.FileJson;
+  }
+});
+Object.defineProperty(exports, "FileText", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.FileText;
+  }
+});
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Filter;
+  }
+});
+Object.defineProperty(exports, "FlaskConical", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.FlaskConical;
+  }
+});
+Object.defineProperty(exports, "GitBranch", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.GitBranch;
+  }
+});
+Object.defineProperty(exports, "Globe", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Globe;
+  }
+});
+Object.defineProperty(exports, "HardDrive", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.HardDrive;
+  }
+});
+Object.defineProperty(exports, "Hash", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Hash;
+  }
+});
+Object.defineProperty(exports, "HelpCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.HelpCircle;
+  }
+});
+Object.defineProperty(exports, "Home", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Home;
+  }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Image;
+  }
+});
+Object.defineProperty(exports, "Info", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Info;
+  }
+});
+Object.defineProperty(exports, "InfoRow", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.InfoRow;
+  }
+});
+Object.defineProperty(exports, "JsModal", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.JsModal;
+  }
+});
+Object.defineProperty(exports, "Key", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Key;
+  }
+});
+Object.defineProperty(exports, "Layers", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Layers;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Link;
+  }
+});
+Object.defineProperty(exports, "Lock", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Lock;
+  }
+});
+Object.defineProperty(exports, "Maximize2", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Maximize2;
+  }
+});
+Object.defineProperty(exports, "Minus", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Minus;
+  }
+});
+Object.defineProperty(exports, "Palette", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Palette;
+  }
+});
+Object.defineProperty(exports, "Pause", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Pause;
+  }
+});
+Object.defineProperty(exports, "Pin", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Pin;
+  }
+});
+Object.defineProperty(exports, "Play", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Play;
+  }
+});
+Object.defineProperty(exports, "Plus", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Plus;
+  }
+});
+Object.defineProperty(exports, "Power", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Power;
+  }
+});
+Object.defineProperty(exports, "PowerToggle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.PowerToggleButton;
+  }
+});
+Object.defineProperty(exports, "RefreshCw", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.RefreshCw;
+  }
+});
+Object.defineProperty(exports, "RelativeTime", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.RelativeTime;
+  }
+});
+Object.defineProperty(exports, "Route", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Route;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CompactRow;
+  }
+});
+Object.defineProperty(exports, "Search", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Search;
+  }
+});
+Object.defineProperty(exports, "SearchBar", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.SearchBar;
+  }
+});
+Object.defineProperty(exports, "SectionHeader", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.SectionHeader;
+  }
+});
+Object.defineProperty(exports, "Server", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Server;
+  }
+});
+Object.defineProperty(exports, "Settings", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Settings;
+  }
+});
+Object.defineProperty(exports, "Shield", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Shield;
+  }
+});
+Object.defineProperty(exports, "Smartphone", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Smartphone;
+  }
+});
+Object.defineProperty(exports, "Square", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Square;
+  }
+});
+Object.defineProperty(exports, "StatusDot", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.StatusDot;
+  }
+});
+Object.defineProperty(exports, "TabSelector", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.TabSelector;
+  }
+});
+Object.defineProperty(exports, "Timer", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Timer;
+  }
+});
+Object.defineProperty(exports, "Trash2", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Trash2;
+  }
+});
+Object.defineProperty(exports, "Unlock", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Unlock;
+  }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Upload;
+  }
+});
+Object.defineProperty(exports, "User", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.User;
+  }
+});
+Object.defineProperty(exports, "Users", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Users;
+  }
+});
+Object.defineProperty(exports, "Wifi", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Wifi;
+  }
+});
+Object.defineProperty(exports, "X", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.X;
+  }
+});
+Object.defineProperty(exports, "XCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.XCircle;
+  }
+});
+Object.defineProperty(exports, "Zap", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Zap;
+  }
+});
+Object.defineProperty(exports, "copyToClipboard", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.copyToClipboard;
+  }
+});
+Object.defineProperty(exports, "devToolsStorageKeys", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.devToolsStorageKeys;
+  }
+});
+Object.defineProperty(exports, "formatBytes", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.formatBytes;
+  }
+});
+Object.defineProperty(exports, "formatDuration", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.formatDuration;
+  }
+});
+Object.defineProperty(exports, "formatNumber", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.formatNumber;
+  }
+});
+Object.defineProperty(exports, "methodColor", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.methodColor;
+  }
+});
+Object.defineProperty(exports, "persistentStorage", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.persistentStorage;
+  }
+});
+Object.defineProperty(exports, "safeStringify", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.safeStringify;
+  }
+});
+Object.defineProperty(exports, "statusColor", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.statusColor;
+  }
+});
+Object.defineProperty(exports, "toolTheme", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.toolTheme;
+  }
+});
+Object.defineProperty(exports, "truncateMiddle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.truncateMiddle;
+  }
+});
+Object.defineProperty(exports, "typeColor", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.typeColor;
+  }
+});
+Object.defineProperty(exports, "usePersistedState", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.usePersistedState;
+  }
+});
+Object.defineProperty(exports, "useSafeAreaInsets", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.useSafeAreaInsets;
+  }
+});
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _toolkitComponents = require("./toolkitComponents.js");
+var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");