@storybook/react-native 8.5.5-alpha.4 → 8.6.0-alpha.0

package/dist/index.d.ts

@@ -51,6 +51,7 @@ declare class View {
     _channel: Channel;
     _idToPrepared: Record<string, PreparedStory<ReactRenderer>>;
     constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel);
+    _storyIdExists: (storyId: string) => boolean;
     _getInitialStory: ({ initialSelection, shouldPersistSelection, }?: Partial<Params>) => Promise<{
         storySpecifier: string;
         viewMode: string;

package/dist/index.js

@@ -889,6 +889,9 @@ var View3 = class {
     this._preview = preview;
     this._channel = channel;
   }
+  _storyIdExists = (storyId) => {
+    return Object.keys(this._storyIndex.entries).includes(storyId);
+  };
   _getInitialStory = async ({
     initialSelection,
     shouldPersistSelection = true
@@ -910,7 +913,7 @@ var View3 = class {
           value = await this._storage.getItem(STORAGE_KEY);
           this._asyncStorageStoryId = value;
         }
-        const exists = value && Object.keys(this._storyIndex.entries).includes(value);
+        const exists = value && this._storyIdExists(value);
         if (!exists)
           console.log("Storybook: could not find persisted story");
         return { storySpecifier: exists ? value : "*", viewMode: "story" };
@@ -990,13 +993,64 @@ var View3 = class {
         () => (0, import_deepmerge.default)(colorScheme === "dark" ? import_react_native_theming2.darkTheme : import_react_native_theming2.theme, params.theme ?? {}),
         [colorScheme]
       );
+      (0, import_react4.useEffect)(() => {
+        const listener = import_react_native3.Linking.addEventListener("url", ({ url }) => {
+          if (typeof url === "string") {
+            const urlObj = new URL(url);
+            const storyId = urlObj.searchParams.get("STORYBOOK_STORY_ID");
+            const hasStoryId = storyId && typeof storyId === "string";
+            const storyExists = hasStoryId && this._storyIdExists(storyId);
+            if (storyExists && this._ready) {
+              console.log(`STORYBOOK: Linking event received, navigating to story: ${storyId}`);
+              this._channel.emit(import_core_events.default.SET_CURRENT_STORY, { storyId });
+            } else if (hasStoryId) {
+              console.log(
+                `STORYBOOK: Linking event received, but story does not exist: ${storyId}`
+              );
+            }
+          }
+        });
+        return () => {
+          listener.remove();
+        };
+      }, []);
       (0, import_react4.useEffect)(() => {
         this.createPreparedStoryMapping().then(() => {
           this._ready = true;
           setReady(true);
-          initialStory.then((st) => {
-            self._preview.selectionStore.selectionSpecifier = st;
-            self._preview.selectSpecifiedStory();
+          return import_react_native3.Linking.getInitialURL().then((url) => {
+            if (url && typeof url === "string") {
+              const urlObj = new URL(url);
+              const storyId = urlObj.searchParams.get("STORYBOOK_STORY_ID");
+              const hasStoryId = storyId && typeof storyId === "string";
+              const storyExists = hasStoryId && this._storyIdExists(storyId);
+              if (hasStoryId && !storyExists) {
+                console.log(
+                  `STORYBOOK: Initial Linking event received, but story does not exist: ${storyId}`
+                );
+              }
+              if (storyExists) {
+                return { initialStoryIdFromUrl: storyId, initialUrl: urlObj };
+              } else {
+                return null;
+              }
+            }
+          }).then(({ initialStoryIdFromUrl, initialUrl }) => {
+            return initialStory.then((st) => {
+              self._preview.selectionStore.selectionSpecifier = st;
+              if (initialStoryIdFromUrl) {
+                initialUrl.searchParams.delete("STORYBOOK_STORY_ID");
+                import_react_native3.Linking.openURL(initialUrl.toString());
+                console.log(
+                  `STORYBOOK: Setting initial story from Linking event, storyId: ${initialStoryIdFromUrl}`
+                );
+                self._preview.selectionStore.selectionSpecifier = {
+                  storySpecifier: initialStoryIdFromUrl,
+                  viewMode: "story"
+                };
+              }
+              self._preview.selectSpecifiedStory();
+            });
           });
         }).catch((e) => console.error(e));
         self._setStory = (newStory) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.5.5-alpha.4",
+  "version": "8.6.0-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -49,8 +49,8 @@
     "@storybook/csf": "^0.1.13",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^8.5.1",
-    "@storybook/react-native-theming": "^8.5.5-alpha.4",
-    "@storybook/react-native-ui": "^8.5.5-alpha.4",
+    "@storybook/react-native-theming": "^8.6.0-alpha.0",
+    "@storybook/react-native-ui": "^8.6.0-alpha.0",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
@@ -88,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1d84b44bf483612cdb27f8bf9b36dfd931776511"
+  "gitHead": "6a87785e97473df94a385971acf26c7893d0a7dd"
 }