@storybook/react-native 10.3.1 → 10.4.0-canary-20260407134723

package/dist/index.d.ts

@@ -69,8 +69,9 @@ declare class View {
     _webUrl: string;
     _storage: Storage;
     _channel: Channel;
+    _options: any;
     _idToPrepared: Record<string, PreparedStory<ReactRenderer>>;
-    constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel);
+    constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel, options: any);
     _storyIdExists: (storyId: string) => boolean;
     _getInitialStory: ({ initialSelection, shouldPersistSelection, }?: Partial<Params>) => Promise<{
         storySpecifier: string;
@@ -90,6 +91,7 @@ interface ReactNativeOptions {
      * Note that this is for future and play functions are not yet fully supported on native.
      */
     playFn?: boolean;
+    liteMode?: boolean;
 }
 declare function prepareStories({ storyEntries, options, storySort, }: {
     storyEntries: (NormalizedStoriesSpecifier & {

package/dist/index.js

@@ -1378,10 +1378,12 @@ var View3 = class {
   _webUrl;
   _storage;
   _channel;
+  _options;
   _idToPrepared = {};
-  constructor(preview, channel) {
+  constructor(preview, channel, options) {
     this._preview = preview;
     this._channel = channel;
+    this._options = options;
   }
   _storyIdExists = (storyId) => {
     return Object.keys(this._storyIndex.entries).includes(storyId);
@@ -1470,12 +1472,12 @@ var View3 = class {
   getStorybookUI = (params = {}) => {
     const {
       shouldPersistSelection = true,
-      onDeviceUI = true,
       enableWebsockets = false,
       storage,
       CustomUIComponent,
       hasStoryWrapper: storyViewWrapper = true
     } = params;
+    const onDeviceUI = this._options.liteMode ? false : params.onDeviceUI ?? true;
     const getFullUI = (enabled) => {
       if (enabled) {
         try {
@@ -1489,7 +1491,11 @@ var View3 = class {
       return PlaceholderUI;
     };
     const FullUI = getFullUI(onDeviceUI && !CustomUIComponent);
-    this._storage = storage;
+    this._storage = storage ?? {
+      getItem: async (key) => null,
+      setItem: async (key, value) => {
+      }
+    };
     const initialStory = this._getInitialStory(params);
     if (enableWebsockets) {
       const channel = this._getServerChannel(params);
@@ -1888,7 +1894,7 @@ function start({
     selectionStore,
     previewView
   );
-  const view = new View3(preview, channel);
+  const view = new View3(preview, channel, options);
   if (global) {
     global.__STORYBOOK_ADDONS_CHANNEL__ = channel;
     global.__STORYBOOK_PREVIEW__ = preview;

package/dist/metro/withStorybook.js

@@ -202,7 +202,8 @@ var require_generate = __commonJS({
       docTools = true,
       host = void 0,
       port = void 0,
-      secured = false
+      secured = false,
+      liteMode = false
     }) {
       const channelHost = host === "auto" ? getLocalIPAddress() : host;
       const storybookRequiresLocation = path3.resolve(
@@ -263,6 +264,9 @@ var require_generate = __commonJS({
       let options = "";
       let optionsVar = "";
       const reactNativeOptions = main.reactNative;
+      if (liteMode) {
+        reactNativeOptions.liteMode = true;
+      }
       if (reactNativeOptions && typeof reactNativeOptions === "object") {
         optionsVar = `const options = ${JSON.stringify(reactNativeOptions, null, 2)}`;
         options = "options";
@@ -307,6 +311,7 @@ declare global {
       const fileContent = `/* do not change this file, it is auto generated by storybook. */
 ${useJs ? "" : '/// <reference types="@storybook/react-native/metro-env" />\n'}import { start, updateView${useJs ? "" : ", View, type Features"} } from '@storybook/react-native';
 
+
 ${registeredAddons.join("\n")}
 
 const normalizedStories = [

package/dist/repack/withStorybook.js

@@ -202,7 +202,8 @@ var require_generate = __commonJS({
       docTools = true,
       host = void 0,
       port = void 0,
-      secured = false
+      secured = false,
+      liteMode = false
     }) {
       const channelHost = host === "auto" ? getLocalIPAddress() : host;
       const storybookRequiresLocation = path3.resolve(
@@ -263,6 +264,9 @@ var require_generate = __commonJS({
       let options = "";
       let optionsVar = "";
       const reactNativeOptions = main.reactNative;
+      if (liteMode) {
+        reactNativeOptions.liteMode = true;
+      }
       if (reactNativeOptions && typeof reactNativeOptions === "object") {
         optionsVar = `const options = ${JSON.stringify(reactNativeOptions, null, 2)}`;
         options = "options";
@@ -307,6 +311,7 @@ declare global {
       const fileContent = `/* do not change this file, it is auto generated by storybook. */
 ${useJs ? "" : '/// <reference types="@storybook/react-native/metro-env" />\n'}import { start, updateView${useJs ? "" : ", View, type Features"} } from '@storybook/react-native';
 
+
 ${registeredAddons.join("\n")}
 
 const normalizedStories = [

package/dist/withStorybook.d.ts

@@ -0,0 +1,15 @@
+import { W as WebsocketsOptions } from './index-6iAzVvXp.js';
+
+interface WithStorybookOptions {
+    configPath?: string;
+    websockets?: WebsocketsOptions | 'auto';
+    useJs?: boolean;
+    enabled?: boolean;
+    docTools?: boolean;
+    liteMode?: boolean;
+    experimental_mcp?: boolean;
+}
+
+declare function withStorybook<T>(config: T, options?: WithStorybookOptions): T;
+
+export { withStorybook };