@storybook/react-native 10.4.6 → 10.4.8-canary-20260711115827

package/dist/{channelServer-D4z8ZcuA.js → channelServer-D-IaG_dn.js}

@@ -260,7 +260,8 @@ function createMcpHandler(configPath, wss) {
 				const manifestProvider = async (_request, manifestPath) => {
 					if (manifestPath.includes("docs.json")) throw new Error("Docs manifest not available in React Native Storybook");
 					const index = await buildIndex({ configPath });
-					const manifest = await experimental_manifests({}, { manifestEntries: Object.values(index.entries) });
+					const entries = Object.values(index.entries);
+					const manifest = await experimental_manifests({}, { manifestEntries: entries });
 					return JSON.stringify(manifest.components);
 				};
 				const server = new McpServer({

package/dist/{env-tools-D5ChBsme.js → env-tools-Bo-isXVU.js}

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require("./rolldown-runtime-Bd6kNlEP.js");
-const require_channelServer = require("./channelServer-D4z8ZcuA.js");
+const require_channelServer = require("./channelServer-D-IaG_dn.js");
 //#region scripts/require-interop.js
 var require_require_interop = /* @__PURE__ */ require_rolldown_runtime.__commonJSMin(((exports, module) => {
 	let registered = false;

package/dist/{index-BX3DD1iT.d.ts → index-BJ1RN0YK.d.ts}

@@ -1,3 +1,4 @@
+import "storybook/internal/types";
 //#region src/types/index.d.ts
 /**
  * Options for configuring WebSockets used for syncing storybook instances or sending events to storybook.

package/dist/index.d.ts

@@ -5,7 +5,6 @@ import { SBUI } from "@storybook/react-native-ui-common";
 import { Channel } from "storybook/internal/channels";
 import { StoryContext } from "storybook/internal/csf";
 import { PreviewWithSelection, SelectionStore } from "storybook/internal/preview-api";
-
 //#region src/View.d.ts
 interface Storage {
   getItem: (key: string) => Promise<string | null> | string | null;
@@ -23,7 +22,7 @@ type InitialSelection = `${StoryKind}--${StoryName}` | {
    */
   name: StoryName;
 };
-type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]> } : T;
+type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T;
 type ThemePartial = DeepPartial<Theme$1>;
 type Params = {
   onDeviceUI?: boolean;
@@ -38,14 +37,20 @@ type Params = {
    * default: automatically enabled when a websocket config is injected via storybook.requires (i.e. when STORYBOOK_WS_HOST is set), otherwise false
    */
   enableWebsockets?: boolean;
-  query?: string; /** The host for the websocket server. default: localhost */
-  host?: string; /** The port for the websocket server. default: 7007 */
+  query?: string;
+  /** The host for the websocket server. default: localhost */
+  host?: string;
+  /** The port for the websocket server. default: 7007 */
   port?: number;
-  secured?: boolean; /** The initial story */
-  initialSelection?: InitialSelection; /** Whether to persist story selection. default: true */
+  secured?: boolean;
+  /** The initial story */
+  initialSelection?: InitialSelection;
+  /** Whether to persist story selection. default: true */
   shouldPersistSelection?: boolean;
-  theme: ThemePartial; /** Used for persisting story selection. required. */
-  storage?: Storage; /** The custom UI component to use instead of the default UI */
+  theme: ThemePartial;
+  /** Used for persisting story selection. required. */
+  storage?: Storage;
+  /** The custom UI component to use instead of the default UI */
   CustomUIComponent?: SBUI;
 };
 declare class View {
@@ -62,17 +67,11 @@ declare class View {
   _idToPrepared: Record<string, PreparedStory<ReactRenderer>>;
   constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel, options: any);
   _storyIdExists: (storyId: string) => boolean;
-  _selectInitialStory: ({
-    selectionSpecifier,
-    storyIdFromUrl
-  }: {
+  _selectInitialStory: ({ selectionSpecifier, storyIdFromUrl }: {
     selectionSpecifier: NonNullable<SelectionStore["selectionSpecifier"]>;
     storyIdFromUrl?: string | null;
   }) => Promise<void>;
-  _getInitialStory: ({
-    initialSelection,
-    shouldPersistSelection
-  }?: Partial<Params>) => Promise<NonNullable<SelectionStore["selectionSpecifier"]>>;
+  _getInitialStory: ({ initialSelection, shouldPersistSelection }?: Partial<Params>) => Promise<NonNullable<SelectionStore["selectionSpecifier"]>>;
   _getHost: (params?: Partial<Params>) => any;
   __getPort: (params?: Partial<Params>) => any;
   _isSecureConnection: (params?: Partial<Params>) => any;
@@ -89,11 +88,7 @@ interface ReactNativeOptions {
    */
   playFn?: boolean;
 }
-declare function prepareStories({
-  storyEntries,
-  options,
-  storySort
-}: {
+declare function prepareStories({ storyEntries, options, storySort }: {
   storyEntries: (NormalizedStoriesSpecifier & {
     req: any;
   })[];
@@ -115,11 +110,7 @@ type StoryEntry = NormalizedStoriesSpecifier & {
   };
 };
 declare const getProjectAnnotations: (view: View, annotations: ModuleExports[]) => () => Promise<NormalizedProjectAnnotations<ReactRenderer>>;
-declare function start({
-  annotations,
-  storyEntries,
-  options
-}: {
+declare function start({ annotations, storyEntries, options }: {
   storyEntries: StoryEntry[];
   annotations: ModuleExports[];
   options?: ReactNativeOptions;
@@ -136,7 +127,8 @@ declare const STORYBOOK_STORY_ID_PARAM = "STORYBOOK_STORY_ID";
 //#endregion
 //#region src/index.d.ts
 type Features = {
-  /** Enable the built-in on-device backgrounds addon panel. */ondeviceBackgrounds?: boolean;
+  /** Enable the built-in on-device backgrounds addon panel. */
+  ondeviceBackgrounds?: boolean;
 };
 type Addon = string | {
   name: string;

package/dist/metro/withStorybook.d.ts

@@ -1,10 +1,8 @@
-import { t as WebsocketsOptions } from "../index-BX3DD1iT.js";
+import { t as WebsocketsOptions } from "../index-BJ1RN0YK.js";
 import { HandleFunction, IncomingMessage, Server } from "connect";
 import EventEmitter from "events";
 import { Readable } from "stream";
 import { IncomingMessage as IncomingMessage$1, ServerResponse } from "http";
-
-//#region \0rolldown/runtime.js
 //#endregion
 //#region ../../node_modules/metro-cache/src/types.d.ts
 /**
@@ -21,7 +19,7 @@ import { IncomingMessage as IncomingMessage$1, ServerResponse } from "http";
  * Original file: packages/metro-cache/src/types.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 interface CacheStore<T> {
   name?: string;
@@ -60,7 +58,7 @@ declare class Cache<T> {
  * Original file: packages/metro-cache/src/stableHash.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 declare function stableHash(value: unknown): Buffer;
 //#endregion
@@ -79,7 +77,7 @@ declare function stableHash(value: unknown): Buffer;
  * Original file: packages/metro-cache/src/stores/FileStore.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 type Options$3 = Readonly<{
   root: string;
@@ -125,7 +123,7 @@ declare class AutoCleanFileStore<T> extends FileStore<T> {
  * Original file: packages/metro-cache/src/stores/HttpError.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 declare class HttpError extends Error {
   code: number;
@@ -146,7 +144,7 @@ declare class HttpError extends Error {
  * Original file: packages/metro-cache/src/stores/NetworkError.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 declare class NetworkError extends Error {
   code: string;
@@ -698,7 +696,7 @@ type MixedSourceMap = IndexMap | BasicSourceMap;
  * Original file: packages/metro/src/lib/CountingSet.js
  * To regenerate, run:
  *   js1 build metro-ts-defs (internal) OR
- *   yarn run build-ts-defs (OSS) 
+ *   yarn run build-ts-defs (OSS)
  */
 interface ReadOnlyCountingSet<T> extends Iterable<T> {
   has(item: T): boolean;
@@ -894,10 +892,14 @@ type JsTransformerConfig = Readonly<{
   unstable_dependencyMapReservedName: null | undefined | string;
   unstable_disableModuleWrapping: boolean;
   unstable_disableNormalizePseudoGlobals: boolean;
-  unstable_compactOutput: boolean; /** Enable `require.context` statements which can be used to import multiple files in a directory. */
-  unstable_allowRequireContext: boolean; /** With inlineRequires, enable a module-scope memo var and inline as (v || v=require('foo')) */
-  unstable_memoizeInlineRequires?: boolean; /** With inlineRequires, do not memoize these module specifiers */
-  unstable_nonMemoizedInlineRequires?: ReadonlyArray<string>; /** Whether to rename scoped `require` functions to `_$$_REQUIRE`, usually an extraneous operation when serializing to iife (default). */
+  unstable_compactOutput: boolean;
+  /** Enable `require.context` statements which can be used to import multiple files in a directory. */
+  unstable_allowRequireContext: boolean;
+  /** With inlineRequires, enable a module-scope memo var and inline as (v || v=require('foo')) */
+  unstable_memoizeInlineRequires?: boolean;
+  /** With inlineRequires, do not memoize these module specifiers */
+  unstable_nonMemoizedInlineRequires?: ReadonlyArray<string>;
+  /** Whether to rename scoped `require` functions to `_$$_REQUIRE`, usually an extraneous operation when serializing to iife (default). */
   unstable_renameRequire?: boolean;
 }>;
 type JsTransformOptions = Readonly<{
@@ -1002,7 +1004,8 @@ type ContextFilter = Readonly<{
 }>;
 type RequireContextParams = Readonly<{
   recursive: boolean;
-  filter: Readonly<ContextFilter>; /** Mode for resolving dynamic dependencies. Defaults to `sync` */
+  filter: Readonly<ContextFilter>;
+  /** Mode for resolving dynamic dependencies. Defaults to `sync` */
   mode: ContextMode;
 }>;
 type DynamicRequiresBehavior = 'throwAtRuntime' | 'reject';
@@ -1010,8 +1013,10 @@ type DynamicRequiresBehavior = 'throwAtRuntime' | 'reject';
 //#region ../../node_modules/metro/src/lib/contextModule.d.ts
 type RequireContext = Readonly<{
   recursive: boolean;
-  filter: RegExp; /** Mode for resolving dynamic dependencies. Defaults to `sync` */
-  mode: ContextMode; /** Absolute path of the directory to search in */
+  filter: RegExp;
+  /** Mode for resolving dynamic dependencies. Defaults to `sync` */
+  mode: ContextMode;
+  /** Absolute path of the directory to search in */
   from: string;
 }>;
 //#endregion
@@ -1048,7 +1053,8 @@ type TransformResultDependency = Readonly<{
      * The dependency is enclosed in a try/catch block.
      */
     isOptional?: boolean;
-    locs: ReadonlyArray<ReadonlySourceLocation>; /** Context for requiring a collection of modules. */
+    locs: ReadonlyArray<ReadonlySourceLocation>;
+    /** Context for requiring a collection of modules. */
     contextParams?: RequireContextParams;
   }>;
 }>;
@@ -1231,7 +1237,8 @@ type ResolutionContext = Readonly<{
   doesFileExist: DoesFileExist;
   extraNodeModules: null | undefined | {
     [$$Key$$: string]: string;
-  }; /** Is resolving for a development bundle. */
+  };
+  /** Is resolving for a development bundle. */
   dev: boolean;
   /**
    * Get the parsed contents of the specified `package.json` file.
@@ -2081,7 +2088,8 @@ type MetalConfigT = {
 };
 type CacheStoresConfigT = ReadonlyArray<CacheStore<TransformResult>>;
 type ServerConfigT = {
-  /** @deprecated */enhanceMiddleware: ($$PARAM_0$$: Middleware, $$PARAM_1$$: Server$1) => Middleware | Server;
+  /** @deprecated */
+  enhanceMiddleware: ($$PARAM_0$$: Middleware, $$PARAM_1$$: Server$1) => Middleware | Server;
   forwardClientLogs: boolean;
   port: number;
   rewriteRequestUrl: ($$PARAM_0$$: string) => string;

package/dist/metro/withStorybook.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-Bd6kNlEP.js");
-const require_channelServer = require("../channelServer-D4z8ZcuA.js");
-const require_env_tools = require("../env-tools-D5ChBsme.js");
+const require_channelServer = require("../channelServer-D-IaG_dn.js");
+const require_env_tools = require("../env-tools-Bo-isXVU.js");
 let path = require("path");
 path = require_rolldown_runtime.__toESM(path);
 let storybook_internal_common = require("storybook/internal/common");
@@ -86,7 +86,9 @@ function withStorybook(config, options = {
 	configPath: path.resolve(process.cwd(), "./.rnstorybook")
 }) {
 	const { configPath = path.resolve(process.cwd(), "./.rnstorybook"), websockets, useJs = false, enabled = true, docTools = true, liteMode = false, experimental_mcp = false } = options;
-	if (!(0, storybook_internal_common.optionalEnvToBoolean)(process.env.STORYBOOK_DISABLE_TELEMETRY) && enabled) (0, storybook_internal_telemetry.telemetry)("dev", {}).catch((e) => {});
+	const disableTelemetry = (0, storybook_internal_common.optionalEnvToBoolean)(process.env.STORYBOOK_DISABLE_TELEMETRY);
+	const server = require_env_tools.envVariableToBoolean(process.env.STORYBOOK_SERVER, true);
+	if (!disableTelemetry && enabled) (0, storybook_internal_telemetry.telemetry)("dev", {}).catch((e) => {});
 	if (!enabled) return {
 		...config,
 		resolver: {
@@ -112,12 +114,13 @@ function withStorybook(config, options = {
 		const generateHost = resolvedWs.host ?? (websockets === "auto" && !process.env.STORYBOOK_WS_HOST ? "auto" : void 0);
 		const port = resolvedWs.port ?? 7007;
 		const secured = resolvedWs.secured;
-		require_channelServer.createChannelServer({
+		const channelWebsocketsEnabled = Boolean(websockets) || Boolean(process.env.STORYBOOK_WS_HOST) || Boolean(resolvedWs.host);
+		if (server) require_channelServer.createChannelServer({
 			port,
 			host: bindHost,
 			configPath,
 			experimental_mcp,
-			websockets: Boolean(websockets) || Boolean(process.env.STORYBOOK_WS_HOST) || Boolean(resolvedWs.host),
+			websockets: channelWebsocketsEnabled,
 			secured,
 			ssl: websockets && websockets !== "auto" ? {
 				key: websockets.key,

package/dist/node.d.ts

@@ -1,6 +1,5 @@
 import { StoryIndex } from "storybook/internal/types";
 import { WebSocketServer } from "ws";
-
 //#region src/metro/channelServer.d.ts
 interface ChannelServerSecureOptions {
   ca?: string | Buffer | Array<string | Buffer>;
@@ -70,21 +69,10 @@ interface ChannelServerOptions {
  * @param options.keepAlive - Whether the channel server should keep the Node.js process alive.
  * @returns The created WebSocketServer instance, or null when websockets are disabled.
  */
-declare function createChannelServer({
-  port,
-  host,
-  configPath,
-  experimental_mcp,
-  websockets,
-  secured,
-  ssl,
-  keepNodeProcessAlive
-}: ChannelServerOptions): WebSocketServer | null;
+declare function createChannelServer({ port, host, configPath, experimental_mcp, websockets, secured, ssl, keepNodeProcessAlive }: ChannelServerOptions): WebSocketServer | null;
 //#endregion
 //#region src/metro/buildIndex.d.ts
-declare function buildIndex({
-  configPath
-}: {
+declare function buildIndex({ configPath }: {
   configPath: string;
 }): Promise<StoryIndex>;
 //#endregion

package/dist/node.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./rolldown-runtime-Bd6kNlEP.js");
-const require_channelServer = require("./channelServer-D4z8ZcuA.js");
+const require_channelServer = require("./channelServer-D-IaG_dn.js");
 exports.buildIndex = require_channelServer.buildIndex;
 exports.createChannelServer = require_channelServer.createChannelServer;

package/dist/preview.d.ts

@@ -1,5 +1,4 @@
 import { Preview } from "@storybook/react";
-
 //#region src/preview.d.ts
 declare const preview: Preview;
 export = preview;

package/dist/preview.js

@@ -1,14 +1,14 @@
 require("./rolldown-runtime-Bd6kNlEP.js");
 let react_native = require("react-native");
-let _storybook_react_entry_preview_docs = require("@storybook/react/entry-preview-docs");
+let _storybook_react_entry_preview_argtypes = require("@storybook/react/entry-preview-argtypes");
 //#region src/preview.ts
 if (react_native.Platform.OS === "web") {
 	globalThis.ProgressTransitionRegister = {};
 	globalThis.UpdatePropsManager = {};
 }
 const preview = {
-	argTypesEnhancers: _storybook_react_entry_preview_docs.argTypesEnhancers,
-	parameters: { docs: { extractArgTypes: _storybook_react_entry_preview_docs.parameters.docs.extractArgTypes } }
+	argTypesEnhancers: _storybook_react_entry_preview_argtypes.argTypesEnhancers,
+	parameters: { docs: { extractArgTypes: _storybook_react_entry_preview_argtypes.parameters.docs.extractArgTypes } }
 };
 //#endregion
 module.exports = preview;

package/dist/repack/withStorybook.d.ts

@@ -1,5 +1,4 @@
-import { t as WebsocketsOptions } from "../index-BX3DD1iT.js";
-
+import { t as WebsocketsOptions } from "../index-BJ1RN0YK.js";
 //#region src/repack/withStorybook.d.ts
 /**
  * Minimal compiler types for webpack/rspack compatibility.

package/dist/repack/withStorybook.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-Bd6kNlEP.js");
-const require_channelServer = require("../channelServer-D4z8ZcuA.js");
-const require_env_tools = require("../env-tools-D5ChBsme.js");
+const require_channelServer = require("../channelServer-D-IaG_dn.js");
+const require_env_tools = require("../env-tools-Bo-isXVU.js");
 let path = require("path");
 path = require_rolldown_runtime.__toESM(path);
 let storybook_internal_telemetry = require("storybook/internal/telemetry");
@@ -73,12 +73,13 @@ var StorybookPlugin = class {
 	*/
 	applyEnabled(compiler, { configPath, websockets, useJs, docTools, liteMode, experimental_mcp }) {
 		const resolvedWs = require_env_tools.loadWebsocketEnvOverrides(websockets);
+		const server = require_env_tools.envVariableToBoolean(process.env.STORYBOOK_SERVER, true);
 		const bindHost = websockets === "auto" && !process.env.STORYBOOK_WS_HOST ? void 0 : resolvedWs.host;
 		const generateHost = resolvedWs.host ?? (websockets === "auto" && !process.env.STORYBOOK_WS_HOST ? "auto" : void 0);
 		const port = resolvedWs.port ?? 7007;
 		const secured = resolvedWs.secured;
 		const channelWebsocketsEnabled = Boolean(websockets) || Boolean(process.env.STORYBOOK_WS_HOST) || Boolean(resolvedWs.host);
-		if ((experimental_mcp || websockets != null || process.env.STORYBOOK_WS_HOST) && !this.serverStarted) {
+		if ((experimental_mcp || websockets != null || process.env.STORYBOOK_WS_HOST) && !this.serverStarted && server) {
 			this.serverStarted = true;
 			require_channelServer.createChannelServer({
 				port,

package/dist/withStorybook.d.ts

@@ -1,5 +1,4 @@
-import { t as WebsocketsOptions } from "./index-BX3DD1iT.js";
-
+import { t as WebsocketsOptions } from "./index-BJ1RN0YK.js";
 //#region src/metro/utils.d.ts
 interface WithStorybookOptions {
   configPath?: string;

package/dist/withStorybook.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("./rolldown-runtime-Bd6kNlEP.js");
-const require_channelServer = require("./channelServer-D4z8ZcuA.js");
-const require_env_tools = require("./env-tools-D5ChBsme.js");
+const require_channelServer = require("./channelServer-D-IaG_dn.js");
+const require_env_tools = require("./env-tools-Bo-isXVU.js");
 let path = require("path");
 path = require_rolldown_runtime.__toESM(path);
 let fs = require("fs");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "10.4.6",
+  "version": "10.4.8-canary-20260711115827",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -44,11 +44,11 @@
     "metro/**/*"
   ],
   "dependencies": {
-    "@storybook/mcp": "^0.7.0",
-    "@storybook/react": "^10.4.6",
-    "@storybook/react-native-theming": "^10.4.6",
-    "@storybook/react-native-ui": "^10.4.6",
-    "@storybook/react-native-ui-common": "^10.4.6",
+    "@storybook/mcp": "^0.8.0",
+    "@storybook/react": "^10.5.0",
+    "@storybook/react-native-theming": "10.4.8-canary-20260711115827",
+    "@storybook/react-native-ui": "10.4.8-canary-20260711115827",
+    "@storybook/react-native-ui-common": "10.4.8-canary-20260711115827",
     "@tmcp/adapter-valibot": "^0.1.6",
     "@tmcp/transport-http": "^0.8.6",
     "commander": "^14.0.2",
@@ -59,24 +59,25 @@
     "react-native-url-polyfill": "^3.0.0",
     "setimmediate": "^1.0.5",
     "tmcp": "^1.19.4",
-    "valibot": "^1.4.1",
+    "valibot": "^1.4.2",
     "ws": "^8.21.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.7",
     "@react-native/jest-preset": "0.85.3",
     "@types/jest": "^29.5.13",
     "@types/react": "~19.2.14",
     "babel-jest": "^29.7.0",
-    "babel-preset-expo": "^55.0.22",
+    "babel-preset-expo": "^57.0.2",
     "jest": "^29.7.0",
-    "jest-expo": "~56.0.5",
+    "jest-expo": "~57.0.1",
     "jotai": "^2.20.1",
     "react": "19.2.3",
-    "react-native": "0.85.3",
-    "storybook": "^10.4.6",
+    "react-native": "0.86.0",
+    "storybook": "^10.5.0",
     "sucrase": "^3.35.1",
     "test-renderer": "^0.15.0",
-    "tsdown": "^0.22.3",
+    "tsdown": "^0.22.4",
     "typescript": "~6.0.3"
   },
   "peerDependencies": {