storybook 9.1.0-beta.1 → 9.1.0-beta.3

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.1";
+var wt = "9.1.0-beta.3";
 
 // 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.1";
+var ut = "9.1.0-beta.3";
 
 // src/cli/globalSettings.ts
 var Pe = J(Yn(), 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "9.1.0-beta.1",
+  "version": "9.1.0-beta.3",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -567,6 +567,7 @@
     "react-transition-group": "^4.4.5",
     "require-from-string": "^2.0.2",
     "resolve-from": "^5.0.0",
+    "resolve.exports": "^2.0.3",
     "sirv": "^2.0.4",
     "slash": "^5.0.0",
     "source-map": "^0.7.4",