executable-stories-react 0.7.0 → 0.8.0

package/dist/index.d.cts

@@ -75,7 +75,7 @@ interface ReportCoverageSummary {
     functionsPct?: number;
     statementsPct?: number;
 }
-type ReportDocEntry = ReportDocNote | ReportDocTag | ReportDocKv | ReportDocCode | ReportDocTable | ReportDocLink | ReportDocSection | ReportDocMermaid | ReportDocScreenshot | ReportDocVideo | ReportDocHtml | ReportDocCustom;
+type ReportDocEntry = ReportDocNote | ReportDocTag | ReportDocKv | ReportDocCode | ReportDocTable | ReportDocLink | ReportDocSection | ReportDocMermaid | ReportDocScreenshot | ReportDocVideo | ReportDocHtml | ReportDocState | ReportDocCustom;
 interface ReportDocNote {
     kind: "note";
     text: string;
@@ -161,6 +161,15 @@ interface ReportDocHtml {
     phase: DocPhase;
     children?: ReportDocEntry[];
 }
+interface ReportDocState {
+    kind: "state";
+    /** Entity name ("Basket") — diff identity across steps. Unlabeled states share one lane. */
+    label?: string;
+    /** JSON-serializable snapshot of the state at this step. */
+    value: unknown;
+    phase: DocPhase;
+    children?: ReportDocEntry[];
+}
 interface ReportDocCustom {
     kind: "custom";
     type: string;
@@ -373,16 +382,18 @@ interface ReportStoryboardProps {
     scenario: ReportScenario$1;
 }
 /**
- * Storyboard — a horizontal filmstrip of the scenario's step screenshots
+ * Storyboard — a horizontal filmstrip of the scenario's step evidence
  * (Given → When → Then), derived from the same step docs the vertical step
- * list renders. Each frame links to its step's anchor, where the full-size
- * screenshot and step detail live.
+ * list renders. A frame is a container: the step's screenshot (when present)
+ * plus its `story.state()` snapshot cards, so data-only scenarios get
+ * filmstrips too. Each frame links to its step's anchor.
  *
- * Renders nothing below 2 frames: a single screenshot is evidence, not a
+ * Renders nothing below 2 frames: a single capture is evidence, not a
  * walkthrough, and it already shows under its step.
  *
  * Must stay hydration-free: the Astro story pages render this inside a static
- * (no client JS) island, so navigation is plain anchors — no lightbox state.
+ * (no client JS) island, so navigation is plain anchors and snapshot expansion
+ * is a native <details> — no lightbox or toggle state.
  */
 declare function ReportStoryboard({ scenario }: ReportStoryboardProps): react.JSX.Element | null;
 

package/dist/index.d.ts

@@ -75,7 +75,7 @@ interface ReportCoverageSummary {
     functionsPct?: number;
     statementsPct?: number;
 }
-type ReportDocEntry = ReportDocNote | ReportDocTag | ReportDocKv | ReportDocCode | ReportDocTable | ReportDocLink | ReportDocSection | ReportDocMermaid | ReportDocScreenshot | ReportDocVideo | ReportDocHtml | ReportDocCustom;
+type ReportDocEntry = ReportDocNote | ReportDocTag | ReportDocKv | ReportDocCode | ReportDocTable | ReportDocLink | ReportDocSection | ReportDocMermaid | ReportDocScreenshot | ReportDocVideo | ReportDocHtml | ReportDocState | ReportDocCustom;
 interface ReportDocNote {
     kind: "note";
     text: string;
@@ -161,6 +161,15 @@ interface ReportDocHtml {
     phase: DocPhase;
     children?: ReportDocEntry[];
 }
+interface ReportDocState {
+    kind: "state";
+    /** Entity name ("Basket") — diff identity across steps. Unlabeled states share one lane. */
+    label?: string;
+    /** JSON-serializable snapshot of the state at this step. */
+    value: unknown;
+    phase: DocPhase;
+    children?: ReportDocEntry[];
+}
 interface ReportDocCustom {
     kind: "custom";
     type: string;
@@ -373,16 +382,18 @@ interface ReportStoryboardProps {
     scenario: ReportScenario$1;
 }
 /**
- * Storyboard — a horizontal filmstrip of the scenario's step screenshots
+ * Storyboard — a horizontal filmstrip of the scenario's step evidence
  * (Given → When → Then), derived from the same step docs the vertical step
- * list renders. Each frame links to its step's anchor, where the full-size
- * screenshot and step detail live.
+ * list renders. A frame is a container: the step's screenshot (when present)
+ * plus its `story.state()` snapshot cards, so data-only scenarios get
+ * filmstrips too. Each frame links to its step's anchor.
  *
- * Renders nothing below 2 frames: a single screenshot is evidence, not a
+ * Renders nothing below 2 frames: a single capture is evidence, not a
  * walkthrough, and it already shows under its step.
  *
  * Must stay hydration-free: the Astro story pages render this inside a static
- * (no client JS) island, so navigation is plain anchors — no lightbox state.
+ * (no client JS) island, so navigation is plain anchors and snapshot expansion
+ * is a native <details> — no lightbox or toggle state.
  */
 declare function ReportStoryboard({ scenario }: ReportStoryboardProps): react.JSX.Element | null;