@storybook/preact 7.0.0-alpha.1 → 7.0.0-alpha.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +9 -15
- package/dist/cjs/preview/config.js +2 -2
- package/dist/cjs/preview/globals.js +3 -1
- package/dist/cjs/preview/index.js +12 -20
- package/dist/cjs/preview/render.js +30 -57
- package/dist/esm/preview/render.js +1 -0
- package/dist/types/preview/render.d.ts +1 -1
- package/package.json +5 -6
package/dist/cjs/index.js
CHANGED
@@ -1,11 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
require("core-js/modules/es.object.to-string.js");
|
4
|
-
|
5
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
6
|
-
|
7
|
-
require("core-js/modules/es.object.keys.js");
|
8
|
-
|
9
3
|
Object.defineProperty(exports, "__esModule", {
|
10
4
|
value: true
|
11
5
|
});
|
@@ -21,49 +15,49 @@ var _exportNames = {
|
|
21
15
|
};
|
22
16
|
Object.defineProperty(exports, "addDecorator", {
|
23
17
|
enumerable: true,
|
24
|
-
get: function
|
18
|
+
get: function () {
|
25
19
|
return _preview.addDecorator;
|
26
20
|
}
|
27
21
|
});
|
28
22
|
Object.defineProperty(exports, "addParameters", {
|
29
23
|
enumerable: true,
|
30
|
-
get: function
|
24
|
+
get: function () {
|
31
25
|
return _preview.addParameters;
|
32
26
|
}
|
33
27
|
});
|
34
28
|
Object.defineProperty(exports, "configure", {
|
35
29
|
enumerable: true,
|
36
|
-
get: function
|
30
|
+
get: function () {
|
37
31
|
return _preview.configure;
|
38
32
|
}
|
39
33
|
});
|
40
34
|
Object.defineProperty(exports, "forceReRender", {
|
41
35
|
enumerable: true,
|
42
|
-
get: function
|
36
|
+
get: function () {
|
43
37
|
return _preview.forceReRender;
|
44
38
|
}
|
45
39
|
});
|
46
40
|
Object.defineProperty(exports, "getStorybook", {
|
47
41
|
enumerable: true,
|
48
|
-
get: function
|
42
|
+
get: function () {
|
49
43
|
return _preview.getStorybook;
|
50
44
|
}
|
51
45
|
});
|
52
46
|
Object.defineProperty(exports, "raw", {
|
53
47
|
enumerable: true,
|
54
|
-
get: function
|
48
|
+
get: function () {
|
55
49
|
return _preview.raw;
|
56
50
|
}
|
57
51
|
});
|
58
52
|
Object.defineProperty(exports, "setAddon", {
|
59
53
|
enumerable: true,
|
60
|
-
get: function
|
54
|
+
get: function () {
|
61
55
|
return _preview.setAddon;
|
62
56
|
}
|
63
57
|
});
|
64
58
|
Object.defineProperty(exports, "storiesOf", {
|
65
59
|
enumerable: true,
|
66
|
-
get: function
|
60
|
+
get: function () {
|
67
61
|
return _preview.storiesOf;
|
68
62
|
}
|
69
63
|
});
|
@@ -78,7 +72,7 @@ Object.keys(_types).forEach(function (key) {
|
|
78
72
|
if (key in exports && exports[key] === _types[key]) return;
|
79
73
|
Object.defineProperty(exports, key, {
|
80
74
|
enumerable: true,
|
81
|
-
get: function
|
75
|
+
get: function () {
|
82
76
|
return _types[key];
|
83
77
|
}
|
84
78
|
});
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.parameters = void 0;
|
7
7
|
Object.defineProperty(exports, "renderToDOM", {
|
8
8
|
enumerable: true,
|
9
|
-
get: function
|
9
|
+
get: function () {
|
10
10
|
return _render.renderToDOM;
|
11
11
|
}
|
12
12
|
});
|
13
13
|
|
14
14
|
var _render = require("./render");
|
15
15
|
|
16
|
-
|
16
|
+
const parameters = {
|
17
17
|
framework: 'preact'
|
18
18
|
};
|
19
19
|
exports.parameters = parameters;
|
@@ -4,7 +4,9 @@ var _global = _interopRequireDefault(require("global"));
|
|
4
4
|
|
5
5
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6
6
|
|
7
|
-
|
7
|
+
const {
|
8
|
+
window: globalWindow
|
9
|
+
} = _global.default;
|
8
10
|
|
9
11
|
if (globalWindow) {
|
10
12
|
globalWindow.STORYBOOK_ENV = 'preact';
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
|
7
7
|
|
8
|
-
require("core-js/modules/es.array.concat.js");
|
9
|
-
|
10
8
|
var _coreClient = require("@storybook/core-client");
|
11
9
|
|
12
10
|
require("./globals");
|
@@ -14,37 +12,31 @@ require("./globals");
|
|
14
12
|
var _render = require("./render");
|
15
13
|
|
16
14
|
/* eslint-disable prefer-destructuring */
|
17
|
-
|
18
|
-
|
15
|
+
const framework = 'preact';
|
16
|
+
const api = (0, _coreClient.start)(_render.renderToDOM);
|
19
17
|
|
20
|
-
|
18
|
+
const storiesOf = (kind, m) => {
|
21
19
|
return api.clientApi.storiesOf(kind, m).addParameters({
|
22
|
-
framework
|
20
|
+
framework
|
23
21
|
});
|
24
22
|
};
|
25
23
|
|
26
24
|
exports.storiesOf = storiesOf;
|
27
25
|
|
28
|
-
|
29
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
30
|
-
args[_key] = arguments[_key];
|
31
|
-
}
|
32
|
-
|
33
|
-
return api.configure.apply(api, [framework].concat(args));
|
34
|
-
};
|
26
|
+
const configure = (...args) => api.configure(framework, ...args);
|
35
27
|
|
36
28
|
exports.configure = configure;
|
37
|
-
|
29
|
+
const addDecorator = api.clientApi.addDecorator;
|
38
30
|
exports.addDecorator = addDecorator;
|
39
|
-
|
31
|
+
const addParameters = api.clientApi.addParameters;
|
40
32
|
exports.addParameters = addParameters;
|
41
|
-
|
33
|
+
const clearDecorators = api.clientApi.clearDecorators;
|
42
34
|
exports.clearDecorators = clearDecorators;
|
43
|
-
|
35
|
+
const setAddon = api.clientApi.setAddon;
|
44
36
|
exports.setAddon = setAddon;
|
45
|
-
|
37
|
+
const forceReRender = api.forceReRender;
|
46
38
|
exports.forceReRender = forceReRender;
|
47
|
-
|
39
|
+
const getStorybook = api.clientApi.getStorybook;
|
48
40
|
exports.getStorybook = getStorybook;
|
49
|
-
|
41
|
+
const raw = api.clientApi.raw;
|
50
42
|
exports.raw = raw;
|
@@ -1,55 +1,24 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
-
|
5
|
-
require("core-js/modules/es.array.slice.js");
|
6
|
-
|
7
|
-
require("core-js/modules/es.object.freeze.js");
|
8
|
-
|
9
|
-
require("core-js/modules/es.array.iterator.js");
|
10
|
-
|
11
|
-
require("core-js/modules/es.object.to-string.js");
|
12
|
-
|
13
|
-
require("core-js/modules/es.string.iterator.js");
|
14
|
-
|
15
|
-
require("core-js/modules/es.weak-map.js");
|
16
|
-
|
17
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
18
|
-
|
19
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
20
|
-
|
21
|
-
require("core-js/modules/es.symbol.js");
|
22
|
-
|
23
|
-
require("core-js/modules/es.symbol.description.js");
|
24
|
-
|
25
|
-
require("core-js/modules/es.symbol.iterator.js");
|
26
|
-
|
27
3
|
Object.defineProperty(exports, "__esModule", {
|
28
4
|
value: true
|
29
5
|
});
|
30
6
|
exports.renderToDOM = renderToDOM;
|
31
7
|
|
32
|
-
require("core-js/modules/es.function.name.js");
|
33
|
-
|
34
|
-
require("core-js/modules/es.array.concat.js");
|
35
|
-
|
36
8
|
var preact = _interopRequireWildcard(require("preact"));
|
37
9
|
|
38
10
|
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
39
11
|
|
40
|
-
var _templateObject;
|
41
|
-
|
42
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
43
13
|
|
44
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
45
15
|
|
46
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
47
17
|
|
48
|
-
|
49
|
-
|
50
|
-
var renderedStory;
|
18
|
+
let renderedStory;
|
51
19
|
|
52
20
|
function preactRender(story, domElement) {
|
21
|
+
// @ts-ignore
|
53
22
|
if (preact.Fragment) {
|
54
23
|
// Preact 10 only:
|
55
24
|
preact.render(story, domElement);
|
@@ -58,18 +27,22 @@ function preactRender(story, domElement) {
|
|
58
27
|
}
|
59
28
|
}
|
60
29
|
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
30
|
+
const StoryHarness = ({
|
31
|
+
showError,
|
32
|
+
name,
|
33
|
+
title,
|
34
|
+
storyFn,
|
35
|
+
domElement
|
36
|
+
}) => {
|
37
|
+
const content = preact.h(storyFn, null);
|
68
38
|
|
69
39
|
if (!content) {
|
70
40
|
showError({
|
71
|
-
title:
|
72
|
-
description: (0, _tsDedent.default)
|
41
|
+
title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
|
42
|
+
description: (0, _tsDedent.default)`
|
43
|
+
Did you forget to return the Preact element from the story?
|
44
|
+
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
45
|
+
`
|
73
46
|
});
|
74
47
|
return null;
|
75
48
|
}
|
@@ -77,24 +50,24 @@ var StoryHarness = function StoryHarness(_ref) {
|
|
77
50
|
return content;
|
78
51
|
};
|
79
52
|
|
80
|
-
function renderToDOM(
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
53
|
+
function renderToDOM({
|
54
|
+
storyFn,
|
55
|
+
title,
|
56
|
+
name,
|
57
|
+
showMain,
|
58
|
+
showError,
|
59
|
+
forceRemount
|
60
|
+
}, domElement) {
|
88
61
|
if (forceRemount) {
|
89
62
|
preactRender(null, domElement);
|
90
63
|
}
|
91
64
|
|
92
65
|
showMain();
|
93
66
|
preactRender(preact.h(StoryHarness, {
|
94
|
-
name
|
95
|
-
title
|
96
|
-
showError
|
97
|
-
storyFn
|
98
|
-
domElement
|
67
|
+
name,
|
68
|
+
title,
|
69
|
+
showError,
|
70
|
+
storyFn,
|
71
|
+
domElement
|
99
72
|
}), domElement);
|
100
73
|
}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { RenderContext } from '@storybook/store';
|
2
2
|
import { PreactFramework } from './types-6-0';
|
3
|
-
export declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement:
|
3
|
+
export declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement: Element): void;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/preact",
|
3
|
-
"version": "7.0.0-alpha.
|
3
|
+
"version": "7.0.0-alpha.4",
|
4
4
|
"description": "Storybook Preact renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -32,15 +32,14 @@
|
|
32
32
|
"prepare": "node ../../scripts/prepare.js"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@storybook/addons": "7.0.0-alpha.
|
36
|
-
"@storybook/core-client": "7.0.0-alpha.
|
35
|
+
"@storybook/addons": "7.0.0-alpha.4",
|
36
|
+
"@storybook/core-client": "7.0.0-alpha.4",
|
37
37
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
38
|
-
"@storybook/store": "7.0.0-alpha.
|
38
|
+
"@storybook/store": "7.0.0-alpha.4",
|
39
39
|
"core-js": "^3.8.2",
|
40
40
|
"global": "^4.4.0",
|
41
41
|
"react": "16.14.0",
|
42
42
|
"react-dom": "16.14.0",
|
43
|
-
"regenerator-runtime": "^0.13.7",
|
44
43
|
"ts-dedent": "^2.0.0"
|
45
44
|
},
|
46
45
|
"devDependencies": {
|
@@ -55,5 +54,5 @@
|
|
55
54
|
"publishConfig": {
|
56
55
|
"access": "public"
|
57
56
|
},
|
58
|
-
"gitHead": "
|
57
|
+
"gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
|
59
58
|
}
|