@flowsterix/react 0.11.0 → 0.11.1

package/dist/devtools/index.mjs

@@ -5,7 +5,7 @@ import {
 } from "../chunk-AJZMUYBN.mjs";
 
 // src/devtools/DevToolsProvider.tsx
-import { useCallback as useCallback8, useEffect as useEffect5, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect5, useRef, useState as useState8 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { AnimatePresence as AnimatePresence3, motion as motion6 } from "motion/react";
 
@@ -1235,16 +1235,49 @@ import { useCallback as useCallback4, useState as useState6 } from "react";
 import { motion as motion5 } from "motion/react";
 
 // src/devtools/hooks/useFlowsData.ts
-import { useCallback as useCallback2, useEffect, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect, useState as useState3, useSyncExternalStore } from "react";
+
+// src/devtools/globalBridge.ts
+var BRIDGE_KEY = "__FLOWSTERIX_DEVTOOLS_BRIDGE__";
+function getBridge() {
+  if (typeof window === "undefined") {
+    return { value: null, listeners: /* @__PURE__ */ new Set() };
+  }
+  const w = window;
+  if (!w[BRIDGE_KEY]) {
+    w[BRIDGE_KEY] = { value: null, listeners: /* @__PURE__ */ new Set() };
+  }
+  return w[BRIDGE_KEY];
+}
+function getDevToolsBridge() {
+  return getBridge().value;
+}
+function subscribeDevToolsBridge(listener) {
+  const bridge = getBridge();
+  bridge.listeners.add(listener);
+  return () => {
+    bridge.listeners.delete(listener);
+  };
+}
+
+// src/devtools/hooks/useFlowsData.ts
+function useBridge() {
+  return useSyncExternalStore(
+    subscribeDevToolsBridge,
+    getDevToolsBridge,
+    () => null
+    // Server snapshot
+  );
+}
 function useFlowsData() {
-  const devtools = useDevToolsContext();
+  const bridge = useBridge();
   const [flowsData, setFlowsData] = useState3([]);
   const loadFlowStates = useCallback2(async () => {
-    if (!devtools) {
+    if (!bridge) {
       setFlowsData([]);
       return;
     }
-    const { flows, activeFlowId, state: activeState, getFlowState } = devtools;
+    const { flows, activeFlowId, state: activeState, getFlowState } = bridge;
     const flowDataPromises = [];
     for (const [flowId, definition] of flows) {
       const isActive = flowId === activeFlowId;
@@ -1262,30 +1295,28 @@ function useFlowsData() {
     }
     const results = await Promise.all(flowDataPromises);
     setFlowsData(results);
-  }, [devtools]);
+  }, [bridge]);
   useEffect(() => {
     void loadFlowStates();
   }, [loadFlowStates]);
-  useEffect(() => {
-    if (!devtools?.activeFlowId || !devtools?.state) return;
-    void loadFlowStates();
-  }, [devtools?.activeFlowId, devtools?.state, loadFlowStates]);
   const deleteFlow = useCallback2(
     async (flowId) => {
-      if (!devtools) return;
-      devtools.cancelFlow(flowId);
-      await devtools.deleteFlowStorage(flowId);
+      if (!bridge) return;
+      if (bridge.activeFlowId === flowId) {
+        bridge.cancel();
+      }
+      await bridge.deleteFlowStorage(flowId);
       await loadFlowStates();
     },
-    [devtools, loadFlowStates]
+    [bridge, loadFlowStates]
   );
   const updateFlow = useCallback2(
-    async (flowId, state) => {
-      if (!devtools) return;
-      await devtools.updateFlowStorage(flowId, state);
+    async (flowId, newState) => {
+      if (!bridge) return;
+      await bridge.updateFlowStorage(flowId, newState);
       await loadFlowStates();
     },
-    [devtools, loadFlowStates]
+    [bridge, loadFlowStates]
   );
   return {
     flows: flowsData,
@@ -2164,7 +2195,7 @@ function useGrabMode() {
 }
 
 // src/devtools/hooks/useStepStore.ts
-import { useCallback as useCallback7, useEffect as useEffect4, useSyncExternalStore } from "react";
+import { useCallback as useCallback7, useEffect as useEffect4, useSyncExternalStore as useSyncExternalStore2 } from "react";
 
 // src/devtools/utils/storage.ts
 var STORAGE_KEY = "flowsterix-devtools-steps";
@@ -2226,7 +2257,7 @@ function generateId() {
   return `step-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
 }
 function useStepStore() {
-  const steps = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const steps = useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
   useEffect4(() => {
     const saved = loadSteps();
     if (saved.length > 0) {
@@ -2458,7 +2489,7 @@ function DevToolsProvider(props) {
   const [collapsed, setCollapsed] = useState8(false);
   const [position, setPosition] = useState8({ x: 16, y: 16 });
   const [isPanelDragging, setIsPanelDragging] = useState8(false);
-  const dragStartRef = { current: null };
+  const dragStartRef = useRef(null);
   const handleClick = useCallback8(
     (e) => {
       if (mode !== "grabbing") return;

package/dist/hooks/useHiddenTargetFallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHiddenTargetFallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useHiddenTargetFallback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAOrD,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,cAAc,CAAA;IACtB,YAAY,EAAE,cAAc,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,cAAc,CAAA;IACtB,mBAAmB,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,uBAAuB,GAAI,yCAKrC,6BAA6B,KAAG,6BAyIlC,CAAA"}
+{"version":3,"file":"useHiddenTargetFallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useHiddenTargetFallback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAOrD,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,cAAc,CAAA;IACtB,YAAY,EAAE,cAAc,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,cAAc,CAAA;IACtB,mBAAmB,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,uBAAuB,GAAI,yCAKrC,6BAA6B,KAAG,6BAmKlC,CAAA"}

package/dist/hooks/useTourOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTourOverlay.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAA;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;QAC5B,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;QAC7B,QAAQ,EAAE,OAAO,CAAA;KAClB,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IAClD;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IACjD;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,cAAc,CAAA;CACzB;AAMD,eAAO,MAAM,cAAc,GACzB,SAAS,qBAAqB,KAC7B,oBA2PF,CAAA"}
+{"version":3,"file":"useTourOverlay.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAA;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;QAC5B,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;QAC7B,QAAQ,EAAE,OAAO,CAAA;KAClB,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IAClD;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IACjD;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,cAAc,CAAA;CACzB;AAMD,eAAO,MAAM,cAAc,GACzB,SAAS,qBAAqB,KAC7B,oBA6PF,CAAA"}