@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 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.1",
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.1",
36
- "@storybook/core-client": "7.0.0-alpha.1",
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.1",
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": "b90b85210f66da59656c2ef58b0910b156256bea"
58
+ "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
59
59
  }