storybook 10.1.0-alpha.12 → 10.1.0-alpha.14

package/dist/_node-chunks/{chunk-5KLIDWFN.js → chunk-Q2QUNQK6.js}

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_57ru1wfqqjv from 'node:url';
-import CJS_COMPAT_NODE_PATH_57ru1wfqqjv from 'node:path';
-import CJS_COMPAT_NODE_MODULE_57ru1wfqqjv from "node:module";
+import CJS_COMPAT_NODE_URL_yntchggdu3k from 'node:url';
+import CJS_COMPAT_NODE_PATH_yntchggdu3k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_yntchggdu3k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_57ru1wfqqjv.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_57ru1wfqqjv.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_57ru1wfqqjv.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_yntchggdu3k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_yntchggdu3k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_yntchggdu3k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   __require
-} from "./chunk-OP3INKUD.js";
+} from "./chunk-JMP7YFX2.js";
 
 // ../node_modules/@storybook/docs-mdx/dist/chunk-H6DQNFQR.js
 var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __require2 = ((x) => typeof __require < "u" ? __require : typeof Proxy < "u" ? new Proxy(x, {

package/dist/_node-chunks/{chunk-EZWWR7AR.js → chunk-TMCKISJR.js}

@@ -1,47 +1,46 @@
-import CJS_COMPAT_NODE_URL_57ru1wfqqjv from 'node:url';
-import CJS_COMPAT_NODE_PATH_57ru1wfqqjv from 'node:path';
-import CJS_COMPAT_NODE_MODULE_57ru1wfqqjv from "node:module";
+import CJS_COMPAT_NODE_URL_yntchggdu3k from 'node:url';
+import CJS_COMPAT_NODE_PATH_yntchggdu3k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_yntchggdu3k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_57ru1wfqqjv.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_57ru1wfqqjv.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_57ru1wfqqjv.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_yntchggdu3k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_yntchggdu3k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_yntchggdu3k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   version
-} from "./chunk-IXVYNBMD.js";
+} from "./chunk-NPB4THZQ.js";
 import {
   createFileSystemCache,
+  execa,
+  execaCommand,
+  getProjectRoot,
   resolvePathInStorybookCache,
   up
-} from "./chunk-WFLWJO24.js";
-import {
-  globalSettings
-} from "./chunk-4FT2DHGE.js";
-import {
-  execaCommand,
-  getProjectRoot
-} from "./chunk-O5DA7YLO.js";
+} from "./chunk-C2HKH2XQ.js";
 import {
   getSessionId,
   nanoid,
   set
-} from "./chunk-WUXQMQCB.js";
+} from "./chunk-H5XWXVWR.js";
+import {
+  globalSettings
+} from "./chunk-ALIA3J6S.js";
 import {
   resolvePackageDir
-} from "./chunk-A4APXFQ2.js";
+} from "./chunk-WVXZFQQU.js";
 import {
   slash
-} from "./chunk-E5FJS66Z.js";
+} from "./chunk-4ZFHN3ZY.js";
 import {
-  require_picocolors
-} from "./chunk-NAOYEL54.js";
+  require_dist
+} from "./chunk-KF3WTAEP.js";
 import {
   __commonJS,
   __toESM
-} from "./chunk-OP3INKUD.js";
+} from "./chunk-JMP7YFX2.js";
 
 // ../node_modules/fetch-retry/index.js
 var require_fetch_retry = __commonJS({
@@ -133,15 +132,16 @@ var require_fetch_retry = __commonJS({
 import { logger as logger2 } from "storybook/internal/node-logger";
 
 // src/telemetry/notify.ts
-var import_picocolors = __toESM(require_picocolors(), 1);
+var import_ts_dedent = __toESM(require_dist(), 1);
 import { cache } from "storybook/internal/common";
-import { CLI_COLORS, logger } from "storybook/internal/node-logger";
-var TELEMETRY_KEY_NOTIFY_DATE = "telemetry-notification-date", notify = async () => {
-  await cache.get(TELEMETRY_KEY_NOTIFY_DATE, null) || (cache.set(TELEMETRY_KEY_NOTIFY_DATE, Date.now()), logger.log(
-    `${CLI_COLORS.info("Attention:")} Storybook now collects completely anonymous telemetry regarding usage. This information is used to shape Storybook's roadmap and prioritize features.`
-  ), logger.log(
-    "You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:"
-  ), logger.log(import_picocolors.default.cyan("https://storybook.js.org/telemetry")), logger.log(""));
+import { logger } from "storybook/internal/node-logger";
+var TELEMETRY_KEY_NOTIFY_DATE = "telemetry-notification-date", called = !1, notify = async () => {
+  called || (called = !0, await cache.get(TELEMETRY_KEY_NOTIFY_DATE, null) || (cache.set(TELEMETRY_KEY_NOTIFY_DATE, Date.now()), logger.info(
+    import_ts_dedent.dedent`
+        Attention: Storybook collects completely anonymous telemetry regarding usage. This information is used to shape Storybook's roadmap and prioritize features. You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
+        https://storybook.js.org/telemetry
+        `
+  )));
 };
 
 // src/telemetry/sanitize.ts
@@ -185,7 +185,7 @@ import { readFile } from "node:fs/promises";
 import { dirname } from "node:path";
 import {
   getStorybookConfiguration,
-  getStorybookInfo,
+  getStorybookInfo as getStorybookInfo2,
   isCI,
   loadMainConfig,
   versions
@@ -197,8 +197,8 @@ import { sep } from "node:path";
 
 // src/telemetry/exec-command-count-lines.ts
 import { createInterface } from "node:readline";
-async function execCommandCountLines(command, options) {
-  let process3 = execaCommand(command, { shell: !0, buffer: !1, ...options });
+async function execCommandCountLines(command, args, options) {
+  let process3 = execa(command, args, { buffer: !1, ...options });
   if (!process3.stdout)
     throw new Error("Unexpected missing stdout");
   let lineCount = 0, rl = createInterface(process3.stdout);
@@ -224,11 +224,10 @@ var nameMatches = ["page", "screen"], extensions = ["js", "jsx", "ts", "tsx"], g
     match,
     [match[0].toUpperCase(), ...match.slice(1)].join("")
   ]).flatMap(
-    (match) => extensions.map((extension) => `"${basePath}${sep}*${match}*.${extension}"`)
+    (match) => extensions.map((extension) => `${basePath}${sep}*${match}*.${extension}`)
   );
   try {
-    let command = `git ls-files -- ${globs.join(" ")}`;
-    return await execCommandCountLines(command);
+    return await execCommandCountLines("git", ["ls-files", "--", ...globs]);
   } catch {
     return;
   }
@@ -244,86 +243,17 @@ function getChromaticVersionSpecifier(packageJson) {
 }
 
 // src/telemetry/get-framework-info.ts
-import { normalize } from "node:path";
-import { frameworkPackages } from "storybook/internal/common";
-
-// src/telemetry/package-json.ts
-import { fileURLToPath, pathToFileURL } from "node:url";
-var getActualPackageVersions = async (packages) => {
-  let packageNames = Object.keys(packages);
-  return Promise.all(packageNames.map(getActualPackageVersion));
-}, getActualPackageVersion = async (packageName) => {
-  try {
-    let packageJson = await getActualPackageJson(packageName);
-    return {
-      name: packageJson?.name || packageName,
-      version: packageJson?.version || null
-    };
-  } catch {
-    return {
-      name: packageName,
-      version: null
-    };
-  }
-}, getActualPackageJson = async (packageName) => {
-  try {
-    let resolvedPackageJsonPath = up({
-      cwd: fileURLToPath(import.meta.resolve(packageName, process.cwd()))
-    });
-    resolvedPackageJsonPath || (resolvedPackageJsonPath = import.meta.resolve(`${packageName}/package.json`, process.cwd()));
-    let { default: packageJson } = await import(pathToFileURL(resolvedPackageJsonPath).href, {
-      with: { type: "json" }
-    });
-    return packageJson;
-  } catch {
-    return;
-  }
-};
-
-// src/telemetry/get-framework-info.ts
-var knownRenderers = [
-  "html",
-  "react",
-  "svelte",
-  "vue3",
-  "preact",
-  "server",
-  "vue",
-  "web-components",
-  "angular",
-  "ember"
-], knownBuilders = ["builder-webpack5", "builder-vite"];
-function findMatchingPackage(packageJson, suffixes) {
-  let { name = "", version: version2, dependencies, devDependencies, peerDependencies } = packageJson, allDependencies = {
-    // We include the framework itself because it may be a renderer too (e.g. angular)
-    [name]: version2,
-    ...dependencies,
-    ...devDependencies,
-    ...peerDependencies
-  };
-  return suffixes.map((suffix) => `@storybook/${suffix}`).find((pkg) => allDependencies[pkg]);
-}
-var getFrameworkPackageName = (packageNameOrPath) => {
-  let normalizedPath = normalize(packageNameOrPath).replace(new RegExp(/\\/, "g"), "/");
-  return Object.keys(frameworkPackages).find((pkg) => normalizedPath.endsWith(pkg)) || cleanPaths(packageNameOrPath).replace(/.*node_modules[\\/]/, "");
-};
-async function getFrameworkInfo(mainConfig) {
-  if (!mainConfig?.framework)
-    return {};
-  let rawName = typeof mainConfig.framework == "string" ? mainConfig.framework : mainConfig.framework?.name;
-  if (!rawName)
-    return {};
-  let frameworkPackageJson = await getActualPackageJson(rawName);
-  if (!frameworkPackageJson)
-    return {};
-  let builder = findMatchingPackage(frameworkPackageJson, knownBuilders), renderer = findMatchingPackage(frameworkPackageJson, knownRenderers), sanitizedFrameworkName = getFrameworkPackageName(rawName), frameworkOptions = typeof mainConfig.framework == "object" ? mainConfig.framework.options : {};
+import { getStorybookInfo } from "storybook/internal/common";
+var cleanAndSanitizePath = (path3) => cleanPaths(path3).replace(/.*node_modules[\\/]/, "");
+async function getFrameworkInfo(mainConfig, configDir) {
+  let { frameworkPackage, rendererPackage, builderPackage } = await getStorybookInfo(configDir), frameworkOptions = typeof mainConfig.framework == "object" ? mainConfig.framework.options : {};
   return {
     framework: {
-      name: sanitizedFrameworkName,
+      name: frameworkPackage ? cleanAndSanitizePath(frameworkPackage) : void 0,
       options: frameworkOptions
     },
-    builder,
-    renderer
+    builder: builderPackage ? cleanAndSanitizePath(builderPackage) : void 0,
+    renderer: rendererPackage ? cleanAndSanitizePath(rendererPackage) : void 0
   };
 }
 
@@ -643,8 +573,12 @@ var getPackageManagerInfo = async () => {
 // src/telemetry/get-portable-stories-usage.ts
 var getPortableStoriesFileCountUncached = async (path3) => {
   try {
-    let command = "git grep -l composeStor" + (path3 ? ` -- ${path3}` : "");
-    return await execCommandCountLines(command);
+    return await execCommandCountLines("git", [
+      "grep",
+      "-l",
+      "composeStor",
+      ...path3 ? ["--", path3] : []
+    ]);
   } catch (err) {
     return err.exitCode === 1 ? 0 : void 0;
   }
@@ -653,6 +587,39 @@ var getPortableStoriesFileCountUncached = async (path3) => {
   async () => getPortableStoriesFileCountUncached(path3)
 );
 
+// src/telemetry/package-json.ts
+import { fileURLToPath, pathToFileURL } from "node:url";
+var getActualPackageVersions = async (packages) => {
+  let packageNames = Object.keys(packages);
+  return Promise.all(packageNames.map(getActualPackageVersion));
+}, getActualPackageVersion = async (packageName) => {
+  try {
+    let packageJson = await getActualPackageJson(packageName);
+    return {
+      name: packageJson?.name || packageName,
+      version: packageJson?.version || null
+    };
+  } catch {
+    return {
+      name: packageName,
+      version: null
+    };
+  }
+}, getActualPackageJson = async (packageName) => {
+  try {
+    let resolvedPackageJsonPath = up({
+      cwd: fileURLToPath(import.meta.resolve(packageName, process.cwd()))
+    });
+    resolvedPackageJsonPath || (resolvedPackageJsonPath = import.meta.resolve(`${packageName}/package.json`, process.cwd()));
+    let { default: packageJson } = await import(pathToFileURL(resolvedPackageJsonPath).href, {
+      with: { type: "json" }
+    });
+    return packageJson;
+  } catch {
+    return;
+  }
+};
+
 // src/telemetry/storybook-metadata.ts
 var metaFrameworks = {
   next: "Next",
@@ -729,7 +696,7 @@ var metaFrameworks = {
       language
     };
   metadata.hasCustomBabel = !!mainConfig.babel, metadata.hasCustomWebpack = !!mainConfig.webpackFinal, metadata.hasStaticDirs = !!mainConfig.staticDirs, typeof mainConfig.typescript == "object" && (metadata.typescriptOptions = mainConfig.typescript);
-  let frameworkInfo = await getFrameworkInfo(mainConfig);
+  let frameworkInfo = await getFrameworkInfo(mainConfig, configDir);
   typeof mainConfig.refs == "object" && (metadata.refCount = Object.keys(mainConfig.refs).length), typeof mainConfig.features == "object" && (metadata.features = mainConfig.features);
   let addons = {};
   mainConfig.addons && mainConfig.addons.forEach((addon) => {
@@ -760,7 +727,7 @@ var metaFrameworks = {
       version: version2
     }, storybookPackages[name].version = version2 || void 0;
   });
-  let hasStorybookEslint = !!allDependencies["eslint-plugin-storybook"], storybookInfo = await getStorybookInfo(configDir);
+  let hasStorybookEslint = !!allDependencies["eslint-plugin-storybook"], storybookInfo = await getStorybookInfo2(configDir);
   try {
     let { previewConfigPath: previewConfig } = storybookInfo;
     if (previewConfig) {
@@ -776,7 +743,7 @@ var metaFrameworks = {
     portableStoriesFileCount,
     applicationFileCount,
     storybookVersion: version,
-    storybookVersionSpecifier: storybookInfo.version,
+    storybookVersionSpecifier: storybookInfo.version ?? "",
     language,
     storybookPackages,
     addons,
@@ -903,6 +870,22 @@ async function sendTelemetry(data, options = { retryDelay: 1e3, immediate: !1 })
   }
 }
 
+// src/telemetry/error-collector.ts
+var ErrorCollector = class _ErrorCollector {
+  constructor() {
+    this.errors = [];
+  }
+  static getInstance() {
+    return _ErrorCollector.instance || (_ErrorCollector.instance = new _ErrorCollector()), _ErrorCollector.instance;
+  }
+  static addError(error) {
+    this.getInstance().errors.push(error);
+  }
+  static getErrors() {
+    return this.getInstance().errors;
+  }
+};
+
 // src/telemetry/index.ts
 var isExampleStoryId = (storyId) => storyId.startsWith("example-button--") || storyId.startsWith("example-header--") || storyId.startsWith("example-page--"), telemetry = async (eventType, payload = {}, options = {}) => {
   eventType !== "boot" && options.notify !== !1 && await notify();
@@ -916,8 +899,7 @@ var isExampleStoryId = (storyId) => storyId.startsWith("example-button--") || st
     payload.metadataErrorMessage = sanitizeError(error).message, options?.enableCrashReports && (payload.metadataError = sanitizeError(error));
   } finally {
     let { error } = payload;
-    error && (payload.error = sanitizeError(error)), (!payload.error || options?.enableCrashReports) && (process.env?.STORYBOOK_TELEMETRY_DEBUG && (logger2.info(`
-[telemetry]`), logger2.info(JSON.stringify(telemetryData, null, 2))), await sendTelemetry(telemetryData, options));
+    error && (payload.error = sanitizeError(error)), (!payload.error || options?.enableCrashReports) && (process.env?.STORYBOOK_TELEMETRY_DEBUG && (logger2.info("[telemetry]"), logger2.info(JSON.stringify(telemetryData, null, 2))), await sendTelemetry(telemetryData, options));
   }
 };
 
@@ -931,6 +913,7 @@ export {
   getStorybookMetadata,
   oneWayHash,
   addToGlobalContext,
+  ErrorCollector,
   isExampleStoryId,
   telemetry
 };