@storybook/server 7.0.0-alpha.6 → 7.0.0-alpha.60

package/dist/chunk-4Z76BHM4.mjs

@@ -0,0 +1,4 @@
+import global from"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;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,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/config.d.ts

@@ -0,0 +1,11 @@
+import { RenderContext } from '@storybook/types';
+import { a as StoryFn, S as ServerRenderer } from './public-types-3062cfcf.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>;
+
+declare const parameters: {
+    framework: "server";
+};
+
+export { parameters, render, renderToCanvas };

package/dist/config.js

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

package/dist/config.mjs

@@ -0,0 +1 @@
+import{render,renderToCanvas}from"./chunk-4Z76BHM4.mjs";var parameters={framework:"server"};export{parameters,render,renderToCanvas};

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import * as _storybook_types from '@storybook/types';
+import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
+export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
+import { S as ServerRenderer } from './public-types-3062cfcf.js';
+export { D as Decorator, L as Loader, M as Meta, S as ServerRenderer, c as Story, d as StoryContext, a as StoryFn, b as StoryObj } from './public-types-3062cfcf.js';
+
+interface ClientApi extends Addon_ClientStoryApi<ServerRenderer['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) | (() => _storybook_types.BoundStory<ServerRenderer>[]);
+declare const forceReRender: () => void;
+
+export { configure, forceReRender, raw, storiesOf };

package/dist/index.js

@@ -0,0 +1,4 @@
+var D=Object.create;var a=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var t in r)a(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&&a(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?a(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>y(a({},"__esModule",{value:!0}),e);var z={};k(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 h=require("@storybook/preview-api");var u=m(require("global")),S=require("ts-dedent"),c=require("@storybook/preview-api"),{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(),d=t[n];switch(l){case"date":t[n]=new Date(d).toISOString();break;case"object":t[n]=JSON.stringify(d);break;default:}}),t},R=e=>{};async function A({id:e,title:r,name:t,showMain:n,showError:o,forceRemount:s,storyFn:l,storyContext:d,storyContext:{parameters:w,args:x,argTypes:O}},i){l();let T=W(x,O),{server:{url:L,id:v,fetchStoryHtml:H=K,params:M}}=w,F=v||e,_={...M,...T},p=await H(L,F,_,d);if(n(),typeof p=="string")i.innerHTML=p,(0,c.simulatePageLoad)(i);else if(p instanceof j){if(i.firstChild===p&&s===!1)return;i.innerHTML="",i.appendChild(p),(0,c.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 C="server",f=(0,h.start)(A,{render:R}),B=(e,r)=>f.clientApi.storiesOf(e,r).addParameters({framework:C}),J=(...e)=>f.configure(C,...e),{raw:Y}=f.clientApi,{forceReRender:q}=f;var b;(b=module==null?void 0:module.hot)==null||b.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{render,renderToCanvas}from"./chunk-4Z76BHM4.mjs";import global from"global";var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="SERVER";import{start}from"@storybook/preview-api";var FRAMEWORK="server",api=start(renderToCanvas,{render}),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({framework:FRAMEWORK}),configure=(...args)=>api.configure(FRAMEWORK,...args),{raw}=api.clientApi,{forceReRender}=api;module?.hot?.decline();export{configure,forceReRender,raw,storiesOf};

package/dist/public-types-3062cfcf.d.ts

@@ -0,0 +1,42 @@
+import { WebRenderer, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1 } 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>;
+
+export { Decorator as D, Loader as L, Meta as M, ServerRenderer as S, StoryFn as a, StoryObj as b, Story as c, StoryContext as d };

package/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.browser');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.6",
+  "version": "7.0.0-alpha.60",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -19,35 +19,59 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/config.js",
+      "import": "./dist/config.mjs",
+      "types": "./dist/config.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.6",
-    "@storybook/core-client": "7.0.0-alpha.6",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/preview-web": "7.0.0-alpha.6",
-    "@storybook/store": "7.0.0-alpha.6",
-    "core-js": "^3.8.2",
+    "@storybook/core-client": "7.0.0-alpha.60",
+    "@storybook/preview-api": "7.0.0-alpha.60",
+    "@storybook/types": "7.0.0-alpha.60",
     "global": "^4.4.0",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.9.3"
+  },
   "engines": {
     "node": ">=10.13.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a88dcca40ba169a373bad33dd76e9a4bd4f1f5ec"
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/config.ts"
+    ],
+    "platform": "browser"
+  },
+  "gitHead": "2b38f15a169d191e68f01abae0b109920d89fb39"
 }

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/preview/config';
+export * from './dist/config';

package/template/cli/button.stories.json

@@ -0,0 +1,32 @@
+{
+  "title": "Example/Button",
+  "parameters": {
+    "server": { "id": "button" }
+  },
+  "args": { "label": "Button" },
+  "argTypes": {
+    "label": { "control": "text" },
+    "primary": { "control": "boolean" },
+    "backgroundColor": { "control": "color" },
+    "size": {
+      "control": { "type": "select", "options": ["small", "medium", "large"] }
+    }
+  },
+  "stories": [
+    {
+      "name": "Primary",
+      "args": { "primary": true }
+    },
+    {
+      "name": "Secondary"
+    },
+    {
+      "name": "Large",
+      "args": { "size": "large" }
+    },
+    {
+      "name": "Small",
+      "args": { "size": "small" }
+    }
+  ]
+}

package/template/cli/header.stories.json

@@ -0,0 +1,15 @@
+{
+  "title": "Example/Header",
+  "parameters": {
+    "server": { "id": "header" }
+  },
+  "stories": [
+    {
+      "name": "LoggedIn",
+      "args": { "user": {} }
+    },
+    {
+      "name": "LoggedOut"
+    }
+  ]
+}

package/template/cli/page.stories.json

@@ -0,0 +1,15 @@
+{
+  "title": "Example/Page",
+  "parameters": {
+    "server": { "id": "page" }
+  },
+  "stories": [
+    {
+      "name": "LoggedIn",
+      "args": { "user": {} }
+    },
+    {
+      "name": "LoggedOut"
+    }
+  ]
+}

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/cjs/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "addDecorator", {
-  enumerable: true,
-  get: function () {
-    return _preview.addDecorator;
-  }
-});
-Object.defineProperty(exports, "addParameters", {
-  enumerable: true,
-  get: function () {
-    return _preview.addParameters;
-  }
-});
-Object.defineProperty(exports, "configure", {
-  enumerable: true,
-  get: function () {
-    return _preview.configure;
-  }
-});
-Object.defineProperty(exports, "forceReRender", {
-  enumerable: true,
-  get: function () {
-    return _preview.forceReRender;
-  }
-});
-Object.defineProperty(exports, "getStorybook", {
-  enumerable: true,
-  get: function () {
-    return _preview.getStorybook;
-  }
-});
-Object.defineProperty(exports, "raw", {
-  enumerable: true,
-  get: function () {
-    return _preview.raw;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function () {
-    return _preview.setAddon;
-  }
-});
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function () {
-    return _preview.storiesOf;
-  }
-});
-
-var _preview = require("./preview");
-
-var _module, _module$hot;
-
-// optimization: stop HMR propagation in webpack
-(_module = module) === null || _module === void 0 ? void 0 : (_module$hot = _module.hot) === null || _module$hot === void 0 ? void 0 : _module$hot.decline();

package/dist/cjs/preview/config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = void 0;
-Object.defineProperty(exports, "render", {
-  enumerable: true,
-  get: function () {
-    return _render.render;
-  }
-});
-Object.defineProperty(exports, "renderToDOM", {
-  enumerable: true,
-  get: function () {
-    return _render.renderToDOM;
-  }
-});
-
-var _render = require("./render");
-
-const parameters = {
-  framework: 'server'
-};
-exports.parameters = parameters;

package/dist/cjs/preview/globals.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const {
-  window: globalWindow
-} = _global.default;
-globalWindow.STORYBOOK_ENV = 'SERVER';

package/dist/cjs/preview/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
-
-var _coreClient = require("@storybook/core-client");
-
-require("./globals");
-
-var _render = require("./render");
-
-const framework = 'server';
-const api = (0, _coreClient.start)(_render.renderToDOM, {
-  render: _render.render
-});
-
-const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-
-exports.storiesOf = storiesOf;
-
-const configure = (...args) => api.configure(framework, ...args);
-
-exports.configure = configure;
-const {
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  setAddon,
-  getStorybook,
-  raw
-} = api.clientApi;
-exports.raw = raw;
-exports.getStorybook = getStorybook;
-exports.setAddon = setAddon;
-exports.clearDecorators = clearDecorators;
-exports.addParameters = addParameters;
-exports.addDecorator = addDecorator;
-const {
-  forceReRender
-} = api;
-exports.forceReRender = forceReRender;

package/dist/cjs/preview/render.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.render = void 0;
-exports.renderToDOM = renderToDOM;
-
-var _global = _interopRequireDefault(require("global"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _previewWeb = require("@storybook/preview-web");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-const {
-  fetch,
-  Node
-} = _global.default;
-
-const defaultFetchStoryHtml = async (url, path, params, storyContext) => {
-  const fetchUrl = new URL(`${url}/${path}`);
-  fetchUrl.search = new URLSearchParams(Object.assign({}, storyContext.globals, params)).toString();
-  const response = await fetch(fetchUrl);
-  return response.text();
-};
-
-const buildStoryArgs = (args, argTypes) => {
-  const storyArgs = Object.assign({}, args);
-  Object.keys(argTypes).forEach(key => {
-    const argType = argTypes[key];
-    const {
-      control
-    } = argType;
-    const controlType = control && control.type.toLowerCase();
-    const argValue = storyArgs[key];
-
-    switch (controlType) {
-      case 'date':
-        // For cross framework & language support we pick a consistent representation of Dates as strings
-        storyArgs[key] = new Date(argValue).toISOString();
-        break;
-
-      case 'object':
-        // send objects as JSON strings
-        storyArgs[key] = JSON.stringify(argValue);
-        break;
-
-      default:
-    }
-  });
-  return storyArgs;
-};
-
-const render = args => {};
-
-exports.render = render;
-
-async function renderToDOM({
-  id,
-  title,
-  name,
-  showMain,
-  showError,
-  forceRemount,
-  storyFn,
-  storyContext,
-  storyContext: {
-    parameters,
-    args,
-    argTypes
-  }
-}, domElement) {
-  // Some addons wrap the storyFn so we need to call it even though Server doesn't need the answer
-  storyFn();
-  const storyArgs = buildStoryArgs(args, argTypes);
-  const {
-    server: {
-      url,
-      id: storyId,
-      fetchStoryHtml = defaultFetchStoryHtml,
-      params
-    }
-  } = parameters;
-  const fetchId = storyId || id;
-  const storyParams = Object.assign({}, params, storyArgs);
-  const element = await fetchStoryHtml(url, fetchId, storyParams, storyContext);
-  showMain();
-
-  if (typeof element === 'string') {
-    domElement.innerHTML = element;
-    (0, _previewWeb.simulatePageLoad)(domElement);
-  } else if (element instanceof Node) {
-    // Don't re-mount the element if it didn't change and neither did the story
-    if (domElement.firstChild === element && forceRemount === false) {
-      return;
-    }
-
-    domElement.innerHTML = '';
-    domElement.appendChild(element);
-    (0, _previewWeb.simulateDOMContentLoaded)();
-  } else {
-    showError({
-      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,
-      description: (0, _tsDedent.default)`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `
-    });
-  }
-}

package/dist/cjs/preview/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview'; // optimization: stop HMR propagation in webpack
-
-module?.hot?.decline();

package/dist/esm/preview/config.js

@@ -1,4 +0,0 @@
-export { render, renderToDOM } from './render';
-export const parameters = {
-  framework: 'server'
-};

package/dist/esm/preview/globals.js

@@ -1,5 +0,0 @@
-import global from 'global';
-const {
-  window: globalWindow
-} = global;
-globalWindow.STORYBOOK_ENV = 'SERVER';

package/dist/esm/preview/index.js

@@ -1,24 +0,0 @@
-import { start } from '@storybook/core-client';
-import './globals';
-import { renderToDOM, render } from './render';
-const framework = 'server';
-const api = start(renderToDOM, {
-  render
-});
-export const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-export const configure = (...args) => api.configure(framework, ...args);
-export const {
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  setAddon,
-  getStorybook,
-  raw
-} = api.clientApi;
-export const {
-  forceReRender
-} = api;

package/dist/esm/preview/render.js

@@ -1,97 +0,0 @@
-/* eslint-disable no-param-reassign */
-import global from 'global';
-import dedent from 'ts-dedent';
-import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
-const {
-  fetch,
-  Node
-} = global;
-
-const defaultFetchStoryHtml = async (url, path, params, storyContext) => {
-  const fetchUrl = new URL(`${url}/${path}`);
-  fetchUrl.search = new URLSearchParams(Object.assign({}, storyContext.globals, params)).toString();
-  const response = await fetch(fetchUrl);
-  return response.text();
-};
-
-const buildStoryArgs = (args, argTypes) => {
-  const storyArgs = Object.assign({}, args);
-  Object.keys(argTypes).forEach(key => {
-    const argType = argTypes[key];
-    const {
-      control
-    } = argType;
-    const controlType = control && control.type.toLowerCase();
-    const argValue = storyArgs[key];
-
-    switch (controlType) {
-      case 'date':
-        // For cross framework & language support we pick a consistent representation of Dates as strings
-        storyArgs[key] = new Date(argValue).toISOString();
-        break;
-
-      case 'object':
-        // send objects as JSON strings
-        storyArgs[key] = JSON.stringify(argValue);
-        break;
-
-      default:
-    }
-  });
-  return storyArgs;
-};
-
-export const render = args => {};
-export async function renderToDOM({
-  id,
-  title,
-  name,
-  showMain,
-  showError,
-  forceRemount,
-  storyFn,
-  storyContext,
-  storyContext: {
-    parameters,
-    args,
-    argTypes
-  }
-}, domElement) {
-  // Some addons wrap the storyFn so we need to call it even though Server doesn't need the answer
-  storyFn();
-  const storyArgs = buildStoryArgs(args, argTypes);
-  const {
-    server: {
-      url,
-      id: storyId,
-      fetchStoryHtml = defaultFetchStoryHtml,
-      params
-    }
-  } = parameters;
-  const fetchId = storyId || id;
-  const storyParams = Object.assign({}, params, storyArgs);
-  const element = await fetchStoryHtml(url, fetchId, storyParams, storyContext);
-  showMain();
-
-  if (typeof element === 'string') {
-    domElement.innerHTML = element;
-    simulatePageLoad(domElement);
-  } else if (element instanceof Node) {
-    // Don't re-mount the element if it didn't change and neither did the story
-    if (domElement.firstChild === element && forceRemount === false) {
-      return;
-    }
-
-    domElement.innerHTML = '';
-    domElement.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.
-      `
-    });
-  }
-}

package/dist/esm/preview/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';

package/dist/types/preview/config.d.ts

@@ -1,4 +0,0 @@
-export { render, renderToDOM } from './render';
-export declare const parameters: {
-    framework: string;
-};

package/dist/types/preview/globals.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/preview/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="webpack-env" />
-import type { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import type { IStorybookSection, ServerFramework } from './types';
-interface ClientApi extends ClientStoryApi<ServerFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<ServerFramework, import("@storybook/addons").Args>) => void), addParameters: (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
-    globals?: import("@storybook/csf").Globals;
-    globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void) | (() => never), clearDecorators: (() => void) | (() => never), setAddon: ((addon: any) => void) | (() => never), getStorybook: (() => never) | (() => import("lib/client-api/dist/types/ClientApi").GetStorybookKind<ServerFramework>[]), raw: (() => never) | (() => import("lib/store/dist/types").BoundStory<ServerFramework>[]);
-export declare const forceReRender: (() => never) | (() => void);
-export {};

package/dist/types/preview/render.d.ts

@@ -1,5 +0,0 @@
-import type { RenderContext } from '@storybook/store';
-import type { StoryFn } from '@storybook/csf';
-import type { ServerFramework } from './types';
-export declare const render: StoryFn<ServerFramework>;
-export declare function renderToDOM({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: RenderContext<ServerFramework>, domElement: Element): Promise<void>;

package/dist/types/preview/types.d.ts

@@ -1,20 +0,0 @@
-import type { StoryContext } from '@storybook/csf';
-export type { RenderContext } from '@storybook/core-client';
-export declare type StoryFnServerReturnType = any;
-export declare type ServerFramework = {
-    component: string;
-    storyResult: StoryFnServerReturnType;
-};
-export declare type FetchStoryHtmlType = (url: string, id: string, params: any, context: StoryContext<ServerFramework>) => Promise<string | Node>;
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}
-export interface ShowErrorArgs {
-    title: string;
-    description: string;
-}