@storybook/html 6.5.0-alpha.9 → 6.5.0-beta.0

package/README.md

@@ -21,5 +21,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/docs/html/configure/storybook-addons) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/docs/html/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/html/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.

package/dist/cjs/client/docs/config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parameters = exports.decorators = void 0;
+
+var _docsTools = require("@storybook/docs-tools");
+
+var _sourceDecorator = require("./sourceDecorator");
+
+var _prepareForInline = require("./prepareForInline");
+
+var decorators = [_sourceDecorator.sourceDecorator];
+exports.decorators = decorators;
+var parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline: _prepareForInline.prepareForInline,
+    source: {
+      type: _docsTools.SourceType.DYNAMIC,
+      language: 'html'
+    }
+  }
+};
+exports.parameters = parameters;

package/dist/cjs/client/docs/prepareForInline.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareForInline = prepareForInline;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function prepareForInline(storyFn) {
+  var html = storyFn();
+
+  if (typeof html === 'string') {
+    // eslint-disable-next-line react/no-danger
+    return /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: function ref(node) {
+      return node ? node.appendChild(html) : null;
+    }
+  });
+}

package/dist/cjs/client/docs/sourceDecorator.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sourceDecorator = sourceDecorator;
+
+var _docsTools = require("@storybook/docs-tools");
+
+var _addons = require("@storybook/addons");
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* global window */
+function skipSourceRender(context) {
+  var _context$parameters$d;
+
+  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
+  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
+
+  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.DYNAMIC) {
+    return false;
+  } // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+
+
+  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.CODE;
+} // By default, just remove indentation
+
+
+function defaultTransformSource(source) {
+  // Have to wrap dedent so it doesn't serialize the context
+  return (0, _tsDedent.default)(source);
+}
+
+function applyTransformSource(source, context) {
+  var _context$parameters$d2, _docs$transformSource;
+
+  var docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
+  var transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
+  return transformSource(source, context);
+}
+
+function sourceDecorator(storyFn, context) {
+  var _context$parameters$d3, _context$parameters$d4;
+
+  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  var source;
+
+  if (!skipSourceRender(context)) {
+    if (typeof story === 'string') {
+      source = story;
+    } // eslint-disable-next-line no-undef
+    else if (story instanceof Element) {
+      source = story.outerHTML;
+    }
+
+    if (source) source = applyTransformSource(source, context);
+  }
+
+  (0, _addons.useEffect)(function () {
+    if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
+  });
+  return story;
+}

package/dist/cjs/client/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -17,18 +19,6 @@ var _exportNames = {
   forceReRender: true,
   raw: true
 };
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function get() {
-    return _preview.storiesOf;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function get() {
-    return _preview.setAddon;
-  }
-});
 Object.defineProperty(exports, "addDecorator", {
   enumerable: true,
   get: function get() {
@@ -47,16 +37,16 @@ Object.defineProperty(exports, "configure", {
     return _preview.configure;
   }
 });
-Object.defineProperty(exports, "getStorybook", {
+Object.defineProperty(exports, "forceReRender", {
   enumerable: true,
   get: function get() {
-    return _preview.getStorybook;
+    return _preview.forceReRender;
   }
 });
-Object.defineProperty(exports, "forceReRender", {
+Object.defineProperty(exports, "getStorybook", {
   enumerable: true,
   get: function get() {
-    return _preview.forceReRender;
+    return _preview.getStorybook;
   }
 });
 Object.defineProperty(exports, "raw", {
@@ -65,6 +55,18 @@ Object.defineProperty(exports, "raw", {
     return _preview.raw;
   }
 });
+Object.defineProperty(exports, "setAddon", {
+  enumerable: true,
+  get: function get() {
+    return _preview.setAddon;
+  }
+});
+Object.defineProperty(exports, "storiesOf", {
+  enumerable: true,
+  get: function get() {
+    return _preview.storiesOf;
+  }
+});
 
 var _preview = require("./preview");
 

package/dist/cjs/client/preview/config.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.parameters = void 0;
 Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
   get: function get() {
     return _render.renderToDOM;
   }
 });
-exports.parameters = void 0;
 
 var _render = require("./render");
 

package/dist/cjs/client/preview/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
+exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
-var _client = require("@storybook/core/client");
+var _core = require("@storybook/core");
 
 require("./globals");
 
@@ -15,7 +15,7 @@ var _render = require("./render");
 
 /* eslint-disable prefer-destructuring */
 var framework = 'html';
-var api = (0, _client.start)(_render.renderToDOM);
+var api = (0, _core.start)(_render.renderToDOM);
 
 var storiesOf = function storiesOf(kind, m) {
   return api.clientApi.storiesOf(kind, m).addParameters({

package/dist/cjs/client/preview/types-6-0.js

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

package/dist/cjs/client/preview/types-7-0.js

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

package/dist/cjs/server/framework-preset-html-docs.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewAnnotations = void 0;
+
+var _coreCommon = require("@storybook/core-common");
+
+var _docsTools = require("@storybook/docs-tools");
+
+var previewAnnotations = function (entry = [], options) {
+  if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
+  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
+};
+
+exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/framework-preset-html.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.previewAnnotations = void 0;
 exports.webpack = webpack;
-exports.config = void 0;
 
 var _coreCommon = require("@storybook/core-common");
 
-// eslint-disable-next-line import/no-extraneous-dependencies
 function webpack(config) {
   config.module.rules.push({
     test: /\.html$/,
@@ -17,8 +16,8 @@ function webpack(config) {
   return config;
 }
 
-var config = function (entry = []) {
+var previewAnnotations = function (entry = []) {
   return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
 };
 
-exports.config = config;
+exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/options.js

@@ -12,6 +12,6 @@ var _default = {
     cwd: __dirname
   }).packageJson,
   framework: 'html',
-  frameworkPresets: [require.resolve('./framework-preset-html')]
+  frameworkPresets: [require.resolve('./preset')]
 };
 exports.default = _default;

package/dist/cjs/server/preset.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addons = void 0;
+var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];
+exports.addons = addons;

package/dist/esm/client/docs/config.js

@@ -0,0 +1,14 @@
+import { SourceType } from '@storybook/docs-tools';
+import { sourceDecorator } from './sourceDecorator';
+import { prepareForInline } from './prepareForInline';
+export var decorators = [sourceDecorator];
+export var parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline: prepareForInline,
+    source: {
+      type: SourceType.DYNAMIC,
+      language: 'html'
+    }
+  }
+};

package/dist/esm/client/docs/prepareForInline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export function prepareForInline(storyFn) {
+  var html = storyFn();
+
+  if (typeof html === 'string') {
+    // eslint-disable-next-line react/no-danger
+    return /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: function ref(node) {
+      return node ? node.appendChild(html) : null;
+    }
+  });
+}

package/dist/esm/client/docs/sourceDecorator.js

@@ -0,0 +1,56 @@
+/* global window */
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
+import { addons, useEffect } from '@storybook/addons';
+import dedent from 'ts-dedent';
+
+function skipSourceRender(context) {
+  var _context$parameters$d;
+
+  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
+  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
+
+  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
+    return false;
+  } // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+
+
+  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
+} // By default, just remove indentation
+
+
+function defaultTransformSource(source) {
+  // Have to wrap dedent so it doesn't serialize the context
+  return dedent(source);
+}
+
+function applyTransformSource(source, context) {
+  var _context$parameters$d2, _docs$transformSource;
+
+  var docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
+  var transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
+  return transformSource(source, context);
+}
+
+export function sourceDecorator(storyFn, context) {
+  var _context$parameters$d3, _context$parameters$d4;
+
+  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  var source;
+
+  if (!skipSourceRender(context)) {
+    if (typeof story === 'string') {
+      source = story;
+    } // eslint-disable-next-line no-undef
+    else if (story instanceof Element) {
+      source = story.outerHTML;
+    }
+
+    if (source) source = applyTransformSource(source, context);
+  }
+
+  useEffect(function () {
+    if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
+  });
+  return story;
+}

package/dist/esm/client/preview/index.js

@@ -1,7 +1,7 @@
 import "core-js/modules/es.array.concat.js";
 
 /* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core/client';
+import { start } from '@storybook/core';
 import './globals';
 import { renderToDOM } from './render';
 var framework = 'html';

package/dist/esm/client/preview/types-6-0.js

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

package/dist/esm/client/preview/types-7-0.js

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

package/dist/esm/server/framework-preset-html-docs.js

@@ -0,0 +1,6 @@
+import { findDistEsm } from '@storybook/core-common';
+import { hasDocsOrControls } from '@storybook/docs-tools';
+export var previewAnnotations = function (entry = [], options) {
+  if (!hasDocsOrControls(options)) return entry;
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

package/dist/esm/server/framework-preset-html.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { findDistEsm } from '@storybook/core-common';
 export function webpack(config) {
   config.module.rules.push({
@@ -7,6 +6,6 @@ export function webpack(config) {
   });
   return config;
 }
-export var config = function (entry = []) {
+export var previewAnnotations = function (entry = []) {
   return [...entry, findDistEsm(__dirname, 'client/preview/config')];
 };

package/dist/esm/server/options.js

@@ -4,5 +4,5 @@ export default {
     cwd: __dirname
   }).packageJson,
   framework: 'html',
-  frameworkPresets: [require.resolve('./framework-preset-html')]
+  frameworkPresets: [require.resolve('./preset')]
 };

package/dist/esm/server/preset.js

@@ -0,0 +1 @@
+export var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];

package/dist/modern/client/docs/config.js

@@ -0,0 +1,14 @@
+import { SourceType } from '@storybook/docs-tools';
+import { sourceDecorator } from './sourceDecorator';
+import { prepareForInline } from './prepareForInline';
+export const decorators = [sourceDecorator];
+export const parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline,
+    source: {
+      type: SourceType.DYNAMIC,
+      language: 'html'
+    }
+  }
+};

package/dist/modern/client/docs/prepareForInline.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export function prepareForInline(storyFn) {
+  const html = storyFn();
+
+  if (typeof html === 'string') {
+    // eslint-disable-next-line react/no-danger
+    return /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: node => node ? node.appendChild(html) : null
+  });
+}

package/dist/modern/client/docs/sourceDecorator.js

@@ -0,0 +1,56 @@
+/* global window */
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
+import { addons, useEffect } from '@storybook/addons';
+import dedent from 'ts-dedent';
+
+function skipSourceRender(context) {
+  var _context$parameters$d;
+
+  const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
+  const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
+
+  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
+    return false;
+  } // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+
+
+  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
+} // By default, just remove indentation
+
+
+function defaultTransformSource(source) {
+  // Have to wrap dedent so it doesn't serialize the context
+  return dedent(source);
+}
+
+function applyTransformSource(source, context) {
+  var _context$parameters$d2, _docs$transformSource;
+
+  const docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
+  const transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
+  return transformSource(source, context);
+}
+
+export function sourceDecorator(storyFn, context) {
+  var _context$parameters$d3, _context$parameters$d4;
+
+  const story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  let source;
+
+  if (!skipSourceRender(context)) {
+    if (typeof story === 'string') {
+      source = story;
+    } // eslint-disable-next-line no-undef
+    else if (story instanceof Element) {
+      source = story.outerHTML;
+    }
+
+    if (source) source = applyTransformSource(source, context);
+  }
+
+  useEffect(() => {
+    if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
+  });
+  return story;
+}

package/dist/modern/client/preview/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core/client';
+import { start } from '@storybook/core';
 import './globals';
 import { renderToDOM } from './render';
 const framework = 'html';

package/dist/modern/client/preview/types-6-0.js

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

package/dist/modern/client/preview/types-7-0.js

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

package/dist/modern/server/framework-preset-html-docs.js

@@ -0,0 +1,6 @@
+import { findDistEsm } from '@storybook/core-common';
+import { hasDocsOrControls } from '@storybook/docs-tools';
+export var previewAnnotations = function (entry = [], options) {
+  if (!hasDocsOrControls(options)) return entry;
+  return [...entry, findDistEsm(__dirname, 'client/docs/config')];
+};

package/dist/modern/server/framework-preset-html.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { findDistEsm } from '@storybook/core-common';
 export function webpack(config) {
   config.module.rules.push({
@@ -7,6 +6,6 @@ export function webpack(config) {
   });
   return config;
 }
-export var config = function (entry = []) {
+export var previewAnnotations = function (entry = []) {
   return [...entry, findDistEsm(__dirname, 'client/preview/config')];
 };

package/dist/modern/server/options.js

@@ -4,5 +4,5 @@ export default {
     cwd: __dirname
   }).packageJson,
   framework: 'html',
-  frameworkPresets: [require.resolve('./framework-preset-html')]
+  frameworkPresets: [require.resolve('./preset')]
 };

package/dist/modern/server/preset.js

@@ -0,0 +1 @@
+export var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];

package/dist/ts3.4/client/docs/config.d.ts

@@ -0,0 +1,14 @@
+import { SourceType } from '@storybook/docs-tools';
+import { sourceDecorator } from './sourceDecorator';
+import { prepareForInline } from './prepareForInline';
+export declare const decorators: (typeof sourceDecorator)[];
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        prepareForInline: typeof prepareForInline;
+        source: {
+            type: SourceType;
+            language: string;
+        };
+    };
+};

package/dist/ts3.4/client/docs/prepareForInline.d.ts

@@ -0,0 +1,2 @@
+import { PartialStoryFn } from '@storybook/csf';
+export declare function prepareForInline(storyFn: PartialStoryFn<any>): JSX.Element;

package/dist/ts3.4/client/docs/sourceDecorator.d.ts

@@ -0,0 +1,3 @@
+import { PartialStoryFn, StoryContext } from '@storybook/csf';
+import { HtmlFramework } from '..';
+export declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext<HtmlFramework>): string | Node;

package/dist/ts3.4/server/framework-preset-html-docs.d.ts

@@ -0,0 +1,2 @@
+import { StorybookConfig } from '@storybook/core-common';
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.4/server/framework-preset-html.d.ts

@@ -1,4 +1,4 @@
 import { Configuration } from 'webpack';
 import { StorybookConfig } from '@storybook/core-common';
 export declare function webpack(config: Configuration): Configuration;
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.4/server/preset.d.ts

@@ -0,0 +1,2 @@
+import { StorybookConfig } from '@storybook/core-common';
+export declare const addons: StorybookConfig['addons'];

package/dist/ts3.9/client/docs/config.d.ts

@@ -0,0 +1,14 @@
+import { SourceType } from '@storybook/docs-tools';
+import { sourceDecorator } from './sourceDecorator';
+import { prepareForInline } from './prepareForInline';
+export declare const decorators: (typeof sourceDecorator)[];
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        prepareForInline: typeof prepareForInline;
+        source: {
+            type: SourceType;
+            language: string;
+        };
+    };
+};

package/dist/ts3.9/client/docs/prepareForInline.d.ts

@@ -0,0 +1,2 @@
+import { PartialStoryFn } from '@storybook/csf';
+export declare function prepareForInline(storyFn: PartialStoryFn<any>): JSX.Element;

package/dist/ts3.9/client/docs/sourceDecorator.d.ts

@@ -0,0 +1,3 @@
+import type { PartialStoryFn, StoryContext } from '@storybook/csf';
+import type { HtmlFramework } from '..';
+export declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext<HtmlFramework>): string | Node;

package/dist/ts3.9/client/preview/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
-import { ClientStoryApi, Loadable } from '@storybook/addons';
+import type { ClientStoryApi, Loadable } from '@storybook/addons';
 import { HtmlFramework } from './types-6-0';
 import './globals';
-import { IStorybookSection } from './types';
+import type { IStorybookSection } from './types';
 interface ClientApi extends ClientStoryApi<HtmlFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;

package/dist/ts3.9/client/preview/types-6-0.d.ts

@@ -1,5 +1,5 @@
-import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import { StoryFnHtmlReturnType } from './types';
+import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import type { StoryFnHtmlReturnType } from './types';
 export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
 export declare type HtmlFramework = {
     component: HTMLElement;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -1,4 +1,4 @@
-import { Args } from '@storybook/csf';
+import type { Args } from '@storybook/csf';
 import type { StoryObj } from './types-6-0';
 export type { StoryFn, StoryObj, Meta } from './types-6-0';
 /**

package/dist/ts3.9/server/framework-preset-html-docs.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-common';
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.9/server/framework-preset-html.d.ts

@@ -1,4 +1,4 @@
-import { Configuration } from 'webpack';
-import { StorybookConfig } from '@storybook/core-common';
+import type { Configuration } from 'webpack';
+import type { StorybookConfig } from '@storybook/core-common';
 export declare function webpack(config: Configuration): Configuration;
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.9/server/options.d.ts

@@ -1,3 +1,3 @@
-import { LoadOptions } from '@storybook/core-common';
+import type { LoadOptions } from '@storybook/core-common';
 declare const _default: LoadOptions;
 export default _default;

package/dist/ts3.9/server/preset.d.ts

@@ -0,0 +1,2 @@
+import type { StorybookConfig } from '@storybook/core-common';
+export declare const addons: StorybookConfig['addons'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "6.5.0-alpha.9",
+  "version": "6.5.0-beta.0",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,13 +45,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.9",
-    "@storybook/client-api": "6.5.0-alpha.9",
-    "@storybook/core": "6.5.0-alpha.9",
-    "@storybook/core-common": "6.5.0-alpha.9",
-    "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/preview-web": "6.5.0-alpha.9",
-    "@storybook/store": "6.5.0-alpha.9",
+    "@storybook/addons": "6.5.0-beta.0",
+    "@storybook/core": "6.5.0-beta.0",
+    "@storybook/core-common": "6.5.0-beta.0",
+    "@storybook/csf": "0.0.2--canary.7c6c115.0",
+    "@storybook/docs-tools": "6.5.0-beta.0",
+    "@storybook/preview-web": "6.5.0-beta.0",
+    "@storybook/store": "6.5.0-beta.0",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
@@ -61,7 +61,11 @@
     "react-dom": "16.14.0",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
-    "ts-dedent": "^2.0.0"
+    "ts-dedent": "^2.0.0",
+    "webpack": ">=4.0.0 <6.0.0"
+  },
+  "devDependencies": {
+    "webpack": "4"
   },
   "peerDependencies": {
     "@babel/core": "*"
@@ -72,6 +76,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fb124ab94e8b5ed0920bc7954e6f6a70bf79c37a",
+  "gitHead": "b2e85f3599c043815b18bbfc5ca563bf1c6e4add",
   "sbmodern": "dist/modern/client/index.js"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/cjs/server/framework-preset-html');
+module.exports = require('./dist/cjs/server/preset');

package/dist/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";