@buoy-gg/core 7.0.40 → 7.0.42

package/lib/commonjs/floatingMenu/ToggleStateManager.js

@@ -1,36 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toggleStateManager = void 0;
-/**
- * ToggleStateManager
- *
- * Global event emitter for toggle-only dev tools to notify when their state changes.
- * This allows FloatingMenu to re-render and update icon colors.
- */
-
-class ToggleStateManager {
-  listeners = new Set();
-
-  /**
-   * Subscribe to any toggle state change
-   */
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-
-  /**
-   * Notify all subscribers that a toggle state changed
-   */
-  notify() {
-    this.listeners.forEach(listener => listener());
-  }
-}
-
-// Singleton instance
-const toggleStateManager = exports.toggleStateManager = new ToggleStateManager();
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.toggleStateManager=void 0;class ToggleStateManager{listeners=new Set;subscribe(e){this.listeners.add(e);return()=>{this.listeners.delete(e)}}notify(){this.listeners.forEach(e=>e())}}const toggleStateManager=exports.toggleStateManager=new ToggleStateManager;

package/lib/commonjs/floatingMenu/ToolHost.js

@@ -1,281 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolModalShell = ToolModalShell;
-exports.useToolHeader = useToolHeader;
-exports.useToolHost = useToolHost;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ToolHost — the declarative chrome layer for custom tools.
- *
- * When an `InstalledApp` declares `modal: {...}`, the AppHost renders its
- * component inside `ToolModalShell` instead of raw: the shared JsModal
- * (drag/resize, floating⇄bottom-sheet, minimize, dimension persistence) plus
- * a managed header (title/subtitle, back navigation, search, actions) and a
- * lightweight toast layer. The tool body talks back to the shell through
- * `useToolHost()` / `useToolHeader()`.
- */
-
-/** Per-screen header overrides a tool body can apply (see `useToolHeader`). */
-
-const noop = () => {};
-const FALLBACK_CONTEXT = {
-  search: "",
-  isSearchActive: false,
-  clearSearch: noop,
-  close: noop,
-  minimize: noop,
-  showToast: noop,
-  setHeaderOverride: noop
-};
-const ToolHostContext = /*#__PURE__*/(0, _react.createContext)(null);
-
-/**
- * Access the hosting shell from a custom tool body: search query, toasts,
- * close. Safe to call outside the shell (returns inert no-ops) so tool
- * components can also be mounted standalone.
- */
-function useToolHost() {
-  return (0, _react.useContext)(ToolHostContext) ?? FALLBACK_CONTEXT;
-}
-
-/**
- * Declare per-screen header state (title/subtitle/actions/back) from inside a
- * tool body. Applies while the calling component is mounted and reverts to
- * the preset's static config on unmount — so a detail screen simply mounts
- * with its own header and the list header returns when it unmounts.
- *
- * ```tsx
- * useToolHeader(
- *   { title: flag.key, onBack: () => setScreen("list"), actions: <CopyButton value={flag} /> },
- *   [flag.key]
- * );
- * ```
- */
-function useToolHeader(override, deps) {
-  const {
-    setHeaderOverride
-  } = useToolHost();
-  (0, _react.useEffect)(() => {
-    setHeaderOverride(override);
-    return () => setHeaderOverride(null);
-    // Caller-provided deps intentionally control when the override refreshes.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
-}
-
-// ---------------------------------------------------------------------------
-// Toast layer
-// ---------------------------------------------------------------------------
-
-const TOAST_DURATION_MS = 2200;
-const TOAST_COLORS = {
-  success: _sharedUi.gameUIColors.success,
-  error: _sharedUi.gameUIColors.error,
-  info: _sharedUi.gameUIColors.info
-};
-function ToastView({
-  message,
-  type,
-  nonce
-}) {
-  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    opacity.setValue(0);
-    _reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
-      toValue: 1,
-      duration: 150,
-      useNativeDriver: true
-    }), _reactNative.Animated.delay(TOAST_DURATION_MS - 450), _reactNative.Animated.timing(opacity, {
-      toValue: 0,
-      duration: 300,
-      useNativeDriver: true
-    })]).start();
-  }, [nonce, opacity]);
-  const color = TOAST_COLORS[type];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-    pointerEvents: "none",
-    style: [styles.toast, {
-      opacity,
-      borderColor: color + "60"
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.toastDot, {
-        backgroundColor: color
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.toastText,
-      numberOfLines: 2,
-      children: message
-    })]
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Shell
-// ---------------------------------------------------------------------------
-
-function ToolModalShell({
-  app,
-  config,
-  visible,
-  zIndex,
-  onClose,
-  onMinimize,
-  initialModalState,
-  enableSharedModalDimensions,
-  bodyProps
-}) {
-  const Body = app.component;
-  const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
-  const [search, setSearch] = (0, _react.useState)("");
-  const [headerOverride, setHeaderOverride] = (0, _react.useState)(null);
-  const [toast, setToast] = (0, _react.useState)(null);
-  const toastTimeoutRef = (0, _react.useRef)(null);
-  const clearSearch = (0, _react.useCallback)(() => {
-    setIsSearchActive(false);
-    setSearch("");
-  }, []);
-  const showToast = (0, _react.useCallback)((message, type = "info") => {
-    if (toastTimeoutRef.current) clearTimeout(toastTimeoutRef.current);
-    setToast(prev => ({
-      message,
-      type,
-      nonce: (prev?.nonce ?? 0) + 1
-    }));
-    toastTimeoutRef.current = setTimeout(() => setToast(null), TOAST_DURATION_MS);
-  }, []);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (toastTimeoutRef.current) clearTimeout(toastTimeoutRef.current);
-    };
-  }, []);
-  const contextValue = (0, _react.useMemo)(() => ({
-    search: isSearchActive ? search : "",
-    isSearchActive,
-    clearSearch,
-    close: onClose,
-    // Bare call: JsModal persists its own dimensions, so restoring brings
-    // the tool back the size the user last left it.
-    minimize: () => onMinimize(),
-    showToast,
-    setHeaderOverride,
-    instanceId: app.instanceId
-  }), [search, isSearchActive, clearSearch, onClose, onMinimize, showToast, app.instanceId]);
-  const title = headerOverride?.title ?? config.title ?? app.title ?? app.id;
-  const subtitle = headerOverride?.subtitle ?? config.subtitle;
-  const onBack = headerOverride?.onBack;
-  const actions = headerOverride?.actions ?? config.headerActions;
-  const searchable = headerOverride?.searchable ?? config.searchable;
-
-  // A screen that hides search while it's open would strand the input with
-  // no way to dismiss it — close it on entry instead.
-  (0, _react.useEffect)(() => {
-    if (!searchable && isSearchActive) clearSearch();
-  }, [searchable, isSearchActive, clearSearch]);
-
-  // Tool-scoped persistence via the custom namespace unless the user has the
-  // shared-dimensions global setting on (all tools share one window size).
-  const persistenceKey = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.modal.root() : _sharedUi.devToolsStorageKeys.custom(app.id).modal();
-  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [onBack && !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-      onBack: onBack
-    }), isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
-      value: search,
-      onChangeText: setSearch,
-      onCancel: clearSearch,
-      placeholder: config.searchPlaceholder,
-      testID: `tool-search-field-${app.id}`
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: title,
-      subtitle: subtitle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [!isSearchActive && actions, searchable && !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HeaderSearchButton, {
-        variant: "chip",
-        testID: `tool-search-${app.id}`,
-        onPress: () => setIsSearchActive(true)
-      })]
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolHostContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-      visible: visible,
-      onClose: onClose,
-      onBack: onBack,
-      onMinimize: onMinimize,
-      initialModalState: initialModalState,
-      zIndex: zIndex,
-      persistenceKey: persistenceKey,
-      enablePersistence: true,
-      initialMode: config.initialMode ?? "bottomSheet",
-      header: {
-        customContent: header,
-        showToggleButton: true
-      }
-      // Tool bodies own their scrolling (ScrollView/FlatList) — the shell
-      // must not add a competing wrapper.
-      ,
-      disableScrollWrapper: true,
-      styles: {},
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.bodyRoot,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
-            ...bodyProps
-          })
-        }), toast && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastView, {
-          message: toast.message,
-          type: toast.type,
-          nonce: toast.nonce
-        })]
-      })
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  bodyRoot: {
-    flex: 1,
-    minHeight: 0,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  toast: {
-    position: "absolute",
-    bottom: 16,
-    alignSelf: "center",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    maxWidth: "86%",
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderWidth: 1,
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    shadowColor: "#000",
-    shadowOpacity: 0.4,
-    shadowRadius: 8,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    elevation: 6
-  },
-  toastDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3
-  },
-  toastText: {
-    flex: 1,
-    fontSize: 12,
-    color: _sharedUi.buoyColors.text
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ToolModalShell=ToolModalShell;exports.useToolHeader=useToolHeader;exports.useToolHost=useToolHost;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(t,o){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,l){if(!l&&e&&e.__esModule)return e;var n,u,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(n=l?r:a){if(n.has(e))return n.get(e);n.set(e,c)}for(const i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(u.get||u.set)?n(c,i,u):c[i]=e[i]);return c})(t,o)}const noop=()=>{};const FALLBACK_CONTEXT={search:"",isSearchActive:false,clearSearch:noop,close:noop,minimize:noop,showToast:noop,setHeaderOverride:noop};const ToolHostContext=(0,_react.createContext)(null);function useToolHost(){return(0,_react.useContext)(ToolHostContext)??FALLBACK_CONTEXT}function useToolHeader(t,o){const{setHeaderOverride:a}=useToolHost();(0,_react.useEffect)(()=>{a(t);return()=>a(null)},o)}const TOAST_DURATION_MS=2200;const TOAST_COLORS={success:_sharedUi.gameUIColors.success,error:_sharedUi.gameUIColors.error,info:_sharedUi.gameUIColors.info};function ToastView({message:t,type:o,nonce:a}){const r=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{r.setValue(0);_reactNative.Animated.sequence([_reactNative.Animated.timing(r,{toValue:1,duration:150,useNativeDriver:true}),_reactNative.Animated.delay(TOAST_DURATION_MS-450),_reactNative.Animated.timing(r,{toValue:0,duration:300,useNativeDriver:true})]).start()},[a,r]);const e=TOAST_COLORS[o];return(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{pointerEvents:"none",style:[styles.toast,{opacity:r,borderColor:e+"60"}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.toastDot,{backgroundColor:e}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.toastText,numberOfLines:2,children:t})]})}function ToolModalShell({app:t,config:o,visible:a,zIndex:r,onClose:e,onMinimize:l,initialModalState:n,enableSharedModalDimensions:u,bodyProps:c}){const i=t.component;const[s,T]=(0,_react.useState)(false);const[m,y]=(0,_react.useState)("");const[d,j]=(0,_react.useState)(null);const[x,S]=(0,_react.useState)(null);const h=(0,_react.useRef)(null);const f=(0,_react.useCallback)(()=>{T(false);y("")},[]);const g=(0,_react.useCallback)((A,H="info")=>{if(h.current)clearTimeout(h.current);S(k=>({message:A,type:H,nonce:(k?.nonce??0)+1}));h.current=setTimeout(()=>S(null),TOAST_DURATION_MS)},[]);(0,_react.useEffect)(()=>{return()=>{if(h.current)clearTimeout(h.current)}},[]);const p=(0,_react.useMemo)(()=>({search:s?m:"",isSearchActive:s,clearSearch:f,close:e,minimize:()=>l(),showToast:g,setHeaderOverride:j,instanceId:t.instanceId}),[m,s,f,e,l,g,t.instanceId]);const C=d?.title??o.title??t.title??t.id;const w=d?.subtitle??o.subtitle;const b=d?.onBack;const O=d?.actions??o.headerActions;const v=d?.searchable??o.searchable;(0,_react.useEffect)(()=>{if(!v&&s)f()},[v,s,f]);const M=u?_sharedUi.devToolsStorageKeys.modal.root():_sharedUi.devToolsStorageKeys.custom(t.id).modal();const _=(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[b&&!s&&(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:b}),s?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Search,{value:m,onChangeText:y,onCancel:f,placeholder:o.searchPlaceholder,testID:`tool-search-field-${t.id}`}):(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:C,subtitle:w}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[!s&&O,v&&!s&&(0,_jsxRuntime.jsx)(_sharedUi.HeaderSearchButton,{variant:"chip",testID:`tool-search-${t.id}`,onPress:()=>T(true)})]})]});return(0,_jsxRuntime.jsx)(ToolHostContext.Provider,{value:p,children:(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:a,onClose:e,onBack:b,onMinimize:l,initialModalState:n,zIndex:r,persistenceKey:M,enablePersistence:true,initialMode:o.initialMode??"bottomSheet",header:{customContent:_,showToggleButton:true},disableScrollWrapper:true,styles:{},children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bodyRoot,children:[(0,_jsxRuntime.jsx)(_sharedUi.TickProvider,{children:(0,_jsxRuntime.jsx)(i,{...c})}),x&&(0,_jsxRuntime.jsx)(ToastView,{message:x.message,type:x.type,nonce:x.nonce})]})})})}const styles=_reactNative.StyleSheet.create({bodyRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},toast:{position:"absolute",bottom:16,alignSelf:"center",flexDirection:"row",alignItems:"center",gap:8,maxWidth:"86%",backgroundColor:_sharedUi.buoyColors.card,borderWidth:1,borderRadius:8,paddingHorizontal:12,paddingVertical:8,shadowColor:"#000",shadowOpacity:.4,shadowRadius:8,shadowOffset:{width:0,height:2},elevation:6},toastDot:{width:6,height:6,borderRadius:3},toastText:{flex:1,fontSize:12,color:_sharedUi.buoyColors.text}});

package/lib/commonjs/floatingMenu/ToolOpenerBridge.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToolOpenerBridge = ToolOpenerBridge;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _AppHost = require("./AppHost");
-/**
- * ToolOpenerBridge — publishes "bring a tool back on screen" to the overlays.
- *
- * Renders nothing. It exists only to sit INSIDE `AppHostProvider` (where the
- * open-tool state lives) and hand that capability out through the global seam
- * in `@buoy-gg/shared-ui`, so an overlay rendered as a sibling of the provider
- * can still offer a button that opens a tool. See `toolUiBridge.ts` for why the
- * overlays can't just be moved inside the provider.
- *
- * It only RESTORES a tool that is already open — including one that has been
- * minimized, which is the case that matters (the macro recorder minimizes
- * Scenarios so the tester can drive the app, then needs it back). It
- * deliberately does not construct and open a tool from scratch: an opener that
- * guesses at an instance is a worse failure than reporting that it couldn't,
- * and every caller already has to handle `false`.
- */
-
-function ToolOpenerBridge() {
-  const {
-    openApps,
-    restore
-  } = (0, _AppHost.useAppHost)();
-  (0, _react.useEffect)(() => {
-    return (0, _sharedUi.registerToolOpener)(toolId => {
-      const instance = openApps.find(app => app.id === toolId);
-      if (!instance) return false;
-      restore(instance.instanceId);
-      return true;
-    });
-  }, [openApps, restore]);
-  return null;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ToolOpenerBridge=ToolOpenerBridge;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _AppHost=require("./AppHost");function ToolOpenerBridge(){const{openApps:e,restore:r}=(0,_AppHost.useAppHost)();(0,_react.useEffect)(()=>{return(0,_sharedUi.registerToolOpener)(s=>{const t=e.find(n=>n.id===s);if(!t)return false;r(t.instanceId);return true})},[e,r]);return null}