@storybook/react-native 10.3.0 → 10.3.1

package/dist/index.js

@@ -471,6 +471,7 @@ var BUILDING_BLOCK_recomputeInvalidatedAtoms = (store2) => {
       }
     }
     if (hasChangedDeps) {
+      invalidatedAtoms.set(a, aState.n);
       readAtomState(store2, a);
       mountDependencies(store2, a);
     }
@@ -494,9 +495,19 @@ var BUILDING_BLOCK_readAtomState = (store2, atom2) => {
   const mountDependencies = buildingBlocks[17];
   const setAtomStateValueOrPromise = buildingBlocks[20];
   const registerAbortHandler = buildingBlocks[26];
+  const storeEpochHolder = buildingBlocks[28];
   const atomState = ensureAtomState(store2, atom2);
+  const storeEpochNumber = storeEpochHolder[0];
   if (isAtomStateInitialized(atomState)) {
-    if (mountedMap.has(atom2) && invalidatedAtoms.get(atom2) !== atomState.n) {
+    if (
+      // If the atom is mounted, we can use cached atom state,
+      // because it should have been updated by dependencies.
+      // We can't use the cache if the atom is invalidated.
+      mountedMap.has(atom2) && invalidatedAtoms.get(atom2) !== atomState.n || // If atom is not mounted, we can use cached atom state,
+      // only if store hasn't been mutated.
+      atomState.m === storeEpochNumber
+    ) {
+      atomState.m = storeEpochNumber;
       return atomState;
     }
     let hasChangedDeps = false;
@@ -507,6 +518,7 @@ var BUILDING_BLOCK_readAtomState = (store2, atom2) => {
       }
     }
     if (!hasChangedDeps) {
+      atomState.m = storeEpochNumber;
       return atomState;
     }
   }
@@ -597,6 +609,7 @@ var BUILDING_BLOCK_readAtomState = (store2, atom2) => {
     }
   };
   const prevEpochNumber = atomState.n;
+  const prevInvalidated = invalidatedAtoms.get(atom2) === prevEpochNumber;
   try {
     if ((import_meta.env ? import_meta.env.MODE : void 0) !== "production") {
       storeMutationSet.delete(store2);
@@ -619,15 +632,17 @@ var BUILDING_BLOCK_readAtomState = (store2, atom2) => {
       pruneDependencies();
     }
     (_a = storeHooks.r) == null ? void 0 : _a.call(storeHooks, atom2);
+    atomState.m = storeEpochNumber;
     return atomState;
   } catch (error) {
     delete atomState.v;
     atomState.e = error;
     ++atomState.n;
+    atomState.m = storeEpochNumber;
     return atomState;
   } finally {
     isSync = false;
-    if (prevEpochNumber !== atomState.n && invalidatedAtoms.get(atom2) === prevEpochNumber) {
+    if (atomState.n !== prevEpochNumber && prevInvalidated) {
       invalidatedAtoms.set(atom2, atomState.n);
       changedAtoms.add(atom2);
       (_b = storeHooks.c) == null ? void 0 : _b.call(storeHooks, atom2);
@@ -665,6 +680,7 @@ var BUILDING_BLOCK_writeAtomState = (store2, atom2, ...args) => {
   const writeAtomState = buildingBlocks[16];
   const mountDependencies = buildingBlocks[17];
   const setAtomStateValueOrPromise = buildingBlocks[20];
+  const storeEpochHolder = buildingBlocks[28];
   let isSync = true;
   const getter = (a) => returnAtomValue(readAtomState(store2, a));
   const setter = (a, ...args2) => {
@@ -683,6 +699,7 @@ var BUILDING_BLOCK_writeAtomState = (store2, atom2, ...args) => {
         setAtomStateValueOrPromise(store2, a, v);
         mountDependencies(store2, a);
         if (prevEpochNumber !== aState.n) {
+          ++storeEpochHolder[0];
           changedAtoms.add(a);
           invalidateDependents(store2, a);
           (_a = storeHooks.c) == null ? void 0 : _a.call(storeHooks, a);
@@ -867,14 +884,18 @@ var BUILDING_BLOCK_storeGet = (store2, atom2) => {
 };
 var BUILDING_BLOCK_storeSet = (store2, atom2, ...args) => {
   const buildingBlocks = getInternalBuildingBlocks(store2);
+  const changedAtoms = buildingBlocks[3];
   const flushCallbacks = buildingBlocks[12];
   const recomputeInvalidatedAtoms = buildingBlocks[13];
   const writeAtomState = buildingBlocks[16];
+  const prevChangedAtomsSize = changedAtoms.size;
   try {
     return writeAtomState(store2, atom2, ...args);
   } finally {
-    recomputeInvalidatedAtoms(store2);
-    flushCallbacks(store2);
+    if (changedAtoms.size !== prevChangedAtomsSize) {
+      recomputeInvalidatedAtoms(store2);
+      flushCallbacks(store2);
+    }
   }
 };
 var BUILDING_BLOCK_storeSub = (store2, atom2, listener) => {
@@ -983,7 +1004,9 @@ function buildStore(...buildArgs) {
     /* @__PURE__ */ new WeakMap(),
     // abortHandlersMap
     BUILDING_BLOCK_registerAbortHandler,
-    BUILDING_BLOCK_abortPromise
+    BUILDING_BLOCK_abortPromise,
+    // store epoch
+    [0]
   ].map((fn, i) => buildArgs[i] || fn);
   buildingBlockMap.set(store2, Object.freeze(buildingBlocks));
   return store2;
@@ -1155,6 +1178,28 @@ function useAtomValue(atom2, options) {
         }
       }
       if (typeof delay === "number") {
+        console.warn(`[DEPRECATED] delay option is deprecated and will be removed in v3.
+
+Migration guide:
+
+Create a custom hook like the following.
+
+function useAtomValueWithDelay<Value>(
+  atom: Atom<Value>,
+  options: { delay: number },
+): Value {
+  const { delay } = options
+  const store = useStore(options)
+  const [value, setValue] = useState(() => store.get(atom))
+  useEffect(() => {
+    const unsub = store.sub(atom, () => {
+      setTimeout(() => setValue(store.get(atom)), delay)
+    })
+    return unsub
+  }, [store, atom, delay])
+  return value
+}
+`);
         setTimeout(rerender, delay);
         return;
       }

package/dist/metro/withStorybook.js

@@ -647,11 +647,7 @@ function createMcpHandler(configPath, wss) {
           { McpServer },
           { ValibotJsonSchemaAdapter },
           { HttpTransport },
-          {
-            addListAllDocumentationTool,
-            addGetDocumentationTool,
-            addGetComponentStoryDocumentationTool
-          },
+          { addListAllDocumentationTool, addGetDocumentationTool, addGetStoryDocumentationTool },
           { storyInstructions: storyInstructions2 },
           { buildIndex: buildIndex2 },
           valibot,
@@ -690,7 +686,7 @@ function createMcpHandler(configPath, wss) {
         ).withContext();
         addListAllDocumentationTool(server);
         addGetDocumentationTool(server);
-        addGetComponentStoryDocumentationTool(server);
+        addGetStoryDocumentationTool(server);
         server.tool(
           {
             name: "get-storybook-story-instructions",

package/dist/node.js

@@ -412,11 +412,7 @@ function createMcpHandler(configPath, wss) {
           { McpServer },
           { ValibotJsonSchemaAdapter },
           { HttpTransport },
-          {
-            addListAllDocumentationTool,
-            addGetDocumentationTool,
-            addGetComponentStoryDocumentationTool
-          },
+          { addListAllDocumentationTool, addGetDocumentationTool, addGetStoryDocumentationTool },
           { storyInstructions: storyInstructions2 },
           { buildIndex: buildIndex2 },
           valibot,
@@ -455,7 +451,7 @@ function createMcpHandler(configPath, wss) {
         ).withContext();
         addListAllDocumentationTool(server);
         addGetDocumentationTool(server);
-        addGetComponentStoryDocumentationTool(server);
+        addGetStoryDocumentationTool(server);
         server.tool(
           {
             name: "get-storybook-story-instructions",

package/dist/repack/withStorybook.js

@@ -645,11 +645,7 @@ function createMcpHandler(configPath, wss) {
           { McpServer },
           { ValibotJsonSchemaAdapter },
           { HttpTransport },
-          {
-            addListAllDocumentationTool,
-            addGetDocumentationTool,
-            addGetComponentStoryDocumentationTool
-          },
+          { addListAllDocumentationTool, addGetDocumentationTool, addGetStoryDocumentationTool },
           { storyInstructions: storyInstructions2 },
           { buildIndex: buildIndex2 },
           valibot,
@@ -688,7 +684,7 @@ function createMcpHandler(configPath, wss) {
         ).withContext();
         addListAllDocumentationTool(server);
         addGetDocumentationTool(server);
-        addGetComponentStoryDocumentationTool(server);
+        addGetStoryDocumentationTool(server);
         server.tool(
           {
             name: "get-storybook-story-instructions",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "10.3.0",
+  "version": "10.3.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -43,36 +43,36 @@
     "metro/**/*"
   ],
   "dependencies": {
-    "@storybook/mcp": "^0.4.1",
-    "@storybook/react": "10.3.0-alpha.14",
-    "@storybook/react-native-theming": "^10.3.0",
-    "@storybook/react-native-ui": "^10.3.0",
-    "@storybook/react-native-ui-common": "^10.3.0",
+    "@storybook/mcp": "^0.6.1",
+    "@storybook/react": "^10.3.1",
+    "@storybook/react-native-theming": "^10.3.1",
+    "@storybook/react-native-ui": "^10.3.1",
+    "@storybook/react-native-ui-common": "^10.3.1",
     "@tmcp/adapter-valibot": "^0.1.4",
-    "@tmcp/transport-http": "^0.8.0",
+    "@tmcp/transport-http": "^0.8.5",
     "commander": "^14.0.2",
-    "dedent": "^1.7.0",
+    "dedent": "^1.7.2",
     "deepmerge": "^4.3.1",
     "esbuild-register": "^3.6.0",
     "glob": "^13.0.0",
     "react-native-url-polyfill": "^3.0.0",
     "setimmediate": "^1.0.5",
-    "tmcp": "^1.16.0",
-    "valibot": "^1.2.0",
-    "ws": "^8.18.3"
+    "tmcp": "^1.19.3",
+    "valibot": "^1.3.1",
+    "ws": "^8.20.0"
   },
   "devDependencies": {
     "@types/jest": "^29.4.3",
     "@types/react": "~19.2.14",
     "babel-jest": "^29.7.0",
-    "babel-preset-expo": "^54.0.6",
+    "babel-preset-expo": "^55.0.13",
     "jest": "^29.7.0",
-    "jest-expo": "~55.0.9",
-    "jotai": "^2.17.1",
+    "jest-expo": "~55.0.11",
+    "jotai": "^2.19.0",
     "react": "19.2.0",
-    "react-native": "0.83.2",
-    "storybook": "10.3.0-alpha.14",
-    "test-renderer": "^0.14.0",
+    "react-native": "0.83.4",
+    "storybook": "^10.3.1",
+    "test-renderer": "^0.15.0",
     "tsup": "^8.5.0",
     "typescript": "~5.9.3"
   },