@storybook/preact 7.0.0-alpha.0 → 7.0.0-alpha.3

Sign up to get free protection for your applications and to get access to all the features.
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
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 get() {
9
+ get: function () {
10
10
  return _render.renderToDOM;
11
11
  }
12
12
  });
13
13
 
14
14
  var _render = require("./render");
15
15
 
16
- var parameters = {
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
- var globalWindow = _global.default.window;
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
- var framework = 'preact';
18
- var api = (0, _coreClient.start)(_render.renderToDOM);
15
+ const framework = 'preact';
16
+ const api = (0, _coreClient.start)(_render.renderToDOM);
19
17
 
20
- var storiesOf = function storiesOf(kind, m) {
18
+ const storiesOf = (kind, m) => {
21
19
  return api.clientApi.storiesOf(kind, m).addParameters({
22
- framework: framework
20
+ framework
23
21
  });
24
22
  };
25
23
 
26
24
  exports.storiesOf = storiesOf;
27
25
 
28
- var configure = function configure() {
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
- var addDecorator = api.clientApi.addDecorator;
29
+ const addDecorator = api.clientApi.addDecorator;
38
30
  exports.addDecorator = addDecorator;
39
- var addParameters = api.clientApi.addParameters;
31
+ const addParameters = api.clientApi.addParameters;
40
32
  exports.addParameters = addParameters;
41
- var clearDecorators = api.clientApi.clearDecorators;
33
+ const clearDecorators = api.clientApi.clearDecorators;
42
34
  exports.clearDecorators = clearDecorators;
43
- var setAddon = api.clientApi.setAddon;
35
+ const setAddon = api.clientApi.setAddon;
44
36
  exports.setAddon = setAddon;
45
- var forceReRender = api.forceReRender;
37
+ const forceReRender = api.forceReRender;
46
38
  exports.forceReRender = forceReRender;
47
- var getStorybook = api.clientApi.getStorybook;
39
+ const getStorybook = api.clientApi.getStorybook;
48
40
  exports.getStorybook = getStorybook;
49
- var raw = api.clientApi.raw;
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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 || _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; }
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
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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
- var StoryHarness = function StoryHarness(_ref) {
62
- var showError = _ref.showError,
63
- name = _ref.name,
64
- title = _ref.title,
65
- storyFn = _ref.storyFn,
66
- domElement = _ref.domElement;
67
- var content = preact.h(storyFn, null);
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: "Expecting a Preact element from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
72
- description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Did you forget to return the Preact element from the story?\n Use \"() => (<MyComp/>)\" or \"() => { return <MyComp/>; }\" when defining the story.\n "])))
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(_ref2, domElement) {
81
- var storyFn = _ref2.storyFn,
82
- title = _ref2.title,
83
- name = _ref2.name,
84
- showMain = _ref2.showMain,
85
- showError = _ref2.showError,
86
- forceRemount = _ref2.forceRemount;
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: name,
95
- title: title,
96
- showError: showError,
97
- storyFn: storyFn,
98
- domElement: 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.0",
3
+ "version": "7.0.0-alpha.3",
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.0",
36
- "@storybook/core-client": "7.0.0-alpha.0",
35
+ "@storybook/addons": "7.0.0-alpha.3",
36
+ "@storybook/core-client": "7.0.0-alpha.3",
37
37
  "@storybook/csf": "0.0.2--canary.4566f4d.1",
38
- "@storybook/store": "7.0.0-alpha.0",
38
+ "@storybook/store": "7.0.0-alpha.3",
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": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
58
+ "gitHead": "629b056190993bcee6445471b8cb27208eb401a9"
59
59
  }