@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.
- package/README.md +1 -25
- package/dist/chunk-RJRHENSI.mjs +4 -0
- package/dist/config.d.ts +4 -0
- package/dist/config.js +4 -0
- package/dist/config.mjs +1 -0
- package/dist/index.d.ts +51 -0
- package/dist/index.js +4 -0
- package/dist/index.mjs +1 -0
- package/dist/types-f5d03672.d.ts +42 -0
- package/package.json +35 -35
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/dist/cjs/client/docs/config.js +0 -26
- package/dist/cjs/client/docs/prepareForInline.js +0 -29
- package/dist/cjs/client/docs/sourceDecorator.js +0 -67
- package/dist/cjs/client/index.js +0 -89
- package/dist/cjs/client/preview/config.js +0 -19
- package/dist/cjs/client/preview/globals.js +0 -8
- package/dist/cjs/client/preview/index.js +0 -50
- package/dist/cjs/client/preview/render.js +0 -57
- package/dist/cjs/client/preview/types-6-0.js +0 -5
- package/dist/cjs/client/preview/types-7-0.js +0 -5
- package/dist/cjs/client/preview/types.js +0 -1
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/framework-preset-html-docs.js +0 -17
- package/dist/cjs/server/framework-preset-html.js +0 -23
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/cjs/server/preset.js +0 -8
- package/dist/esm/client/docs/config.js +0 -14
- package/dist/esm/client/docs/prepareForInline.js +0 -19
- package/dist/esm/client/docs/sourceDecorator.js +0 -56
- package/dist/esm/client/index.js +0 -6
- package/dist/esm/client/preview/config.js +0 -4
- package/dist/esm/client/preview/globals.js +0 -3
- package/dist/esm/client/preview/index.js +0 -27
- package/dist/esm/client/preview/render.js +0 -42
- package/dist/esm/client/preview/types-6-0.js +0 -1
- package/dist/esm/client/preview/types-7-0.js +0 -1
- package/dist/esm/client/preview/types.js +0 -0
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/framework-preset-html-docs.js +0 -6
- package/dist/esm/server/framework-preset-html.js +0 -11
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/esm/server/preset.js +0 -1
- package/dist/modern/client/docs/config.js +0 -14
- package/dist/modern/client/docs/prepareForInline.js +0 -17
- package/dist/modern/client/docs/sourceDecorator.js +0 -56
- package/dist/modern/client/index.js +0 -6
- package/dist/modern/client/preview/config.js +0 -4
- package/dist/modern/client/preview/globals.js +0 -5
- package/dist/modern/client/preview/index.js +0 -19
- package/dist/modern/client/preview/render.js +0 -39
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -0
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/framework-preset-html-docs.js +0 -6
- package/dist/modern/server/framework-preset-html.js +0 -11
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/modern/server/preset.js +0 -1
- package/dist/ts3.4/client/docs/config.d.ts +0 -14
- package/dist/ts3.4/client/docs/prepareForInline.d.ts +0 -2
- package/dist/ts3.4/client/docs/sourceDecorator.d.ts +0 -3
- package/dist/ts3.4/client/index.d.ts +0 -2
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -24
- package/dist/ts3.4/client/preview/render.d.ts +0 -3
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -34
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.4/client/preview/types.d.ts +0 -14
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/framework-preset-html-docs.d.ts +0 -2
- package/dist/ts3.4/server/framework-preset-html.d.ts +0 -4
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.4/server/preset.d.ts +0 -2
- package/dist/ts3.9/client/docs/config.d.ts +0 -14
- package/dist/ts3.9/client/docs/prepareForInline.d.ts +0 -2
- package/dist/ts3.9/client/docs/sourceDecorator.d.ts +0 -3
- package/dist/ts3.9/client/index.d.ts +0 -2
- package/dist/ts3.9/client/preview/config.d.ts +0 -4
- package/dist/ts3.9/client/preview/globals.d.ts +0 -1
- package/dist/ts3.9/client/preview/index.d.ts +0 -24
- package/dist/ts3.9/client/preview/render.d.ts +0 -3
- package/dist/ts3.9/client/preview/types-6-0.d.ts +0 -34
- package/dist/ts3.9/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.9/client/preview/types.d.ts +0 -14
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/framework-preset-html-docs.d.ts +0 -2
- package/dist/ts3.9/server/framework-preset-html.d.ts +0 -4
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/dist/ts3.9/server/preset.d.ts +0 -2
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types-7-0.d.ts +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
package/dist/cjs/server/build.js
DELETED
|
@@ -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;
|
package/dist/cjs/server/index.js
DELETED
|
@@ -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,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
|
-
}
|
package/dist/esm/client/index.js
DELETED
|
@@ -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
|
package/dist/esm/server/build.js
DELETED
|
@@ -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
|
-
};
|
package/dist/esm/server/index.js
DELETED
|
@@ -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,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,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 +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 +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 {};
|