@storybook/html 6.5.9 → 7.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/README.md +1 -25
  2. package/dist/chunk-RJRHENSI.mjs +4 -0
  3. package/dist/config.d.ts +4 -0
  4. package/dist/config.js +4 -0
  5. package/dist/config.mjs +1 -0
  6. package/dist/index.d.ts +51 -0
  7. package/dist/index.js +4 -0
  8. package/dist/index.mjs +1 -0
  9. package/dist/types-f5d03672.d.ts +42 -0
  10. package/package.json +35 -35
  11. package/preview.js +1 -0
  12. package/bin/build.js +0 -4
  13. package/bin/index.js +0 -3
  14. package/dist/cjs/client/docs/config.js +0 -26
  15. package/dist/cjs/client/docs/prepareForInline.js +0 -29
  16. package/dist/cjs/client/docs/sourceDecorator.js +0 -67
  17. package/dist/cjs/client/index.js +0 -89
  18. package/dist/cjs/client/preview/config.js +0 -19
  19. package/dist/cjs/client/preview/globals.js +0 -8
  20. package/dist/cjs/client/preview/index.js +0 -50
  21. package/dist/cjs/client/preview/render.js +0 -57
  22. package/dist/cjs/client/preview/types-6-0.js +0 -5
  23. package/dist/cjs/client/preview/types-7-0.js +0 -5
  24. package/dist/cjs/client/preview/types.js +0 -1
  25. package/dist/cjs/server/build.js +0 -9
  26. package/dist/cjs/server/framework-preset-html-docs.js +0 -17
  27. package/dist/cjs/server/framework-preset-html.js +0 -23
  28. package/dist/cjs/server/index.js +0 -9
  29. package/dist/cjs/server/options.js +0 -17
  30. package/dist/cjs/server/preset.js +0 -8
  31. package/dist/esm/client/docs/config.js +0 -14
  32. package/dist/esm/client/docs/prepareForInline.js +0 -19
  33. package/dist/esm/client/docs/sourceDecorator.js +0 -56
  34. package/dist/esm/client/index.js +0 -6
  35. package/dist/esm/client/preview/config.js +0 -4
  36. package/dist/esm/client/preview/globals.js +0 -3
  37. package/dist/esm/client/preview/index.js +0 -27
  38. package/dist/esm/client/preview/render.js +0 -42
  39. package/dist/esm/client/preview/types-6-0.js +0 -1
  40. package/dist/esm/client/preview/types-7-0.js +0 -1
  41. package/dist/esm/client/preview/types.js +0 -0
  42. package/dist/esm/server/build.js +0 -3
  43. package/dist/esm/server/framework-preset-html-docs.js +0 -6
  44. package/dist/esm/server/framework-preset-html.js +0 -11
  45. package/dist/esm/server/index.js +0 -3
  46. package/dist/esm/server/options.js +0 -8
  47. package/dist/esm/server/preset.js +0 -1
  48. package/dist/modern/client/docs/config.js +0 -14
  49. package/dist/modern/client/docs/prepareForInline.js +0 -17
  50. package/dist/modern/client/docs/sourceDecorator.js +0 -56
  51. package/dist/modern/client/index.js +0 -6
  52. package/dist/modern/client/preview/config.js +0 -4
  53. package/dist/modern/client/preview/globals.js +0 -5
  54. package/dist/modern/client/preview/index.js +0 -19
  55. package/dist/modern/client/preview/render.js +0 -39
  56. package/dist/modern/client/preview/types-6-0.js +0 -1
  57. package/dist/modern/client/preview/types-7-0.js +0 -1
  58. package/dist/modern/client/preview/types.js +0 -0
  59. package/dist/modern/server/build.js +0 -3
  60. package/dist/modern/server/framework-preset-html-docs.js +0 -6
  61. package/dist/modern/server/framework-preset-html.js +0 -11
  62. package/dist/modern/server/index.js +0 -3
  63. package/dist/modern/server/options.js +0 -8
  64. package/dist/modern/server/preset.js +0 -1
  65. package/dist/ts3.4/client/docs/config.d.ts +0 -14
  66. package/dist/ts3.4/client/docs/prepareForInline.d.ts +0 -2
  67. package/dist/ts3.4/client/docs/sourceDecorator.d.ts +0 -3
  68. package/dist/ts3.4/client/index.d.ts +0 -2
  69. package/dist/ts3.4/client/preview/config.d.ts +0 -4
  70. package/dist/ts3.4/client/preview/globals.d.ts +0 -1
  71. package/dist/ts3.4/client/preview/index.d.ts +0 -24
  72. package/dist/ts3.4/client/preview/render.d.ts +0 -3
  73. package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -34
  74. package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
  75. package/dist/ts3.4/client/preview/types.d.ts +0 -14
  76. package/dist/ts3.4/server/build.d.ts +0 -1
  77. package/dist/ts3.4/server/framework-preset-html-docs.d.ts +0 -2
  78. package/dist/ts3.4/server/framework-preset-html.d.ts +0 -4
  79. package/dist/ts3.4/server/index.d.ts +0 -1
  80. package/dist/ts3.4/server/options.d.ts +0 -3
  81. package/dist/ts3.4/server/preset.d.ts +0 -2
  82. package/dist/ts3.9/client/docs/config.d.ts +0 -14
  83. package/dist/ts3.9/client/docs/prepareForInline.d.ts +0 -2
  84. package/dist/ts3.9/client/docs/sourceDecorator.d.ts +0 -3
  85. package/dist/ts3.9/client/index.d.ts +0 -2
  86. package/dist/ts3.9/client/preview/config.d.ts +0 -4
  87. package/dist/ts3.9/client/preview/globals.d.ts +0 -1
  88. package/dist/ts3.9/client/preview/index.d.ts +0 -24
  89. package/dist/ts3.9/client/preview/render.d.ts +0 -3
  90. package/dist/ts3.9/client/preview/types-6-0.d.ts +0 -34
  91. package/dist/ts3.9/client/preview/types-7-0.d.ts +0 -9
  92. package/dist/ts3.9/client/preview/types.d.ts +0 -14
  93. package/dist/ts3.9/server/build.d.ts +0 -1
  94. package/dist/ts3.9/server/framework-preset-html-docs.d.ts +0 -2
  95. package/dist/ts3.9/server/framework-preset-html.d.ts +0 -4
  96. package/dist/ts3.9/server/index.d.ts +0 -1
  97. package/dist/ts3.9/server/options.d.ts +0 -3
  98. package/dist/ts3.9/server/preset.d.ts +0 -2
  99. package/preset.js +0 -1
  100. package/standalone.js +0 -8
  101. package/types-7-0.d.ts +0 -1
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _server = require("@storybook/core/server");
4
-
5
- var _options = _interopRequireDefault(require("./options"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
-
9
- (0, _server.buildStatic)(_options.default);
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.previewAnnotations = void 0;
7
-
8
- var _coreCommon = require("@storybook/core-common");
9
-
10
- var _docsTools = require("@storybook/docs-tools");
11
-
12
- var previewAnnotations = function (entry = [], options) {
13
- if (!(0, _docsTools.hasDocsOrControls)(options)) return entry;
14
- return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/docs/config')];
15
- };
16
-
17
- exports.previewAnnotations = previewAnnotations;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.previewAnnotations = void 0;
7
- exports.webpack = webpack;
8
-
9
- var _coreCommon = require("@storybook/core-common");
10
-
11
- function webpack(config) {
12
- config.module.rules.push({
13
- test: /\.html$/,
14
- use: require.resolve('html-loader')
15
- });
16
- return config;
17
- }
18
-
19
- var previewAnnotations = function (entry = []) {
20
- return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
21
- };
22
-
23
- exports.previewAnnotations = previewAnnotations;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _server = require("@storybook/core/server");
4
-
5
- var _options = _interopRequireDefault(require("./options"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
-
9
- (0, _server.buildDev)(_options.default);
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _readPkgUp = require("read-pkg-up");
9
-
10
- var _default = {
11
- packageJson: (0, _readPkgUp.sync)({
12
- cwd: __dirname
13
- }).packageJson,
14
- framework: 'html',
15
- frameworkPresets: [require.resolve('./preset')]
16
- };
17
- exports.default = _default;
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.addons = void 0;
7
- var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];
8
- exports.addons = addons;
@@ -1,14 +0,0 @@
1
- import { SourceType } from '@storybook/docs-tools';
2
- import { sourceDecorator } from './sourceDecorator';
3
- import { prepareForInline } from './prepareForInline';
4
- export var decorators = [sourceDecorator];
5
- export var parameters = {
6
- docs: {
7
- inlineStories: true,
8
- prepareForInline: prepareForInline,
9
- source: {
10
- type: SourceType.DYNAMIC,
11
- language: 'html'
12
- }
13
- }
14
- };
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- export function prepareForInline(storyFn) {
3
- var html = storyFn();
4
-
5
- if (typeof html === 'string') {
6
- // eslint-disable-next-line react/no-danger
7
- return /*#__PURE__*/React.createElement("div", {
8
- dangerouslySetInnerHTML: {
9
- __html: html
10
- }
11
- });
12
- }
13
-
14
- return /*#__PURE__*/React.createElement("div", {
15
- ref: function ref(node) {
16
- return node ? node.appendChild(html) : null;
17
- }
18
- });
19
- }
@@ -1,56 +0,0 @@
1
- /* global window */
2
- import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
3
- import { addons, useEffect } from '@storybook/addons';
4
- import dedent from 'ts-dedent';
5
-
6
- function skipSourceRender(context) {
7
- var _context$parameters$d;
8
-
9
- 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;
10
- var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
11
-
12
- if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
13
- return false;
14
- } // never render if the user is forcing the block to render code, or
15
- // if the user provides code, or if it's not an args story.
16
-
17
-
18
- return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
19
- } // By default, just remove indentation
20
-
21
-
22
- function defaultTransformSource(source) {
23
- // Have to wrap dedent so it doesn't serialize the context
24
- return dedent(source);
25
- }
26
-
27
- function applyTransformSource(source, context) {
28
- var _context$parameters$d2, _docs$transformSource;
29
-
30
- var docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
31
- var transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
32
- return transformSource(source, context);
33
- }
34
-
35
- export function sourceDecorator(storyFn, context) {
36
- var _context$parameters$d3, _context$parameters$d4;
37
-
38
- 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();
39
- var source;
40
-
41
- if (!skipSourceRender(context)) {
42
- if (typeof story === 'string') {
43
- source = story;
44
- } // eslint-disable-next-line no-undef
45
- else if (story instanceof Element) {
46
- source = story.outerHTML;
47
- }
48
-
49
- if (source) source = applyTransformSource(source, context);
50
- }
51
-
52
- useEffect(function () {
53
- if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
54
- });
55
- return story;
56
- }
@@ -1,6 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
2
- export * from './preview/types-6-0';
3
-
4
- if (module && module.hot && module.hot.decline) {
5
- module.hot.decline();
6
- }
@@ -1,4 +0,0 @@
1
- export { renderToDOM } from './render';
2
- export var parameters = {
3
- framework: 'html'
4
- };
@@ -1,3 +0,0 @@
1
- import global from 'global';
2
- var globalWindow = global.window;
3
- globalWindow.STORYBOOK_ENV = 'HTML';
@@ -1,27 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
-
3
- /* eslint-disable prefer-destructuring */
4
- import { start } from '@storybook/core';
5
- import './globals';
6
- import { renderToDOM } from './render';
7
- var framework = 'html';
8
- var api = start(renderToDOM);
9
- export var storiesOf = function storiesOf(kind, m) {
10
- return api.clientApi.storiesOf(kind, m).addParameters({
11
- framework: framework
12
- });
13
- };
14
- export var configure = function configure() {
15
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
16
- args[_key] = arguments[_key];
17
- }
18
-
19
- return api.configure.apply(api, [framework].concat(args));
20
- };
21
- export var addDecorator = api.clientApi.addDecorator;
22
- export var addParameters = api.clientApi.addParameters;
23
- export var clearDecorators = api.clientApi.clearDecorators;
24
- export var setAddon = api.clientApi.setAddon;
25
- export var forceReRender = api.forceReRender;
26
- export var getStorybook = api.clientApi.getStorybook;
27
- export var raw = api.clientApi.raw;
@@ -1,42 +0,0 @@
1
- var _templateObject;
2
-
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
-
5
- import "core-js/modules/es.function.name.js";
6
- import "core-js/modules/es.array.concat.js";
7
- import "core-js/modules/es.array.slice.js";
8
- import "core-js/modules/es.object.freeze.js";
9
-
10
- /* eslint-disable no-param-reassign */
11
- import global from 'global';
12
- import dedent from 'ts-dedent';
13
- import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
14
- var Node = global.Node;
15
- export function renderToDOM(_ref, domElement) {
16
- var storyFn = _ref.storyFn,
17
- kind = _ref.kind,
18
- name = _ref.name,
19
- showMain = _ref.showMain,
20
- showError = _ref.showError,
21
- forceRemount = _ref.forceRemount;
22
- var element = storyFn();
23
- showMain();
24
-
25
- if (typeof element === 'string') {
26
- domElement.innerHTML = element;
27
- simulatePageLoad(domElement);
28
- } else if (element instanceof Node) {
29
- if (domElement.firstChild === element && forceRemount === false) {
30
- return;
31
- }
32
-
33
- domElement.innerHTML = '';
34
- domElement.appendChild(element);
35
- simulateDOMContentLoaded();
36
- } else {
37
- showError({
38
- title: "Expecting an HTML snippet or DOM node from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
39
- 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 "])))
40
- });
41
- }
42
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
File without changes
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,6 +0,0 @@
1
- import { findDistEsm } from '@storybook/core-common';
2
- import { hasDocsOrControls } from '@storybook/docs-tools';
3
- export var previewAnnotations = function (entry = [], options) {
4
- if (!hasDocsOrControls(options)) return entry;
5
- return [...entry, findDistEsm(__dirname, 'client/docs/config')];
6
- };
@@ -1,11 +0,0 @@
1
- import { findDistEsm } from '@storybook/core-common';
2
- export function webpack(config) {
3
- config.module.rules.push({
4
- test: /\.html$/,
5
- use: require.resolve('html-loader')
6
- });
7
- return config;
8
- }
9
- export var previewAnnotations = function (entry = []) {
10
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
11
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'html',
7
- frameworkPresets: [require.resolve('./preset')]
8
- };
@@ -1 +0,0 @@
1
- export var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];
@@ -1,14 +0,0 @@
1
- import { SourceType } from '@storybook/docs-tools';
2
- import { sourceDecorator } from './sourceDecorator';
3
- import { prepareForInline } from './prepareForInline';
4
- export const decorators = [sourceDecorator];
5
- export const parameters = {
6
- docs: {
7
- inlineStories: true,
8
- prepareForInline,
9
- source: {
10
- type: SourceType.DYNAMIC,
11
- language: 'html'
12
- }
13
- }
14
- };
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- export function prepareForInline(storyFn) {
3
- const html = storyFn();
4
-
5
- if (typeof html === 'string') {
6
- // eslint-disable-next-line react/no-danger
7
- return /*#__PURE__*/React.createElement("div", {
8
- dangerouslySetInnerHTML: {
9
- __html: html
10
- }
11
- });
12
- }
13
-
14
- return /*#__PURE__*/React.createElement("div", {
15
- ref: node => node ? node.appendChild(html) : null
16
- });
17
- }
@@ -1,56 +0,0 @@
1
- /* global window */
2
- import { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';
3
- import { addons, useEffect } from '@storybook/addons';
4
- import dedent from 'ts-dedent';
5
-
6
- function skipSourceRender(context) {
7
- var _context$parameters$d;
8
-
9
- 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;
10
- const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
11
-
12
- if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
13
- return false;
14
- } // never render if the user is forcing the block to render code, or
15
- // if the user provides code, or if it's not an args story.
16
-
17
-
18
- return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
19
- } // By default, just remove indentation
20
-
21
-
22
- function defaultTransformSource(source) {
23
- // Have to wrap dedent so it doesn't serialize the context
24
- return dedent(source);
25
- }
26
-
27
- function applyTransformSource(source, context) {
28
- var _context$parameters$d2, _docs$transformSource;
29
-
30
- const docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
31
- const transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
32
- return transformSource(source, context);
33
- }
34
-
35
- export function sourceDecorator(storyFn, context) {
36
- var _context$parameters$d3, _context$parameters$d4;
37
-
38
- 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();
39
- let source;
40
-
41
- if (!skipSourceRender(context)) {
42
- if (typeof story === 'string') {
43
- source = story;
44
- } // eslint-disable-next-line no-undef
45
- else if (story instanceof Element) {
46
- source = story.outerHTML;
47
- }
48
-
49
- if (source) source = applyTransformSource(source, context);
50
- }
51
-
52
- useEffect(() => {
53
- if (source) addons.getChannel().emit(SNIPPET_RENDERED, context.id, source);
54
- });
55
- return story;
56
- }
@@ -1,6 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
2
- export * from './preview/types-6-0';
3
-
4
- if (module && module.hot && module.hot.decline) {
5
- module.hot.decline();
6
- }
@@ -1,4 +0,0 @@
1
- export { renderToDOM } from './render';
2
- export const parameters = {
3
- framework: 'html'
4
- };
@@ -1,5 +0,0 @@
1
- import global from 'global';
2
- const {
3
- window: globalWindow
4
- } = global;
5
- globalWindow.STORYBOOK_ENV = 'HTML';
@@ -1,19 +0,0 @@
1
- /* eslint-disable prefer-destructuring */
2
- import { start } from '@storybook/core';
3
- import './globals';
4
- import { renderToDOM } from './render';
5
- const framework = 'html';
6
- const api = start(renderToDOM);
7
- export const storiesOf = (kind, m) => {
8
- return api.clientApi.storiesOf(kind, m).addParameters({
9
- framework
10
- });
11
- };
12
- export const configure = (...args) => api.configure(framework, ...args);
13
- export const addDecorator = api.clientApi.addDecorator;
14
- export const addParameters = api.clientApi.addParameters;
15
- export const clearDecorators = api.clientApi.clearDecorators;
16
- export const setAddon = api.clientApi.setAddon;
17
- export const forceReRender = api.forceReRender;
18
- export const getStorybook = api.clientApi.getStorybook;
19
- export const raw = api.clientApi.raw;
@@ -1,39 +0,0 @@
1
- /* eslint-disable no-param-reassign */
2
- import global from 'global';
3
- import dedent from 'ts-dedent';
4
- import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
5
- const {
6
- Node
7
- } = global;
8
- export function renderToDOM({
9
- storyFn,
10
- kind,
11
- name,
12
- showMain,
13
- showError,
14
- forceRemount
15
- }, domElement) {
16
- const element = storyFn();
17
- showMain();
18
-
19
- if (typeof element === 'string') {
20
- domElement.innerHTML = element;
21
- simulatePageLoad(domElement);
22
- } else if (element instanceof Node) {
23
- if (domElement.firstChild === element && forceRemount === false) {
24
- return;
25
- }
26
-
27
- domElement.innerHTML = '';
28
- domElement.appendChild(element);
29
- simulateDOMContentLoaded();
30
- } else {
31
- showError({
32
- title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
33
- description: dedent`
34
- Did you forget to return the HTML snippet from the story?
35
- Use "() => <your snippet or node>" or when defining the story.
36
- `
37
- });
38
- }
39
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
File without changes
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,6 +0,0 @@
1
- import { findDistEsm } from '@storybook/core-common';
2
- import { hasDocsOrControls } from '@storybook/docs-tools';
3
- export var previewAnnotations = function (entry = [], options) {
4
- if (!hasDocsOrControls(options)) return entry;
5
- return [...entry, findDistEsm(__dirname, 'client/docs/config')];
6
- };
@@ -1,11 +0,0 @@
1
- import { findDistEsm } from '@storybook/core-common';
2
- export function webpack(config) {
3
- config.module.rules.push({
4
- test: /\.html$/,
5
- use: require.resolve('html-loader')
6
- });
7
- return config;
8
- }
9
- export var previewAnnotations = function (entry = []) {
10
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
11
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'html',
7
- frameworkPresets: [require.resolve('./preset')]
8
- };
@@ -1 +0,0 @@
1
- export var addons = [require.resolve('./framework-preset-html'), require.resolve('./framework-preset-html-docs')];
@@ -1,14 +0,0 @@
1
- import { SourceType } from '@storybook/docs-tools';
2
- import { sourceDecorator } from './sourceDecorator';
3
- import { prepareForInline } from './prepareForInline';
4
- export declare const decorators: (typeof sourceDecorator)[];
5
- export declare const parameters: {
6
- docs: {
7
- inlineStories: boolean;
8
- prepareForInline: typeof prepareForInline;
9
- source: {
10
- type: SourceType;
11
- language: string;
12
- };
13
- };
14
- };
@@ -1,2 +0,0 @@
1
- import { PartialStoryFn } from '@storybook/csf';
2
- export declare function prepareForInline(storyFn: PartialStoryFn<any>): JSX.Element;
@@ -1,3 +0,0 @@
1
- import { PartialStoryFn, StoryContext } from '@storybook/csf';
2
- import { HtmlFramework } from '..';
3
- export declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext<HtmlFramework>): string | Node;
@@ -1,2 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
2
- export * from './preview/types-6-0';
@@ -1,4 +0,0 @@
1
- export { renderToDOM } from './render';
2
- export declare const parameters: {
3
- framework: string;
4
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,24 +0,0 @@
1
- /// <reference types="webpack-env" />
2
- /// <reference types="node" />
3
- import { ClientStoryApi, Loadable } from '@storybook/addons';
4
- import { HtmlFramework } from './types-6-0';
5
- import './globals';
6
- import { IStorybookSection } from './types';
7
- interface ClientApi extends ClientStoryApi<HtmlFramework['storyResult']> {
8
- setAddon(addon: any): void;
9
- configure(loader: Loadable, module: NodeModule): void;
10
- getStorybook(): IStorybookSection[];
11
- clearDecorators(): void;
12
- forceReRender(): void;
13
- raw: () => any;
14
- }
15
- export declare const storiesOf: ClientApi['storiesOf'];
16
- export declare const configure: ClientApi['configure'];
17
- export declare const addDecorator: ClientApi['addDecorator'];
18
- export declare const addParameters: ClientApi['addParameters'];
19
- export declare const clearDecorators: ClientApi['clearDecorators'];
20
- export declare const setAddon: ClientApi['setAddon'];
21
- export declare const forceReRender: ClientApi['forceReRender'];
22
- export declare const getStorybook: ClientApi['getStorybook'];
23
- export declare const raw: ClientApi['raw'];
24
- export {};
@@ -1,3 +0,0 @@
1
- import { RenderContext } from '@storybook/store';
2
- import { HtmlFramework } from './types-6-0';
3
- export declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlFramework>, domElement: HTMLElement): void;