storybook 10.1.0-alpha.0 → 10.1.0-alpha.2

package/dist/core-server/index.js

@@ -1,29 +1,29 @@
-import CJS_COMPAT_NODE_URL_viqf41uklqm from 'node:url';
-import CJS_COMPAT_NODE_PATH_viqf41uklqm from 'node:path';
-import CJS_COMPAT_NODE_MODULE_viqf41uklqm from "node:module";
+import CJS_COMPAT_NODE_URL_gimmxetvr7 from 'node:url';
+import CJS_COMPAT_NODE_PATH_gimmxetvr7 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gimmxetvr7 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_viqf41uklqm.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_viqf41uklqm.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_viqf41uklqm.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gimmxetvr7.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gimmxetvr7.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gimmxetvr7.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   detectPnp
-} from "../_node-chunks/chunk-LOF6SIRE.js";
+} from "../_node-chunks/chunk-6TX2TV3E.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-QOI32MCO.js";
+} from "../_node-chunks/chunk-ZN2EDLIJ.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-2WZNP46P.js";
-import "../_node-chunks/chunk-SV7ZHC5Z.js";
+} from "../_node-chunks/chunk-BYQZFXRF.js";
+import "../_node-chunks/chunk-5RN3IJGF.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-NTAOH664.js";
+} from "../_node-chunks/chunk-HFHQNHRU.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -31,59 +31,61 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-VW3GGAQI.js";
-import "../_node-chunks/chunk-6C7OBGYG.js";
+} from "../_node-chunks/chunk-ZTHTAFLY.js";
+import "../_node-chunks/chunk-RQKELEE4.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-A6T2YN75.js";
-import "../_node-chunks/chunk-P7ZABCRS.js";
+} from "../_node-chunks/chunk-FI6CLUVL.js";
+import "../_node-chunks/chunk-U6VJQXTG.js";
 import {
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-ZFRTME73.js";
-import "../_node-chunks/chunk-OYGAWJQE.js";
-import "../_node-chunks/chunk-QWBT2XCX.js";
-import "../_node-chunks/chunk-RKANIOER.js";
+} from "../_node-chunks/chunk-GWSFLQQQ.js";
+import "../_node-chunks/chunk-XVXUF5GE.js";
+import "../_node-chunks/chunk-N3ZE2FCS.js";
+import "../_node-chunks/chunk-L5J4RBU5.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-RR6Q3657.js";
+} from "../_node-chunks/chunk-S6RYOO4I.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-XI2VU32X.js";
-import "../_node-chunks/chunk-HIGKW2KB.js";
+} from "../_node-chunks/chunk-3AR5SJTX.js";
+import "../_node-chunks/chunk-OM4TBMP7.js";
 import {
   invariant
-} from "../_node-chunks/chunk-FDDQACQD.js";
+} from "../_node-chunks/chunk-D43KJFPO.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-O3OJUFKU.js";
+} from "../_node-chunks/chunk-ZI3WVJBS.js";
 import {
+  join,
+  relative,
   resolve
-} from "../_node-chunks/chunk-HHTKRAIE.js";
+} from "../_node-chunks/chunk-LJPS53G5.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-3ICYWJ3N.js";
-import "../_node-chunks/chunk-Q4CZSEBO.js";
+} from "../_node-chunks/chunk-BB3ZKTWJ.js";
+import "../_node-chunks/chunk-Q5JSLT56.js";
 import {
   slash
-} from "../_node-chunks/chunk-L5WAZZY3.js";
+} from "../_node-chunks/chunk-EKPHXLN6.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-HYNQ2IX4.js";
+} from "../_node-chunks/chunk-IK3K67LJ.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-YS6OLN4N.js";
+} from "../_node-chunks/chunk-QS5MMNF7.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-27W6KHQ2.js";
+} from "../_node-chunks/chunk-2L3QAN3W.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-VL6WDGIU.js";
+} from "../_node-chunks/chunk-RUJOX3JR.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -1827,7 +1829,7 @@ var require_parse_chunked = __commonJS({
     module.exports = function(chunkEmitter) {
       let parser = new ChunkParser();
       if (isObject(chunkEmitter) && isReadableStream(chunkEmitter)) {
-        return new Promise((resolve7, reject) => {
+        return new Promise((resolve4, reject) => {
           chunkEmitter.on("data", (chunk) => {
             try {
               parser.push(chunk);
@@ -1840,7 +1842,7 @@ var require_parse_chunked = __commonJS({
             reject(e);
           }).on("end", () => {
             try {
-              resolve7(parser.finish());
+              resolve4(parser.finish());
             } catch (e) {
               reject(adjustPosition(e, parser));
             } finally {
@@ -1852,12 +1854,12 @@ var require_parse_chunked = __commonJS({
       if (typeof chunkEmitter === "function") {
         const iterator = chunkEmitter();
         if (isObject(iterator) && (Symbol.iterator in iterator || Symbol.asyncIterator in iterator)) {
-          return new Promise(async (resolve7, reject) => {
+          return new Promise(async (resolve4, reject) => {
             try {
               for await (const chunk of iterator) {
                 parser.push(chunk);
               }
-              resolve7(parser.finish());
+              resolve4(parser.finish());
             } catch (e) {
               reject(adjustPosition(e, parser));
             } finally {
@@ -2628,8 +2630,8 @@ var require_graceful_fs = __commonJS({
       }
       __name(readFile5, "readFile");
       var fs$writeFile = fs7.writeFile;
-      fs7.writeFile = writeFile4;
-      function writeFile4(path2, data, options, cb) {
+      fs7.writeFile = writeFile5;
+      function writeFile5(path2, data, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
         return go$writeFile(path2, data, options, cb);
@@ -2645,7 +2647,7 @@ var require_graceful_fs = __commonJS({
         }
         __name(go$writeFile, "go$writeFile");
       }
-      __name(writeFile4, "writeFile");
+      __name(writeFile5, "writeFile");
       var fs$appendFile = fs7.appendFile;
       if (fs$appendFile)
         fs7.appendFile = appendFile;
@@ -6585,9 +6587,9 @@ var require_detect_port = __commonJS({
       if (typeof callback === "function") {
         return tryListen(port, maxPort, hostname, callback);
       }
-      return new Promise((resolve7) => {
+      return new Promise((resolve4) => {
         tryListen(port, maxPort, hostname, (_, realPort) => {
-          resolve7(realPort);
+          resolve4(realPort);
         });
       });
     };
@@ -6668,7 +6670,7 @@ var require_wait_port = __commonJS({
     "use strict";
     var debug = require_src()("wait-port");
     var detect = require_detect_port();
-    var sleep = /* @__PURE__ */ __name((ms) => new Promise((resolve7) => setTimeout(resolve7, ms)), "sleep");
+    var sleep = /* @__PURE__ */ __name((ms) => new Promise((resolve4) => setTimeout(resolve4, ms)), "sleep");
     async function waitPort(port, options = {}) {
       const { retryInterval = 1e3, retries = Infinity } = options;
       let count = 1;
@@ -8471,10 +8473,8 @@ var require_cli_table3 = __commonJS({
 import { getPreviewHeadTemplate, getPreviewBodyTemplate } from "storybook/internal/common";
 
 // src/core-server/build-static.ts
-var import_picocolors4 = __toESM(require_picocolors(), 1);
-import { cp as cp2, mkdir } from "node:fs/promises";
+import { cp as cp2, mkdir, writeFile as writeFile3 } from "node:fs/promises";
 import { rm } from "node:fs/promises";
-import { join as join5, relative as relative4, resolve as resolve4 } from "node:path";
 import {
   loadAllPresets,
   loadMainConfig,
@@ -8485,11 +8485,12 @@ import {
 import { logger as logger4 } from "storybook/internal/node-logger";
 import { getPrecedingUpgrade, telemetry as telemetry2 } from "storybook/internal/telemetry";
 import { global as global2 } from "@storybook/global";
+var import_picocolors4 = __toESM(require_picocolors(), 1);
 
 // src/core-server/utils/StoryIndexGenerator.ts
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
-import { dirname, extname, join, normalize, relative, resolve as resolve2, sep } from "node:path";
+import { dirname, extname, join as join2, normalize, relative as relative2, resolve as resolve2, sep } from "node:path";
 import { commonGlobOptions, getProjectRoot, normalizeStoryPath } from "storybook/internal/common";
 import { combineTags, storyNameFromExport, toId } from "storybook/internal/csf";
 import { getStorySortParameter, loadConfig } from "storybook/internal/csf-tools";
@@ -8683,7 +8684,7 @@ function isMdxEntry({ tags }) {
   return tags?.includes(UNATTACHED_MDX_TAG) || tags?.includes(ATTACHED_MDX_TAG);
 }
 __name(isMdxEntry, "isMdxEntry");
-var makeAbsolute = /* @__PURE__ */ __name((otherImport, normalizedPath, workingDir) => otherImport.startsWith(".") ? slash(resolve2(workingDir, normalizeStoryPath(join(dirname(normalizedPath), otherImport)))) : otherImport, "makeAbsolute");
+var makeAbsolute = /* @__PURE__ */ __name((otherImport, normalizedPath, workingDir) => otherImport.startsWith(".") ? slash(resolve2(workingDir, normalizeStoryPath(join2(dirname(normalizedPath), otherImport)))) : otherImport, "makeAbsolute");
 var StoryIndexGenerator = class _StoryIndexGenerator {
   constructor(specifiers, options) {
     this.specifiers = specifiers;
@@ -8717,8 +8718,8 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       return cached;
     }
     const pathToSubIndex = {};
-    const fullGlob = slash(join(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-4HAI4KJH.js");
+    const fullGlob = slash(join2(specifier.directory, specifier.files));
+    const { globby } = await import("../_node-chunks/globby-I54LIY47.js");
     const files = await globby(fullGlob, {
       absolute: true,
       cwd: workingDir,
@@ -8727,14 +8728,14 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     if (files.length === 0 && !ignoreWarnings) {
       once.warn(
         `No story files found for the specified pattern: ${import_picocolors.default.blue(
-          join(specifier.directory, specifier.files)
+          join2(specifier.directory, specifier.files)
         )}`
       );
     }
     files.sort().forEach((absolutePath) => {
       const ext = extname(absolutePath);
       if (ext === ".storyshot") {
-        const relativePath = relative(workingDir, absolutePath);
+        const relativePath = relative2(workingDir, absolutePath);
         logger.info(`Skipping ${ext} file ${relativePath}`);
         return;
       }
@@ -8786,7 +8787,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
             try {
               entry[absolutePath] = await updater(specifier, absolutePath, entry[absolutePath]);
             } catch (err) {
-              const relativePath = `.${sep}${relative(this.options.workingDir, absolutePath)}`;
+              const relativePath = `.${sep}${relative2(this.options.workingDir, absolutePath)}`;
               entry[absolutePath] = {
                 type: "error",
                 err: new IndexingError(
@@ -8874,13 +8875,13 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     const absoluteComponentPath = resolve2(dirname(absolutePath), rawPath);
     const existing = ["", ".js", ".ts", ".jsx", ".tsx", ".mjs", ".mts"].map((ext) => `${absoluteComponentPath}${ext}`).find((candidate) => existsSync(candidate));
     if (existing) {
-      const relativePath = relative(this.options.workingDir, existing);
+      const relativePath = relative2(this.options.workingDir, existing);
       return slash(normalizeStoryPath(relativePath));
     }
     return rawComponentPath;
   }
   async extractStories(specifier, absolutePath, projectTags = []) {
-    const relativePath = relative(this.options.workingDir, absolutePath);
+    const relativePath = relative2(this.options.workingDir, absolutePath);
     const importPath = slash(normalizeStoryPath(relativePath));
     const defaultMakeTitle = /* @__PURE__ */ __name((userTitle) => {
       const title = userOrAutoTitleFromSpecifier(importPath, specifier, userTitle);
@@ -8971,12 +8972,12 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     };
   }
   async extractDocs(specifier, absolutePath, projectTags = []) {
-    const relativePath = relative(this.options.workingDir, absolutePath);
+    const relativePath = relative2(this.options.workingDir, absolutePath);
     try {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-BA2GAJJB.js");
+      const { analyze } = await import("../_node-chunks/dist-Q25SOSXX.js");
       const result = await analyze(content);
       if (result.isTemplate) {
         return false;
@@ -9223,7 +9224,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     this.lastError = null;
   }
   async getPreviewCode() {
-    const previewFile = ["js", "jsx", "ts", "tsx", "mjs", "cjs", "mts"].map((ext) => join(this.options.configDir, `preview.${ext}`)).find((fname) => existsSync(fname));
+    const previewFile = ["js", "jsx", "ts", "tsx", "mjs", "cjs", "mts"].map((ext) => join2(this.options.configDir, `preview.${ext}`)).find((fname) => existsSync(fname));
     return previewFile && (await readFile(previewFile, { encoding: "utf8" })).toString();
   }
   getProjectTags(previewCode) {
@@ -9280,7 +9281,7 @@ __name(buildOrThrow, "buildOrThrow");
 // src/core-server/utils/copy-all-static-files.ts
 var import_picocolors2 = __toESM(require_picocolors(), 1);
 import { cp } from "node:fs/promises";
-import { join as join2, relative as relative2 } from "node:path";
+import { join as join3, relative as relative3 } from "node:path";
 import { getDirectoryFromWorkingDir } from "storybook/internal/common";
 import { logger as logger2 } from "storybook/internal/node-logger";
 async function copyAllStaticFilesRelativeToMain(staticDirs, outputDir, configDir) {
@@ -9295,8 +9296,8 @@ async function copyAllStaticFilesRelativeToMain(staticDirs, outputDir, configDir
         directory: staticDirAndTarget
       })
     );
-    const targetPath = join2(outputDir, to);
-    const skipPaths = ["index.html", "iframe.html"].map((f) => join2(outputDir, f));
+    const targetPath = join3(outputDir, to);
+    const skipPaths = ["index.html", "iframe.html"].map((f) => join3(outputDir, f));
     if (!from.includes("node_modules")) {
       logger2.info(
         `=> Copying static files: ${import_picocolors2.default.cyan(print(from))} at ${import_picocolors2.default.cyan(print(targetPath))}`
@@ -9312,14 +9313,14 @@ async function copyAllStaticFilesRelativeToMain(staticDirs, outputDir, configDir
 }
 __name(copyAllStaticFilesRelativeToMain, "copyAllStaticFilesRelativeToMain");
 function print(p) {
-  return relative2(process.cwd(), p);
+  return relative3(process.cwd(), p);
 }
 __name(print, "print");
 
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-OTO33TIA.js");
+  return await import("../_node-chunks/builder-manager-XRIDLU42.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -9358,7 +9359,7 @@ __name(useStorybookMetadata, "useStorybookMetadata");
 var import_json_ext = __toESM(require_src2(), 1);
 var import_picocolors3 = __toESM(require_picocolors(), 1);
 import { createWriteStream } from "node:fs";
-import { join as join3 } from "node:path";
+import { join as join4 } from "node:path";
 import { logger as logger3 } from "storybook/internal/node-logger";
 async function outputStats(directory, previewStats, managerStats) {
   if (previewStats) {
@@ -9372,10 +9373,10 @@ async function outputStats(directory, previewStats, managerStats) {
 }
 __name(outputStats, "outputStats");
 var writeStats = /* @__PURE__ */ __name(async (directory, name, stats) => {
-  const filePath = join3(directory, `${name}-stats.json`);
+  const filePath = join4(directory, `${name}-stats.json`);
   const { chunks, ...data } = stats.toJson();
-  await new Promise((resolve7, reject) => {
-    (0, import_json_ext.stringifyStream)(data, null, 2).on("error", reject).pipe(createWriteStream(filePath)).on("error", reject).on("finish", resolve7);
+  await new Promise((resolve4, reject) => {
+    (0, import_json_ext.stringifyStream)(data, null, 2).on("error", reject).pipe(createWriteStream(filePath)).on("error", reject).on("finish", resolve4);
   });
   return filePath;
 }, "writeStats");
@@ -9497,7 +9498,7 @@ var DEFAULT_RETRIES = Number.POSITIVE_INFINITY;
 
 // src/core-server/utils/watch-story-specifiers.ts
 import { lstatSync, readdirSync } from "node:fs";
-import { basename as basename2, join as join4, relative as relative3, resolve as resolve3 } from "node:path";
+import { basename as basename2, join as join5, relative as relative4, resolve as resolve3 } from "node:path";
 import { commonGlobOptions as commonGlobOptions2 } from "storybook/internal/common";
 var import_watchpack = __toESM(require_watchpack(), 1);
 var isDirectory = /* @__PURE__ */ __name((directory) => {
@@ -9516,9 +9517,9 @@ function getNestedFilesAndDirectories(directories) {
     }
     readdirSync(directory, { withFileTypes: true }).forEach((ent) => {
       if (ent.isDirectory()) {
-        traverse(join4(directory, ent.name));
+        traverse(join5(directory, ent.name));
       } else if (ent.isFile()) {
-        files.add(join4(directory, ent.name));
+        files.add(join5(directory, ent.name));
       }
     });
     traversedDirectories.add(directory);
@@ -9538,7 +9539,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
   });
   wp.watch({ files, directories });
   const toImportPath = /* @__PURE__ */ __name((absolutePath) => {
-    const relativePath = relative3(options.workingDir, absolutePath);
+    const relativePath = relative4(options.workingDir, absolutePath);
     return slash(relativePath.startsWith(".") ? relativePath : `./${relativePath}`);
   }, "toImportPath");
   async function onChangeOrRemove(absolutePath, removed) {
@@ -9551,14 +9552,14 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
     if (!removed && isDirectory(absolutePath)) {
       await Promise.all(
         specifiers.filter((specifier) => importPath.startsWith(specifier.directory)).map(async (specifier) => {
-          const dirGlob = join4(
+          const dirGlob = join5(
             absolutePath,
             "**",
             // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-4HAI4KJH.js");
+          const { globby } = await import("../_node-chunks/globby-I54LIY47.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);
@@ -9762,10 +9763,10 @@ async function buildStaticStandalone(options) {
   if (options.outputDir === "") {
     throw new Error("Won't remove current directory. Check your outputDir!");
   }
-  options.outputDir = resolve4(options.outputDir);
-  options.configDir = resolve4(options.configDir);
+  options.outputDir = resolve(options.outputDir);
+  options.configDir = resolve(options.configDir);
   logger4.info(
-    `=> Cleaning outputDir: ${import_picocolors4.default.cyan(relative4(process.cwd(), options.outputDir))}`
+    `=> Cleaning outputDir: ${import_picocolors4.default.cyan(relative(process.cwd(), options.outputDir))}`
   );
   if (options.outputDir === "/") {
     throw new Error("Won't remove directory '/'. Check your outputDir!");
@@ -9778,11 +9779,11 @@ async function buildStaticStandalone(options) {
   const corePresets = [];
   const frameworkName = typeof framework === "string" ? framework : framework?.name;
   if (frameworkName) {
-    corePresets.push(join5(frameworkName, "preset"));
+    corePresets.push(join(frameworkName, "preset"));
   } else if (!options.ignorePreview) {
     logger4.warn(`you have not specified a framework in your ${options.configDir}/main.js`);
   }
-  const commonPreset = join5(
+  const commonPreset = join(
     resolvePackageDir("storybook"),
     "dist/core-server/presets/common-preset.js"
   );
@@ -9842,7 +9843,7 @@ async function buildStaticStandalone(options) {
       copyAllStaticFilesRelativeToMain(staticDirs, options.outputDir, options.configDir)
     );
   }
-  const coreServerPublicDir = join5(resolvePackageDir("storybook"), "assets/browser");
+  const coreServerPublicDir = join(resolvePackageDir("storybook"), "assets/browser");
   effects.push(cp2(coreServerPublicDir, options.outputDir, { recursive: true }));
   let initializedStoryIndexGenerator = Promise.resolve(void 0);
   if (!options.ignorePreview) {
@@ -9861,14 +9862,35 @@ async function buildStaticStandalone(options) {
     initializedStoryIndexGenerator = generator.initialize().then(() => generator);
     effects.push(
       extractStoriesJson(
-        join5(options.outputDir, "index.json"),
+        join(options.outputDir, "index.json"),
         initializedStoryIndexGenerator
       )
     );
+    if (features?.experimentalComponentsManifest) {
+      const componentManifestGenerator = await presets.apply(
+        "experimental_componentManifestGenerator"
+      );
+      const indexGenerator = await initializedStoryIndexGenerator;
+      if (componentManifestGenerator && indexGenerator) {
+        try {
+          const manifests = await componentManifestGenerator(
+            indexGenerator
+          );
+          await mkdir(join(options.outputDir, "manifests"), { recursive: true });
+          await writeFile3(
+            join(options.outputDir, "manifests", "components.json"),
+            JSON.stringify(manifests)
+          );
+        } catch (e) {
+          logger4.error("Failed to generate manifests/components.json");
+          logger4.error(e instanceof Error ? e : String(e));
+        }
+      }
+    }
   }
   if (!core2?.disableProjectJson) {
     effects.push(
-      extractStorybookMetadata(join5(options.outputDir, "project.json"), options.configDir)
+      extractStorybookMetadata(join(options.outputDir, "project.json"), options.configDir)
     );
   }
   if (options.debugWebpack) {
@@ -9921,9 +9943,7 @@ async function buildStaticStandalone(options) {
 __name(buildStaticStandalone, "buildStaticStandalone");
 
 // src/core-server/build-dev.ts
-var import_prompts = __toESM(require_prompts(), 1);
 import { readFile as readFile4 } from "node:fs/promises";
-import { join as join7, relative as relative5, resolve as resolve5 } from "node:path";
 import {
   JsPackageManagerFactory,
   getConfigInfo,
@@ -9940,6 +9960,7 @@ import { deprecate, logger as logger11 } from "storybook/internal/node-logger";
 import { MissingBuilderError as MissingBuilderError3, NoStatsForViteDevError } from "storybook/internal/server-errors";
 import { oneWayHash, telemetry as telemetry4 } from "storybook/internal/telemetry";
 import { global as global3 } from "@storybook/global";
+var import_prompts = __toESM(require_prompts(), 1);
 var import_ts_dedent8 = __toESM(require_dist(), 1);
 
 // src/core-server/dev-server.ts
@@ -10418,13 +10439,13 @@ var UniversalStore = class _UniversalStore {
     } else {
       let syncingResolve;
       let syncingReject;
-      const syncingPromise = new Promise((resolve7, reject) => {
+      const syncingPromise = new Promise((resolve4, reject) => {
         syncingResolve = /* @__PURE__ */ __name(() => {
           if (this.syncing.state !== ProgressState.PENDING) {
             return;
           }
           this.syncing.state = ProgressState.RESOLVED;
-          resolve7();
+          resolve4();
         }, "syncingResolve");
         syncingReject = /* @__PURE__ */ __name((reason) => {
           if (this.syncing.state !== ProgressState.PENDING) {
@@ -10521,9 +10542,9 @@ var UniversalStore = class _UniversalStore {
     let resolveRef;
     let rejectRef;
     const promise = new Promise(
-      (resolve7, reject) => {
+      (resolve4, reject) => {
         resolveRef = /* @__PURE__ */ __name((args) => {
-          resolve7(args);
+          resolve4(args);
         }, "resolveRef");
         rejectRef = /* @__PURE__ */ __name((...args) => {
           reject(args);
@@ -11362,14 +11383,14 @@ var baseOpen = /* @__PURE__ */ __name(async (options) => {
   }
   const subprocess = childProcess.spawn(command, cliArguments, childProcessOptions);
   if (options.wait) {
-    return new Promise((resolve7, reject) => {
+    return new Promise((resolve4, reject) => {
       subprocess.once("error", reject);
       subprocess.once("close", (exitCode) => {
         if (!options.allowNonzeroExitCode && exitCode > 0) {
           reject(new Error(`Exited with code ${exitCode}`));
           return;
         }
-        resolve7(subprocess);
+        resolve4(subprocess);
       });
     });
   }
@@ -11718,9 +11739,9 @@ async function storybookDevServer(options) {
       throw e;
     });
   }
-  const listening = new Promise((resolve7, reject) => {
+  const listening = new Promise((resolve4, reject) => {
     server.once("error", reject);
-    app.listen({ port, host }, resolve7);
+    app.listen({ port, host }, resolve4);
   });
   await Promise.all([initializedStoryIndexGenerator, listening]).then(async ([indexGenerator]) => {
     if (indexGenerator && !options.ci && !options.smokeTest && options.open) {
@@ -11734,6 +11755,33 @@ async function storybookDevServer(options) {
     await previewBuilder?.bail().catch();
     throw indexError;
   }
+  const features = await options.presets.apply("features");
+  if (features?.experimentalComponentsManifest) {
+    app.use("/manifests/components.json", async (req, res) => {
+      try {
+        const componentManifestGenerator = await options.presets.apply(
+          "experimental_componentManifestGenerator"
+        );
+        const indexGenerator = await initializedStoryIndexGenerator;
+        if (componentManifestGenerator && indexGenerator) {
+          const manifest = await componentManifestGenerator(
+            indexGenerator
+          );
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify(manifest));
+          return;
+        }
+        res.statusCode = 400;
+        res.end("No component manifest generator configured.");
+        return;
+      } catch (e) {
+        logger8.error(e instanceof Error ? e : String(e));
+        res.statusCode = 500;
+        res.end(e instanceof Error ? e.toString() : String(e));
+        return;
+      }
+    });
+  }
   doTelemetry(app, core2, initializedStoryIndexGenerator, options);
   async function cancelTelemetry() {
     const payload = { eventType: "dev" };
@@ -12089,7 +12137,7 @@ __name(warnWhenUsingArgTypesRegex, "warnWhenUsingArgTypesRegex");
 async function buildDevStandalone(options) {
   const { packageJson, versionUpdates } = options;
   let { storybookVersion, previewConfigPath } = options;
-  const configDir = resolve5(options.configDir);
+  const configDir = resolve(options.configDir);
   if (packageJson) {
     invariant(
       packageJson.version !== void 0,
@@ -12117,9 +12165,9 @@ async function buildDevStandalone(options) {
       process.exit(1);
     }
   }
-  const cacheKey = oneWayHash(relative5(getProjectRoot2(), configDir));
+  const cacheKey = oneWayHash(relative(getProjectRoot2(), configDir));
   const cacheOutputDir = resolvePathInStorybookCache("public", cacheKey);
-  let outputDir = resolve5(options.outputDir || cacheOutputDir);
+  let outputDir = resolve(options.outputDir || cacheOutputDir);
   if (options.smokeTest) {
     outputDir = cacheOutputDir;
   }
@@ -12147,7 +12195,7 @@ async function buildDevStandalone(options) {
     validateFrameworkName(frameworkName);
   }
   if (frameworkName) {
-    corePresets.push(join7(frameworkName, "preset"));
+    corePresets.push(join(frameworkName, "preset"));
   }
   frameworkName = frameworkName || "custom";
   const packageManager = JsPackageManagerFactory.getPackageManager({
@@ -12189,7 +12237,7 @@ async function buildDevStandalone(options) {
     const deprecationMessage = (0, import_ts_dedent8.dedent)(`Using CommonJS in your main configuration file is deprecated with Vite.
               - Refer to the migration guide at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#commonjs-with-vite-is-deprecated`);
     const mainJsPath = getInterpretedFile(
-      resolve5(options.configDir || ".storybook", "main")
+      resolve(options.configDir || ".storybook", "main")
     );
     if (/\.c[jt]s$/.test(mainJsPath)) {
       deprecate(deprecationMessage);
@@ -12203,7 +12251,7 @@ async function buildDevStandalone(options) {
   const resolvedRenderer = renderer && resolveAddonName2(options.configDir, renderer, options);
   presets = await loadAllPresets2({
     corePresets: [
-      join7(resolvePackageDir("storybook"), "dist/core-server/presets/common-preset.js"),
+      join(resolvePackageDir("storybook"), "dist/core-server/presets/common-preset.js"),
       ...managerBuilder.corePresets || [],
       ...previewBuilder.corePresets || [],
       ...resolvedRenderer ? [resolvedRenderer] : [],
@@ -12269,12 +12317,11 @@ async function buildDevStandalone(options) {
 __name(buildDevStandalone, "buildDevStandalone");
 
 // src/core-server/build-index.ts
-import { writeFile as writeFile3 } from "node:fs/promises";
+import { writeFile as writeFile4 } from "node:fs/promises";
 import { normalizeStories as normalizeStories3 } from "storybook/internal/common";
 import { logger as logger12 } from "storybook/internal/node-logger";
 
 // src/core-server/load.ts
-import { join as join8, relative as relative6, resolve as resolve6 } from "node:path";
 import {
   getProjectRoot as getProjectRoot3,
   loadAllPresets as loadAllPresets3,
@@ -12285,8 +12332,8 @@ import {
 import { oneWayHash as oneWayHash2 } from "storybook/internal/telemetry";
 import { global as global4 } from "@storybook/global";
 async function loadStorybook(options) {
-  const configDir = resolve6(options.configDir);
-  const cacheKey = oneWayHash2(relative6(getProjectRoot3(), configDir));
+  const configDir = resolve(options.configDir);
+  const cacheKey = oneWayHash2(relative(getProjectRoot3(), configDir));
   options.configType = "DEVELOPMENT";
   options.configDir = configDir;
   options.cacheKey = cacheKey;
@@ -12298,7 +12345,7 @@ async function loadStorybook(options) {
     validateFrameworkName2(frameworkName);
   }
   if (frameworkName) {
-    corePresets.push(join8(frameworkName, "preset"));
+    corePresets.push(join(frameworkName, "preset"));
   }
   frameworkName = frameworkName || "custom";
   let presets = await loadAllPresets3({
@@ -12313,7 +12360,7 @@ async function loadStorybook(options) {
   const resolvedRenderer = renderer && resolveAddonName3(options.configDir, renderer, options);
   presets = await loadAllPresets3({
     corePresets: [
-      join8(resolvePackageDir("storybook"), "dist/core-server/presets/common-preset.js"),
+      join(resolvePackageDir("storybook"), "dist/core-server/presets/common-preset.js"),
       ...resolvedRenderer ? [resolvedRenderer] : [],
       ...corePresets
     ],
@@ -12359,7 +12406,7 @@ var buildIndex = /* @__PURE__ */ __name(async (options) => {
 var buildIndexStandalone = /* @__PURE__ */ __name(async (options) => {
   const index = await buildIndex(options);
   logger12.info(`Writing index to ${options.outputFile}`);
-  await writeFile3(options.outputFile, JSON.stringify(index));
+  await writeFile4(options.outputFile, JSON.stringify(index));
 }, "buildIndexStandalone");
 
 // src/core-server/standalone.ts