@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 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,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 _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) {
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
- 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);
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: "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 "])))
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(_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
-
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: name,
95
- title: title,
96
- showError: showError,
97
- storyFn: storyFn,
98
- domElement: domElement
67
+ name,
68
+ title,
69
+ showError,
70
+ storyFn,
71
+ domElement
99
72
  }), domElement);
100
73
  }
@@ -3,6 +3,7 @@ import dedent from 'ts-dedent';
3
3
  let renderedStory;
4
4
 
5
5
  function preactRender(story, domElement) {
6
+ // @ts-ignore
6
7
  if (preact.Fragment) {
7
8
  // Preact 10 only:
8
9
  preact.render(story, domElement);
@@ -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: HTMLElement): void;
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.1",
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.1",
36
- "@storybook/core-client": "7.0.0-alpha.1",
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.1",
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": "b90b85210f66da59656c2ef58b0910b156256bea"
57
+ "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
59
58
  }