@buoy-gg/core 7.0.41 → 7.0.43

package/lib/commonjs/floatingMenu/AppHost.web.js

@@ -1,376 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAppHost = exports.AppOverlay = exports.AppHostProvider = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _react = require("react");
-var _AppHostLogic = require("./AppHostLogic.js");
-var _AppIcon = require("./AppIcon");
-var _ToolHost = require("./ToolHost.js");
-var _DevToolsSettingsModalShared = require("./DevToolsSettingsModal.shared.js");
-var _floatingToolsWeb = require("./floatingTools.web.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Browser tool host using the shared open-app state machine and persistence.
- * Minimized tools derive from openApps. Escape closes the top visible tool;
- * the minimized stack remains attached to the floating menu.
- */
-
-const AppHostContext = /*#__PURE__*/(0, _react.createContext)(null);
-const STORAGE_KEY_OPEN_APPS = "@react_buoy_open_apps";
-
-// Minimized dock geometry — mirrors MinimizedToolsContext.tsx constants.
-const ICON_SIZE = 44;
-const ICON_GAP = 12;
-const BOTTOM_OFFSET = 100;
-const RIGHT_OFFSET = 16;
-const dockIconPosition = index => ({
-  x: window.innerWidth - ICON_SIZE - RIGHT_OFFSET,
-  y: window.innerHeight - BOTTOM_OFFSET - ICON_SIZE - index * (ICON_SIZE + ICON_GAP)
-});
-
-/**
- * Provides the floating dev tools application host for web. Tracks open tool
- * instances, restores persisted state, and exposes the same imperative
- * helpers as the native `AppHostProvider`.
- */
-const AppHostProvider = ({
-  children
-}) => {
-  const [openApps, setOpenApps] = (0, _react.useState)([]);
-  const [isRestored, setIsRestored] = (0, _react.useState)(false);
-  const installedAppsRef = (0, _react.useRef)([]);
-  const pendingRestoreRef = (0, _react.useRef)(null);
-  const restoredRef = (0, _react.useRef)(false);
-  const storageReadRef = (0, _react.useRef)(false);
-  const registeredRef = (0, _react.useRef)(false);
-  const open = (0, _react.useCallback)(def => {
-    let resolvedId = "";
-    setOpenApps(current => {
-      const {
-        apps,
-        instanceId
-      } = (0, _AppHostLogic.resolveOpenAppsState)(current, def, () => `${def.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);
-      resolvedId = instanceId;
-      return apps;
-    });
-    return resolvedId;
-  }, []);
-  const tryRestorePending = (0, _react.useCallback)(() => {
-    if (restoredRef.current || !storageReadRef.current || !registeredRef.current) return;
-    restoredRef.current = true;
-    const pendingApps = pendingRestoreRef.current;
-    if (!pendingApps || pendingApps.length === 0) {
-      setIsRestored(true);
-      return;
-    }
-    pendingRestoreRef.current = null;
-    pendingApps.forEach(({
-      id: appId,
-      minimized
-    }) => {
-      const appDef = installedAppsRef.current.find(app => app.id === appId);
-      if (appDef && appDef.component) {
-        const resolvedIcon = (0, _AppIcon.renderAppIcon)(appDef.icon, {
-          slot: "dial",
-          size: 20,
-          color: appDef.color
-        });
-        open({
-          id: appDef.id,
-          title: appDef.name,
-          component: appDef.component,
-          props: appDef.props,
-          modal: appDef.modal,
-          launchMode: appDef.launchMode || "self-modal",
-          singleton: appDef.singleton ?? true,
-          icon: resolvedIcon,
-          color: appDef.color,
-          minimized
-        });
-      }
-    });
-    setIsRestored(true);
-  }, [open]);
-
-  // Restore open apps on mount. Handles both the legacy `string[]` shape and
-  // the current `{id, minimized}[]` shape — same tolerance as native.
-  (0, _react.useEffect)(() => {
-    let cancelled = false;
-    const restoreOpenApps = async () => {
-      try {
-        const saved = await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);
-        if (cancelled) return;
-        if (saved) {
-          const parsed = JSON.parse(saved);
-          let savedApps;
-          if (Array.isArray(parsed) && parsed.length > 0) {
-            if (typeof parsed[0] === "string") {
-              savedApps = parsed.map(id => ({
-                id,
-                minimized: false
-              }));
-            } else {
-              savedApps = parsed.filter(item => typeof item === "object" && item !== null && typeof item.id === "string");
-            }
-            if (savedApps.length) {
-              pendingRestoreRef.current = savedApps;
-            }
-          }
-        }
-      } catch {
-        // Failed to restore open apps - continue with fresh state
-      }
-      if (cancelled) return;
-      storageReadRef.current = true;
-      tryRestorePending();
-    };
-    void restoreOpenApps();
-    return () => {
-      cancelled = true;
-    };
-  }, [tryRestorePending]);
-
-  // Save discrete open/minimize/close changes before a reload can lose them.
-  (0, _react.useEffect)(() => {
-    if (!isRestored) return;
-    const appStates = openApps.map(app => ({
-      id: app.id,
-      minimized: app.minimized ?? false
-    }));
-    void _sharedUi.persistentStorage.setItem(STORAGE_KEY_OPEN_APPS, JSON.stringify(appStates));
-  }, [openApps, isRestored]);
-
-  // Store reference to installed apps for restoration
-  const registerApps = (0, _react.useCallback)(apps => {
-    installedAppsRef.current = apps;
-    registeredRef.current = true;
-    tryRestorePending();
-  }, [tryRestorePending]);
-  const close = (0, _react.useCallback)(instanceId => {
-    setOpenApps(s => {
-      if (!s.length) return s;
-      if (!instanceId) return s.slice(0, -1);
-      return s.filter(a => a.instanceId !== instanceId);
-    });
-  }, []);
-  const closeAll = (0, _react.useCallback)(() => setOpenApps([]), []);
-  const minimize = (0, _react.useCallback)((instanceId, restoreState) => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: true,
-      restoreState
-    } : app));
-  }, []);
-  const restore = (0, _react.useCallback)((instanceId, restoreState) => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: false,
-      restoreState: restoreState ?? app.restoreState
-    } : app));
-  }, []);
-  const isMinimized = (0, _react.useCallback)(instanceId => {
-    const app = openApps.find(a => a.instanceId === instanceId);
-    return app?.minimized ?? false;
-  }, [openApps]);
-
-  // Escape closes the top-most open tool — web analog of the native
-  // hardware-back handler.
-  const hasVisibleApps = openApps.some(app => app.launchMode !== "toggle-only" && !app.minimized);
-  (0, _react.useEffect)(() => {
-    if (!hasVisibleApps) return;
-    const handler = event => {
-      if (event.key !== "Escape") return;
-      if (event.defaultPrevented) return;
-      const top = [...openApps].reverse().find(app => app.launchMode !== "toggle-only" && !app.minimized);
-      if (top) close(top.instanceId);
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [hasVisibleApps, close, openApps]);
-  const value = (0, _react.useMemo)(() => ({
-    openApps,
-    isAnyOpen: hasVisibleApps,
-    open,
-    close,
-    closeAll,
-    registerApps,
-    minimize,
-    restore,
-    isMinimized
-  }), [openApps, hasVisibleApps, open, close, closeAll, registerApps, minimize, restore, isMinimized]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppHostContext.Provider, {
-    value: value,
-    children: children
-  });
-};
-
-/**
- * Accessor hook for the web app host. Falls back to a no-op implementation
- * when rendered outside the provider — same contract as native.
- */
-exports.AppHostProvider = AppHostProvider;
-const useAppHost = () => {
-  const ctx = (0, _react.useContext)(AppHostContext);
-  if (!ctx) {
-    return {
-      openApps: [],
-      isAnyOpen: false,
-      open: () => "",
-      close: () => {},
-      closeAll: () => {},
-      registerApps: () => {},
-      minimize: () => {},
-      restore: () => {},
-      isMinimized: () => false
-    };
-  }
-  return ctx;
-};
-
-// Base z-index for tool surfaces — parity with native AppOverlay.
-exports.useAppHost = useAppHost;
-const BASE_ZINDEX = 9000;
-// The dock sits above tool panels but below the dial/settings overlays (10000).
-
-const backdropStyle = {
-  position: "fixed",
-  inset: 0,
-  backgroundColor: "rgba(0,0,0,0.28)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-};
-const cardStyle = {
-  maxHeight: "90%",
-  width: "94%",
-  borderRadius: 12,
-  backgroundColor: "white",
-  overflow: "hidden"
-};
-
-/**
- * Renders a single app instance — DOM twin of the native `AppRenderer`.
- * Keeps the component mounted while minimized (visible={false} /
- * display:none) so tool state and listeners survive, like native.
- */
-const AppRenderer = ({
-  app,
-  zIndex,
-  onClose,
-  onMinimize,
-  minimizeTargetPosition,
-  enableSharedModalDimensions
-}) => {
-  const Comp = app.component;
-  const isVisible = !app.minimized;
-  const bodyProps = {
-    ...(app.props ?? {}),
-    ...(enableSharedModalDimensions ? {
-      enableSharedModalDimensions: true
-    } : {})
-  };
-  if (app.modal && (!app.launchMode || app.launchMode === "self-modal")) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolHost.ToolModalShell, {
-      app: app,
-      config: app.modal,
-      visible: isVisible,
-      zIndex: zIndex,
-      onClose: onClose,
-      onMinimize: onMinimize,
-      initialModalState: app.restoreState,
-      enableSharedModalDimensions: enableSharedModalDimensions,
-      bodyProps: bodyProps
-    });
-  }
-  if (app.launchMode === "self-modal") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-      ...bodyProps,
-      visible: isVisible,
-      onClose: onClose,
-      onRequestClose: onClose,
-      onMinimize: onMinimize,
-      minimizeTargetPosition: minimizeTargetPosition,
-      instanceId: app.instanceId,
-      zIndex: zIndex,
-      initialModalState: app.restoreState
-    });
-  }
-  if (app.launchMode === "inline") {
-    if (!isVisible) return null;
-    // pointerEvents:none matches native box-none: the layer never eats input;
-    // inline tool components opt back in with pointerEvents:auto on their own
-    // interactive surfaces.
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex,
-        pointerEvents: "none"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-        ...bodyProps,
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        instanceId: app.instanceId
-      })
-    });
-  }
-
-  // host-modal mode
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      ...backdropStyle,
-      zIndex,
-      display: isVisible ? "flex" : "none"
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: cardStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-        ...bodyProps,
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        instanceId: app.instanceId
-      })
-    })
-  });
-};
-
-/**
- * Renders all open dev tool surfaces — DOM twin of the native `AppOverlay`.
- * Later-opened tools stack on top (base z 9000 + index). Minimized tools are
- * shown by the MinimizedToolsStack fused to the floating bubble (native
- * parity) — the old fixed bottom-right MinimizedDock was replaced by it.
- */
-const AppOverlay = () => {
-  const {
-    openApps,
-    close,
-    minimize
-  } = useAppHost();
-  const {
-    settings
-  } = (0, _DevToolsSettingsModalShared.useDevToolsSettings)();
-  const renderableApps = openApps.filter(app => app.launchMode !== "toggle-only");
-  if (renderableApps.length === 0) return null;
-  const minimizedCount = renderableApps.filter(app => app.minimized).length;
-
-  // Minimize animation shrinks toward the bubble (where the stack lives);
-  // fall back to the legacy dock slot if the bubble hasn't mounted yet.
-  const minimizeTarget = (0, _floatingToolsWeb.getBubbleAnchorPosition)() ?? dockIconPosition(minimizedCount);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: renderableApps.map((app, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(AppRenderer, {
-      app: app,
-      zIndex: BASE_ZINDEX + index,
-      onClose: () => close(app.instanceId),
-      onMinimize: state => minimize(app.instanceId, state),
-      enableSharedModalDimensions: settings.globalSettings?.enableSharedModalDimensions === true,
-      minimizeTargetPosition: minimizeTarget
-    }, app.instanceId))
-  });
-};
-exports.AppOverlay = AppOverlay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useAppHost=exports.AppOverlay=exports.AppHostProvider=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _react=require("react");var _AppHostLogic=require("./AppHostLogic.js");var _AppIcon=require("./AppIcon");var _ToolHost=require("./ToolHost.js");var _DevToolsSettingsModalShared=require("./DevToolsSettingsModal.shared.js");var _floatingToolsWeb=require("./floatingTools.web.js");var _jsxRuntime=require("react/jsx-runtime");const AppHostContext=(0,_react.createContext)(null);const STORAGE_KEY_OPEN_APPS="@react_buoy_open_apps";const ICON_SIZE=44;const ICON_GAP=12;const BOTTOM_OFFSET=100;const RIGHT_OFFSET=16;const dockIconPosition=t=>({x:window.innerWidth-ICON_SIZE-RIGHT_OFFSET,y:window.innerHeight-BOTTOM_OFFSET-ICON_SIZE-t*(ICON_SIZE+ICON_GAP)});const AppHostProvider=({children:t})=>{const[r,l]=(0,_react.useState)([]);const[d,c]=(0,_react.useState)(false);const f=(0,_react.useRef)([]);const u=(0,_react.useRef)(null);const i=(0,_react.useRef)(false);const p=(0,_react.useRef)(false);const g=(0,_react.useRef)(false);const h=(0,_react.useCallback)(n=>{let s="";l(o=>{const{apps:e,instanceId:a}=(0,_AppHostLogic.resolveOpenAppsState)(o,n,()=>`${n.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);s=a;return e});return s},[]);const v=(0,_react.useCallback)(()=>{if(i.current||!p.current||!g.current)return;i.current=true;const n=u.current;if(!n||n.length===0){c(true);return}u.current=null;n.forEach(({id:s,minimized:o})=>{const e=f.current.find(a=>a.id===s);if(e&&e.component){const a=(0,_AppIcon.renderAppIcon)(e.icon,{slot:"dial",size:20,color:e.color});h({id:e.id,title:e.name,component:e.component,props:e.props,modal:e.modal,launchMode:e.launchMode||"self-modal",singleton:e.singleton??true,icon:a,color:e.color,minimized:o})}});c(true)},[h]);(0,_react.useEffect)(()=>{let n=false;const s=async()=>{try{const o=await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);if(n)return;if(o){const e=JSON.parse(o);let a;if(Array.isArray(e)&&e.length>0){if(typeof e[0]==="string"){a=e.map(m=>({id:m,minimized:false}))}else{a=e.filter(m=>typeof m==="object"&&m!==null&&typeof m.id==="string")}if(a.length){u.current=a}}}}catch{}if(n)return;p.current=true;v()};void s();return()=>{n=true}},[v]);(0,_react.useEffect)(()=>{if(!d)return;const n=r.map(s=>({id:s.id,minimized:s.minimized??false}));void _sharedUi.persistentStorage.setItem(STORAGE_KEY_OPEN_APPS,JSON.stringify(n))},[r,d]);const b=(0,_react.useCallback)(n=>{f.current=n;g.current=true;v()},[v]);const A=(0,_react.useCallback)(n=>{l(s=>{if(!s.length)return s;if(!n)return s.slice(0,-1);return s.filter(o=>o.instanceId!==n)})},[]);const S=(0,_react.useCallback)(()=>l([]),[]);const x=(0,_react.useCallback)((n,s)=>{l(o=>o.map(e=>e.instanceId===n?{...e,minimized:true,restoreState:s}:e))},[]);const I=(0,_react.useCallback)((n,s)=>{l(o=>o.map(e=>e.instanceId===n?{...e,minimized:false,restoreState:s??e.restoreState}:e))},[]);const M=(0,_react.useCallback)(n=>{const s=r.find(o=>o.instanceId===n);return s?.minimized??false},[r]);const y=r.some(n=>n.launchMode!=="toggle-only"&&!n.minimized);(0,_react.useEffect)(()=>{if(!y)return;const n=s=>{if(s.key!=="Escape")return;if(s.defaultPrevented)return;const o=[...r].reverse().find(e=>e.launchMode!=="toggle-only"&&!e.minimized);if(o)A(o.instanceId)};window.addEventListener("keydown",n);return()=>window.removeEventListener("keydown",n)},[y,A,r]);const z=(0,_react.useMemo)(()=>({openApps:r,isAnyOpen:y,open:h,close:A,closeAll:S,registerApps:b,minimize:x,restore:I,isMinimized:M}),[r,y,h,A,S,b,x,I,M]);return(0,_jsxRuntime.jsx)(AppHostContext.Provider,{value:z,children:t})};exports.AppHostProvider=AppHostProvider;const useAppHost=()=>{const t=(0,_react.useContext)(AppHostContext);if(!t){return{openApps:[],isAnyOpen:false,open:()=>"",close:()=>{},closeAll:()=>{},registerApps:()=>{},minimize:()=>{},restore:()=>{},isMinimized:()=>false}}return t};exports.useAppHost=useAppHost;const BASE_ZINDEX=9e3;const backdropStyle={position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.28)",display:"flex",alignItems:"center",justifyContent:"center"};const cardStyle={maxHeight:"90%",width:"94%",borderRadius:12,backgroundColor:"white",overflow:"hidden"};const AppRenderer=({app:t,zIndex:r,onClose:l,onMinimize:d,minimizeTargetPosition:c,enableSharedModalDimensions:f})=>{const u=t.component;const i=!t.minimized;const p={...t.props??{},...f?{enableSharedModalDimensions:true}:{}};if(t.modal&&(!t.launchMode||t.launchMode==="self-modal")){return(0,_jsxRuntime.jsx)(_ToolHost.ToolModalShell,{app:t,config:t.modal,visible:i,zIndex:r,onClose:l,onMinimize:d,initialModalState:t.restoreState,enableSharedModalDimensions:f,bodyProps:p})}if(t.launchMode==="self-modal"){return(0,_jsxRuntime.jsx)(u,{...p,visible:i,onClose:l,onRequestClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId,zIndex:r,initialModalState:t.restoreState})}if(t.launchMode==="inline"){if(!i)return null;return(0,_jsxRuntime.jsx)("div",{style:{position:"fixed",inset:0,zIndex:r,pointerEvents:"none"},children:(0,_jsxRuntime.jsx)(u,{...p,onClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId})})}return(0,_jsxRuntime.jsx)("div",{style:{...backdropStyle,zIndex:r,display:i?"flex":"none"},children:(0,_jsxRuntime.jsx)("div",{style:cardStyle,children:(0,_jsxRuntime.jsx)(u,{...p,onClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId})})})};const AppOverlay=()=>{const{openApps:t,close:r,minimize:l}=useAppHost();const{settings:d}=(0,_DevToolsSettingsModalShared.useDevToolsSettings)();const c=t.filter(i=>i.launchMode!=="toggle-only");if(c.length===0)return null;const f=c.filter(i=>i.minimized).length;const u=(0,_floatingToolsWeb.getBubbleAnchorPosition)()??dockIconPosition(f);return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c.map((i,p)=>(0,_jsxRuntime.jsx)(AppRenderer,{app:i,zIndex:BASE_ZINDEX+p,onClose:()=>r(i.instanceId),onMinimize:g=>l(i.instanceId,g),enableSharedModalDimensions:d.globalSettings?.enableSharedModalDimensions===true,minimizeTargetPosition:u},i.instanceId))})};exports.AppOverlay=AppOverlay;

package/lib/commonjs/floatingMenu/AppHostLogic.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveOpenAppsState = void 0;
-/**
- * Modal state to restore when reopening a minimized tool. Defined here (the
- * platform-free logic module) so the web host doesn't pull in the native
- * MinimizedToolsContext; that file re-exports this type for back-compat.
- */
-
-/**
- * Computes the new list of open tool instances when a user launches a dev app. Singleton
- * tools reuse their existing instance while non-singletons create a new entry using the
- * provided `generateId` helper.
- *
- * @param current - Current stack of open app instances.
- * @param def - Descriptor of the tool to launch (without runtime instance id).
- * @param generateId - Callback used to generate a unique instance identifier.
- * @returns Updated instance list alongside the resolved instance id.
- */
-const resolveOpenAppsState = (current, def, generateId) => {
-  if (def.singleton) {
-    const existing = current.find(app => app.id === def.id);
-    if (existing) {
-      const wasMinimized = existing.minimized ?? false;
-      return {
-        instanceId: existing.instanceId,
-        wasMinimized,
-        apps: [...current.filter(app => app.instanceId !== existing.instanceId),
-        // Un-minimize the existing app when re-opening it
-        {
-          ...existing,
-          minimized: false
-        }]
-      };
-    }
-  }
-  const instanceId = generateId();
-  return {
-    instanceId,
-    wasMinimized: false,
-    apps: [...current, {
-      ...def,
-      instanceId
-    }]
-  };
-};
-exports.resolveOpenAppsState = resolveOpenAppsState;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.resolveOpenAppsState=void 0;const resolveOpenAppsState=(s,i,p)=>{if(i.singleton){const e=s.find(n=>n.id===i.id);if(e){const n=e.minimized??false;return{instanceId:e.instanceId,wasMinimized:n,apps:[...s.filter(a=>a.instanceId!==e.instanceId),{...e,minimized:false}]}}}const t=p();return{instanceId:t,wasMinimized:false,apps:[...s,{...i,instanceId:t}]}};exports.resolveOpenAppsState=resolveOpenAppsState;

package/lib/commonjs/floatingMenu/AppIcon.js

@@ -1,91 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppTextIcon = AppTextIcon;
-exports.renderAppIcon = renderAppIcon;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Icon resolution for `InstalledApp.icon`.
- *
- * Custom tools may provide an icon three ways:
- *  - a component `({ slot, size }) => node` (dynamic, hook-capable)
- *  - a pre-built ReactNode
- *  - a PLAIN STRING — "AUTH", "KIT", "🗑️" — rendered as an auto-fitting text
- *    icon so simple tools never need an icon library.
- *
- * Every menu surface (dial, row, minimize stack, restore path) resolves icons
- * through `renderAppIcon` so all three forms behave identically.
- */
-
-/** Visible glyphs, not UTF-16 units — "🗑️" is one glyph, not three. */
-function glyphCount(label) {
-  // Strip variation selectors + zero-width joiners before counting.
-  const stripped = label.replace(/[\uFE00-\uFE0F\u200D]/g, "");
-  return Math.max(Array.from(stripped).length, 1);
-}
-function AppTextIcon({
-  label,
-  size,
-  color = _sharedUi.toolTheme.colors.text
-}) {
-  const chars = glyphCount(label);
-  // Short labels stay square; longer ones ("AUTH") get a wider box — the
-  // dial/row layouts have breathing room and the label reads better than a
-  // squashed square would. The computed font size is what fits the box on
-  // web; adjustsFontSizeToFit covers native font-metric drift.
-  const maxWidth = chars <= 2 ? size : size * 1.6;
-  const fontSize = Math.max(7, Math.min(size * (chars === 1 ? 0.7 : 0.62), maxWidth / (0.62 * chars)));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      minWidth: size,
-      maxWidth,
-      height: size,
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      numberOfLines: 1,
-      adjustsFontSizeToFit: true,
-      minimumFontScale: 0.5,
-      style: {
-        color,
-        fontSize,
-        fontWeight: "800",
-        letterSpacing: 0.5,
-        textAlign: "center"
-      },
-      children: label
-    })
-  });
-}
-
-/**
- * Resolve any `InstalledApp.icon` form to a renderable node. Function icons
- * become elements (createElement — hooks keep working); strings become
- * auto-fitting text icons; nodes pass through.
- */
-function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") {
-    return /*#__PURE__*/_react.default.createElement(icon, {
-      slot: ctx.slot,
-      size: ctx.size,
-      state: ctx.state,
-      actions: ctx.actions
-    });
-  }
-  if (typeof icon === "string" || typeof icon === "number") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppTextIcon, {
-      label: String(icon),
-      size: ctx.size,
-      color: ctx.color
-    });
-  }
-  return icon;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AppTextIcon=AppTextIcon;exports.renderAppIcon=renderAppIcon;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function glyphCount(e){const t=e.replace(/[\uFE00-\uFE0F\u200D]/g,"");return Math.max(Array.from(t).length,1)}function AppTextIcon({label:e,size:t,color:u=_sharedUi.toolTheme.colors.text}){const r=glyphCount(e);const n=r<=2?t:t*1.6;const i=Math.max(7,Math.min(t*(r===1?.7:.62),n/(.62*r)));return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{minWidth:t,maxWidth:n,height:t,alignItems:"center",justifyContent:"center"},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,adjustsFontSizeToFit:true,minimumFontScale:.5,style:{color:u,fontSize:i,fontWeight:"800",letterSpacing:.5,textAlign:"center"},children:e})})}function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function"){return _react.default.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions})}if(typeof e==="string"||typeof e==="number"){return(0,_jsxRuntime.jsx)(AppTextIcon,{label:String(e),size:t.size,color:t.color})}return e}

package/lib/commonjs/floatingMenu/AppIcon.web.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppTextIcon = AppTextIcon;
-exports.renderAppIcon = renderAppIcon;
-var _react = _interopRequireDefault(require("react"));
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** DOM twin of the native icon resolver; importing RN breaks pure web hosts. */
-function AppTextIcon({
-  label,
-  size,
-  color = _sharedUi.toolTheme.colors.text
-}) {
-  const chars = Math.max(Array.from(label.replace(/[\uFE00-\uFE0F\u200D]/g, "")).length, 1);
-  const maxWidth = chars <= 2 ? size : size * 1.6;
-  const fontSize = Math.max(7, Math.min(size * (chars === 1 ? 0.7 : 0.62), maxWidth / (0.62 * chars)));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    style: {
-      display: "inline-flex",
-      minWidth: size,
-      maxWidth,
-      height: size,
-      alignItems: "center",
-      justifyContent: "center",
-      color,
-      fontSize,
-      fontWeight: 800,
-      letterSpacing: 0.5,
-      whiteSpace: "nowrap",
-      overflow: "hidden"
-    },
-    children: label
-  });
-}
-function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") return /*#__PURE__*/_react.default.createElement(icon, {
-    slot: ctx.slot,
-    size: ctx.size,
-    state: ctx.state,
-    actions: ctx.actions
-  });
-  if (typeof icon === "string" || typeof icon === "number") return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppTextIcon, {
-    label: String(icon),
-    size: ctx.size,
-    color: ctx.color
-  });
-  return icon;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AppTextIcon=AppTextIcon;exports.renderAppIcon=renderAppIcon;var _react=_interopRequireDefault(require("react"));var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function AppTextIcon({label:e,size:t,color:o=_sharedUi.toolTheme.colors.text}){const r=Math.max(Array.from(e.replace(/[\uFE00-\uFE0F\u200D]/g,"")).length,1);const n=r<=2?t:t*1.6;const a=Math.max(7,Math.min(t*(r===1?.7:.62),n/(.62*r)));return(0,_jsxRuntime.jsx)("span",{style:{display:"inline-flex",minWidth:t,maxWidth:n,height:t,alignItems:"center",justifyContent:"center",color:o,fontSize:a,fontWeight:800,letterSpacing:.5,whiteSpace:"nowrap",overflow:"hidden"},children:e})}function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function")return _react.default.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions});if(typeof e==="string"||typeof e==="number")return(0,_jsxRuntime.jsx)(AppTextIcon,{label:String(e),size:t.size,color:t.color});return e}