@comergehq/studio 0.1.11 → 0.1.12

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _comergehq_studio_control from '@comergehq/studio-control';
 import { ViewStyle } from 'react-native';
 import { SupabaseClient } from '@supabase/supabase-js';
 
@@ -8,8 +9,10 @@ type ComergeStudioProps = {
     appKey?: string;
     onNavigateHome?: () => void;
     style?: ViewStyle;
+    showFloatingButton?: boolean;
+    studioControlOptions?: _comergehq_studio_control.StudioControlOptions;
 };
-declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, showFloatingButton, studioControlOptions, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _comergehq_studio_control from '@comergehq/studio-control';
 import { ViewStyle } from 'react-native';
 import { SupabaseClient } from '@supabase/supabase-js';
 
@@ -8,8 +9,10 @@ type ComergeStudioProps = {
     appKey?: string;
     onNavigateHome?: () => void;
     style?: ViewStyle;
+    showFloatingButton?: boolean;
+    studioControlOptions?: _comergehq_studio_control.StudioControlOptions;
 };
-declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, apiKey, appKey, onNavigateHome, style, showFloatingButton, studioControlOptions, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.js

@@ -6441,6 +6441,7 @@ function useOptimisticChatMessages({
 }
 
 // src/studio/ui/StudioOverlay.tsx
+var import_studio_control = require("@comergehq/studio-control");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function StudioOverlay({
   captureTargetRef,
@@ -6468,11 +6469,14 @@ function StudioOverlay({
   chatSending,
   chatShowTypingIndicator,
   onSendChat,
-  onNavigateHome
+  onNavigateHome,
+  showFloatingButton,
+  studioControlOptions
 }) {
   const theme = useTheme();
   const { width } = (0, import_react_native54.useWindowDimensions)();
   const [sheetOpen, setSheetOpen] = React41.useState(false);
+  const sheetOpenRef = React41.useRef(sheetOpen);
   const [activePage, setActivePage] = React41.useState("preview");
   const [drawing, setDrawing] = React41.useState(false);
   const [chatAttachments, setChatAttachments] = React41.useState([]);
@@ -6553,6 +6557,20 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
+  React41.useEffect(() => {
+    sheetOpenRef.current = sheetOpen;
+  }, [sheetOpen]);
+  React41.useEffect(() => {
+    const poller = (0, import_studio_control.startStudioControlPolling)((action) => {
+      if (action === "show" && !sheetOpenRef.current) openSheet();
+      if (action === "hide" && sheetOpenRef.current) closeSheet();
+      if (action === "toggle") toggleSheet();
+    }, studioControlOptions);
+    return () => poller.stop();
+  }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
+  React41.useEffect(() => {
+    void (0, import_studio_control.publishComergeStudioUIState)(sheetOpen, studioControlOptions);
+  }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -6609,7 +6627,7 @@ function StudioOverlay({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       FloatingDraggableButton,
       {
         visible: !sheetOpen && !drawing,
@@ -6661,7 +6679,9 @@ function ComergeStudio({
   apiKey,
   appKey = "MicroMain",
   onNavigateHome,
-  style
+  style,
+  showFloatingButton = true,
+  studioControlOptions
 }) {
   const [activeAppId, setActiveAppId] = React42.useState(appId);
   const [runtimeAppId, setRuntimeAppId] = React42.useState(appId);
@@ -6687,7 +6707,9 @@ function ComergeStudio({
       platform,
       onNavigateHome,
       captureTargetRef,
-      style
+      style,
+      showFloatingButton,
+      studioControlOptions
     }
   ) }) }) });
 }
@@ -6703,7 +6725,9 @@ function ComergeStudioInner({
   platform,
   onNavigateHome,
   captureTargetRef,
-  style
+  style,
+  showFloatingButton,
+  studioControlOptions
 }) {
   const { app, loading: appLoading } = useApp(activeAppId);
   const { app: runtimeAppFromHook } = useApp(runtimeAppId, { enabled: runtimeAppId !== activeAppId });
@@ -6853,7 +6877,9 @@ function ComergeStudioInner({
         chatSending: actions.sending,
         chatShowTypingIndicator,
         onSendChat: (text, attachments) => actions.sendEdit({ prompt: text, attachments }),
-        onNavigateHome
+        onNavigateHome,
+        showFloatingButton,
+        studioControlOptions
       }
     )
   ] }) });