storybook 9.1.0-beta.2 → 9.1.0

package/dist/manager/globals-runtime.js

@@ -69014,7 +69014,7 @@ Ct();
 var Ome = N(Wa(), 1), Nn = N(Pme(), 1);
 
 // src/manager-api/version.ts
-var Tme = "9.1.0-beta.2";
+var Tme = "9.1.0";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: bst } = Z, Ame = (0, Ome.default)(1)(() => {

package/dist/manager/runtime.js

@@ -11560,19 +11560,19 @@ var qI = ["active", "critical", "negative", "positive", "warning"], $o, YI = /*
     r.onload = () => i({ href: o, status: t }), r.onerror = () => i({ href: $o, status: t }), r.src = o;
   });
 }, "getFaviconUrl"), zd = /* @__PURE__ */ a((e) => {
-  let t = U(document.head.querySelector("link[rel*='icon']"));
+  let t = U(document.head.querySelectorAll("link[rel*='icon']"));
   H(() => {
-    let o = t.current;
-    if (o)
-      return YI(o.href, e).then(
-        (i) => {
-          i.status === e && (o.href = i.href, o.dataset.status = i.status);
+    let o = !0, [i, ...r] = t.current;
+    if (i && !r.length)
+      return YI(i.href, e).then(
+        (n) => {
+          o && n.status === e && i.dataset.status !== e && (i.href = n.href, n.status ? i.dataset.status = n.status : delete i.dataset.status);
         },
         () => {
-          o.href = $o;
+          o && (i.href = $o);
         }
       ), () => {
-        o.href = $o;
+        o = !1, i.href = $o;
       };
   }, [e]);
 }, "useDynamicFavicon");

package/dist/manager-api/index.cjs

@@ -4403,7 +4403,7 @@ U(wr, {
 var kt = require("@storybook/global"), on = L(rr(), 1), $ = L(require("semver"), 1);
 
 // src/manager-api/version.ts
-var tn = "9.1.0-beta.2";
+var tn = "9.1.0";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: Qs } = kt.global, rn = (0, on.default)(1)(() => {

package/dist/manager-api/index.js

@@ -3217,7 +3217,7 @@ import { global as Sr } from "@storybook/global";
 import $ from "semver";
 
 // src/manager-api/version.ts
-var No = "9.1.0-beta.2";
+var No = "9.1.0";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: ca } = Sr, jo = (0, ko.default)(1)(() => {

package/dist/preview/runtime.js

@@ -41682,13 +41682,21 @@ var NR = class NR {
     this.teardownRender = /* @__PURE__ */ o(() => {
     }, "teardownRender");
     this.torndown = !1;
-    this.abortController = new NU(), u && (this.story = u, this.phase = "preparing");
+    this.abortController = new NU(), this.renderId = Date.now(), u && (this.story = u, this.phase = "preparing");
   }
   async runPhase(t, r, n) {
-    this.phase = r, this.channel.emit(jt, { newPhase: this.phase, storyId: this.id }), n && (await n(), this.checkIfAborted(t));
+    this.phase = r, this.channel.emit(jt, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), n && (await n(), this.checkIfAborted(t));
   }
   checkIfAborted(t) {
-    return t.aborted ? (this.phase = "aborted", this.channel.emit(jt, { newPhase: this.phase, storyId: this.id }), !0) : !1;
+    return t.aborted ? (this.phase = "aborted", this.channel.emit(jt, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), !0) : !1;
   }
   async prepare() {
     if (await this.runPhase(this.abortController.signal, "preparing", async () => {
@@ -42321,7 +42329,7 @@ var LR = class LR {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = n.id;
+    this.id = n.id, this.renderId = Date.now();
   }
   isPreparing() {
     return this.preparing;
@@ -42390,7 +42398,7 @@ var FR = class FR {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = n.id;
+    this.id = n.id, this.renderId = Date.now();
   }
   isPreparing() {
     return this.preparing;
@@ -42681,18 +42689,16 @@ var $R = class $R extends Qn {
   }
   // renderException is used if we fail to render the story and it is uncaught by the app layer
   renderException(r, n) {
-    let { name: i = "Error", message: s = String(n), stack: a } = n;
-    this.channel.emit(rb, { name: i, message: s, stack: a }), this.channel.emit(jt, { newPhase: "errored", storyId: r }), this.view.showErrorDisplay(
-    n), se.error(`Error rendering story '${r}':`), se.error(n);
+    let { name: i = "Error", message: s = String(n), stack: a } = n, l = this.currentRender?.renderId;
+    this.channel.emit(rb, { name: i, message: s, stack: a }), this.channel.emit(jt, { newPhase: "errored", renderId: l, storyId: r }), this.
+    view.showErrorDisplay(n), se.error(`Error rendering story '${r}':`), se.error(n);
   }
   // renderError is used by the various app layers to inform the user they have done something
   // wrong -- for instance returned the wrong thing from a story
   renderError(r, { title: n, description: i }) {
-    se.error(`Error rendering story ${n}: ${i}`), this.channel.emit(Qy, { title: n, description: i }), this.channel.emit(jt, { newPhase: "er\
-rored", storyId: r }), this.view.showErrorDisplay({
-      message: n,
-      stack: i
-    });
+    let s = this.currentRender?.renderId;
+    this.channel.emit(Qy, { title: n, description: i }), this.channel.emit(jt, { newPhase: "errored", renderId: s, storyId: r }), this.view.
+    showErrorDisplay({ message: n, stack: i }), se.error(`Error rendering story ${n}: ${i}`);
   }
 };
 o($R, "PreviewWithSelection");

package/dist/preview-api/index.cjs

@@ -3851,18 +3851,24 @@ var be = class {
     this.teardownRender = /* @__PURE__ */ s(() => {
     }, "teardownRender");
     this.torndown = !1;
-    this.abortController = new yn(), d && (this.story = d, this.phase = "preparing");
+    this.abortController = new yn(), this.renderId = Date.now(), d && (this.story = d, this.phase = "preparing");
   }
   static {
     s(this, "StoryRender");
   }
   async runPhase(e, t, o) {
-    this.phase = t, this.channel.emit(z.STORY_RENDER_PHASE_CHANGED, { newPhase: this.phase, storyId: this.id }), o && (await o(), this.checkIfAborted(
-    e));
+    this.phase = t, this.channel.emit(z.STORY_RENDER_PHASE_CHANGED, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), o && (await o(), this.checkIfAborted(e));
   }
   checkIfAborted(e) {
-    return e.aborted ? (this.phase = "aborted", this.channel.emit(z.STORY_RENDER_PHASE_CHANGED, { newPhase: this.phase, storyId: this.id }),
-    !0) : !1;
+    return e.aborted ? (this.phase = "aborted", this.channel.emit(z.STORY_RENDER_PHASE_CHANGED, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), !0) : !1;
   }
   async prepare() {
     if (await this.runPhase(this.abortController.signal, "preparing", async () => {
@@ -4518,7 +4524,7 @@ var Ye = class {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = o.id;
+    this.id = o.id, this.renderId = Date.now();
   }
   static {
     s(this, "CsfDocsRender");
@@ -4589,7 +4595,7 @@ var Ke = class {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = o.id;
+    this.id = o.id, this.renderId = Date.now();
   }
   static {
     s(this, "MdxDocsRender");
@@ -4885,18 +4891,16 @@ var Te = class extends Se {
   }
   // renderException is used if we fail to render the story and it is uncaught by the app layer
   renderException(t, o) {
-    let { name: n = "Error", message: i = String(o), stack: a } = o;
+    let { name: n = "Error", message: i = String(o), stack: a } = o, l = this.currentRender?.renderId;
     this.channel.emit(E.STORY_THREW_EXCEPTION, { name: n, message: i, stack: a }), this.channel.emit(E.STORY_RENDER_PHASE_CHANGED, { newPhase: "\
-errored", storyId: t }), this.view.showErrorDisplay(o), Xe.logger.error(`Error rendering story '${t}':`), Xe.logger.error(o);
+errored", renderId: l, storyId: t }), this.view.showErrorDisplay(o), Xe.logger.error(`Error rendering story '${t}':`), Xe.logger.error(o);
   }
   // renderError is used by the various app layers to inform the user they have done something
   // wrong -- for instance returned the wrong thing from a story
   renderError(t, { title: o, description: n }) {
-    Xe.logger.error(`Error rendering story ${o}: ${n}`), this.channel.emit(E.STORY_ERRORED, { title: o, description: n }), this.channel.emit(
-    E.STORY_RENDER_PHASE_CHANGED, { newPhase: "errored", storyId: t }), this.view.showErrorDisplay({
-      message: o,
-      stack: n
-    });
+    let i = this.currentRender?.renderId;
+    this.channel.emit(E.STORY_ERRORED, { title: o, description: n }), this.channel.emit(E.STORY_RENDER_PHASE_CHANGED, { newPhase: "errored",
+    renderId: i, storyId: t }), this.view.showErrorDisplay({ message: o, stack: n }), Xe.logger.error(`Error rendering story ${o}: ${n}`);
   }
 };
 

package/dist/preview-api/index.d.ts

@@ -638,6 +638,7 @@ type RenderType = 'story' | 'docs';
  * - Tracking what is rendered to know if a change requires re-rendering or teardown + recreation.
  */
 interface Render<TRenderer extends Renderer> {
+    renderId: number;
     type: RenderType;
     id: StoryId;
     isPreparing: () => boolean;
@@ -666,6 +667,7 @@ declare class CsfDocsRender<TRenderer extends Renderer> implements Render<TRende
     protected store: StoryStore<TRenderer>;
     entry: IndexEntry;
     private callbacks;
+    readonly renderId: number;
     readonly type: RenderType;
     readonly subtype = "csf";
     readonly id: StoryId;
@@ -704,6 +706,7 @@ declare class MdxDocsRender<TRenderer extends Renderer> implements Render<TRende
     protected store: StoryStore<TRenderer>;
     entry: IndexEntry;
     private callbacks;
+    readonly renderId: number;
     readonly type: RenderType;
     readonly subtype = "mdx";
     readonly id: StoryId;
@@ -736,6 +739,7 @@ declare class StoryRender<TRenderer extends Renderer> implements Render<TRendere
     id: StoryId;
     viewMode: StoryContext<TRenderer>['viewMode'];
     renderOptions: StoryRenderOptions;
+    readonly renderId: number;
     type: RenderType;
     story?: PreparedStory<TRenderer>;
     phase?: RenderPhase;

package/dist/preview-api/index.js

@@ -3851,13 +3851,21 @@ var Jr = class Jr {
     this.teardownRender = /* @__PURE__ */ n(() => {
     }, "teardownRender");
     this.torndown = !1;
-    this.abortController = new Io(), c && (this.story = c, this.phase = "preparing");
+    this.abortController = new Io(), this.renderId = Date.now(), c && (this.story = c, this.phase = "preparing");
   }
   async runPhase(e, t, o) {
-    this.phase = t, this.channel.emit(Fo, { newPhase: this.phase, storyId: this.id }), o && (await o(), this.checkIfAborted(e));
+    this.phase = t, this.channel.emit(Fo, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), o && (await o(), this.checkIfAborted(e));
   }
   checkIfAborted(e) {
-    return e.aborted ? (this.phase = "aborted", this.channel.emit(Fo, { newPhase: this.phase, storyId: this.id }), !0) : !1;
+    return e.aborted ? (this.phase = "aborted", this.channel.emit(Fo, {
+      newPhase: this.phase,
+      renderId: this.renderId,
+      storyId: this.id
+    }), !0) : !1;
   }
   async prepare() {
     if (await this.runPhase(this.abortController.signal, "preparing", async () => {
@@ -4535,7 +4543,7 @@ var rt = class rt {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = o.id;
+    this.id = o.id, this.renderId = Date.now();
   }
   isPreparing() {
     return this.preparing;
@@ -4605,7 +4613,7 @@ var tt = class tt {
     this.torndown = !1;
     this.disableKeyListeners = !1;
     this.preparing = !1;
-    this.id = o.id;
+    this.id = o.id, this.renderId = Date.now();
   }
   isPreparing() {
     return this.preparing;
@@ -4896,18 +4904,16 @@ var st = class st extends Te {
   }
   // renderException is used if we fail to render the story and it is uncaught by the app layer
   renderException(t, o) {
-    let { name: s = "Error", message: i = String(o), stack: a } = o;
-    this.channel.emit(Vi, { name: s, message: i, stack: a }), this.channel.emit(Lo, { newPhase: "errored", storyId: t }), this.view.showErrorDisplay(
-    o), or.error(`Error rendering story '${t}':`), or.error(o);
+    let { name: s = "Error", message: i = String(o), stack: a } = o, l = this.currentRender?.renderId;
+    this.channel.emit(Vi, { name: s, message: i, stack: a }), this.channel.emit(Lo, { newPhase: "errored", renderId: l, storyId: t }), this.
+    view.showErrorDisplay(o), or.error(`Error rendering story '${t}':`), or.error(o);
   }
   // renderError is used by the various app layers to inform the user they have done something
   // wrong -- for instance returned the wrong thing from a story
   renderError(t, { title: o, description: s }) {
-    or.error(`Error rendering story ${o}: ${s}`), this.channel.emit(Gi, { title: o, description: s }), this.channel.emit(Lo, { newPhase: "er\
-rored", storyId: t }), this.view.showErrorDisplay({
-      message: o,
-      stack: s
-    });
+    let i = this.currentRender?.renderId;
+    this.channel.emit(Gi, { title: o, description: s }), this.channel.emit(Lo, { newPhase: "errored", renderId: i, storyId: t }), this.view.
+    showErrorDisplay({ message: o, stack: s }), or.error(`Error rendering story ${o}: ${s}`);
   }
 };
 n(st, "PreviewWithSelection");

package/dist/telemetry/index.cjs

@@ -4128,7 +4128,7 @@ async function Gn(t) {
 i(Gn, "findPackage");
 
 // package.json
-var wt = "9.1.0-beta.2";
+var wt = "9.1.0";
 
 // src/cli/globalSettings.ts
 var Rt = T(require("node:fs/promises"), 1), ws = require("node:os"), Zt = require("node:path"), Ne = T(gs(), 1);

package/dist/telemetry/index.js

@@ -4133,7 +4133,7 @@ async function In(t) {
 i(In, "findPackage");
 
 // package.json
-var ut = "9.1.0-beta.2";
+var ut = "9.1.0";
 
 // src/cli/globalSettings.ts
 var Pe = J(Yn(), 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "9.1.0-beta.2",
+  "version": "9.1.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"