@storybook/react 10.6.0-alpha.5 → 10.6.0-alpha.7

package/dist/docgen/docgen-worker.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_o9l9ewgtxdb from 'node:url';
-import CJS_COMPAT_NODE_PATH_o9l9ewgtxdb from 'node:path';
-import CJS_COMPAT_NODE_MODULE_o9l9ewgtxdb from "node:module";
+import CJS_COMPAT_NODE_URL_5mro4fxxrdb from 'node:url';
+import CJS_COMPAT_NODE_PATH_5mro4fxxrdb from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5mro4fxxrdb from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_o9l9ewgtxdb.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_o9l9ewgtxdb.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_o9l9ewgtxdb.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5mro4fxxrdb.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5mro4fxxrdb.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5mro4fxxrdb.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,9 +13,9 @@ import {
   ComponentMetaManager,
   buildComponentDocgenFromResolved,
   extractArgTypes,
-  path,
+  posix,
   resolveStoryFileComponents
-} from "../_node-chunks/chunk-3FLTYXW5.js";
+} from "../_node-chunks/chunk-7MQEKIVD.js";
 
 // src/docgen/docgen-worker.ts
 import { createLazyDocgenMiddleware } from "storybook/internal/common";
@@ -45,7 +45,7 @@ async function buildDocgenPayload(input, context) {
   let storyFilePath = getStoryImportPathFromEntry(input.entry);
   if (!storyFilePath)
     return;
-  let storyPath = (context.resolvePath ?? ((importPath) => path.join(process.cwd(), importPath)))(storyFilePath), resolved;
+  let storyPath = (context.resolvePath ?? ((importPath) => posix.join(process.cwd(), importPath)))(storyFilePath), resolved;
   try {
     resolved = await resolveStoryFileComponents({
       storyPath,

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_o9l9ewgtxdb from 'node:url';
-import CJS_COMPAT_NODE_PATH_o9l9ewgtxdb from 'node:path';
-import CJS_COMPAT_NODE_MODULE_o9l9ewgtxdb from "node:module";
+import CJS_COMPAT_NODE_URL_5mro4fxxrdb from 'node:url';
+import CJS_COMPAT_NODE_PATH_5mro4fxxrdb from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5mro4fxxrdb from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_o9l9ewgtxdb.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_o9l9ewgtxdb.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_o9l9ewgtxdb.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5mro4fxxrdb.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5mro4fxxrdb.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5mro4fxxrdb.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,19 +14,18 @@ import {
   buildReactComponentDocgenFromResolved,
   buildStoryDocsFromResolved,
   cachedReadFileSync,
-  dirname,
   extractArgTypes,
   getCodeSnippet,
   invalidateCache,
   invalidateParser,
   join,
   parseWithReactDocgen,
-  path,
+  posix,
   resolveStoryFileComponents
-} from "./_node-chunks/chunk-3FLTYXW5.js";
+} from "./_node-chunks/chunk-7MQEKIVD.js";
 
 // src/preset.ts
-import path2, { join as join2 } from "node:path";
+import path2, { join as join3 } from "node:path";
 import { fileURLToPath as fileURLToPath3 } from "node:url";
 import { getProjectRoot } from "storybook/internal/common";
 
@@ -158,18 +157,76 @@ var hasOwnProperty = {}.hasOwnProperty;
 var RegExpPrototypeSymbolReplace = RegExp.prototype[Symbol.replace], own = {}.hasOwnProperty;
 var isWindows = process.platform === "win32", globalCache = globalThis.__EXSOLVE_CACHE__ ||= /* @__PURE__ */ new Map();
 
+// ../../core/node_modules/pathe/dist/shared/pathe.ff20891b.mjs
+var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
+function normalizeWindowsPath(input = "") {
+  return input && input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
+}
+var _UNC_REGEX = /^[/\\]{2}/, _IS_ABSOLUTE_RE = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/, _DRIVE_LETTER_RE = /^[A-Za-z]:$/;
+var normalize = function(path3) {
+  if (path3.length === 0)
+    return ".";
+  path3 = normalizeWindowsPath(path3);
+  let isUNCPath = path3.match(_UNC_REGEX), isPathAbsolute = isAbsolute(path3), trailingSeparator = path3[path3.length - 1] === "/";
+  return path3 = normalizeString(path3, !isPathAbsolute), path3.length === 0 ? isPathAbsolute ? "/" : trailingSeparator ? "./" : "." : (trailingSeparator && (path3 += "/"), _DRIVE_LETTER_RE.test(path3) && (path3 += "/"), isUNCPath ? isPathAbsolute ? `//${path3}` : `//./${path3}` : isPathAbsolute && !isAbsolute(path3) ? `/${path3}` : path3);
+}, join2 = function(...arguments_) {
+  if (arguments_.length === 0)
+    return ".";
+  let joined;
+  for (let argument of arguments_)
+    argument && argument.length > 0 && (joined === void 0 ? joined = argument : joined += `/${argument}`);
+  return joined === void 0 ? "." : normalize(joined.replace(/\/\/+/g, "/"));
+};
+function normalizeString(path3, allowAboveRoot) {
+  let res = "", lastSegmentLength = 0, lastSlash = -1, dots = 0, char = null;
+  for (let index = 0; index <= path3.length; ++index) {
+    if (index < path3.length)
+      char = path3[index];
+    else {
+      if (char === "/")
+        break;
+      char = "/";
+    }
+    if (char === "/") {
+      if (!(lastSlash === index - 1 || dots === 1)) if (dots === 2) {
+        if (res.length < 2 || lastSegmentLength !== 2 || res[res.length - 1] !== "." || res[res.length - 2] !== ".") {
+          if (res.length > 2) {
+            let lastSlashIndex = res.lastIndexOf("/");
+            lastSlashIndex === -1 ? (res = "", lastSegmentLength = 0) : (res = res.slice(0, lastSlashIndex), lastSegmentLength = res.length - 1 - res.lastIndexOf("/")), lastSlash = index, dots = 0;
+            continue;
+          } else if (res.length > 0) {
+            res = "", lastSegmentLength = 0, lastSlash = index, dots = 0;
+            continue;
+          }
+        }
+        allowAboveRoot && (res += res.length > 0 ? "/.." : "..", lastSegmentLength = 2);
+      } else
+        res.length > 0 ? res += `/${path3.slice(lastSlash + 1, index)}` : res = path3.slice(lastSlash + 1, index), lastSegmentLength = index - lastSlash - 1;
+      lastSlash = index, dots = 0;
+    } else char === "." && dots !== -1 ? ++dots : dots = -1;
+  }
+  return res;
+}
+var isAbsolute = function(p) {
+  return _IS_ABSOLUTE_RE.test(p);
+};
+var dirname = function(p) {
+  let segments = normalizeWindowsPath(p).replace(/\/$/, "").split("/").slice(0, -1);
+  return segments.length === 1 && _DRIVE_LETTER_RE.test(segments[0]) && (segments[0] += "/"), segments.join("/") || (isAbsolute(p) ? "/" : ".");
+};
+
 // ../../core/src/shared/utils/module.ts
 var importMetaResolve = (...args) => typeof import.meta.resolve != "function" && process.env.VITEST === "true" ? (console.warn(
   "importMetaResolve from within Storybook is being used in a Vitest test, but it shouldn't be. Please report this at https://github.com/storybookjs/storybook/issues/new?template=bug_report.yml"
 ), pathToFileURL(args[0]).href) : import.meta.resolve(...args), resolvePackageDir = (pkg, parent) => {
   try {
-    return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"), parent)));
+    return dirname(fileURLToPath(importMetaResolve(join2(pkg, "package.json"), parent)));
   } catch {
     try {
-      return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+      return dirname(fileURLToPath(importMetaResolve(join2(pkg, "package.json"))));
     } catch {
       let req = createRequire(parent ?? import.meta.url);
-      return dirname(req.resolve(join(pkg, "package.json")));
+      return dirname(req.resolve(join2(pkg, "package.json")));
     }
   }
 };
@@ -211,7 +268,8 @@ var extractArgTypesFromDocgen = ({
 import { logger as logger2 } from "storybook/internal/node-logger";
 
 // src/componentManifest/reactDocgen/utils.ts
-import { dirname as dirname2 } from "path";
+import { findTsconfigPathForFile } from "storybook/internal/common";
+import { dirname as dirname2 } from "node:path";
 var REACT_NODE_TYPES = /* @__PURE__ */ new Set([
   "JSX.Element",
   "ComponentType",
@@ -238,10 +296,10 @@ var REACT_NODE_TYPES = /* @__PURE__ */ new Set([
   "any",
   "unknown"
 ]);
-var getTsConfig = async () => {
+var getTsConfig = async (componentFilePath) => {
   try {
-    let ts = await import("typescript"), tsconfigPath = ts.findConfigFile(process.cwd(), ts.sys.fileExists);
-    if (console.log({ tsconfigPath }), tsconfigPath === void 0)
+    let ts = await import("typescript"), tsconfigPath = componentFilePath ? findTsconfigPathForFile(dirname2(componentFilePath), componentFilePath) : ts.findConfigFile(process.cwd(), ts.sys.fileExists);
+    if (tsconfigPath === void 0)
       return {};
     let basePath = dirname2(tsconfigPath), { config, error } = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
     return error ? {} : ts.parseJsonConfigFileContent(config, ts.sys, basePath, {}, tsconfigPath).options;
@@ -263,7 +321,7 @@ var extractArgTypesFromDocgenTypescript = async ({
       propFilter: (prop) => prop.parent ? !/node_modules/.test(prop.parent.fileName) : !0,
       // We *need* this set so that RDT returns default values in the same format as react-docgen
       savePropValueAsString: !0
-    }, tsConfig = await getTsConfig(), mergedOptions = {
+    }, tsConfig = await getTsConfig(componentFilePath), mergedOptions = {
       ...defaultOptions,
       ...reactDocgenTypescriptOptions,
       // Always ensure savePropValueAsString is true for consistency
@@ -336,7 +394,7 @@ var manifests = async (existingManifests = {}, options) => {
       let storyFilePath = getStoryImportPathFromEntry(entry);
       if (!storyFilePath)
         throw new Error(`No story file path for index entry ${entry.id}`);
-      let storyPath = path.join(process.cwd(), storyFilePath), resolved = await resolveStoryFileComponents({
+      let storyPath = posix.join(process.cwd(), storyFilePath), resolved = await resolveStoryFileComponents({
         storyPath,
         title: entry.title,
         typescriptOptions,
@@ -406,16 +464,16 @@ var enrichCsf = async (input, options) => {
       let promises = Object.keys(csf._stories).map(async (key) => {
         if (!csfSource._meta?.component)
           return;
-        let { format: format2 } = await getPrettier(), node, snippet;
+        let { format: format3 } = await getPrettier(), node, snippet;
         try {
-          node = getCodeSnippet(csfSource, key, csfSource._meta?.component);
+          node = getCodeSnippet(csfSource, key, csfSource._meta?.component).node;
         } catch (e) {
           if (!(e instanceof Error))
             return;
           snippet = e.message;
         }
         try {
-          !snippet && node && (snippet = await format2(recast.print(node).code, {
+          !snippet && node && (snippet = await format3(recast.print(node).code, {
             filepath: join(process.cwd(), "component.tsx")
           }));
         } catch (e) {
@@ -488,7 +546,7 @@ async function buildStoryDocsPayload(input, context) {
   let storyFilePath = getStoryImportPathFromEntry2(input.entry);
   if (!storyFilePath)
     return;
-  let storyPath = (context.resolvePath ?? ((importPath) => path.join(process.cwd(), importPath)))(storyFilePath), resolved;
+  let storyPath = (context.resolvePath ?? ((importPath) => posix.join(process.cwd(), importPath)))(storyFilePath), resolved;
   try {
     resolved = await resolveStoryFileComponents({
       storyPath,
@@ -568,7 +626,7 @@ async function internal_getArgTypesData(_input, options) {
   let { reactDocgen = "react-docgen", reactDocgenTypescriptOptions } = typescriptOptions;
   if (reactDocgen === !1)
     return null;
-  let resolvedFilePath = path2.isAbsolute(componentFilePath) ? componentFilePath : join2(getProjectRoot(), componentFilePath), argTypesData;
+  let resolvedFilePath = path2.isAbsolute(componentFilePath) ? componentFilePath : join3(getProjectRoot(), componentFilePath), argTypesData;
   return reactDocgen === "react-docgen-typescript" ? argTypesData = await extractArgTypesFromDocgenTypescript({
     componentFilePath: resolvedFilePath,
     componentExportName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.6.0-alpha.5",
+  "version": "10.6.0-alpha.7",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -30,11 +30,6 @@
     "./entry-preview-argtypes": "./dist/entry-preview-argtypes.js",
     "./entry-preview-docs": "./dist/entry-preview-docs.js",
     "./entry-preview-rsc": "./dist/entry-preview-rsc.js",
-    "./experimental-playwright": {
-      "types": "./dist/playwright.d.ts",
-      "code": "./src/playwright.ts",
-      "default": "./dist/playwright.js"
-    },
     "./internal/docgen-worker": "./dist/docgen/docgen-worker.js",
     "./package.json": "./package.json",
     "./preset": "./dist/preset.js",
@@ -54,7 +49,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.6.0-alpha.5",
+    "@storybook/react-dom-shim": "10.6.0-alpha.7",
     "react-docgen": "^8.0.2",
     "react-docgen-typescript": "^2.2.2"
   },
@@ -87,7 +82,7 @@
     "@types/react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "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",
-    "storybook": "^10.6.0-alpha.5",
+    "storybook": "^10.6.0-alpha.7",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {

package/dist/playwright.d.ts

@@ -1,2 +0,0 @@
-import { createPlaywrightTest as createTest } from "storybook/preview-api";
-export { createTest };

package/dist/playwright.js

@@ -1,7 +0,0 @@
-import "./_browser-chunks/chunk-UAWMPV5J.js";
-
-// src/playwright.ts
-import { createPlaywrightTest } from "storybook/preview-api";
-export {
-  createPlaywrightTest as createTest
-};