@storybook/preact 7.0.0-alpha.1 → 7.0.0-alpha.2
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/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 +29 -57
- package/package.json +5 -5
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,53 +1,21 @@
|
|
|
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) {
|
|
53
21
|
if (preact.Fragment) {
|
|
@@ -58,18 +26,22 @@ function preactRender(story, domElement) {
|
|
|
58
26
|
}
|
|
59
27
|
}
|
|
60
28
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
29
|
+
const StoryHarness = ({
|
|
30
|
+
showError,
|
|
31
|
+
name,
|
|
32
|
+
title,
|
|
33
|
+
storyFn,
|
|
34
|
+
domElement
|
|
35
|
+
}) => {
|
|
36
|
+
const content = preact.h(storyFn, null);
|
|
68
37
|
|
|
69
38
|
if (!content) {
|
|
70
39
|
showError({
|
|
71
|
-
title:
|
|
72
|
-
description: (0, _tsDedent.default)
|
|
40
|
+
title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
|
|
41
|
+
description: (0, _tsDedent.default)`
|
|
42
|
+
Did you forget to return the Preact element from the story?
|
|
43
|
+
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
|
44
|
+
`
|
|
73
45
|
});
|
|
74
46
|
return null;
|
|
75
47
|
}
|
|
@@ -77,24 +49,24 @@ var StoryHarness = function StoryHarness(_ref) {
|
|
|
77
49
|
return content;
|
|
78
50
|
};
|
|
79
51
|
|
|
80
|
-
function renderToDOM(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
52
|
+
function renderToDOM({
|
|
53
|
+
storyFn,
|
|
54
|
+
title,
|
|
55
|
+
name,
|
|
56
|
+
showMain,
|
|
57
|
+
showError,
|
|
58
|
+
forceRemount
|
|
59
|
+
}, domElement) {
|
|
88
60
|
if (forceRemount) {
|
|
89
61
|
preactRender(null, domElement);
|
|
90
62
|
}
|
|
91
63
|
|
|
92
64
|
showMain();
|
|
93
65
|
preactRender(preact.h(StoryHarness, {
|
|
94
|
-
name
|
|
95
|
-
title
|
|
96
|
-
showError
|
|
97
|
-
storyFn
|
|
98
|
-
domElement
|
|
66
|
+
name,
|
|
67
|
+
title,
|
|
68
|
+
showError,
|
|
69
|
+
storyFn,
|
|
70
|
+
domElement
|
|
99
71
|
}), domElement);
|
|
100
72
|
}
|
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.2",
|
|
4
4
|
"description": "Storybook Preact renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -32,10 +32,10 @@
|
|
|
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.2",
|
|
36
|
+
"@storybook/core-client": "7.0.0-alpha.2",
|
|
37
37
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
|
38
|
-
"@storybook/store": "7.0.0-alpha.
|
|
38
|
+
"@storybook/store": "7.0.0-alpha.2",
|
|
39
39
|
"core-js": "^3.8.2",
|
|
40
40
|
"global": "^4.4.0",
|
|
41
41
|
"react": "16.14.0",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
|
|
59
59
|
}
|