@storybook/react-native-web-vite 9.2.0-alpha.3 → 10.0.0-beta.0

package/README.md

@@ -1,3 +1,5 @@
 # Storybook for React Native Web & Vite
 
-See [documentation](https://storybook.js.org/docs/get-started/frameworks/react-native-web-vite?renderer=react-native-web) for installation instructions, usage examples, APIs, and more.
+See [documentation](https://storybook.js.org/docs/get-started/frameworks/react-native-web-vite?renderer=react-native-web&ref=readme) for installation instructions, usage examples, APIs, and more.
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/dist/_node-chunks/chunk-J2DWSUSB.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_26qqtucyrc4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_26qqtucyrc4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_26qqtucyrc4 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_26qqtucyrc4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_26qqtucyrc4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_26qqtucyrc4.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/index.d.ts

@@ -32,4 +32,4 @@ type StorybookConfig = Omit<StorybookConfig$1, 'framework'> & {
     };
 };
 
-export { FrameworkOptions, StorybookConfig };
+export type { FrameworkOptions, StorybookConfig };

package/dist/index.js

@@ -1 +1,6 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"));var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{definePreview:()=>import_react.__definePreview});module.exports=__toCommonJS(index_exports);var import_react=require("@storybook/react");__reExport(index_exports,require("@storybook/react"),module.exports);0&&(module.exports={definePreview,...require("@storybook/react")});
+// src/index.ts
+import { __definePreview } from "@storybook/react";
+export * from "@storybook/react";
+export {
+  __definePreview as definePreview
+};

package/dist/node/index.d.ts

@@ -1,8 +1,34 @@
-import { StorybookConfig } from '../index.js';
-import 'storybook/internal/types';
-import '@storybook/react-vite';
-import 'vite-plugin-rnw';
-import '@storybook/react';
+import { CompatibleString } from 'storybook/internal/types';
+import { StorybookConfig as StorybookConfig$1, FrameworkOptions as FrameworkOptions$1 } from '@storybook/react-vite';
+import { Options, BabelOptions } from 'vite-plugin-rnw';
+
+type FrameworkOptions = FrameworkOptions$1 & {
+    /**
+     * Many react native libraries aren't transpiled for the web, add them to this list to make sure
+     * they get transpiled before attempting to load them on the web. We will automatically add
+     * `react-native`, `@react-native`, `expo`, and `@expo` to this list.
+     *
+     * @example {modulesToTranspile: ['my-library']}
+     */
+    modulesToTranspile?: string[];
+    pluginReactOptions?: Omit<Options, 'babel'> & {
+        babel?: BabelOptions;
+    };
+    /**
+     * @deprecated These options will be ignored. Use `pluginReactOptions` now for everything and
+     *   override includes in order to transpile node_modules pluginBabelOptions will be removed in
+     *   the next major version. To configure babel, use `pluginReactOptions.babel`.
+     */
+    pluginBabelOptions?: Record<string, unknown>;
+};
+type FrameworkName = CompatibleString<'@storybook/react-native-web-vite'>;
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, 'framework'> & {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+};
 
 declare function defineMain(config: StorybookConfig): StorybookConfig;
 

package/dist/node/index.js

@@ -1 +1,23 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var node_exports={};__export(node_exports,{defineMain:()=>defineMain});module.exports=__toCommonJS(node_exports);function defineMain(config){return config}0&&(module.exports={defineMain});
+import CJS_COMPAT_NODE_URL_26qqtucyrc4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_26qqtucyrc4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_26qqtucyrc4 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_26qqtucyrc4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_26qqtucyrc4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_26qqtucyrc4.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../_node-chunks/chunk-J2DWSUSB.js";
+
+// src/node/index.ts
+function defineMain(config) {
+  return config;
+}
+__name(defineMain, "defineMain");
+export {
+  defineMain
+};

package/dist/preset.js

@@ -1 +1,58 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{core:()=>core,viteFinal:()=>viteFinal});module.exports=__toCommonJS(preset_exports);var import_preset=require("@storybook/react-vite/preset"),import_vite_plugin_rnw=require("vite-plugin-rnw"),import_vite_tsconfig_paths=__toESM(require("vite-tsconfig-paths")),getExcludeOptions=modulesToTranspile=>{let defaultModulesToTranspile=["react-native","@react-native","expo","@expo"],uniqueModulesToTranspile=Array.from(new Set([...modulesToTranspile,...defaultModulesToTranspile]));return modulesToTranspile.length?{exclude:new RegExp(`/node_modules/(?!${uniqueModulesToTranspile.join("|")})`)}:{}},viteFinal=async(config,options)=>{let{mergeConfig}=await import("vite"),{pluginReactOptions={},modulesToTranspile=[]}=await options.presets.apply("frameworkOptions"),{plugins=[],...reactConfigWithoutPlugins}=await(0,import_preset.viteFinal)(config,options);return mergeConfig(reactConfigWithoutPlugins,{plugins:[(0,import_vite_tsconfig_paths.default)(),(0,import_vite_plugin_rnw.rnw)({...getExcludeOptions(modulesToTranspile),...pluginReactOptions,jsxRuntime:pluginReactOptions.jsxRuntime||"automatic",babel:{babelrc:!1,configFile:!1,...pluginReactOptions.babel}}),...plugins]})},core={builder:"@storybook/builder-vite",renderer:"@storybook/react"};0&&(module.exports={core,viteFinal});
+import CJS_COMPAT_NODE_URL_26qqtucyrc4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_26qqtucyrc4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_26qqtucyrc4 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_26qqtucyrc4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_26qqtucyrc4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_26qqtucyrc4.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-J2DWSUSB.js";
+
+// src/preset.ts
+import { viteFinal as reactViteFinal } from "@storybook/react-vite/preset";
+import { rnw } from "vite-plugin-rnw";
+import tsconfigPaths from "vite-tsconfig-paths";
+var getExcludeOptions = /* @__PURE__ */ __name((modulesToTranspile) => {
+  const defaultModulesToTranspile = ["react-native", "@react-native", "expo", "@expo"];
+  const uniqueModulesToTranspile = Array.from(
+    /* @__PURE__ */ new Set([...modulesToTranspile, ...defaultModulesToTranspile])
+  );
+  if (modulesToTranspile.length) {
+    return { exclude: new RegExp(`/node_modules/(?!${uniqueModulesToTranspile.join("|")})`) };
+  }
+  return {};
+}, "getExcludeOptions");
+var viteFinal = /* @__PURE__ */ __name(async (config, options) => {
+  const { mergeConfig } = await import("vite");
+  const { pluginReactOptions = {}, modulesToTranspile = [] } = await options.presets.apply("frameworkOptions");
+  const { plugins = [], ...reactConfigWithoutPlugins } = await reactViteFinal(config, options);
+  return mergeConfig(reactConfigWithoutPlugins, {
+    plugins: [
+      tsconfigPaths(),
+      rnw({
+        ...getExcludeOptions(modulesToTranspile),
+        ...pluginReactOptions,
+        jsxRuntime: pluginReactOptions.jsxRuntime || "automatic",
+        babel: {
+          babelrc: false,
+          configFile: false,
+          ...pluginReactOptions.babel
+        }
+      }),
+      ...plugins
+    ]
+  });
+}, "viteFinal");
+var core = {
+  builder: import.meta.resolve("@storybook/builder-vite"),
+  renderer: import.meta.resolve("@storybook/react/preset")
+};
+export {
+  core,
+  viteFinal
+};

package/dist/vite-plugin.js

@@ -1 +1,29 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var vite_plugin_exports={};__export(vite_plugin_exports,{storybookReactNativeWeb:()=>storybookReactNativeWeb});module.exports=__toCommonJS(vite_plugin_exports);var import_vite_plugin_rnw=require("vite-plugin-rnw"),import_vite_tsconfig_paths=__toESM(require("vite-tsconfig-paths")),storybookReactNativeWeb=()=>[(0,import_vite_tsconfig_paths.default)(),(0,import_vite_plugin_rnw.rnw)({jsxRuntime:"automatic"})];0&&(module.exports={storybookReactNativeWeb});
+import CJS_COMPAT_NODE_URL_26qqtucyrc4 from 'node:url';
+import CJS_COMPAT_NODE_PATH_26qqtucyrc4 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_26qqtucyrc4 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_26qqtucyrc4.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_26qqtucyrc4.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_26qqtucyrc4.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-J2DWSUSB.js";
+
+// src/vite-plugin.ts
+import { rnw } from "vite-plugin-rnw";
+import tsconfigPaths from "vite-tsconfig-paths";
+var storybookReactNativeWeb = /* @__PURE__ */ __name(() => {
+  return [
+    tsconfigPaths(),
+    rnw({
+      jsxRuntime: "automatic"
+    })
+  ];
+}, "storybookReactNativeWeb");
+export {
+  storybookReactNativeWeb
+};

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "9.2.0-alpha.3",
-  "description": "Develop react-native components an isolated web environment with hot reloading.",
+  "version": "10.0.0-beta.0",
+  "description": "Storybook for React Native Web and Vite: Develop, document, and test UI components in isolation",
   "keywords": [
-    "storybook"
+    "storybook",
+    "react-native",
+    "react-native-web",
+    "expo",
+    "expo-web",
+    "vite",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/react-native-web-vite",
   "bugs": {
@@ -19,33 +26,20 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./preset": {
-      "types": "./dist/preset.d.ts",
-      "require": "./dist/preset.js"
-    },
-    "./vite-plugin": {
-      "types": "./dist/vite-plugin.d.ts",
-      "import": "./dist/vite-plugin.mjs",
-      "require": "./dist/vite-plugin.js"
+      "default": "./dist/index.js"
     },
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "node": "./dist/node/index.js",
-      "import": "./dist/node/index.mjs",
-      "require": "./dist/node/index.js"
+      "default": "./dist/node/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./preset": "./dist/preset.js",
+    "./vite-plugin": "./dist/vite-plugin.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "template/cli/**/*",
@@ -55,13 +49,13 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "9.2.0-alpha.3",
-    "@storybook/react": "9.2.0-alpha.3",
-    "@storybook/react-vite": "9.2.0-alpha.3",
+    "@storybook/builder-vite": "10.0.0-beta.0",
+    "@storybook/react": "10.0.0-beta.0",
+    "@storybook/react-vite": "10.0.0-beta.0",
     "vite-plugin-rnw": "^0.0.6",
     "vite-tsconfig-paths": "^5.1.4"
   },
@@ -70,27 +64,15 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-native": ">=0.74.5",
     "react-native-web": "^0.19.12 || ^0.20.0",
-    "storybook": "^9.2.0-alpha.3",
+    "storybook": "^10.0.0-beta.0",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/vite-plugin.ts",
-      "./src/node/index.ts"
-    ],
-    "platform": "node"
-  },
-  "gitHead": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';

package/dist/index.mjs

@@ -1,2 +0,0 @@
-export * from '@storybook/react';
-export { __definePreview as definePreview } from '@storybook/react';

package/dist/node/index.mjs

@@ -1,3 +0,0 @@
-function defineMain(config){return config}
-
-export { defineMain };

package/dist/preset.d.ts

@@ -1,13 +0,0 @@
-import { StorybookConfig } from './index.js';
-import 'storybook/internal/types';
-import '@storybook/react-vite';
-import 'vite-plugin-rnw';
-import '@storybook/react';
-
-declare const viteFinal: StorybookConfig['viteFinal'];
-declare const core: {
-    builder: string;
-    renderer: string;
-};
-
-export { core, viteFinal };

package/dist/vite-plugin.d.ts

@@ -1,5 +0,0 @@
-import * as vite from 'vite';
-
-declare const storybookReactNativeWeb: () => (vite.Plugin<any> | vite.Plugin<any>[])[];
-
-export { storybookReactNativeWeb };

package/dist/vite-plugin.mjs

@@ -1,6 +0,0 @@
-import { rnw } from 'vite-plugin-rnw';
-import tsconfigPaths from 'vite-tsconfig-paths';
-
-var storybookReactNativeWeb=()=>[tsconfigPaths(),rnw({jsxRuntime:"automatic"})];
-
-export { storybookReactNativeWeb };