storybook 9.0.0-alpha.20 → 9.0.0-alpha.21

package/dist/server-errors.js

@@ -4,20 +4,20 @@ import { dirname as ESM_COMPAT_dirname } from 'node:path';
 const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
 const __dirname = ESM_COMPAT_dirname(__filename);
 const require = ESM_COMPAT_Module.createRequire(import.meta.url);
-var ie = Object.create;
+var ce = Object.create;
 var R = Object.defineProperty;
-var ce = Object.getOwnPropertyDescriptor;
-var ue = Object.getOwnPropertyNames;
-var le = Object.getPrototypeOf, me = Object.prototype.hasOwnProperty;
+var ue = Object.getOwnPropertyDescriptor;
+var le = Object.getOwnPropertyNames;
+var me = Object.getPrototypeOf, de = Object.prototype.hasOwnProperty;
 var r = (t, e) => R(t, "name", { value: e, configurable: !0 });
 var O = (t, e) => () => (e || t((e = { exports: {} }).exports, e), e.exports);
-var de = (t, e, o, n) => {
+var ge = (t, e, o, n) => {
   if (e && typeof e == "object" || typeof e == "function")
-    for (let c of ue(e))
-      !me.call(t, c) && c !== o && R(t, c, { get: () => e[c], enumerable: !(n = ce(e, c)) || n.enumerable });
+    for (let c of le(e))
+      !de.call(t, c) && c !== o && R(t, c, { get: () => e[c], enumerable: !(n = ue(e, c)) || n.enumerable });
   return t;
 };
-var A = (t, e, o) => (o = t != null ? ie(le(t)) : {}, de(
+var A = (t, e, o) => (o = t != null ? ce(me(t)) : {}, ge(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
@@ -27,19 +27,19 @@ var A = (t, e, o) => (o = t != null ? ie(le(t)) : {}, de(
 ));
 
 // ../node_modules/picocolors/picocolors.js
-var w = O((Ee, k) => {
+var C = O((fe, k) => {
   var E = process || {}, _ = E.argv || [], h = E.env || {}, be = !(h.NO_COLOR || _.includes("--no-color")) && (!!h.FORCE_COLOR || _.includes(
-  "--color") || E.platform === "win32" || (E.stdout || {}).isTTY && h.TERM !== "dumb" || !!h.CI), ge = /* @__PURE__ */ r((t, e, o = t) => (n) => {
+  "--color") || E.platform === "win32" || (E.stdout || {}).isTTY && h.TERM !== "dumb" || !!h.CI), pe = /* @__PURE__ */ r((t, e, o = t) => (n) => {
     let c = "" + n, u = c.indexOf(e, t.length);
-    return ~u ? t + pe(c, e, o, u) + e : t + c + e;
-  }, "formatter"), pe = /* @__PURE__ */ r((t, e, o, n) => {
+    return ~u ? t + ye(c, e, o, u) + e : t + c + e;
+  }, "formatter"), ye = /* @__PURE__ */ r((t, e, o, n) => {
     let c = "", u = 0;
     do
       c += t.substring(u, n) + o, u = n + e.length, n = t.indexOf(e, u);
     while (~n);
     return c + t.substring(u);
-  }, "replaceClose"), C = /* @__PURE__ */ r((t = be) => {
-    let e = t ? ge : () => String;
+  }, "replaceClose"), w = /* @__PURE__ */ r((t = be) => {
+    let e = t ? pe : () => String;
     return {
       isColorSupported: t,
       reset: e("\x1B[0m", "\x1B[0m"),
@@ -85,12 +85,12 @@ var w = O((Ee, k) => {
       bgWhiteBright: e("\x1B[107m", "\x1B[49m")
     };
   }, "createColors");
-  k.exports = C();
-  k.exports.createColors = C;
+  k.exports = w();
+  k.exports.createColors = w;
 });
 
 // ../node_modules/ts-dedent/dist/index.js
-var M = O((y) => {
+var S = O((y) => {
   "use strict";
   Object.defineProperty(y, "__esModule", { value: !0 });
   y.dedent = void 0;
@@ -99,11 +99,11 @@ var M = O((y) => {
       e[o - 1] = arguments[o];
     var n = Array.from(typeof t == "string" ? [t] : t);
     n[n.length - 1] = n[n.length - 1].replace(/\r?\n([\t ]*)$/, "");
-    var c = n.reduce(function(m, x) {
-      var p = x.match(/\n([\t ]+|(?!\s).)/g);
-      return p ? m.concat(p.map(function(f) {
-        var b, g;
-        return (g = (b = f.match(/[\t ]/g)) === null || b === void 0 ? void 0 : b.length) !== null && g !== void 0 ? g : 0;
+    var c = n.reduce(function(m, f) {
+      var p = f.match(/\n([\t ]+|(?!\s).)/g);
+      return p ? m.concat(p.map(function(x) {
+        var g, b;
+        return (b = (g = x.match(/[\t ]/g)) === null || g === void 0 ? void 0 : g.length) !== null && b !== void 0 ? b : 0;
       })) : m;
     }, []);
     if (c.length) {
@@ -116,14 +116,14 @@ var M = O((y) => {
     }
     n[0] = n[0].replace(/^\r?\n/, "");
     var d = n[0];
-    return e.forEach(function(m, x) {
-      var p = d.match(/(?:^|\n)( *)$/), f = p ? p[1] : "", b = m;
+    return e.forEach(function(m, f) {
+      var p = d.match(/(?:^|\n)( *)$/), x = p ? p[1] : "", g = m;
       typeof m == "string" && m.includes(`
-`) && (b = String(m).split(`
-`).map(function(g, ae) {
-        return ae === 0 ? g : "" + f + g;
+`) && (g = String(m).split(`
+`).map(function(b, ie) {
+        return ie === 0 ? b : "" + x + b;
       }).join(`
-`)), d += b + n[x + 1];
+`)), d += g + n[f + 1];
     }), d;
   }
   r(I, "dedent");
@@ -132,17 +132,17 @@ var M = O((y) => {
 });
 
 // src/server-errors.ts
-var l = A(w(), 1), i = A(M(), 1);
+var l = A(C(), 1), i = A(S(), 1);
 
 // src/storybook-error.ts
-function S({
+function M({
   code: t,
   category: e
 }) {
   let o = String(t).padStart(4, "0");
   return `SB_${e}_${o}`;
 }
-r(S, "parseErrorCode");
+r(M, "parseErrorCode");
 var a = class t extends Error {
   constructor(o) {
     super(t.getFullMessage(o));
@@ -159,7 +159,7 @@ var a = class t extends Error {
     r(this, "StorybookError");
   }
   get fullErrorCode() {
-    return S({ code: this.code, category: this.category });
+    return M({ code: this.code, category: this.category });
   }
   /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
   get name() {
@@ -174,7 +174,7 @@ var a = class t extends Error {
     message: u
   }) {
     let d;
-    return o === !0 ? d = `https://storybook.js.org/error/${S({ code: n, category: c })}` : typeof o == "string" ? d = o : Array.isArray(o) &&
+    return o === !0 ? d = `https://storybook.js.org/error/${M({ code: n, category: c })}` : typeof o == "string" ? d = o : Array.isArray(o) &&
     (d = `
 ${o.map((m) => `	- ${m}`).join(`
 `)}`), `${u}${d != null ? `
@@ -185,7 +185,7 @@ More info: ${d}
 };
 
 // src/server-errors.ts
-var ye = /* @__PURE__ */ ((s) => (s.CLI = "CLI", s.CLI_INIT = "CLI_INIT", s.CLI_AUTOMIGRATE = "CLI_AUTOMIGRATE", s.CLI_UPGRADE = "CLI_UPGRAD\
+var he = /* @__PURE__ */ ((s) => (s.CLI = "CLI", s.CLI_INIT = "CLI_INIT", s.CLI_AUTOMIGRATE = "CLI_AUTOMIGRATE", s.CLI_UPGRADE = "CLI_UPGRAD\
 E", s.CLI_ADD = "CLI_ADD", s.CODEMOD = "CODEMOD", s.CORE_SERVER = "CORE-SERVER", s.CSF_PLUGIN = "CSF-PLUGIN", s.CSF_TOOLS = "CSF-TOOLS", s.CORE_COMMON =
 "CORE-COMMON", s.NODE_LOGGER = "NODE-LOGGER", s.TELEMETRY = "TELEMETRY", s.BUILDER_MANAGER = "BUILDER-MANAGER", s.BUILDER_VITE = "BUILDER-VI\
 TE", s.BUILDER_WEBPACK5 = "BUILDER-WEBPACK5", s.SOURCE_LOADER = "SOURCE-LOADER", s.POSTINSTALL = "POSTINSTALL", s.DOCS_TOOLS = "DOCS-TOOLS",
@@ -195,7 +195,7 @@ FRAMEWORK_HTML-VITE", s.FRAMEWORK_HTML_WEBPACK5 = "FRAMEWORK_HTML-WEBPACK5", s.F
 "FRAMEWORK_REACT-WEBPACK5", s.FRAMEWORK_SERVER_WEBPACK5 = "FRAMEWORK_SERVER-WEBPACK5", s.FRAMEWORK_SVELTE_VITE = "FRAMEWORK_SVELTE-VITE", s.
 FRAMEWORK_SVELTEKIT = "FRAMEWORK_SVELTEKIT", s.FRAMEWORK_VUE_VITE = "FRAMEWORK_VUE-VITE", s.FRAMEWORK_VUE_WEBPACK5 = "FRAMEWORK_VUE-WEBPACK5",
 s.FRAMEWORK_VUE3_VITE = "FRAMEWORK_VUE3-VITE", s.FRAMEWORK_VUE3_WEBPACK5 = "FRAMEWORK_VUE3-WEBPACK5", s.FRAMEWORK_WEB_COMPONENTS_VITE = "FRA\
-MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WEB-COMPONENTS-WEBPACK5", s))(ye || {}), T = class extends a {
+MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WEB-COMPONENTS-WEBPACK5", s))(he || {}), T = class extends a {
   static {
     r(this, "NxProjectDetectedError");
   }
@@ -209,7 +209,7 @@ MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WE
         Run "nx g @nx/storybook:configuration" to add Storybook to your project.`
     });
   }
-}, v = class extends a {
+}, W = class extends a {
   static {
     r(this, "MissingFrameworkFieldError");
   }
@@ -224,7 +224,7 @@ MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WE
         Please run 'npx storybook automigrate' to automatically fix your config.`
     });
   }
-}, W = class extends a {
+}, v = class extends a {
   constructor(o) {
     super({
       category: "CORE-COMMON",
@@ -290,7 +290,7 @@ MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WE
         Please check your main configuration file and make sure it exports a 'stories' field that is not an empty array.`
     });
   }
-}, P = class extends a {
+}, N = class extends a {
   static {
     r(this, "WebpackMissingStatsError");
   }
@@ -307,7 +307,7 @@ MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WE
         Storybook needs Webpack stats (including errors) in order to build correctly.`
     });
   }
-}, N = class extends a {
+}, j = class extends a {
   constructor(o) {
     super({
       category: "BUILDER-WEBPACK5",
@@ -320,16 +320,16 @@ MEWORK_WEB-COMPONENTS-VITE", s.FRAMEWORK_WEB_COMPONENTS_WEBPACK5 = "FRAMEWORK_WE
     r(this, "WebpackInvocationError");
   }
 };
-function j(t = "") {
+function P(t = "") {
   return t.replace(/\u001B\[[0-9;]*m/g, "");
 }
-r(j, "removeAnsiEscapeCodes");
+r(P, "removeAnsiEscapeCodes");
 var V = class extends a {
   constructor(o) {
     o.errors = o.errors.map((n) => ({
       ...n,
-      message: j(n.message),
-      stack: j(n.stack),
+      message: P(n.message),
+      stack: P(n.stack),
       name: n.name
     }));
     super({
@@ -451,7 +451,7 @@ var V = class extends a {
   static {
     r(this, "GoogleFontsLoadingError");
   }
-}, H = class extends a {
+}, J = class extends a {
   static {
     r(this, "SvelteViteWithSvelteKitError");
   }
@@ -465,7 +465,7 @@ var V = class extends a {
         Please use the @storybook/sveltekit framework instead.`
     });
   }
-}, J = class extends a {
+}, X = class extends a {
   constructor(o) {
     super({
       category: "CORE-SERVER",
@@ -488,7 +488,7 @@ var V = class extends a {
   static {
     r(this, "NoMatchingExportError");
   }
-}, X = class extends a {
+}, H = class extends a {
   constructor(o) {
     let n = [
       `Storybook failed to load ${o.location}`,
@@ -708,10 +708,42 @@ var V = class extends a {
   static {
     r(this, "FindPackageVersionsError");
   }
+}, ae = class extends a {
+  constructor(o) {
+    super({
+      category: "FRAMEWORK_NEXTJS",
+      code: 3,
+      message: i.dedent`
+        Incompatible PostCSS configuration format detected.
+
+        Next.js uses an array-based format for plugins which is not compatible with Vite:
+        
+        // ❌ Incompatible format (used by Next.js)
+        const config = {
+          plugins: ["@tailwindcss/postcss"],
+        };
+        
+        Please transform your PostCSS config to use the object-based format, which is compatible with Next.js and Vite:
+        
+        // ✅ Compatible format (works with Next.js and Vite)
+        const config = {
+          plugins: {
+            "@tailwindcss/postcss": {},
+          },
+        };
+        
+        Original error: ${o.error.message}
+      `
+    });
+    this.data = o;
+  }
+  static {
+    r(this, "IncompatiblePostCssConfigError");
+  }
 };
 export {
   F as AngularLegacyBuildOptionsError,
-  ye as Category,
+  he as Category,
   L as ConflictingStaticDirConfigError,
   K as CouldNotEvaluateFrameworkError,
   D as CriticalPresetLoadError,
@@ -719,24 +751,25 @@ export {
   Z as GenerateNewProjectOnInitError,
   G as GoogleFontsDownloadError,
   Y as GoogleFontsLoadingError,
-  W as InvalidFrameworkNameError,
+  ae as IncompatiblePostCssConfigError,
+  v as InvalidFrameworkNameError,
   B as InvalidStoriesEntryError,
-  X as MainFileESMOnlyImportError,
+  H as MainFileESMOnlyImportError,
   q as MainFileEvaluationError,
   z as MainFileMissingError,
   $ as MissingAngularJsonError,
   U as MissingBuilderError,
-  v as MissingFrameworkFieldError,
-  J as NoMatchingExportError,
+  W as MissingFrameworkFieldError,
+  X as NoMatchingExportError,
   se as NoStatsForViteDevError,
   T as NxProjectDetectedError,
   Q as StatusTypeIdMismatchError,
-  H as SvelteViteWithSvelteKitError,
+  J as SvelteViteWithSvelteKitError,
   re as UpgradeStorybookInWrongWorkingDirectory,
   ee as UpgradeStorybookToLowerVersionError,
   oe as UpgradeStorybookToSameVersionError,
   te as UpgradeStorybookUnknownCurrentVersionError,
   V as WebpackCompilationError,
-  N as WebpackInvocationError,
-  P as WebpackMissingStatsError
+  j as WebpackInvocationError,
+  N as WebpackMissingStatsError
 };