@buoy-gg/core 7.0.17 → 7.0.18

package/lib/commonjs/toolkit.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "Activity", {
     return _sharedUi.Activity;
   }
 });
+Object.defineProperty(exports, "AlertCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.AlertCircle;
+  }
+});
 Object.defineProperty(exports, "AlertTriangle", {
   enumerable: true,
   get: function () {
@@ -18,7 +24,25 @@ Object.defineProperty(exports, "AlertTriangle", {
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () {
-    return _sharedUi.Badge;
+    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", {
@@ -27,6 +51,18 @@ Object.defineProperty(exports, "Bug", {
     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 () {
@@ -39,6 +75,12 @@ Object.defineProperty(exports, "CheckCircle", {
     return _sharedUi.CheckCircle;
   }
 });
+Object.defineProperty(exports, "CheckSquare", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.CheckSquare;
+  }
+});
 Object.defineProperty(exports, "ChevronDown", {
   enumerable: true,
   get: function () {
@@ -69,28 +111,28 @@ Object.defineProperty(exports, "Clock", {
     return _sharedUi.Clock;
   }
 });
-Object.defineProperty(exports, "CompactRow", {
+Object.defineProperty(exports, "Cloud", {
   enumerable: true,
   get: function () {
-    return _sharedUi.CompactRow;
+    return _sharedUi.Cloud;
   }
 });
-Object.defineProperty(exports, "Copy", {
+Object.defineProperty(exports, "CollapsibleSection", {
   enumerable: true,
   get: function () {
-    return _sharedUi.Copy;
+    return _sharedUi.CollapsibleSection;
   }
 });
-Object.defineProperty(exports, "CopyButton", {
+Object.defineProperty(exports, "Copy", {
   enumerable: true,
   get: function () {
-    return _sharedUi.CopyButton;
+    return _sharedUi.Copy;
   }
 });
-Object.defineProperty(exports, "CountBadge", {
+Object.defineProperty(exports, "CopyButton", {
   enumerable: true,
   get: function () {
-    return _sharedUi.CountBadge;
+    return _sharedUi.CopyButton;
   }
 });
 Object.defineProperty(exports, "DataViewer", {
@@ -105,6 +147,24 @@ Object.defineProperty(exports, "Database", {
     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 () {
@@ -153,22 +213,46 @@ Object.defineProperty(exports, "FlaskConical", {
     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, "HeaderSearchButton", {
+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.HeaderSearchButton;
+    return _sharedUi.Image;
   }
 });
 Object.defineProperty(exports, "Info", {
@@ -177,10 +261,10 @@ Object.defineProperty(exports, "Info", {
     return _sharedUi.Info;
   }
 });
-Object.defineProperty(exports, "InlineCopyButton", {
+Object.defineProperty(exports, "InfoRow", {
   enumerable: true,
   get: function () {
-    return _sharedUi.InlineCopyButton;
+    return _toolkitComponents.InfoRow;
   }
 });
 Object.defineProperty(exports, "JsModal", {
@@ -201,46 +285,46 @@ Object.defineProperty(exports, "Layers", {
     return _sharedUi.Layers;
   }
 });
-Object.defineProperty(exports, "Lock", {
+Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
-    return _sharedUi.Lock;
+    return _sharedUi.Link;
   }
 });
-Object.defineProperty(exports, "MethodBadge", {
+Object.defineProperty(exports, "Lock", {
   enumerable: true,
   get: function () {
-    return _sharedUi.MethodBadge;
+    return _sharedUi.Lock;
   }
 });
-Object.defineProperty(exports, "ModalHeader", {
+Object.defineProperty(exports, "Maximize2", {
   enumerable: true,
   get: function () {
-    return _sharedUi.ModalHeader;
+    return _sharedUi.Maximize2;
   }
 });
-Object.defineProperty(exports, "NoDataEmptyState", {
+Object.defineProperty(exports, "Minus", {
   enumerable: true,
   get: function () {
-    return _sharedUi.NoDataEmptyState;
+    return _sharedUi.Minus;
   }
 });
-Object.defineProperty(exports, "NoResultsEmptyState", {
+Object.defineProperty(exports, "Palette", {
   enumerable: true,
   get: function () {
-    return _sharedUi.NoResultsEmptyState;
+    return _sharedUi.Palette;
   }
 });
-Object.defineProperty(exports, "NoSearchResultsEmptyState", {
+Object.defineProperty(exports, "Pause", {
   enumerable: true,
   get: function () {
-    return _sharedUi.NoSearchResultsEmptyState;
+    return _sharedUi.Pause;
   }
 });
-Object.defineProperty(exports, "Pause", {
+Object.defineProperty(exports, "Pin", {
   enumerable: true,
   get: function () {
-    return _sharedUi.Pause;
+    return _sharedUi.Pin;
   }
 });
 Object.defineProperty(exports, "Play", {
@@ -261,7 +345,7 @@ Object.defineProperty(exports, "Power", {
     return _sharedUi.Power;
   }
 });
-Object.defineProperty(exports, "PowerToggleButton", {
+Object.defineProperty(exports, "PowerToggle", {
   enumerable: true,
   get: function () {
     return _sharedUi.PowerToggleButton;
@@ -279,18 +363,42 @@ Object.defineProperty(exports, "RelativeTime", {
     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 () {
@@ -303,34 +411,34 @@ Object.defineProperty(exports, "Shield", {
     return _sharedUi.Shield;
   }
 });
-Object.defineProperty(exports, "StatusBadge", {
+Object.defineProperty(exports, "Smartphone", {
   enumerable: true,
   get: function () {
-    return _sharedUi.StatusBadge;
+    return _sharedUi.Smartphone;
   }
 });
-Object.defineProperty(exports, "TabSelector", {
+Object.defineProperty(exports, "Square", {
   enumerable: true,
   get: function () {
-    return _sharedUi.TabSelector;
+    return _sharedUi.Square;
   }
 });
-Object.defineProperty(exports, "ToolButton", {
+Object.defineProperty(exports, "StatusDot", {
   enumerable: true,
   get: function () {
-    return _sharedUi.ToolButton;
+    return _toolkitComponents.StatusDot;
   }
 });
-Object.defineProperty(exports, "ToolbarClearButton", {
+Object.defineProperty(exports, "TabSelector", {
   enumerable: true,
   get: function () {
-    return _sharedUi.ToolbarClearButton;
+    return _sharedUi.TabSelector;
   }
 });
-Object.defineProperty(exports, "ToolbarCopyButton", {
+Object.defineProperty(exports, "Timer", {
   enumerable: true,
   get: function () {
-    return _sharedUi.ToolbarCopyButton;
+    return _sharedUi.Timer;
   }
 });
 Object.defineProperty(exports, "Trash2", {
@@ -339,10 +447,16 @@ Object.defineProperty(exports, "Trash2", {
     return _sharedUi.Trash2;
   }
 });
-Object.defineProperty(exports, "TypeBadge", {
+Object.defineProperty(exports, "Unlock", {
   enumerable: true,
   get: function () {
-    return _sharedUi.TypeBadge;
+    return _sharedUi.Unlock;
+  }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Upload;
   }
 });
 Object.defineProperty(exports, "User", {
@@ -351,6 +465,12 @@ Object.defineProperty(exports, "User", {
     return _sharedUi.User;
   }
 });
+Object.defineProperty(exports, "Users", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.Users;
+  }
+});
 Object.defineProperty(exports, "Wifi", {
   enumerable: true,
   get: function () {
@@ -363,6 +483,12 @@ Object.defineProperty(exports, "X", {
     return _sharedUi.X;
   }
 });
+Object.defineProperty(exports, "XCircle", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.XCircle;
+  }
+});
 Object.defineProperty(exports, "Zap", {
   enumerable: true,
   get: function () {
@@ -381,16 +507,28 @@ Object.defineProperty(exports, "devToolsStorageKeys", {
     return _sharedUi.devToolsStorageKeys;
   }
 });
-Object.defineProperty(exports, "displayValue", {
+Object.defineProperty(exports, "formatBytes", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.formatBytes;
+  }
+});
+Object.defineProperty(exports, "formatDuration", {
   enumerable: true,
   get: function () {
-    return _sharedUi.displayValue;
+    return _sharedUi.formatDuration;
   }
 });
-Object.defineProperty(exports, "formatRelativeTime", {
+Object.defineProperty(exports, "formatNumber", {
   enumerable: true,
   get: function () {
-    return _sharedUi.formatRelativeTime;
+    return _sharedUi.formatNumber;
+  }
+});
+Object.defineProperty(exports, "methodColor", {
+  enumerable: true,
+  get: function () {
+    return _toolkitComponents.methodColor;
   }
 });
 Object.defineProperty(exports, "persistentStorage", {
@@ -405,12 +543,30 @@ Object.defineProperty(exports, "safeStringify", {
     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 () {
@@ -424,4 +580,5 @@ Object.defineProperty(exports, "useSafeAreaInsets", {
   }
 });
 var _sharedUi = require("@buoy-gg/shared-ui");
+var _toolkitComponents = require("./toolkitComponents.js");
 var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");

package/lib/commonjs/toolkitComponents.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Badge = Badge;
+exports.DiffViewer = DiffViewer;
+exports.InfoRow = InfoRow;
+exports.StatusDot = StatusDot;
+exports.methodColor = methodColor;
+exports.statusColor = statusColor;
+exports.typeColor = typeColor;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Facade primitives for the public custom-tools toolkit (see toolkit.ts).
+ *
+ * shared-ui grew several overlapping treatments of the same jobs (seven badge
+ * variants, four copy buttons, two diff viewers...). The public surface merges
+ * each job into ONE component with variants, implemented here on toolTheme —
+ * shared-ui's internals stay unchanged for first-party tools.
+ */
+
+// ---------------------------------------------------------------------------
+// Semantic color helpers — pair with <Badge>/<StatusDot> instead of exporting
+// a preset component per domain.
+// ---------------------------------------------------------------------------
+const STATUS_COLORS = {
+  success: _sharedUi.toolTheme.colors.success,
+  active: _sharedUi.toolTheme.colors.success,
+  connected: _sharedUi.toolTheme.colors.success,
+  error: _sharedUi.toolTheme.colors.error,
+  failed: _sharedUi.toolTheme.colors.error,
+  warning: _sharedUi.toolTheme.colors.warning,
+  stale: _sharedUi.toolTheme.colors.warning,
+  pending: _sharedUi.toolTheme.colors.info,
+  loading: _sharedUi.toolTheme.colors.info,
+  fetching: _sharedUi.toolTheme.colors.info,
+  info: _sharedUi.toolTheme.colors.info,
+  inactive: _sharedUi.toolTheme.colors.textMuted,
+  idle: _sharedUi.toolTheme.colors.textMuted
+};
+
+/** Map a status word ("success", "pending", "stale"...) to a semantic color. */
+function statusColor(status) {
+  return STATUS_COLORS[status.toLowerCase()] ?? _sharedUi.toolTheme.colors.textMuted;
+}
+const METHOD_COLORS = {
+  GET: _sharedUi.toolTheme.colors.info,
+  POST: _sharedUi.toolTheme.colors.success,
+  PUT: _sharedUi.toolTheme.colors.warning,
+  PATCH: _sharedUi.toolTheme.colors.warning,
+  DELETE: _sharedUi.toolTheme.colors.error
+};
+
+/** Map an HTTP method to its conventional color. */
+function methodColor(method) {
+  return METHOD_COLORS[method.toUpperCase()] ?? _sharedUi.toolTheme.colors.textSecondary;
+}
+const TYPE_COLORS = {
+  string: _sharedUi.toolTheme.colors.success,
+  number: _sharedUi.toolTheme.colors.info,
+  boolean: _sharedUi.toolTheme.colors.warning,
+  object: _sharedUi.toolTheme.colors.accent,
+  array: _sharedUi.toolTheme.colors.accent,
+  function: _sharedUi.toolTheme.colors.error,
+  null: _sharedUi.toolTheme.colors.textMuted,
+  undefined: _sharedUi.toolTheme.colors.textMuted
+};
+
+/** Map a JS value-type name to its display color. */
+function typeColor(type) {
+  return TYPE_COLORS[type.toLowerCase()] ?? _sharedUi.toolTheme.colors.textSecondary;
+}
+
+// ---------------------------------------------------------------------------
+// Badge — the one chip. Color it with statusColor()/methodColor()/typeColor()
+// (or any hex); shape/typography are props, not sibling components.
+// ---------------------------------------------------------------------------
+
+function Badge({
+  children,
+  color = _sharedUi.toolTheme.colors.textSecondary,
+  icon,
+  size = "small",
+  pill = false,
+  mono = false,
+  style
+}) {
+  const isText = typeof children === "string" || typeof children === "number";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [badgeStyles.base, size === "medium" && badgeStyles.medium, pill && badgeStyles.pill, {
+      backgroundColor: color + "1A",
+      borderColor: color + "40"
+    }, style],
+    children: [icon, isText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [badgeStyles.text, size === "medium" && badgeStyles.textMedium, mono && badgeStyles.textMono, {
+        color
+      }],
+      numberOfLines: 1,
+      children: children
+    }) : children]
+  });
+}
+const badgeStyles = _reactNative.StyleSheet.create({
+  base: {
+    flexDirection: "row",
+    alignItems: "center",
+    alignSelf: "flex-start",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: _sharedUi.toolTheme.radius.sm,
+    paddingHorizontal: 6,
+    paddingVertical: 2
+  },
+  medium: {
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  pill: {
+    borderRadius: _sharedUi.toolTheme.radius.pill,
+    minWidth: 20,
+    justifyContent: "center"
+  },
+  text: {
+    fontSize: 10,
+    fontWeight: "600",
+    letterSpacing: 0.3
+  },
+  textMedium: {
+    fontSize: 12
+  },
+  textMono: {
+    fontFamily: _sharedUi.toolTheme.text.mono.fontFamily
+  }
+});
+
+// ---------------------------------------------------------------------------
+// StatusDot — the bare status circle (list rows, connection indicators).
+// ---------------------------------------------------------------------------
+
+function StatusDot({
+  status,
+  color,
+  size = 8,
+  style
+}) {
+  const dotColor = color ?? (status ? statusColor(status) : _sharedUi.toolTheme.colors.textMuted);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: dotColor
+    }, style]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// InfoRow — the label/value line of every detail screen, with optional copy.
+// ---------------------------------------------------------------------------
+
+function InfoRow({
+  label,
+  value,
+  copyable = false,
+  style
+}) {
+  const isText = typeof value === "string" || typeof value === "number";
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [infoRowStyles.row, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: infoRowStyles.label,
+      numberOfLines: 1,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: infoRowStyles.value,
+      children: isText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: infoRowStyles.valueText,
+        numberOfLines: 2,
+        children: String(value)
+      }) : value
+    }), copyable && value != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
+      value: value,
+      size: 12
+    })]
+  });
+}
+const infoRowStyles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: _sharedUi.toolTheme.spacing.sm,
+    paddingVertical: 3
+  },
+  label: {
+    ..._sharedUi.toolTheme.text.label,
+    color: _sharedUi.toolTheme.colors.textMuted,
+    minWidth: 72
+  },
+  value: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  valueText: {
+    ..._sharedUi.toolTheme.text.mono,
+    color: _sharedUi.toolTheme.colors.text
+  }
+});
+
+// ---------------------------------------------------------------------------
+// DiffViewer — one before/after component; the rendering strategy is a mode.
+// ---------------------------------------------------------------------------
+
+function DiffViewer({
+  oldValue,
+  newValue,
+  mode = "tree",
+  showUnchanged = true,
+  scrollEnabled = false,
+  height = 220
+}) {
+  if (mode === "text") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.SplitDiffViewer, {
+      oldValue: oldValue,
+      newValue: newValue,
+      height: height
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.TreeDiffViewer, {
+    oldValue: oldValue,
+    newValue: newValue,
+    showUnchanged: showUnchanged,
+    scrollEnabled: scrollEnabled
+  });
+}