@flowsterix/react 0.10.1 → 0.11.0

package/dist/index.mjs

@@ -1,3 +1,6 @@
+import {
+  DevToolsContext
+} from "./chunk-AJZMUYBN.mjs";
 import "./chunk-Y5EAQSU3.mjs";
 import {
   createPathString,
@@ -432,9 +435,9 @@ var TourProvider = ({
       if (!storageAdapter && !fallbackStorageRef.current && isBrowser) {
         fallbackStorageRef.current = createLocalStorageAdapter();
       }
-      const resolvedStorageAdapter = storageAdapter ? storageAdapter : fallbackStorageRef.current;
+      const resolvedStorageAdapter2 = storageAdapter ? storageAdapter : fallbackStorageRef.current;
       const store = createFlowStore(definition, {
-        storageAdapter: resolvedStorageAdapter,
+        storageAdapter: resolvedStorageAdapter2,
         storageKey: storageNamespace ? `${storageNamespace}:${definition.id}` : void 0,
         persistOnChange,
         analytics,
@@ -588,8 +591,8 @@ var TourProvider = ({
     if (!storageAdapter && !fallbackStorageRef.current && isBrowser) {
       fallbackStorageRef.current = createLocalStorageAdapter();
     }
-    const resolvedStorageAdapter = storageAdapter ?? fallbackStorageRef.current;
-    if (!resolvedStorageAdapter) {
+    const resolvedStorageAdapter2 = storageAdapter ?? fallbackStorageRef.current;
+    if (!resolvedStorageAdapter2) {
       setEligibleFlows(
         autoStartFlows.map((flow) => ({
           flow,
@@ -606,7 +609,7 @@ var TourProvider = ({
       );
       const snapshots = await Promise.all(
         storageKeys.map(
-          (key) => resolveMaybePromise(resolvedStorageAdapter.get(key))
+          (key) => resolveMaybePromise(resolvedStorageAdapter2.get(key))
         )
       );
       if (cancelled) return;
@@ -797,7 +800,59 @@ var TourProvider = ({
     reducedMotionAdapter,
     enabled: autoDetectReducedMotion
   });
-  return /* @__PURE__ */ jsx3(AnimationAdapterProvider, { adapter: resolvedAnimationAdapter, children: /* @__PURE__ */ jsx3(LabelsProvider, { value: mergedLabels, children: /* @__PURE__ */ jsx3(DialogRegistryProvider, { children: /* @__PURE__ */ jsxs(TourContext.Provider, { value: contextValue, children: [
+  const resolvedStorageAdapter = useMemo3(() => {
+    if (storageAdapter) return storageAdapter;
+    return fallbackStorageRef.current ?? null;
+  }, [storageAdapter]);
+  const devToolsContextValue = useMemo3(() => {
+    const getStorageKey = (flowId) => storageNamespace ? `${storageNamespace}:${flowId}` : `${DEFAULT_STORAGE_PREFIX}:${flowId}`;
+    return {
+      flows: flowMap,
+      activeFlowId,
+      state,
+      storageAdapter: resolvedStorageAdapter,
+      storageNamespace: storageNamespace ?? DEFAULT_STORAGE_PREFIX,
+      cancelFlow: (flowId) => {
+        if (activeFlowId === flowId && storeRef.current) {
+          storeRef.current.cancel();
+        }
+      },
+      deleteFlowStorage: async (flowId) => {
+        if (!resolvedStorageAdapter) return;
+        const key = getStorageKey(flowId);
+        await resolveMaybePromise(resolvedStorageAdapter.remove(key));
+      },
+      updateFlowStorage: async (flowId, newState) => {
+        if (!resolvedStorageAdapter) return;
+        const key = getStorageKey(flowId);
+        const definition = flowMap.get(flowId);
+        if (!definition) return;
+        await resolveMaybePromise(
+          resolvedStorageAdapter.set(key, {
+            version: newState.version,
+            value: newState,
+            updatedAt: Date.now()
+          })
+        );
+      },
+      getFlowState: async (flowId) => {
+        if (!resolvedStorageAdapter) return null;
+        const key = getStorageKey(flowId);
+        const snapshot = await resolveMaybePromise(
+          resolvedStorageAdapter.get(key)
+        );
+        if (!snapshot) return null;
+        return snapshot.value;
+      }
+    };
+  }, [
+    flowMap,
+    activeFlowId,
+    state,
+    resolvedStorageAdapter,
+    storageNamespace
+  ]);
+  return /* @__PURE__ */ jsx3(AnimationAdapterProvider, { adapter: resolvedAnimationAdapter, children: /* @__PURE__ */ jsx3(LabelsProvider, { value: mergedLabels, children: /* @__PURE__ */ jsx3(DialogRegistryProvider, { children: /* @__PURE__ */ jsx3(TourContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(DevToolsContext.Provider, { value: devToolsContextValue, children: [
     /* @__PURE__ */ jsx3(
       DialogAutomationBridge,
       {
@@ -807,7 +862,7 @@ var TourProvider = ({
       }
     ),
     children
-  ] }) }) }) });
+  ] }) }) }) }) });
 };
 var DialogAutomationBridge = ({
   flow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowsterix/react",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "React bindings for Flowsterix - guided tours and onboarding flows",
   "license": "MIT",
   "repository": {
@@ -57,12 +57,21 @@
       "import": "./dist/router/nextPagesRouterAdapter.mjs",
       "require": "./dist/router/nextPagesRouterAdapter.cjs",
       "default": "./dist/router/nextPagesRouterAdapter.mjs"
+    },
+    "./devtools": {
+      "types": "./dist/devtools/index.d.ts",
+      "import": "./dist/devtools/index.mjs",
+      "require": "./dist/devtools/index.cjs",
+      "default": "./dist/devtools/index.mjs"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/dom": "^1.7.4",
     "@flowsterix/core": "0.10.0"
   },