@storybook/server 7.0.0-alpha.42 → 7.0.0-alpha.44

package/dist/chunk-PMO53Z5I.mjs

@@ -0,0 +1,4 @@
+import T from"global";import{dedent as b}from"ts-dedent";import{simulatePageLoad as L,simulateDOMContentLoaded as A}from"@storybook/preview-web";var{fetch:F,Node:H}=T,x=async(r,o,t,e)=>{let s=new URL(`${r}/${o}`);return s.search=new URLSearchParams({...e.globals,...t}).toString(),(await F(s)).text()},C=(r,o)=>{let t={...r};return Object.keys(o).forEach(e=>{let s=o[e],{control:n}=s,p=n&&n.type.toLowerCase(),i=t[e];switch(p){case"date":t[e]=new Date(i).toISOString();break;case"object":t[e]=JSON.stringify(i);break;default:}}),t},v=r=>{};async function R({id:r,title:o,name:t,showMain:e,showError:s,forceRemount:n,storyFn:p,storyContext:i,storyContext:{parameters:y,args:f,argTypes:l}},a){p();let d=C(f,l),{server:{url:g,id:m,fetchStoryHtml:h=x,params:S}}=y,u=m||r,w={...S,...d},c=await h(g,u,w,i);if(e(),typeof c=="string")a.innerHTML=c,L(a);else if(c instanceof H){if(a.firstChild===c&&n===!1)return;a.innerHTML="",a.appendChild(c),A()}else s({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${o}".`,description:b`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}export{v as a,R as b};

package/dist/config.d.ts

@@ -1,9 +1,8 @@
-import { RenderContext } from '@storybook/store';
-import { a as StoryFn, S as ServerFramework } from './public-types-82b97253.js';
-import '@storybook/csf';
+import { Store_RenderContext } from '@storybook/types';
+import { a as StoryFn, S as ServerFramework } from './public-types-06660db9.js';
 
 declare const render: StoryFn<ServerFramework>;
-declare function renderToDOM({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: RenderContext<ServerFramework>, domElement: Element): Promise<void>;
+declare function renderToDOM({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: Store_RenderContext<ServerFramework>, domElement: Element): Promise<void>;
 
 declare const parameters: {
     framework: "server";

package/dist/config.js

@@ -1,4 +1,4 @@
-var M=Object.create;var p=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var v=(t,r)=>{for(var e in r)p(t,e,{get:r[e],enumerable:!0})},d=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of O(r))!k.call(t,o)&&o!==e&&p(t,o,{get:()=>r[o],enumerable:!(s=C(r,o))||s.enumerable});return t};var R=(t,r,e)=>(e=t!=null?M(D(t)):{},d(r||!t||!t.__esModule?p(e,"default",{value:t,enumerable:!0}):e,t)),U=t=>d(p({},"__esModule",{value:!0}),t);var J={};v(J,{parameters:()=>N,render:()=>g,renderToDOM:()=>h});module.exports=U(J);var l=R(require("global")),m=require("ts-dedent"),y=require("@storybook/preview-web"),{fetch:$,Node:I}=l.default,P=async(t,r,e,s)=>{let o=new URL(`${t}/${r}`);return o.search=new URLSearchParams({...s.globals,...e}).toString(),(await $(o)).text()},j=(t,r)=>{let e={...t};return Object.keys(r).forEach(s=>{let o=r[s],{control:n}=o,f=n&&n.type.toLowerCase(),i=e[s];switch(f){case"date":e[s]=new Date(i).toISOString();break;case"object":e[s]=JSON.stringify(i);break;default:}}),e},g=t=>{};async function h({id:t,title:r,name:e,showMain:s,showError:o,forceRemount:n,storyFn:f,storyContext:i,storyContext:{parameters:u,args:S,argTypes:w}},a){f();let T=j(S,w),{server:{url:b,id:x,fetchStoryHtml:L=P,params:A}}=u,F=x||t,H={...A,...T},c=await L(b,F,H,i);if(s(),typeof c=="string")a.innerHTML=c,(0,y.simulatePageLoad)(a);else if(c instanceof I){if(a.firstChild===c&&n===!1)return;a.innerHTML="",a.appendChild(c),(0,y.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${e}" of "${r}".`,description:m.dedent`
+var M=Object.create;var p=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var v=(t,r)=>{for(var e in r)p(t,e,{get:r[e],enumerable:!0})},d=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of O(r))!k.call(t,o)&&o!==e&&p(t,o,{get:()=>r[o],enumerable:!(s=C(r,o))||s.enumerable});return t};var R=(t,r,e)=>(e=t!=null?M(D(t)):{},d(r||!t||!t.__esModule?p(e,"default",{value:t,enumerable:!0}):e,t)),U=t=>d(p({},"__esModule",{value:!0}),t);var _={};v(_,{parameters:()=>N,render:()=>g,renderToDOM:()=>h});module.exports=U(_);var l=R(require("global")),m=require("ts-dedent"),y=require("@storybook/preview-web"),{fetch:$,Node:I}=l.default,P=async(t,r,e,s)=>{let o=new URL(`${t}/${r}`);return o.search=new URLSearchParams({...s.globals,...e}).toString(),(await $(o)).text()},j=(t,r)=>{let e={...t};return Object.keys(r).forEach(s=>{let o=r[s],{control:n}=o,f=n&&n.type.toLowerCase(),i=e[s];switch(f){case"date":e[s]=new Date(i).toISOString();break;case"object":e[s]=JSON.stringify(i);break;default:}}),e},g=t=>{};async function h({id:t,title:r,name:e,showMain:s,showError:o,forceRemount:n,storyFn:f,storyContext:i,storyContext:{parameters:S,args:u,argTypes:w}},a){f();let T=j(u,w),{server:{url:b,id:x,fetchStoryHtml:L=P,params:A}}=S,F=x||t,H={...A,...T},c=await L(b,F,H,i);if(s(),typeof c=="string")a.innerHTML=c,(0,y.simulatePageLoad)(a);else if(c instanceof I){if(a.firstChild===c&&n===!1)return;a.innerHTML="",a.appendChild(c),(0,y.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${e}" of "${r}".`,description:m.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
       `})}var N={framework:"server"};0&&(module.exports={parameters,render,renderToDOM});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as r,b as e}from"./chunk-7UJXDM6H.mjs";var s={framework:"server"};export{s as parameters,r as render,e as renderToDOM};
+import{a as r,b as e}from"./chunk-PMO53Z5I.mjs";var s={framework:"server"};export{s as parameters,r as render,e as renderToDOM};

package/dist/index.d.ts

@@ -1,17 +1,17 @@
-import * as lib_store_dist from 'lib/store/dist';
-import { ClientStoryApi, Loadable } from '@storybook/addons';
-import { S as ServerFramework } from './public-types-82b97253.js';
-export { M as Meta, c as Story, a as StoryFn, b as StoryObj } from './public-types-82b97253.js';
-export { ArgTypes, Args, Parameters, StoryContext } from '@storybook/csf';
+import * as _storybook_types from '@storybook/types';
+import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
+export { ArgTypes, Args, Parameters, StoryContext } from '@storybook/types';
+import { S as ServerFramework } from './public-types-06660db9.js';
+export { M as Meta, c as Story, a as StoryFn, b as StoryObj } from './public-types-06660db9.js';
 
-interface ClientApi extends ClientStoryApi<ServerFramework['storyResult']> {
-    configure(loader: Loadable, module: NodeModule): void;
+interface ClientApi extends Addon_ClientStoryApi<ServerFramework['storyResult']> {
+    configure(loader: Addon_Loadable, module: NodeModule): void;
     forceReRender(): void;
     raw: () => any;
 }
 declare const storiesOf: ClientApi['storiesOf'];
 declare const configure: ClientApi['configure'];
-declare const raw: ((...args: any[]) => never) | (() => lib_store_dist.BoundStory<ServerFramework>[]);
+declare const raw: ((...args: any[]) => never) | (() => _storybook_types.Store_BoundStory<ServerFramework>[]);
 declare const forceReRender: () => void;
 
 export { configure, forceReRender, raw, storiesOf };

package/dist/index.js

@@ -1,4 +1,4 @@
-var D=Object.create;var c=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var E=(e,r)=>{for(var t in r)c(e,t,{get:r[t],enumerable:!0})},y=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of P(r))!$.call(e,o)&&o!==t&&c(e,o,{get:()=>r[o],enumerable:!(n=N(r,o))||n.enumerable});return e};var m=(e,r,t)=>(t=e!=null?D(U(e)):{},y(r||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),I=e=>y(c({},"__esModule",{value:!0}),e);var z={};E(z,{configure:()=>Y,forceReRender:()=>q,raw:()=>_,storiesOf:()=>J});module.exports=I(z);var g=m(require("global")),{window:V}=g.default;V.STORYBOOK_ENV="SERVER";var A=require("@storybook/core-client");var u=m(require("global")),S=require("ts-dedent"),f=require("@storybook/preview-web"),{fetch:j,Node:K}=u.default,W=async(e,r,t,n)=>{let o=new URL(`${e}/${r}`);return o.search=new URLSearchParams({...n.globals,...t}).toString(),(await j(o)).text()},B=(e,r)=>{let t={...e};return Object.keys(r).forEach(n=>{let o=r[n],{control:s}=o,d=s&&s.type.toLowerCase(),p=t[n];switch(d){case"date":t[n]=new Date(p).toISOString();break;case"object":t[n]=JSON.stringify(p);break;default:}}),t},h=e=>{};async function w({id:e,title:r,name:t,showMain:n,showError:o,forceRemount:s,storyFn:d,storyContext:p,storyContext:{parameters:b,args:x,argTypes:C}},i){d();let T=B(x,C),{server:{url:F,id:L,fetchStoryHtml:M=W,params:v}}=b,k=L||e,H={...v,...T},a=await M(F,k,H,p);if(n(),typeof a=="string")i.innerHTML=a,(0,f.simulatePageLoad)(i);else if(a instanceof K){if(i.firstChild===a&&s===!1)return;i.innerHTML="",i.appendChild(a),(0,f.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:S.dedent`
+var _=Object.create;var c=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var $=(e,r)=>{for(var t in r)c(e,t,{get:r[t],enumerable:!0})},y=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of N(r))!U.call(e,o)&&o!==t&&c(e,o,{get:()=>r[o],enumerable:!(n=D(r,o))||n.enumerable});return e};var m=(e,r,t)=>(t=e!=null?_(P(e)):{},y(r||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>y(c({},"__esModule",{value:!0}),e);var z={};$(z,{configure:()=>J,forceReRender:()=>q,raw:()=>Y,storiesOf:()=>B});module.exports=E(z);var g=m(require("global")),{window:I}=g.default;I.STORYBOOK_ENV="SERVER";var w=require("@storybook/core-client");var u=m(require("global")),S=require("ts-dedent"),d=require("@storybook/preview-web"),{fetch:V,Node:j}=u.default,K=async(e,r,t,n)=>{let o=new URL(`${e}/${r}`);return o.search=new URLSearchParams({...n.globals,...t}).toString(),(await V(o)).text()},W=(e,r)=>{let t={...e};return Object.keys(r).forEach(n=>{let o=r[n],{control:s}=o,l=s&&s.type.toLowerCase(),p=t[n];switch(l){case"date":t[n]=new Date(p).toISOString();break;case"object":t[n]=JSON.stringify(p);break;default:}}),t},A=e=>{};async function h({id:e,title:r,name:t,showMain:n,showError:o,forceRemount:s,storyFn:l,storyContext:p,storyContext:{parameters:b,args:x,argTypes:C}},i){l();let T=W(x,C),{server:{url:F,id:L,fetchStoryHtml:M=K,params:v}}=b,k=L||e,H={...v,...T},a=await M(F,k,H,p);if(n(),typeof a=="string")i.innerHTML=a,(0,d.simulatePageLoad)(i);else if(a instanceof j){if(i.firstChild===a&&s===!1)return;i.innerHTML="",i.appendChild(a),(0,d.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:S.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var O="server",l=(0,A.start)(w,{render:h}),J=(e,r)=>l.clientApi.storiesOf(e,r).addParameters({framework:O}),Y=(...e)=>l.configure(O,...e),{raw:_}=l.clientApi,{forceReRender:q}=l;var R;(R=module==null?void 0:module.hot)==null||R.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});
+      `})}var O="server",f=(0,w.start)(h,{render:A}),B=(e,r)=>f.clientApi.storiesOf(e,r).addParameters({framework:O}),J=(...e)=>f.configure(O,...e),{raw:Y}=f.clientApi,{forceReRender:q}=f;var R;(R=module==null?void 0:module.hot)==null||R.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as t,b as n}from"./chunk-7UJXDM6H.mjs";import p from"global";var{window:a}=p;a.STORYBOOK_ENV="SERVER";import{start as m}from"@storybook/core-client";var s="server",r=m(n,{render:t}),d=(o,i)=>r.clientApi.storiesOf(o,i).addParameters({framework:s}),g=(...o)=>r.configure(s,...o),{raw:l}=r.clientApi,{forceReRender:c}=r;module?.hot?.decline();export{g as configure,c as forceReRender,l as raw,d as storiesOf};
+import{a as t,b as n}from"./chunk-PMO53Z5I.mjs";import i from"global";var{window:A}=i;A.STORYBOOK_ENV="SERVER";import{start as a}from"@storybook/core-client";var s="server",r=a(n,{render:t}),f=(o,p)=>r.clientApi.storiesOf(o,p).addParameters({framework:s}),g=(...o)=>r.configure(s,...o),{raw:l}=r.clientApi,{forceReRender:S}=r;module?.hot?.decline();export{g as configure,S as forceReRender,l as raw,f as storiesOf};

package/dist/{public-types-82b97253.d.ts → public-types-06660db9.d.ts}

@@ -1,4 +1,4 @@
-import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/csf';
+import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/types';
 
 declare type StoryFnServerReturnType = any;
 declare type ServerFramework = {
@@ -25,10 +25,14 @@ declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ServerFramework, TArgs>;
  */
 declare type StoryObj<TArgs = Args> = StoryAnnotations<ServerFramework, TArgs>;
 /**
- * Story function that represents a CSFv3 component example.
+ * @deprecated Use `StoryFn` instead.
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
+ *
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-declare type Story<TArgs = Args> = StoryObj<TArgs>;
+declare type Story<TArgs = Args> = StoryFn<TArgs>;
 
 export { Meta as M, ServerFramework as S, StoryFn as a, StoryObj as b, Story as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.42",
+  "version": "7.0.0-alpha.44",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -50,11 +50,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.42",
-    "@storybook/core-client": "7.0.0-alpha.42",
-    "@storybook/csf": "next",
-    "@storybook/preview-web": "7.0.0-alpha.42",
-    "@storybook/store": "7.0.0-alpha.42",
+    "@storybook/addons": "7.0.0-alpha.44",
+    "@storybook/core-client": "7.0.0-alpha.44",
+    "@storybook/preview-web": "7.0.0-alpha.44",
+    "@storybook/store": "7.0.0-alpha.44",
+    "@storybook/types": "7.0.0-alpha.44",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -76,5 +76,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "4ed2e832e3accf8e533da92a46a812eacaf5db0b"
+  "gitHead": "d4965bd328d8f83c279560c7bc8428e490b275f3"
 }

package/dist/chunk-7UJXDM6H.mjs

@@ -1,4 +0,0 @@
-import T from"global";import{dedent as b}from"ts-dedent";import{simulatePageLoad as L,simulateDOMContentLoaded as A}from"@storybook/preview-web";var{fetch:F,Node:H}=T,x=async(e,o,t,r)=>{let s=new URL(`${e}/${o}`);return s.search=new URLSearchParams({...r.globals,...t}).toString(),(await F(s)).text()},C=(e,o)=>{let t={...e};return Object.keys(o).forEach(r=>{let s=o[r],{control:n}=s,p=n&&n.type.toLowerCase(),i=t[r];switch(p){case"date":t[r]=new Date(i).toISOString();break;case"object":t[r]=JSON.stringify(i);break;default:}}),t},v=e=>{};async function R({id:e,title:o,name:t,showMain:r,showError:s,forceRemount:n,storyFn:p,storyContext:i,storyContext:{parameters:y,args:f,argTypes:l}},a){p();let d=C(f,l),{server:{url:g,id:m,fetchStoryHtml:h=x,params:u}}=y,S=m||e,w={...u,...d},c=await h(g,S,w,i);if(r(),typeof c=="string")a.innerHTML=c,L(a);else if(c instanceof H){if(a.firstChild===c&&n===!1)return;a.innerHTML="",a.appendChild(c),A()}else s({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${o}".`,description:b`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}export{v as a,R as b};