@storybook/react-native 7.6.10-alpha.1 → 7.6.10-alpha.4

package/dist/V6.d.ts

@@ -1,13 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as Params } from './View-3a0f8584.js';
+import { P as Params } from './View-bd441663.js';
 import { ClientApi } from '@storybook/preview-api';
-import { L as LoaderFunction, A as Addon_StoryApi } from './index.d-cff8c6fa.js';
+import { L as LoaderFunction, A as Addon_StoryApi } from './index.d-da6c1de4.js';
 import { ReactNode } from 'react';
 import { ReactRenderer } from '@storybook/react';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
 import '@storybook/csf';
 import '@storybook/preview-web';
 import '@storybook/channels';
+import 'file-system-cache';
+import '@babel/core';
+import 'http';
 
 interface RequireContext {
     keys: () => string[];

package/dist/V6.js

@@ -2014,6 +2014,7 @@ var View10 = class {
   _webUrl;
   _storage;
   _channel;
+  _idToPrepared = {};
   constructor(preview, channel) {
     this._preview = preview;
     this._channel = channel;
@@ -2062,6 +2063,14 @@ var View10 = class {
       }
     });
   };
+  createPreparedStoryMapping = async () => {
+    await Promise.all(
+      Object.keys(this._storyIndex.entries).map(async (storyId) => {
+        this._idToPrepared[storyId] = await this._preview.storyStore.loadStory({ storyId });
+      })
+    );
+    console.log("Storybook: Finished building story index");
+  };
   getStorybookUI = (params = {}) => {
     const {
       shouldPersistSelection = true,
@@ -2072,7 +2081,6 @@ var View10 = class {
     this._storage = storage;
     const initialStory = this._getInitialStory(params);
     if (enableWebsockets) {
-      console.log("websockets enabled");
       const channel = this._getServerChannel(params);
       import_manager_api2.addons.setChannel(channel);
       import_preview_api2.addons.setChannel(channel);
@@ -2084,13 +2092,15 @@ var View10 = class {
     }
     import_manager_api2.addons.loadAddons({
       store: () => ({
-        fromId: (id) => this._preview.storyStore.getStoryContext(this._preview.storyStore.fromId(id)),
+        fromId: (id) => {
+          if (!this._ready) {
+            throw new Error("Storybook is not ready yet");
+          }
+          return this._preview.storyStore.getStoryContext(this._idToPrepared[id]);
+        },
         getSelection: () => {
           return this._preview.currentSelection;
         },
-        // @ts-ignore :) FIXME
-        // _channel: this._preview.channel,
-        // global.__STORYBOOK_ADDONS_CHANNEL__,
         _channel: this._channel
       })
     });
@@ -2103,11 +2113,16 @@ var View10 = class {
       const setContext = useSetStoryContext();
       const colorScheme = (0, import_react_native16.useColorScheme)();
       const [, forceUpdate] = (0, import_react16.useReducer)((x) => x + 1, 0);
+      const [ready, setReady] = (0, import_react16.useState)(false);
       const appliedTheme = (0, import_react16.useMemo)(
         () => (0, import_deepmerge.default)(colorScheme === "dark" ? import_react_native_theming12.darkTheme : import_react_native_theming12.theme, params.theme ?? {}),
         [colorScheme]
       );
       (0, import_react16.useEffect)(() => {
+        this.createPreparedStoryMapping().then(() => {
+          this._ready = true;
+          setReady(true);
+        }).catch((e) => console.error(e));
         self._setStory = (newStory) => {
           setContext(newStory);
           if (shouldPersistSelection && !storage) {
@@ -2132,6 +2147,19 @@ var View10 = class {
           self._preview.selectSpecifiedStory();
         });
       }, []);
+      if (!ready) {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_react_native16.View,
+          {
+            style: {
+              ...import_react_native16.StyleSheet.absoluteFillObject,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.ActivityIndicator, { animating: true, size: "large" })
+          }
+        );
+      }
       if (onDeviceUI) {
         return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native_safe_area_context3.SafeAreaProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native_theming12.ThemeProvider, { theme: appliedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           OnDeviceUI_default,

package/dist/{View-3a0f8584.d.ts → View-bd441663.d.ts}

@@ -3,7 +3,7 @@ import { StoryContext } from '@storybook/csf';
 import { PreviewWithSelection } from '@storybook/preview-web';
 import { ReactRenderer } from '@storybook/react';
 import { Theme } from '@storybook/react-native-theming';
-import { S as StoryIndex } from './index.d-cff8c6fa.js';
+import { a as StoryIndex, P as PreparedStory } from './index.d-da6c1de4.js';
 import { Channel } from '@storybook/channels';
 
 interface Storage {
@@ -52,12 +52,14 @@ declare class View {
     _webUrl: string;
     _storage: Storage;
     _channel: Channel;
+    _idToPrepared: Record<string, PreparedStory<ReactRenderer>>;
     constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel);
     _getInitialStory: ({ initialSelection, shouldPersistSelection, }?: Partial<Params>) => Promise<{
         storySpecifier: string;
         viewMode: string;
     }>;
     _getServerChannel: (params?: Partial<Params>) => Channel;
+    createPreparedStoryMapping: () => Promise<void>;
     getStorybookUI: (params?: Partial<Params>) => () => react_jsx_runtime.JSX.Element;
 }