@storybook/html 6.5.6 → 7.0.0-alpha.0

package/README.md

@@ -1,25 +1 @@
-# Storybook for HTML
-
----
-
-Storybook for HTML is a UI development environment for your plain HTML snippets.
-With it, you can visualize different states of your UI components and develop them interactively.
-
-![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
-
-Storybook runs outside of your app.
-So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
-
-## Getting Started
-
-```sh
-cd my-app
-npx sb init -t html
-```
-
-For more information visit: [storybook.js.org](https://storybook.js.org)
-
----
-
-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.
+# Storybook HTML Renderer

package/dist/cjs/config.js

@@ -0,0 +1,44 @@
+"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");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  parameters: true,
+  decorators: true
+};
+Object.defineProperty(exports, "decorators", {
+  enumerable: true,
+  get: function get() {
+    return _config.decorators;
+  }
+});
+exports.parameters = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _config = require("./docs/config");
+
+var _config2 = require("./preview/config");
+
+Object.keys(_config2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _config2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _config2[key];
+    }
+  });
+});
+var parameters = Object.assign({
+  framework: 'html'
+}, _config.parameters);
+exports.parameters = parameters;

package/dist/cjs/{client/docs → docs}/sourceDecorator.js

@@ -13,6 +13,8 @@ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+/* eslint-disable no-underscore-dangle */
+
 /* global window */
 function skipSourceRender(context) {
   var _context$parameters$d;
@@ -52,8 +54,7 @@ function sourceDecorator(storyFn, context) {
   if (!skipSourceRender(context)) {
     if (typeof story === 'string') {
       source = story;
-    } // eslint-disable-next-line no-undef
-    else if (story instanceof Element) {
+    } else if (story instanceof Element) {
       source = story.outerHTML;
     }
 

package/dist/cjs/{client/index.js → index.js}

@@ -84,6 +84,7 @@ Object.keys(_types).forEach(function (key) {
   });
 });
 
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
+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/{client/preview → preview}/config.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parameters = void 0;
 Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
   get: function get() {
@@ -11,9 +10,4 @@ Object.defineProperty(exports, "renderToDOM", {
   }
 });
 
-var _render = require("./render");
-
-var parameters = {
-  framework: 'html'
-};
-exports.parameters = parameters;
+var _render = require("./render");

package/dist/cjs/{client/preview → preview}/index.js

@@ -7,7 +7,7 @@ exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = expo
 
 require("core-js/modules/es.array.concat.js");
 
-var _core = require("@storybook/core");
+var _coreClient = require("@storybook/core-client");
 
 require("./globals");
 
@@ -15,7 +15,7 @@ var _render = require("./render");
 
 /* eslint-disable prefer-destructuring */
 var framework = 'html';
-var api = (0, _core.start)(_render.renderToDOM);
+var api = (0, _coreClient.start)(_render.renderToDOM);
 
 var storiesOf = function storiesOf(kind, m) {
   return api.clientApi.storiesOf(kind, m).addParameters({

package/dist/esm/config.js

@@ -0,0 +1,6 @@
+import { parameters as docsParams } from './docs/config';
+export const parameters = Object.assign({
+  framework: 'html'
+}, docsParams);
+export { decorators } from './docs/config';
+export * from './preview/config';

package/dist/esm/docs/sourceDecorator.js

@@ -0,0 +1,51 @@
+/* eslint-disable no-underscore-dangle */
+
+/* global window */
+import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
+import { addons, useEffect } from '@storybook/addons';
+import dedent from 'ts-dedent';
+
+function skipSourceRender(context) {
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory; // always render if the user forces it
+
+  if (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?.code || 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) {
+  const docs = context.parameters.docs ?? {};
+  const transformSource = docs.transformSource ?? defaultTransformSource;
+  return transformSource(source, context);
+}
+
+export function sourceDecorator(storyFn, context) {
+  const story = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  let source;
+
+  if (!skipSourceRender(context)) {
+    if (typeof story === 'string') {
+      source = story;
+    } 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 → esm}/index.js

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

package/dist/esm/preview/config.js

@@ -0,0 +1 @@
+export { renderToDOM } from './render';

package/dist/{modern/client → esm}/preview/index.js

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

package/dist/types/config.d.ts

@@ -0,0 +1,13 @@
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        prepareForInline: typeof import("./docs/prepareForInline").prepareForInline;
+        source: {
+            type: import("lib/docs-tools/dist/types").SourceType;
+            language: string;
+        };
+    };
+    framework: string;
+};
+export { decorators } from './docs/config';
+export * from './preview/config';

package/dist/{ts3.9/client → types}/docs/sourceDecorator.d.ts

@@ -1,3 +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;
+export declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext<HtmlFramework>): import("../preview/types").StoryFnHtmlReturnType;

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

@@ -0,0 +1 @@
+export { renderToDOM } from './render';

package/dist/{ts3.9/client → types}/preview/types.d.ts

@@ -1,4 +1,4 @@
-export type { RenderContext } from '@storybook/core';
+export type { RenderContext } from '@storybook/core-client';
 export declare type StoryFnHtmlReturnType = string | Node;
 export interface IStorybookStory {
     name: string;

package/package.json

@@ -1,41 +1,28 @@
 {
   "name": "@storybook/html",
-  "version": "6.5.6",
-  "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
+  "version": "7.0.0-alpha.0",
+  "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/html",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/html",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/storybook.git",
-    "directory": "app/html"
+    "directory": "renderers/html"
   },
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/client/index.js",
-  "module": "dist/esm/client/index.js",
-  "types": "dist/ts3.9/client/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "dist/ts3.9/*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
-  "bin": {
-    "build-storybook": "./bin/build.js",
-    "start-storybook": "./bin/index.js",
-    "storybook-server": "./bin/index.js"
-  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "README.md",
     "*.js",
@@ -45,27 +32,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.6",
-    "@storybook/core": "6.5.6",
-    "@storybook/core-common": "6.5.6",
+    "@storybook/addons": "7.0.0-alpha.0",
+    "@storybook/core-client": "7.0.0-alpha.0",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.6",
-    "@storybook/preview-web": "6.5.6",
-    "@storybook/store": "6.5.6",
-    "@types/node": "^14.14.20 || ^16.0.0",
-    "@types/webpack-env": "^1.16.0",
+    "@storybook/docs-tools": "7.0.0-alpha.0",
+    "@storybook/preview-web": "7.0.0-alpha.0",
+    "@storybook/store": "7.0.0-alpha.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "html-loader": "^1.3.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
-    "ts-dedent": "^2.0.0",
-    "webpack": ">=4.0.0 <6.0.0"
-  },
-  "devDependencies": {
-    "webpack": "4"
+    "ts-dedent": "^2.0.0"
   },
   "peerDependencies": {
     "@babel/core": "*"
@@ -76,6 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "65d10a3c52180f606d635d82a9ca41686a9aa81f",
-  "sbmodern": "dist/modern/client/index.js"
+  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
 }

package/preview.js

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

package/bin/build.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-
-process.env.NODE_ENV = process.env.NODE_ENV || 'production';
-require('../dist/cjs/server/build');

package/bin/index.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require('../dist/cjs/server');

package/dist/cjs/server/build.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildStatic)(_options.default);

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

@@ -1,17 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.previewAnnotations = void 0;
-exports.webpack = webpack;
-
-var _coreCommon = require("@storybook/core-common");
-
-function webpack(config) {
-  config.module.rules.push({
-    test: /\.html$/,
-    use: require.resolve('html-loader')
-  });
-  return config;
-}
-
-var previewAnnotations = function (entry = []) {
-  return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
-};
-
-exports.previewAnnotations = previewAnnotations;

package/dist/cjs/server/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildDev)(_options.default);

package/dist/cjs/server/options.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _readPkgUp = require("read-pkg-up");
-
-var _default = {
-  packageJson: (0, _readPkgUp.sync)({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'html',
-  frameworkPresets: [require.resolve('./preset')]
-};
-exports.default = _default;

package/dist/cjs/server/preset.js

@@ -1,8 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,56 +0,0 @@
-/* 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/index.js

@@ -1,6 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
-export * from './preview/types-6-0';
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

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

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

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

@@ -1,3 +0,0 @@
-import global from 'global';
-var globalWindow = global.window;
-globalWindow.STORYBOOK_ENV = 'HTML';

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

@@ -1,27 +0,0 @@
-import "core-js/modules/es.array.concat.js";
-
-/* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core';
-import './globals';
-import { renderToDOM } from './render';
-var framework = 'html';
-var api = start(renderToDOM);
-export var storiesOf = function storiesOf(kind, m) {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
-export var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
-export var addDecorator = api.clientApi.addDecorator;
-export var addParameters = api.clientApi.addParameters;
-export var clearDecorators = api.clientApi.clearDecorators;
-export var setAddon = api.clientApi.setAddon;
-export var forceReRender = api.forceReRender;
-export var getStorybook = api.clientApi.getStorybook;
-export var raw = api.clientApi.raw;

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

@@ -1,42 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-
-/* eslint-disable no-param-reassign */
-import global from 'global';
-import dedent from 'ts-dedent';
-import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
-var Node = global.Node;
-export function renderToDOM(_ref, domElement) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
-      name = _ref.name,
-      showMain = _ref.showMain,
-      showError = _ref.showError,
-      forceRemount = _ref.forceRemount;
-  var element = storyFn();
-  showMain();
-
-  if (typeof element === 'string') {
-    domElement.innerHTML = element;
-    simulatePageLoad(domElement);
-  } else if (element instanceof Node) {
-    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: \"".concat(name, "\" of \"").concat(kind, "\"."),
-      description: dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the HTML snippet from the story?\n        Use \"() => <your snippet or node>\" or when defining the story.\n      "])))
-    });
-  }
-}

package/dist/esm/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

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

@@ -1,6 +0,0 @@
-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,11 +0,0 @@
-import { findDistEsm } from '@storybook/core-common';
-export function webpack(config) {
-  config.module.rules.push({
-    test: /\.html$/,
-    use: require.resolve('html-loader')
-  });
-  return config;
-}
-export var previewAnnotations = function (entry = []) {
-  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
-};

package/dist/esm/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/esm/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'html',
-  frameworkPresets: [require.resolve('./preset')]
-};

package/dist/esm/server/preset.js

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

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

@@ -1,56 +0,0 @@
-/* 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/config.js

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

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

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

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

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

package/dist/modern/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

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

@@ -1,6 +0,0 @@
-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,11 +0,0 @@
-import { findDistEsm } from '@storybook/core-common';
-export function webpack(config) {
-  config.module.rules.push({
-    test: /\.html$/,
-    use: require.resolve('html-loader')
-  });
-  return config;
-}
-export var previewAnnotations = function (entry = []) {
-  return [...entry, findDistEsm(__dirname, 'client/preview/config')];
-};

package/dist/modern/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/modern/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'html',
-  frameworkPresets: [require.resolve('./preset')]
-};

package/dist/modern/server/preset.js

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

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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1,3 +0,0 @@
-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/client/index.d.ts

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

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

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

package/dist/ts3.4/client/preview/globals.d.ts

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

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

@@ -1,24 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import { ClientStoryApi, Loadable } from '@storybook/addons';
-import { HtmlFramework } from './types-6-0';
-import './globals';
-import { IStorybookSection } from './types';
-interface ClientApi extends ClientStoryApi<HtmlFramework['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: ClientApi['addDecorator'];
-export declare const addParameters: ClientApi['addParameters'];
-export declare const clearDecorators: ClientApi['clearDecorators'];
-export declare const setAddon: ClientApi['setAddon'];
-export declare const forceReRender: ClientApi['forceReRender'];
-export declare const getStorybook: ClientApi['getStorybook'];
-export declare const raw: ClientApi['raw'];
-export {};

package/dist/ts3.4/client/preview/render.d.ts

@@ -1,3 +0,0 @@
-import { RenderContext } from '@storybook/store';
-import { HtmlFramework } from './types-6-0';
-export declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlFramework>, domElement: HTMLElement): void;

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

@@ -1,34 +0,0 @@
-import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-import { StoryFnHtmlReturnType } from './types';
-export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
-export declare type HtmlFramework = {
-    component: HTMLElement;
-    storyResult: StoryFnHtmlReturnType;
-};
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<HtmlFramework, 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)
- */
-export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<HtmlFramework, 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)
- */
-export declare type StoryObj<TArgs = Args> = StoryAnnotations<HtmlFramework, 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)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;

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

@@ -1,9 +0,0 @@
-import { Args } from '@storybook/csf';
-import { StoryObj } from './types-6-0';
-export { StoryFn, StoryObj, Meta } from './types-6-0';
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;

package/dist/ts3.4/client/preview/types.d.ts

@@ -1,14 +0,0 @@
-export { RenderContext } from '@storybook/core';
-export declare type StoryFnHtmlReturnType = 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;
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import type { Configuration } from 'webpack';
-import type { StorybookConfig } from '@storybook/core-common';
-export declare function webpack(config: Configuration): Configuration;
-export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

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

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

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

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

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

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

package/preset.js

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

package/standalone.js

@@ -1,8 +0,0 @@
-const build = require('@storybook/core/standalone');
-const frameworkOptions = require('./dist/cjs/server/options').default;
-
-async function buildStandalone(options) {
-  return build(options, frameworkOptions);
-}
-
-module.exports = buildStandalone;

package/types-7-0.d.ts

@@ -1 +0,0 @@
-export * from './dist/ts3.9/client/preview/types-7-0.d';