storybook 9.0.0-beta.1 → 9.0.0-beta.11

package/dist/preview-errors.js

@@ -1,53 +1,53 @@
-var M = Object.defineProperty;
-var o = (t, n) => M(t, "name", { value: n, configurable: !0 });
+var ae = Object.defineProperty;
+var t = (u, r) => ae(u, "name", { value: r, configurable: !0 });
 
 // ../node_modules/ts-dedent/esm/index.js
-function a(t) {
-  for (var n = [], e = 1; e < arguments.length; e++)
-    n[e - 1] = arguments[e];
-  var i = Array.from(typeof t == "string" ? [t] : t);
-  i[i.length - 1] = i[i.length - 1].replace(/\r?\n([\t ]*)$/, "");
-  var p = i.reduce(function(c, h) {
-    var y = h.match(/\n([\t ]+|(?!\s).)/g);
-    return y ? c.concat(y.map(function(m) {
+function n(u) {
+  for (var r = [], e = 1; e < arguments.length; e++)
+    r[e - 1] = arguments[e];
+  var a = Array.from(typeof u == "string" ? [u] : u);
+  a[a.length - 1] = a[a.length - 1].replace(/\r?\n([\t ]*)$/, "");
+  var y = a.reduce(function(i, m) {
+    var p = m.match(/\n([\t ]+|(?!\s).)/g);
+    return p ? i.concat(p.map(function(E) {
       var d, l;
-      return (l = (d = m.match(/[\t ]/g)) === null || d === void 0 ? void 0 : d.length) !== null && l !== void 0 ? l : 0;
-    })) : c;
+      return (l = (d = E.match(/[\t ]/g)) === null || d === void 0 ? void 0 : d.length) !== null && l !== void 0 ? l : 0;
+    })) : i;
   }, []);
-  if (p.length) {
-    var g = new RegExp(`
-[	 ]{` + Math.min.apply(Math, p) + "}", "g");
-    i = i.map(function(c) {
-      return c.replace(g, `
+  if (y.length) {
+    var h = new RegExp(`
+[	 ]{` + Math.min.apply(Math, y) + "}", "g");
+    a = a.map(function(i) {
+      return i.replace(h, `
 `);
     });
   }
-  i[0] = i[0].replace(/^\r?\n/, "");
-  var u = i[0];
-  return n.forEach(function(c, h) {
-    var y = u.match(/(?:^|\n)( *)$/), m = y ? y[1] : "", d = c;
-    typeof c == "string" && c.includes(`
-`) && (d = String(c).split(`
-`).map(function(l, j) {
-      return j === 0 ? l : "" + m + l;
+  a[0] = a[0].replace(/^\r?\n/, "");
+  var c = a[0];
+  return r.forEach(function(i, m) {
+    var p = c.match(/(?:^|\n)( *)$/), E = p ? p[1] : "", d = i;
+    typeof i == "string" && i.includes(`
+`) && (d = String(i).split(`
+`).map(function(l, ne) {
+      return ne === 0 ? l : "" + E + l;
     }).join(`
-`)), u += d + i[h + 1];
-  }), u;
+`)), c += d + a[m + 1];
+  }), c;
 }
-o(a, "dedent");
+t(n, "dedent");
 
 // src/storybook-error.ts
-function E({
-  code: t,
-  category: n
+function j({
+  code: u,
+  category: r
 }) {
-  let e = String(t).padStart(4, "0");
-  return `SB_${n}_${e}`;
+  let e = String(u).padStart(4, "0");
+  return `SB_${r}_${e}`;
 }
-o(E, "parseErrorCode");
-var s = class t extends Error {
+t(j, "parseErrorCode");
+var g = class g extends Error {
   constructor(e) {
-    super(t.getFullMessage(e));
+    super(g.getFullMessage(e));
     /**
      * Data associated with the error. Used to provide additional information in the error message or
      * to be passed to telemetry.
@@ -57,11 +57,8 @@ var s = class t extends Error {
     this.fromStorybook = !0;
     this.category = e.category, this.documentation = e.documentation ?? !1, this.code = e.code;
   }
-  static {
-    o(this, "StorybookError");
-  }
   get fullErrorCode() {
-    return E({ code: this.code, category: this.category });
+    return j({ code: this.code, category: this.category });
   }
   /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
   get name() {
@@ -71,33 +68,35 @@ var s = class t extends Error {
   /** Generates the error message along with additional documentation link (if applicable). */
   static getFullMessage({
     documentation: e,
-    code: i,
-    category: p,
-    message: g
+    code: a,
+    category: y,
+    message: h
   }) {
-    let u;
-    return e === !0 ? u = `https://storybook.js.org/error/${E({ code: i, category: p })}` : typeof e == "string" ? u = e : Array.isArray(e) &&
-    (u = `
-${e.map((c) => `	- ${c}`).join(`
-`)}`), `${g}${u != null ? `
+    let c;
+    return e === !0 ? c = `https://storybook.js.org/error/${j({ code: a, category: y })}` : typeof e == "string" ? c = e : Array.isArray(e) &&
+    (c = `
+${e.map((i) => `	- ${i}`).join(`
+`)}`), `${h}${c != null ? `
 
-More info: ${u}
+More info: ${c}
 ` : ""}`;
   }
 };
+t(g, "StorybookError");
+var o = g;
 
 // src/preview-errors.ts
-var L = /* @__PURE__ */ ((r) => (r.BLOCKS = "BLOCKS", r.DOCS_TOOLS = "DOCS-TOOLS", r.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", r.PREVIEW_CHANNELS =
-"PREVIEW_CHANNELS", r.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", r.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", r.PREVIEW_API = "PREVIEW\
-_API", r.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", r.PREVIEW_ROUTER = "PREVIEW_ROUTER", r.PREVIEW_THEMING = "PREVIEW_THEMING", r.RENDERER_HTML =
-"RENDERER_HTML", r.RENDERER_PREACT = "RENDERER_PREACT", r.RENDERER_REACT = "RENDERER_REACT", r.RENDERER_SERVER = "RENDERER_SERVER", r.RENDERER_SVELTE =
-"RENDERER_SVELTE", r.RENDERER_VUE = "RENDERER_VUE", r.RENDERER_VUE3 = "RENDERER_VUE3", r.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS",
-r.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", r.ADDON_VITEST = "ADDON_VITEST", r.ADDON_A11Y = "ADDON_A11Y", r))(L || {}), f = class extends s {
+var ie = /* @__PURE__ */ ((s) => (s.BLOCKS = "BLOCKS", s.DOCS_TOOLS = "DOCS-TOOLS", s.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", s.PREVIEW_CHANNELS =
+"PREVIEW_CHANNELS", s.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", s.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", s.PREVIEW_API = "PREVIEW\
+_API", s.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", s.PREVIEW_ROUTER = "PREVIEW_ROUTER", s.PREVIEW_THEMING = "PREVIEW_THEMING", s.RENDERER_HTML =
+"RENDERER_HTML", s.RENDERER_PREACT = "RENDERER_PREACT", s.RENDERER_REACT = "RENDERER_REACT", s.RENDERER_SERVER = "RENDERER_SERVER", s.RENDERER_SVELTE =
+"RENDERER_SVELTE", s.RENDERER_VUE = "RENDERER_VUE", s.RENDERER_VUE3 = "RENDERER_VUE3", s.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS",
+s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s.ADDON_VITEST = "ADDON_VITEST", s.ADDON_A11Y = "ADDON_A11Y", s))(ie || {}), f = class f extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 1,
-      message: a`
+      message: n`
         Couldn't find story matching id '${e.storyId}' after HMR.
         - Did you just rename a story?
         - Did you remove it from your CSF file?
@@ -107,17 +106,16 @@ r.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", r.ADDON_VITEST = "ADDON_VITEST", r.ADDO
     });
     this.data = e;
   }
-  static {
-    o(this, "MissingStoryAfterHmrError");
-  }
-}, R = class extends s {
+};
+t(f, "MissingStoryAfterHmrError");
+var L = f, b = class b extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 2,
       documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-\
 for-example-in-the-play-function",
-      message: a`
+      message: n`
         We detected that you use an implicit action arg while ${e.phase} of your story.  
         ${e.deprecated ? `
 This is deprecated and won't work in Storybook 8 anymore.
@@ -131,44 +129,41 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "ImplicitActionsDuringRendering");
-  }
-}, b = class extends s {
-  static {
-    o(this, "CalledExtractOnStoreError");
-  }
+};
+t(b, "ImplicitActionsDuringRendering");
+var Y = b, R = class R extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 3,
-      message: a`
+      message: n`
         Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first.
 
         You probably meant to call \`await preview.extract()\` which does the above for you.`
     });
   }
-}, I = class extends s {
-  static {
-    o(this, "MissingRenderToCanvasError");
-  }
+};
+t(R, "CalledExtractOnStoreError");
+var G = R, I = class I extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 4,
-      message: a`
+      message: n`
         Expected your framework's preset to export a \`renderToCanvas\` field.
 
         Perhaps it needs to be upgraded for Storybook 7.0?`,
       documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field"
     });
   }
-}, x = class extends s {
+};
+t(I, "MissingRenderToCanvasError");
+var F = I, x = class x extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 5,
-      message: a`
+      message: n`
         Called \`Preview.${e.methodName}()\` before initialization.
         
         The preview needs to load the story index before most methods can be called. If you want
@@ -179,15 +174,14 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "CalledPreviewMethodBeforeInitializationError");
-  }
-}, _ = class extends s {
+};
+t(x, "CalledPreviewMethodBeforeInitializationError");
+var H = x, P = class P extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 6,
-      message: a`
+      message: n`
         Error fetching \`/index.json\`:
         
         ${e.text}
@@ -200,15 +194,14 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "StoryIndexFetchError");
-  }
-}, S = class extends s {
+};
+t(P, "StoryIndexFetchError");
+var M = P, w = class w extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 7,
-      message: a`
+      message: n`
         Tried to render docs entry ${e.storyId} but it is a MDX file that has no CSF
         references, or autodocs for a CSF file that some doesn't refer to itself.
         
@@ -217,30 +210,28 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "MdxFileWithNoCsfReferencesError");
-  }
-}, P = class extends s {
-  static {
-    o(this, "EmptyIndexError");
-  }
+};
+t(w, "MdxFileWithNoCsfReferencesError");
+var K = w, T = class T extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 8,
-      message: a`
+      message: n`
         Couldn't find any stories in your Storybook.
 
         - Please check your stories field of your main.js config: does it match correctly?
         - Also check the browser console and terminal for error messages.`
     });
   }
-}, w = class extends s {
+};
+t(T, "EmptyIndexError");
+var X = T, S = class S extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 9,
-      message: a`
+      message: n`
         Couldn't find story matching '${e.storySpecifier}'.
 
         - Are you sure a story with that id exists?
@@ -249,15 +240,14 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "NoStoryMatchError");
-  }
-}, T = class extends s {
+};
+t(S, "NoStoryMatchError");
+var U = S, k = class k extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 10,
-      message: a`
+      message: n`
         Couldn't find story matching id '${e.storyId}' after importing a CSF file.
 
         The file was indexed as if the story was there, but then after importing the file in the browser
@@ -269,30 +259,28 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "MissingStoryFromCsfFileError");
-  }
-}, k = class extends s {
-  static {
-    o(this, "StoryStoreAccessedBeforeInitializationError");
-  }
+};
+t(k, "MissingStoryFromCsfFileError");
+var J = k, v = class v extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 11,
-      message: a`
+      message: n`
         Cannot access the Story Store until the index is ready.
 
         It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will
         remove access to the store entirely`
     });
   }
-}, N = class extends s {
+};
+t(v, "StoryStoreAccessedBeforeInitializationError");
+var q = v, _ = class _ extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 12,
-      message: a`
+      message: n`
       Incorrect use of mount in the play function.
       
       To use mount in the play function, you must satisfy the following two requirements: 
@@ -313,32 +301,27 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "MountMustBeDestructuredError");
-  }
-}, v = class extends s {
+};
+t(_, "MountMustBeDestructuredError");
+var z = _, N = class N extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 14,
-      message: a`
+      message: n`
         No render function available for storyId '${e.id}'
       `
     });
     this.data = e;
   }
-  static {
-    o(this, "NoRenderFunctionError");
-  }
-}, A = class extends s {
-  static {
-    o(this, "NoStoryMountedError");
-  }
+};
+t(N, "NoRenderFunctionError");
+var B = N, V = class V extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 15,
-      message: a`
+      message: n`
         No component is mounted in your story.
         
         This usually occurs when you destructure mount in the play function, but forget to call it.
@@ -356,7 +339,9 @@ This is deprecated and won't work in Storybook 8 anymore.
       `
     });
   }
-}, V = class extends s {
+};
+t(V, "NoStoryMountedError");
+var Q = V, A = class A extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
@@ -369,46 +354,43 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "StatusTypeIdMismatchError");
-  }
-}, O = class extends s {
-  static {
-    o(this, "NextJsSharpError");
-  }
+};
+t(A, "StatusTypeIdMismatchError");
+var Z = A, O = class O extends o {
   constructor() {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 1,
       documentation: "https://storybook.js.org/docs/get-started/nextjs#faq",
-      message: a`
+      message: n`
       You are importing avif images, but you don't have sharp installed.
 
       You have to install sharp in order to use image optimization features in Next.js.
       `
     });
   }
-}, W = class extends s {
+};
+t(O, "NextJsSharpError");
+var ee = O, W = class W extends o {
   constructor(e) {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 2,
-      message: a`
+      message: n`
         Tried to access router mocks from "${e.importType}" but they were not created yet. You might be running code in an unsupported environment.
       `
     });
     this.data = e;
   }
-  static {
-    o(this, "NextjsRouterMocksNotAvailable");
-  }
-}, $ = class extends s {
+};
+t(W, "NextjsRouterMocksNotAvailable");
+var te = W, $ = class $ extends o {
   constructor(e) {
     super({
       category: "DOCS-TOOLS",
       code: 1,
       documentation: "https://github.com/storybookjs/storybook/issues/26606",
-      message: a`
+      message: n`
         There was a failure when generating detailed ArgTypes in ${e.language} for:
         ${JSON.stringify(e.type, null, 2)} 
         
@@ -420,17 +402,16 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "UnknownArgTypesError");
-  }
-}, D = class extends s {
+};
+t($, "UnknownArgTypesError");
+var oe = $, D = class D extends o {
   constructor(e) {
     super({
       category: "ADDON_VITEST",
       code: 1,
       // TODO: Add documentation about viewports support
       // documentation: '',
-      message: a`
+      message: n`
         Encountered an unsupported value "${e.value}" when setting the viewport ${e.dimension} dimension.
         
         The Storybook plugin only supports values in the following units:
@@ -441,13 +422,9 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-  static {
-    o(this, "UnsupportedViewportDimensionError");
-  }
-}, C = class extends s {
-  static {
-    o(this, "ElementA11yParameterError");
-  }
+};
+t(D, "UnsupportedViewportDimensionError");
+var se = D, C = class C extends o {
   constructor() {
     super({
       category: "ADDON_A11Y",
@@ -458,26 +435,28 @@ meter",
     });
   }
 };
+t(C, "ElementA11yParameterError");
+var re = C;
 export {
-  b as CalledExtractOnStoreError,
-  x as CalledPreviewMethodBeforeInitializationError,
-  L as Category,
-  C as ElementA11yParameterError,
-  P as EmptyIndexError,
-  R as ImplicitActionsDuringRendering,
-  S as MdxFileWithNoCsfReferencesError,
-  I as MissingRenderToCanvasError,
-  f as MissingStoryAfterHmrError,
-  T as MissingStoryFromCsfFileError,
-  N as MountMustBeDestructuredError,
-  O as NextJsSharpError,
-  W as NextjsRouterMocksNotAvailable,
-  v as NoRenderFunctionError,
-  w as NoStoryMatchError,
-  A as NoStoryMountedError,
-  V as StatusTypeIdMismatchError,
-  _ as StoryIndexFetchError,
-  k as StoryStoreAccessedBeforeInitializationError,
-  $ as UnknownArgTypesError,
-  D as UnsupportedViewportDimensionError
+  G as CalledExtractOnStoreError,
+  H as CalledPreviewMethodBeforeInitializationError,
+  ie as Category,
+  re as ElementA11yParameterError,
+  X as EmptyIndexError,
+  Y as ImplicitActionsDuringRendering,
+  K as MdxFileWithNoCsfReferencesError,
+  F as MissingRenderToCanvasError,
+  L as MissingStoryAfterHmrError,
+  J as MissingStoryFromCsfFileError,
+  z as MountMustBeDestructuredError,
+  ee as NextJsSharpError,
+  te as NextjsRouterMocksNotAvailable,
+  B as NoRenderFunctionError,
+  U as NoStoryMatchError,
+  Q as NoStoryMountedError,
+  Z as StatusTypeIdMismatchError,
+  M as StoryIndexFetchError,
+  q as StoryStoreAccessedBeforeInitializationError,
+  oe as UnknownArgTypesError,
+  se as UnsupportedViewportDimensionError
 };