@storybook/server 7.6.0-beta.2 → 8.0.0-alpha.0

package/dist/entry-preview.d.ts

@@ -1,5 +1,5 @@
 import { RenderContext } from '@storybook/types';
-import { a as StoryFn, S as ServerRenderer } from './public-types-af1e4671.js';
+import { StoryFn, ServerRenderer } from './index.js';
 
 declare const render: StoryFn<ServerRenderer>;
 declare function renderToCanvas({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: RenderContext<ServerRenderer>, canvasElement: ServerRenderer['canvasElement']): Promise<void>;

package/dist/entry-preview.mjs

@@ -1,5 +1,10 @@
-export { render, renderToCanvas } from './chunk-DS2DPF2X.mjs';
+import { global } from '@storybook/global';
+import { dedent } from 'ts-dedent';
+import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-api';
 
-var parameters={renderer:"server"};
+var {fetch,Node}=global,defaultFetchStoryHtml=async(url,path,params,storyContext)=>{let fetchUrl=new URL(`${url}/${path}`);return fetchUrl.search=new URLSearchParams({...storyContext.globals,...params}).toString(),(await fetch(fetchUrl)).text()},buildStoryArgs=(args,argTypes)=>{let storyArgs={...args};return Object.keys(argTypes).forEach(key=>{let argType=argTypes[key],{control}=argType,controlType=control&&control.type.toLowerCase(),argValue=storyArgs[key];switch(controlType){case"date":storyArgs[key]=new Date(argValue).toISOString();break;case"object":storyArgs[key]=JSON.stringify(argValue);break;}}),storyArgs},render=args=>{};async function renderToCanvas({id,title,name,showMain,showError,forceRemount,storyFn,storyContext,storyContext:{parameters:parameters2,args,argTypes}},canvasElement){storyFn();let storyArgs=buildStoryArgs(args,argTypes),{server:{url,id:storyId,fetchStoryHtml=defaultFetchStoryHtml,params}}=parameters2,fetchId=storyId||id,storyParams={...params,...storyArgs},element=await fetchStoryHtml(url,fetchId,storyParams,storyContext);if(showMain(),typeof element=="string")canvasElement.innerHTML=element,simulatePageLoad(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),simulateDOMContentLoaded();}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,description:dedent`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `});}var parameters={renderer:"server"};
 
-export { parameters };
+export { parameters, render, renderToCanvas };

package/dist/index.d.ts

@@ -1,17 +1,44 @@
-import * as _storybook_types from '@storybook/types';
-import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
+import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from '@storybook/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
-import { S as ServerRenderer } from './public-types-af1e4671.js';
-export { D as Decorator, L as Loader, M as Meta, P as Preview, c as Story, d as StoryContext, a as StoryFn, b as StoryObj } from './public-types-af1e4671.js';
 
-interface ClientApi extends Addon_ClientStoryApi<ServerRenderer['storyResult']> {
-    configure(loader: Addon_Loadable, module: NodeModule): void;
-    forceReRender(): void;
-    raw: () => any;
+type StoryFnServerReturnType = any;
+interface ServerRenderer extends WebRenderer {
+    component: string;
+    storyResult: StoryFnServerReturnType;
 }
-declare const storiesOf: ClientApi['storiesOf'];
-declare const configure: ClientApi['configure'];
-declare const raw: ((...args: any[]) => never) | (() => _storybook_types.BoundStory<ServerRenderer>[]);
-declare const forceReRender: () => void;
 
-export { ServerRenderer, configure, forceReRender, raw, storiesOf };
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+type Meta<TArgs = Args> = ComponentAnnotations<ServerRenderer, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryFn<TArgs = Args> = AnnotatedStoryFn<ServerRenderer, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+type StoryObj<TArgs = Args> = StoryAnnotations<ServerRenderer, TArgs>;
+/**
+ * @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)
+ */
+type Story<TArgs = Args> = StoryFn<TArgs>;
+
+type Decorator<TArgs = StrictArgs> = DecoratorFunction<ServerRenderer, TArgs>;
+type Loader<TArgs = StrictArgs> = LoaderFunction<ServerRenderer, TArgs>;
+type StoryContext<TArgs = StrictArgs> = StoryContext$1<ServerRenderer, TArgs>;
+type Preview = ProjectAnnotations<ServerRenderer>;
+
+export { Decorator, Loader, Meta, Preview, ServerRenderer, Story, StoryContext, StoryFn, StoryObj };

package/dist/index.js

@@ -1,4 +1 @@
-var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{configure:()=>configure,forceReRender:()=>forceReRender,raw:()=>raw,storiesOf:()=>storiesOf});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="SERVER";var import_preview_api2=require("@storybook/preview-api");var import_global2=require("@storybook/global"),import_ts_dedent=require("ts-dedent"),import_preview_api=require("@storybook/preview-api"),{fetch,Node}=import_global2.global,defaultFetchStoryHtml=async(url,path,params,storyContext)=>{let fetchUrl=new URL(`${url}/${path}`);return fetchUrl.search=new URLSearchParams({...storyContext.globals,...params}).toString(),(await fetch(fetchUrl)).text()},buildStoryArgs=(args,argTypes)=>{let storyArgs={...args};return Object.keys(argTypes).forEach(key=>{let argType=argTypes[key],{control}=argType,controlType=control&&control.type.toLowerCase(),argValue=storyArgs[key];switch(controlType){case"date":storyArgs[key]=new Date(argValue).toISOString();break;case"object":storyArgs[key]=JSON.stringify(argValue);break;default:}}),storyArgs},render=args=>{};async function renderToCanvas({id,title,name,showMain,showError,forceRemount,storyFn,storyContext,storyContext:{parameters,args,argTypes}},canvasElement){storyFn();let storyArgs=buildStoryArgs(args,argTypes),{server:{url,id:storyId,fetchStoryHtml=defaultFetchStoryHtml,params}}=parameters,fetchId=storyId||id,storyParams={...params,...storyArgs},element=await fetchStoryHtml(url,fetchId,storyParams,storyContext);if(showMain(),typeof element=="string")canvasElement.innerHTML=element,(0,import_preview_api.simulatePageLoad)(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),(0,import_preview_api.simulateDOMContentLoaded)()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,description:import_ts_dedent.dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}var RENDERER="server",api=(0,import_preview_api2.start)(renderToCanvas,{render}),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),{raw}=api.clientApi,{forceReRender}=api;var _a;typeof module<"u"&&((_a=module==null?void 0:module.hot)==null||_a.decline());0&&(module.exports={configure,forceReRender,raw,storiesOf});
+var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="SERVER";var _a;typeof module<"u"&&((_a=module==null?void 0:module.hot)==null||_a.decline());

package/dist/index.mjs

@@ -1,7 +1,3 @@
-import { renderToCanvas, render } from './chunk-DS2DPF2X.mjs';
 import { global } from '@storybook/global';
-import { start } from '@storybook/preview-api';
 
-var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="SERVER";var RENDERER="server",api=start(renderToCanvas,{render}),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),{raw}=api.clientApi,{forceReRender}=api;typeof module<"u"&&module?.hot?.decline();
-
-export { configure, forceReRender, raw, storiesOf };
+var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="SERVER";typeof module<"u"&&module?.hot?.decline();

package/dist/preset.d.ts

@@ -1,6 +1,6 @@
-import { StorybookConfig } from '@storybook/types';
+import { PresetProperty } from '@storybook/types';
 
-declare const experimental_indexers: StorybookConfig['experimental_indexers'];
-declare const previewAnnotations: StorybookConfig['previewAnnotations'];
+declare const experimental_indexers: PresetProperty<'experimental_indexers'>;
+declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
 
 export { experimental_indexers, previewAnnotations };

package/dist/preset.js

@@ -1 +1 @@
-var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{experimental_indexers:()=>experimental_indexers,previewAnnotations:()=>previewAnnotations});module.exports=__toCommonJS(preset_exports);var import_fs_extra=__toESM(require("fs-extra")),import_yaml=__toESM(require("yaml")),import_path=require("path"),experimental_indexers=existingIndexers=>[{test:/(stories|story)\.(json|ya?ml)$/,createIndex:async fileName=>{let content=fileName.endsWith(".json")?await import_fs_extra.default.readJson(fileName,"utf-8"):import_yaml.default.parse((await import_fs_extra.default.readFile(fileName,"utf-8")).toString());return content.stories.map(story=>{let tags=Array.from(new Set([...content.tags??[],...story.tags??[]]));return{importPath:fileName,exportName:story.name,name:story.name,title:content.title,tags,type:"story"}})}},...existingIndexers||[]],previewAnnotations=async(input,options)=>{let{presetsList}=options;return presetsList?[].concat(input).concat([(0,import_path.join)(__dirname,"entry-preview.mjs")]):input};0&&(module.exports={experimental_indexers,previewAnnotations});
+var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{experimental_indexers:()=>experimental_indexers,previewAnnotations:()=>previewAnnotations});module.exports=__toCommonJS(preset_exports);var import_fs_extra=__toESM(require("fs-extra")),import_yaml=__toESM(require("yaml")),import_path=require("path"),experimental_indexers=existingIndexers=>[{test:/(stories|story)\.(json|ya?ml)$/,createIndex:async fileName=>{let content=fileName.endsWith(".json")?await import_fs_extra.default.readJson(fileName,"utf-8"):import_yaml.default.parse((await import_fs_extra.default.readFile(fileName,"utf-8")).toString());return content.stories.map(story=>{let tags=Array.from(new Set([...content.tags??[],...story.tags??[]]));return{importPath:fileName,exportName:story.name,name:story.name,title:content.title,tags,type:"story"}})}},...existingIndexers||[]],previewAnnotations=async(input=[],options)=>{let{presetsList}=options;return presetsList?[].concat(input).concat([(0,import_path.join)(__dirname,"entry-preview.mjs")]):input};0&&(module.exports={experimental_indexers,previewAnnotations});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.6.0-beta.2",
+  "version": "8.0.0-alpha.0",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -46,19 +46,18 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.6.0-beta.2",
     "@storybook/csf": "^0.1.2",
-    "@storybook/csf-tools": "7.6.0-beta.2",
+    "@storybook/csf-tools": "8.0.0-alpha.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.6.0-beta.2",
-    "@storybook/types": "7.6.0-beta.2",
+    "@storybook/preview-api": "8.0.0-alpha.0",
+    "@storybook/types": "8.0.0-alpha.0",
     "@types/fs-extra": "^11.0.1",
     "fs-extra": "^11.1.0",
     "ts-dedent": "^2.0.0",
     "yaml": "^2.3.1"
   },
   "devDependencies": {
-    "typescript": "~4.9.3"
+    "typescript": "^5.3.2"
   },
   "engines": {
     "node": ">=16.0.0"

package/dist/chunk-DS2DPF2X.mjs

@@ -1,10 +0,0 @@
-import { global } from '@storybook/global';
-import { dedent } from 'ts-dedent';
-import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-api';
-
-var {fetch,Node}=global,defaultFetchStoryHtml=async(url,path,params,storyContext)=>{let fetchUrl=new URL(`${url}/${path}`);return fetchUrl.search=new URLSearchParams({...storyContext.globals,...params}).toString(),(await fetch(fetchUrl)).text()},buildStoryArgs=(args,argTypes)=>{let storyArgs={...args};return Object.keys(argTypes).forEach(key=>{let argType=argTypes[key],{control}=argType,controlType=control&&control.type.toLowerCase(),argValue=storyArgs[key];switch(controlType){case"date":storyArgs[key]=new Date(argValue).toISOString();break;case"object":storyArgs[key]=JSON.stringify(argValue);break;}}),storyArgs},render=args=>{};async function renderToCanvas({id,title,name,showMain,showError,forceRemount,storyFn,storyContext,storyContext:{parameters,args,argTypes}},canvasElement){storyFn();let storyArgs=buildStoryArgs(args,argTypes),{server:{url,id:storyId,fetchStoryHtml=defaultFetchStoryHtml,params}}=parameters,fetchId=storyId||id,storyParams={...params,...storyArgs},element=await fetchStoryHtml(url,fetchId,storyParams,storyContext);if(showMain(),typeof element=="string")canvasElement.innerHTML=element,simulatePageLoad(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),simulateDOMContentLoaded();}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,description:dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `});}
-
-export { render, renderToCanvas };

package/dist/public-types-af1e4671.d.ts

@@ -1,43 +0,0 @@
-import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from '@storybook/types';
-
-type StoryFnServerReturnType = any;
-interface ServerRenderer extends WebRenderer {
-    component: string;
-    storyResult: StoryFnServerReturnType;
-}
-
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-type Meta<TArgs = Args> = ComponentAnnotations<ServerRenderer, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-type StoryFn<TArgs = Args> = AnnotatedStoryFn<ServerRenderer, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-type StoryObj<TArgs = Args> = StoryAnnotations<ServerRenderer, TArgs>;
-/**
- * @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)
- */
-type Story<TArgs = Args> = StoryFn<TArgs>;
-
-type Decorator<TArgs = StrictArgs> = DecoratorFunction<ServerRenderer, TArgs>;
-type Loader<TArgs = StrictArgs> = LoaderFunction<ServerRenderer, TArgs>;
-type StoryContext<TArgs = StrictArgs> = StoryContext$1<ServerRenderer, TArgs>;
-type Preview = ProjectAnnotations<ServerRenderer>;
-
-export { Decorator as D, Loader as L, Meta as M, Preview as P, ServerRenderer as S, StoryFn as a, StoryObj as b, Story as c, StoryContext as d };