@buoy-gg/core 7.0.40 → 7.0.42

package/lib/module/floatingMenu/ToggleStateManager.js

@@ -1,32 +1 @@
-"use strict";
-
-/**
- * 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
-export const toggleStateManager = new ToggleStateManager();
+"use strict";class t{listeners=new Set;subscribe(e){this.listeners.add(e);return()=>{this.listeners.delete(e)}}notify(){this.listeners.forEach(e=>e())}}export const toggleStateManager=new t;

package/lib/module/floatingMenu/ToolHost.js

@@ -1,273 +1 @@
-"use strict";
-
-/**
- * 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()`.
- */
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Animated, StyleSheet, Text, View } from "react-native";
-import { JsModal, ModalHeader, HeaderSearchButton, TickProvider, devToolsStorageKeys, buoyColors, gameUIColors } from "@buoy-gg/shared-ui";
-
-/** Per-screen header overrides a tool body can apply (see `useToolHeader`). */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-const FALLBACK_CONTEXT = {
-  search: "",
-  isSearchActive: false,
-  clearSearch: noop,
-  close: noop,
-  minimize: noop,
-  showToast: noop,
-  setHeaderOverride: noop
-};
-const ToolHostContext = /*#__PURE__*/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.
- */
-export function useToolHost() {
-  return 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]
- * );
- * ```
- */
-export function useToolHeader(override, deps) {
-  const {
-    setHeaderOverride
-  } = useToolHost();
-  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: gameUIColors.success,
-  error: gameUIColors.error,
-  info: gameUIColors.info
-};
-function ToastView({
-  message,
-  type,
-  nonce
-}) {
-  const opacity = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    opacity.setValue(0);
-    Animated.sequence([Animated.timing(opacity, {
-      toValue: 1,
-      duration: 150,
-      useNativeDriver: true
-    }), Animated.delay(TOAST_DURATION_MS - 450), Animated.timing(opacity, {
-      toValue: 0,
-      duration: 300,
-      useNativeDriver: true
-    })]).start();
-  }, [nonce, opacity]);
-  const color = TOAST_COLORS[type];
-  return /*#__PURE__*/_jsxs(Animated.View, {
-    pointerEvents: "none",
-    style: [styles.toast, {
-      opacity,
-      borderColor: color + "60"
-    }],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.toastDot, {
-        backgroundColor: color
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.toastText,
-      numberOfLines: 2,
-      children: message
-    })]
-  });
-}
-
-// ---------------------------------------------------------------------------
-// Shell
-// ---------------------------------------------------------------------------
-
-export function ToolModalShell({
-  app,
-  config,
-  visible,
-  zIndex,
-  onClose,
-  onMinimize,
-  initialModalState,
-  enableSharedModalDimensions,
-  bodyProps
-}) {
-  const Body = app.component;
-  const [isSearchActive, setIsSearchActive] = useState(false);
-  const [search, setSearch] = useState("");
-  const [headerOverride, setHeaderOverride] = useState(null);
-  const [toast, setToast] = useState(null);
-  const toastTimeoutRef = useRef(null);
-  const clearSearch = useCallback(() => {
-    setIsSearchActive(false);
-    setSearch("");
-  }, []);
-  const showToast = 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);
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (toastTimeoutRef.current) clearTimeout(toastTimeoutRef.current);
-    };
-  }, []);
-  const contextValue = 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.
-  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 ? devToolsStorageKeys.modal.root() : devToolsStorageKeys.custom(app.id).modal();
-  const header = /*#__PURE__*/_jsxs(ModalHeader, {
-    children: [onBack && !isSearchActive && /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-      onBack: onBack
-    }), isSearchActive ? /*#__PURE__*/_jsx(ModalHeader.Search, {
-      value: search,
-      onChangeText: setSearch,
-      onCancel: clearSearch,
-      placeholder: config.searchPlaceholder,
-      testID: `tool-search-field-${app.id}`
-    }) : /*#__PURE__*/_jsx(ModalHeader.Content, {
-      title: title,
-      subtitle: subtitle
-    }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-      children: [!isSearchActive && actions, searchable && !isSearchActive && /*#__PURE__*/_jsx(HeaderSearchButton, {
-        variant: "chip",
-        testID: `tool-search-${app.id}`,
-        onPress: () => setIsSearchActive(true)
-      })]
-    })]
-  });
-  return /*#__PURE__*/_jsx(ToolHostContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(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__*/_jsxs(View, {
-        style: styles.bodyRoot,
-        children: [/*#__PURE__*/_jsx(TickProvider, {
-          children: /*#__PURE__*/_jsx(Body, {
-            ...bodyProps
-          })
-        }), toast && /*#__PURE__*/_jsx(ToastView, {
-          message: toast.message,
-          type: toast.type,
-          nonce: toast.nonce
-        })]
-      })
-    })
-  });
-}
-const styles = 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: 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: buoyColors.text
-  }
-});
+"use strict";import ae,{createContext as J,useCallback as H,useContext as X,useEffect as T,useMemo as G,useRef as I,useState as b}from"react";import{Animated as i,StyleSheet as Q,Text as Y,View as R}from"react-native";import{JsModal as Z,ModalHeader as u,HeaderSearchButton as ee,TickProvider as te,devToolsStorageKeys as k,buoyColors as V,gameUIColors as g}from"@buoy-gg/shared-ui";import{jsx as t,jsxs as f}from"react/jsx-runtime";const h=()=>{};const oe={search:"",isSearchActive:false,clearSearch:h,close:h,minimize:h,showToast:h,setHeaderOverride:h};const B=J(null);export function useToolHost(){return X(B)??oe}export function useToolHeader(e,o){const{setHeaderOverride:n}=useToolHost();T(()=>{n(e);return()=>n(null)},o)}const D=2200;const se={success:g.success,error:g.error,info:g.info};function re({message:e,type:o,nonce:n}){const r=I(new i.Value(0)).current;T(()=>{r.setValue(0);i.sequence([i.timing(r,{toValue:1,duration:150,useNativeDriver:true}),i.delay(D-450),i.timing(r,{toValue:0,duration:300,useNativeDriver:true})]).start()},[n,r]);const a=se[o];return f(i.View,{pointerEvents:"none",style:[S.toast,{opacity:r,borderColor:a+"60"}],children:[t(R,{style:[S.toastDot,{backgroundColor:a}]}),t(Y,{style:S.toastText,numberOfLines:2,children:e})]})}export function ToolModalShell({app:e,config:o,visible:n,zIndex:r,onClose:a,onMinimize:v,initialModalState:M,enableSharedModalDimensions:_,bodyProps:N}){const P=e.component;const[s,w]=b(false);const[x,O]=b("");const[c,j]=b(null);const[m,p]=b(null);const l=I(null);const d=H(()=>{w(false);O("")},[]);const A=H(($,q="info")=>{if(l.current)clearTimeout(l.current);p(F=>({message:$,type:q,nonce:(F?.nonce??0)+1}));l.current=setTimeout(()=>p(null),D)},[]);T(()=>{return()=>{if(l.current)clearTimeout(l.current)}},[]);const z=G(()=>({search:s?x:"",isSearchActive:s,clearSearch:d,close:a,minimize:()=>v(),showToast:A,setHeaderOverride:j,instanceId:e.instanceId}),[x,s,d,a,v,A,e.instanceId]);const K=c?.title??o.title??e.title??e.id;const L=c?.subtitle??o.subtitle;const y=c?.onBack;const E=c?.actions??o.headerActions;const C=c?.searchable??o.searchable;T(()=>{if(!C&&s)d()},[C,s,d]);const W=_?k.modal.root():k.custom(e.id).modal();const U=f(u,{children:[y&&!s&&t(u.Navigation,{onBack:y}),s?t(u.Search,{value:x,onChangeText:O,onCancel:d,placeholder:o.searchPlaceholder,testID:`tool-search-field-${e.id}`}):t(u.Content,{title:K,subtitle:L}),f(u.Actions,{children:[!s&&E,C&&!s&&t(ee,{variant:"chip",testID:`tool-search-${e.id}`,onPress:()=>w(true)})]})]});return t(B.Provider,{value:z,children:t(Z,{visible:n,onClose:a,onBack:y,onMinimize:v,initialModalState:M,zIndex:r,persistenceKey:W,enablePersistence:true,initialMode:o.initialMode??"bottomSheet",header:{customContent:U,showToggleButton:true},disableScrollWrapper:true,styles:{},children:f(R,{style:S.bodyRoot,children:[t(te,{children:t(P,{...N})}),m&&t(re,{message:m.message,type:m.type,nonce:m.nonce})]})})})}const S=Q.create({bodyRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},toast:{position:"absolute",bottom:16,alignSelf:"center",flexDirection:"row",alignItems:"center",gap:8,maxWidth:"86%",backgroundColor:V.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:V.text}});

package/lib/module/floatingMenu/ToolOpenerBridge.js

@@ -1,37 +1 @@
-"use strict";
-
-/**
- * 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`.
- */
-
-import { useEffect } from "react";
-import { registerToolOpener } from "@buoy-gg/shared-ui";
-import { useAppHost } from "./AppHost";
-export function ToolOpenerBridge() {
-  const {
-    openApps,
-    restore
-  } = useAppHost();
-  useEffect(() => {
-    return 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";import{useEffect as s}from"react";import{registerToolOpener as i}from"@buoy-gg/shared-ui";import{useAppHost as p}from"./AppHost";export function ToolOpenerBridge(){const{openApps:r,restore:e}=p();s(()=>{return i(n=>{const t=r.find(o=>o.id===n);if(!t)return false;e(t.instanceId);return true})},[r,e]);return null}