@storybook/preact 6.5.9 → 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.
Files changed (71) hide show
  1. package/README.md +1 -29
  2. package/dist/cjs/{client/index.js → index.js} +9 -15
  3. package/dist/cjs/{client/preview → preview}/config.js +2 -2
  4. package/dist/cjs/{client/preview → preview}/globals.js +3 -1
  5. package/dist/cjs/preview/index.js +42 -0
  6. package/dist/cjs/preview/render.js +72 -0
  7. package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
  8. package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
  9. package/dist/cjs/{client/preview → preview}/types.js +0 -0
  10. package/dist/esm/{client/index.js → index.js} +0 -0
  11. package/dist/{modern/client → esm}/preview/config.js +0 -0
  12. package/dist/{modern/client → esm}/preview/globals.js +0 -0
  13. package/dist/{modern/client → esm}/preview/index.js +1 -1
  14. package/dist/{modern/client → esm}/preview/render.js +0 -0
  15. package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
  16. package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
  17. package/dist/esm/{client/preview → preview}/types.js +0 -0
  18. package/dist/{ts3.9/client → types}/index.d.ts +0 -0
  19. package/dist/{ts3.9/client → types}/preview/config.d.ts +0 -0
  20. package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
  21. package/dist/{ts3.9/client → types}/preview/index.d.ts +0 -1
  22. package/dist/{ts3.9/client → types}/preview/render.d.ts +0 -0
  23. package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
  24. package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
  25. package/dist/{ts3.9/client → types}/preview/types.d.ts +1 -1
  26. package/package.json +13 -35
  27. package/preview.js +1 -0
  28. package/bin/build.js +0 -4
  29. package/bin/index.js +0 -3
  30. package/dist/cjs/client/preview/index.js +0 -50
  31. package/dist/cjs/client/preview/render.js +0 -100
  32. package/dist/cjs/server/build.js +0 -9
  33. package/dist/cjs/server/framework-preset-preact.js +0 -46
  34. package/dist/cjs/server/index.js +0 -9
  35. package/dist/cjs/server/options.js +0 -17
  36. package/dist/esm/client/preview/config.js +0 -4
  37. package/dist/esm/client/preview/globals.js +0 -6
  38. package/dist/esm/client/preview/index.js +0 -27
  39. package/dist/esm/client/preview/render.js +0 -61
  40. package/dist/esm/server/build.js +0 -3
  41. package/dist/esm/server/framework-preset-preact.js +0 -29
  42. package/dist/esm/server/index.js +0 -3
  43. package/dist/esm/server/options.js +0 -8
  44. package/dist/modern/client/index.js +0 -2
  45. package/dist/modern/client/preview/types-6-0.js +0 -1
  46. package/dist/modern/client/preview/types-7-0.js +0 -1
  47. package/dist/modern/client/preview/types.js +0 -0
  48. package/dist/modern/server/build.js +0 -3
  49. package/dist/modern/server/framework-preset-preact.js +0 -29
  50. package/dist/modern/server/index.js +0 -3
  51. package/dist/modern/server/options.js +0 -8
  52. package/dist/ts3.4/client/index.d.ts +0 -2
  53. package/dist/ts3.4/client/preview/config.d.ts +0 -4
  54. package/dist/ts3.4/client/preview/globals.d.ts +0 -1
  55. package/dist/ts3.4/client/preview/index.d.ts +0 -24
  56. package/dist/ts3.4/client/preview/render.d.ts +0 -3
  57. package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
  58. package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
  59. package/dist/ts3.4/client/preview/types.d.ts +0 -14
  60. package/dist/ts3.4/server/build.d.ts +0 -1
  61. package/dist/ts3.4/server/framework-preset-preact.d.ts +0 -6
  62. package/dist/ts3.4/server/index.d.ts +0 -1
  63. package/dist/ts3.4/server/options.d.ts +0 -3
  64. package/dist/ts3.9/server/build.d.ts +0 -1
  65. package/dist/ts3.9/server/framework-preset-preact.d.ts +0 -6
  66. package/dist/ts3.9/server/index.d.ts +0 -1
  67. package/dist/ts3.9/server/options.d.ts +0 -3
  68. package/preset.js +0 -1
  69. package/standalone.js +0 -8
  70. package/types-6-0.d.ts +0 -1
  71. package/types-7-0.d.ts +0 -1
package/README.md CHANGED
@@ -1,29 +1 @@
1
- # Storybook for Preact
2
-
3
- Storybook for Preact is a UI development environment for your Preact components.
4
- With it, you can visualize different states of your UI components and develop them interactively.
5
-
6
- ![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
7
-
8
- Storybook runs outside of your app.
9
- So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
10
-
11
- ## Getting Started
12
-
13
- ```sh
14
- cd my-preact-app
15
- npx sb init
16
- ```
17
-
18
- For more information visit: [storybook.js.org](https://storybook.js.org)
19
-
20
- ---
21
-
22
- Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
23
- You can also build a [static version](https://storybook.js.org/docs/preact/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
24
-
25
- ## Docs
26
-
27
- - [Basics](https://storybook.js.org/docs/preact/get-started/introduction)
28
- - [Configurations](https://storybook.js.org/docs/preact/configure/overview)
29
- - [Addons](https://storybook.js.org/docs/preact/configure/storybook-addons)
1
+ # Storybook Preact renderer
@@ -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';
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
7
+
8
+ var _coreClient = require("@storybook/core-client");
9
+
10
+ require("./globals");
11
+
12
+ var _render = require("./render");
13
+
14
+ /* eslint-disable prefer-destructuring */
15
+ const framework = 'preact';
16
+ const api = (0, _coreClient.start)(_render.renderToDOM);
17
+
18
+ const storiesOf = (kind, m) => {
19
+ return api.clientApi.storiesOf(kind, m).addParameters({
20
+ framework
21
+ });
22
+ };
23
+
24
+ exports.storiesOf = storiesOf;
25
+
26
+ const configure = (...args) => api.configure(framework, ...args);
27
+
28
+ exports.configure = configure;
29
+ const addDecorator = api.clientApi.addDecorator;
30
+ exports.addDecorator = addDecorator;
31
+ const addParameters = api.clientApi.addParameters;
32
+ exports.addParameters = addParameters;
33
+ const clearDecorators = api.clientApi.clearDecorators;
34
+ exports.clearDecorators = clearDecorators;
35
+ const setAddon = api.clientApi.setAddon;
36
+ exports.setAddon = setAddon;
37
+ const forceReRender = api.forceReRender;
38
+ exports.forceReRender = forceReRender;
39
+ const getStorybook = api.clientApi.getStorybook;
40
+ exports.getStorybook = getStorybook;
41
+ const raw = api.clientApi.raw;
42
+ exports.raw = raw;
@@ -0,0 +1,72 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.renderToDOM = renderToDOM;
7
+
8
+ var preact = _interopRequireWildcard(require("preact"));
9
+
10
+ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
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); }
15
+
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; }
17
+
18
+ let renderedStory;
19
+
20
+ function preactRender(story, domElement) {
21
+ if (preact.Fragment) {
22
+ // Preact 10 only:
23
+ preact.render(story, domElement);
24
+ } else {
25
+ renderedStory = preact.render(story, domElement, renderedStory);
26
+ }
27
+ }
28
+
29
+ const StoryHarness = ({
30
+ showError,
31
+ name,
32
+ title,
33
+ storyFn,
34
+ domElement
35
+ }) => {
36
+ const content = preact.h(storyFn, null);
37
+
38
+ if (!content) {
39
+ showError({
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
+ `
45
+ });
46
+ return null;
47
+ }
48
+
49
+ return content;
50
+ };
51
+
52
+ function renderToDOM({
53
+ storyFn,
54
+ title,
55
+ name,
56
+ showMain,
57
+ showError,
58
+ forceRemount
59
+ }, domElement) {
60
+ if (forceRemount) {
61
+ preactRender(null, domElement);
62
+ }
63
+
64
+ showMain();
65
+ preactRender(preact.h(StoryHarness, {
66
+ name,
67
+ title,
68
+ showError,
69
+ storyFn,
70
+ domElement
71
+ }), domElement);
72
+ }
File without changes
File without changes
File without changes
File without changes
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable prefer-destructuring */
2
- import { start } from '@storybook/core';
2
+ import { start } from '@storybook/core-client';
3
3
  import './globals';
4
4
  import { renderToDOM } from './render';
5
5
  const framework = 'preact';
File without changes
File without changes
File without changes
File without changes
@@ -1,5 +1,4 @@
1
1
  /// <reference types="webpack-env" />
2
- /// <reference types="node" />
3
2
  import type { ClientStoryApi, Loadable } from '@storybook/addons';
4
3
  import './globals';
5
4
  import type { IStorybookSection } from './types';
File without changes
@@ -1,4 +1,4 @@
1
- export type { RenderContext } from '@storybook/core';
1
+ export type { RenderContext } from '@storybook/core-client';
2
2
  export declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
3
3
  export interface ShowErrorArgs {
4
4
  title: string;
package/package.json CHANGED
@@ -1,41 +1,28 @@
1
1
  {
2
2
  "name": "@storybook/preact",
3
- "version": "6.5.9",
4
- "description": "Storybook for Preact: Develop Preact Component in isolation.",
3
+ "version": "7.0.0-alpha.2",
4
+ "description": "Storybook Preact renderer",
5
5
  "keywords": [
6
6
  "storybook"
7
7
  ],
8
- "homepage": "https://github.com/storybookjs/storybook/tree/main/app/preact",
8
+ "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/preact",
9
9
  "bugs": {
10
10
  "url": "https://github.com/storybookjs/storybook/issues"
11
11
  },
12
12
  "repository": {
13
13
  "type": "git",
14
14
  "url": "https://github.com/storybookjs/storybook.git",
15
- "directory": "app/preact"
15
+ "directory": "renderers/preact"
16
16
  },
17
17
  "funding": {
18
18
  "type": "opencollective",
19
19
  "url": "https://opencollective.com/storybook"
20
20
  },
21
21
  "license": "MIT",
22
- "main": "dist/cjs/client/index.js",
23
- "module": "dist/esm/client/index.js",
24
- "types": "dist/ts3.9/client/index.d.ts",
25
- "typesVersions": {
26
- "<3.8": {
27
- "dist/ts3.9/*": [
28
- "dist/ts3.4/*"
29
- ]
30
- }
31
- },
32
- "bin": {
33
- "build-storybook": "./bin/build.js",
34
- "start-storybook": "./bin/index.js",
35
- "storybook-server": "./bin/index.js"
36
- },
22
+ "main": "dist/cjs/index.js",
23
+ "module": "dist/esm/index.js",
24
+ "types": "dist/types/index.d.ts",
37
25
  "files": [
38
- "bin/**/*",
39
26
  "dist/**/*",
40
27
  "README.md",
41
28
  "*.js",
@@ -45,29 +32,21 @@
45
32
  "prepare": "node ../../scripts/prepare.js"
46
33
  },
47
34
  "dependencies": {
48
- "@babel/plugin-transform-react-jsx": "^7.12.12",
49
- "@storybook/addons": "6.5.9",
50
- "@storybook/core": "6.5.9",
51
- "@storybook/core-common": "6.5.9",
35
+ "@storybook/addons": "7.0.0-alpha.2",
36
+ "@storybook/core-client": "7.0.0-alpha.2",
52
37
  "@storybook/csf": "0.0.2--canary.4566f4d.1",
53
- "@storybook/store": "6.5.9",
54
- "@types/node": "^14.14.20 || ^16.0.0",
55
- "@types/webpack-env": "^1.16.0",
38
+ "@storybook/store": "7.0.0-alpha.2",
56
39
  "core-js": "^3.8.2",
57
40
  "global": "^4.4.0",
58
41
  "react": "16.14.0",
59
42
  "react-dom": "16.14.0",
60
- "read-pkg-up": "^7.0.1",
61
43
  "regenerator-runtime": "^0.13.7",
62
- "ts-dedent": "^2.0.0",
63
- "webpack": ">=4.0.0 <6.0.0"
44
+ "ts-dedent": "^2.0.0"
64
45
  },
65
46
  "devDependencies": {
66
- "preact": "^10.5.13",
67
- "webpack": "4"
47
+ "preact": "^10.5.13"
68
48
  },
69
49
  "peerDependencies": {
70
- "@babel/core": "*",
71
50
  "preact": "^8.0.0||^10.0.0"
72
51
  },
73
52
  "engines": {
@@ -76,6 +55,5 @@
76
55
  "publishConfig": {
77
56
  "access": "public"
78
57
  },
79
- "gitHead": "e2673f765722cbb542ef1b5cf8d533c8e746a127",
80
- "sbmodern": "dist/modern/client/index.js"
58
+ "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
81
59
  }
package/preview.js ADDED
@@ -0,0 +1 @@
1
+ export * from './dist/esm/preview/config';
package/bin/build.js DELETED
@@ -1,4 +0,0 @@
1
- #!/usr/bin/env node
2
-
3
- process.env.NODE_ENV = process.env.NODE_ENV || 'production';
4
- require('../dist/cjs/server/build');
package/bin/index.js DELETED
@@ -1,3 +0,0 @@
1
- #!/usr/bin/env node
2
-
3
- require('../dist/cjs/server');
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
7
-
8
- require("core-js/modules/es.array.concat.js");
9
-
10
- var _core = require("@storybook/core");
11
-
12
- require("./globals");
13
-
14
- var _render = require("./render");
15
-
16
- /* eslint-disable prefer-destructuring */
17
- var framework = 'preact';
18
- var api = (0, _core.start)(_render.renderToDOM);
19
-
20
- var storiesOf = function storiesOf(kind, m) {
21
- return api.clientApi.storiesOf(kind, m).addParameters({
22
- framework: framework
23
- });
24
- };
25
-
26
- exports.storiesOf = storiesOf;
27
-
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
- };
35
-
36
- exports.configure = configure;
37
- var addDecorator = api.clientApi.addDecorator;
38
- exports.addDecorator = addDecorator;
39
- var addParameters = api.clientApi.addParameters;
40
- exports.addParameters = addParameters;
41
- var clearDecorators = api.clientApi.clearDecorators;
42
- exports.clearDecorators = clearDecorators;
43
- var setAddon = api.clientApi.setAddon;
44
- exports.setAddon = setAddon;
45
- var forceReRender = api.forceReRender;
46
- exports.forceReRender = forceReRender;
47
- var getStorybook = api.clientApi.getStorybook;
48
- exports.getStorybook = getStorybook;
49
- var raw = api.clientApi.raw;
50
- exports.raw = raw;
@@ -1,100 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
28
- value: true
29
- });
30
- exports.renderToDOM = renderToDOM;
31
-
32
- require("core-js/modules/es.function.name.js");
33
-
34
- require("core-js/modules/es.array.concat.js");
35
-
36
- var preact = _interopRequireWildcard(require("preact"));
37
-
38
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
39
-
40
- var _templateObject;
41
-
42
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
43
-
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); }
45
-
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; }
47
-
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;
51
-
52
- function preactRender(story, domElement) {
53
- if (preact.Fragment) {
54
- // Preact 10 only:
55
- preact.render(story, domElement);
56
- } else {
57
- renderedStory = preact.render(story, domElement, renderedStory);
58
- }
59
- }
60
-
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);
68
-
69
- if (!content) {
70
- 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 "])))
73
- });
74
- return null;
75
- }
76
-
77
- return content;
78
- };
79
-
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
-
88
- if (forceRemount) {
89
- preactRender(null, domElement);
90
- }
91
-
92
- showMain();
93
- preactRender(preact.h(StoryHarness, {
94
- name: name,
95
- title: title,
96
- showError: showError,
97
- storyFn: storyFn,
98
- domElement: domElement
99
- }), domElement);
100
- }
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _server = require("@storybook/core/server");
4
-
5
- var _options = _interopRequireDefault(require("./options"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
-
9
- (0, _server.buildStatic)(_options.default);
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.babelDefault = babelDefault;
7
- exports.previewAnnotations = void 0;
8
- exports.webpackFinal = webpackFinal;
9
-
10
- var _path = _interopRequireDefault(require("path"));
11
-
12
- var _coreCommon = require("@storybook/core-common");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
20
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
-
22
- function babelDefault(config) {
23
- return _objectSpread(_objectSpread({}, config), {}, {
24
- plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
25
- pragma: 'h'
26
- }, 'preset']]
27
- });
28
- }
29
-
30
- function webpackFinal(config) {
31
- return _objectSpread(_objectSpread({}, config), {}, {
32
- resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
33
- alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
34
- react: _path.default.dirname(require.resolve('preact/compat/package.json')),
35
- 'react-dom/test-utils': _path.default.dirname(require.resolve('preact/test-utils/package.json')),
36
- 'react-dom': _path.default.dirname(require.resolve('preact/compat/package.json'))
37
- })
38
- })
39
- });
40
- }
41
-
42
- var previewAnnotations = function (entry = []) {
43
- return [...entry, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
44
- };
45
-
46
- exports.previewAnnotations = previewAnnotations;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _server = require("@storybook/core/server");
4
-
5
- var _options = _interopRequireDefault(require("./options"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
-
9
- (0, _server.buildDev)(_options.default);
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _readPkgUp = require("read-pkg-up");
9
-
10
- var _default = {
11
- packageJson: (0, _readPkgUp.sync)({
12
- cwd: __dirname
13
- }).packageJson,
14
- framework: 'preact',
15
- frameworkPresets: [require.resolve('./framework-preset-preact.js')]
16
- };
17
- exports.default = _default;
@@ -1,4 +0,0 @@
1
- export { renderToDOM } from './render';
2
- export var parameters = {
3
- framework: 'preact'
4
- };
@@ -1,6 +0,0 @@
1
- import global from 'global';
2
- var globalWindow = global.window;
3
-
4
- if (globalWindow) {
5
- globalWindow.STORYBOOK_ENV = 'preact';
6
- }
@@ -1,27 +0,0 @@
1
- import "core-js/modules/es.array.concat.js";
2
-
3
- /* eslint-disable prefer-destructuring */
4
- import { start } from '@storybook/core';
5
- import './globals';
6
- import { renderToDOM } from './render';
7
- var framework = 'preact';
8
- var api = start(renderToDOM);
9
- export var storiesOf = function storiesOf(kind, m) {
10
- return api.clientApi.storiesOf(kind, m).addParameters({
11
- framework: framework
12
- });
13
- };
14
- export var configure = function configure() {
15
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
16
- args[_key] = arguments[_key];
17
- }
18
-
19
- return api.configure.apply(api, [framework].concat(args));
20
- };
21
- export var addDecorator = api.clientApi.addDecorator;
22
- export var addParameters = api.clientApi.addParameters;
23
- export var clearDecorators = api.clientApi.clearDecorators;
24
- export var setAddon = api.clientApi.setAddon;
25
- export var forceReRender = api.forceReRender;
26
- export var getStorybook = api.clientApi.getStorybook;
27
- export var raw = api.clientApi.raw;
@@ -1,61 +0,0 @@
1
- var _templateObject;
2
-
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
-
5
- import "core-js/modules/es.function.name.js";
6
- import "core-js/modules/es.array.concat.js";
7
- import "core-js/modules/es.array.slice.js";
8
- import "core-js/modules/es.object.freeze.js";
9
- import * as preact from 'preact';
10
- import dedent from 'ts-dedent';
11
- var renderedStory;
12
-
13
- function preactRender(story, domElement) {
14
- if (preact.Fragment) {
15
- // Preact 10 only:
16
- preact.render(story, domElement);
17
- } else {
18
- renderedStory = preact.render(story, domElement, renderedStory);
19
- }
20
- }
21
-
22
- var StoryHarness = function StoryHarness(_ref) {
23
- var showError = _ref.showError,
24
- name = _ref.name,
25
- title = _ref.title,
26
- storyFn = _ref.storyFn,
27
- domElement = _ref.domElement;
28
- var content = preact.h(storyFn, null);
29
-
30
- if (!content) {
31
- showError({
32
- title: "Expecting a Preact element from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
33
- description: dedent(_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 "])))
34
- });
35
- return null;
36
- }
37
-
38
- return content;
39
- };
40
-
41
- export function renderToDOM(_ref2, domElement) {
42
- var storyFn = _ref2.storyFn,
43
- title = _ref2.title,
44
- name = _ref2.name,
45
- showMain = _ref2.showMain,
46
- showError = _ref2.showError,
47
- forceRemount = _ref2.forceRemount;
48
-
49
- if (forceRemount) {
50
- preactRender(null, domElement);
51
- }
52
-
53
- showMain();
54
- preactRender(preact.h(StoryHarness, {
55
- name: name,
56
- title: title,
57
- showError: showError,
58
- storyFn: storyFn,
59
- domElement: domElement
60
- }), domElement);
61
- }
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,29 +0,0 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
- import path from 'path';
8
- import { findDistEsm } from '@storybook/core-common';
9
- export function babelDefault(config) {
10
- return _objectSpread(_objectSpread({}, config), {}, {
11
- plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
12
- pragma: 'h'
13
- }, 'preset']]
14
- });
15
- }
16
- export function webpackFinal(config) {
17
- return _objectSpread(_objectSpread({}, config), {}, {
18
- resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
19
- alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
20
- react: path.dirname(require.resolve('preact/compat/package.json')),
21
- 'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
22
- 'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
23
- })
24
- })
25
- });
26
- }
27
- export var previewAnnotations = function (entry = []) {
28
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
29
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'preact',
7
- frameworkPresets: [require.resolve('./framework-preset-preact.js')]
8
- };
@@ -1,2 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview';
2
- export * from './preview/types-6-0';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
File without changes
@@ -1,3 +0,0 @@
1
- import { buildStatic } from '@storybook/core/server';
2
- import options from './options';
3
- buildStatic(options);
@@ -1,29 +0,0 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
- import path from 'path';
8
- import { findDistEsm } from '@storybook/core-common';
9
- export function babelDefault(config) {
10
- return _objectSpread(_objectSpread({}, config), {}, {
11
- plugins: [...config.plugins, [require.resolve('@babel/plugin-transform-react-jsx'), {
12
- pragma: 'h'
13
- }, 'preset']]
14
- });
15
- }
16
- export function webpackFinal(config) {
17
- return _objectSpread(_objectSpread({}, config), {}, {
18
- resolve: _objectSpread(_objectSpread({}, config.resolve), {}, {
19
- alias: _objectSpread(_objectSpread({}, config.resolve.alias), {}, {
20
- react: path.dirname(require.resolve('preact/compat/package.json')),
21
- 'react-dom/test-utils': path.dirname(require.resolve('preact/test-utils/package.json')),
22
- 'react-dom': path.dirname(require.resolve('preact/compat/package.json'))
23
- })
24
- })
25
- });
26
- }
27
- export var previewAnnotations = function (entry = []) {
28
- return [...entry, findDistEsm(__dirname, 'client/preview/config')];
29
- };
@@ -1,3 +0,0 @@
1
- import { buildDev } from '@storybook/core/server';
2
- import options from './options';
3
- buildDev(options);
@@ -1,8 +0,0 @@
1
- import { sync } from 'read-pkg-up';
2
- export default {
3
- packageJson: sync({
4
- cwd: __dirname
5
- }).packageJson,
6
- framework: 'preact',
7
- frameworkPresets: [require.resolve('./framework-preset-preact.js')]
8
- };
@@ -1,2 +0,0 @@
1
- export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
2
- export * from './preview/types-6-0';
@@ -1,4 +0,0 @@
1
- export { renderToDOM } from './render';
2
- export declare const parameters: {
3
- framework: string;
4
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,24 +0,0 @@
1
- /// <reference types="webpack-env" />
2
- /// <reference types="node" />
3
- import { ClientStoryApi, Loadable } from '@storybook/addons';
4
- import './globals';
5
- import { IStorybookSection } from './types';
6
- import { PreactFramework } from './types-6-0';
7
- export interface ClientApi extends ClientStoryApi<PreactFramework['storyResult']> {
8
- setAddon(addon: any): void;
9
- configure(loader: Loadable, module: NodeModule): void;
10
- getStorybook(): IStorybookSection[];
11
- clearDecorators(): void;
12
- forceReRender(): void;
13
- raw: () => any;
14
- load: (...args: any[]) => void;
15
- }
16
- export declare const storiesOf: ClientApi['storiesOf'];
17
- export declare const configure: ClientApi['configure'];
18
- export declare const addDecorator: ClientApi['addDecorator'];
19
- export declare const addParameters: ClientApi['addParameters'];
20
- export declare const clearDecorators: ClientApi['clearDecorators'];
21
- export declare const setAddon: ClientApi['setAddon'];
22
- export declare const forceReRender: ClientApi['forceReRender'];
23
- export declare const getStorybook: ClientApi['getStorybook'];
24
- export declare const raw: ClientApi['raw'];
@@ -1,3 +0,0 @@
1
- import { RenderContext } from '@storybook/store';
2
- import { PreactFramework } from './types-6-0';
3
- export declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement: HTMLElement): void;
@@ -1,35 +0,0 @@
1
- import { AnyComponent } from 'preact';
2
- import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
3
- import { StoryFnPreactReturnType } from './types';
4
- export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
5
- export declare type PreactFramework = {
6
- component: AnyComponent<any, any>;
7
- storyResult: StoryFnPreactReturnType;
8
- };
9
- /**
10
- * Metadata to configure the stories for a component.
11
- *
12
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
13
- */
14
- export declare type Meta<TArgs = Args> = ComponentAnnotations<PreactFramework, TArgs>;
15
- /**
16
- * Story function that represents a CSFv2 component example.
17
- *
18
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
19
- */
20
- export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactFramework, TArgs>;
21
- /**
22
- * Story function that represents a CSFv3 component example.
23
- *
24
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
25
- */
26
- export declare type StoryObj<TArgs = Args> = StoryAnnotations<PreactFramework, TArgs>;
27
- /**
28
- * Story function that represents a CSFv2 component example.
29
- *
30
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
31
- *
32
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
33
- *
34
- */
35
- export declare type Story<TArgs = Args> = StoryFn<TArgs>;
@@ -1,9 +0,0 @@
1
- import { Args } from '@storybook/csf';
2
- import { StoryObj } from './types-6-0';
3
- export { StoryFn, StoryObj, Meta } from './types-6-0';
4
- /**
5
- * Story function that represents a CSFv3 component example.
6
- *
7
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
8
- */
9
- export declare type Story<TArgs = Args> = StoryObj<TArgs>;
@@ -1,14 +0,0 @@
1
- export { RenderContext } from '@storybook/core';
2
- export declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
3
- export interface ShowErrorArgs {
4
- title: string;
5
- description: string;
6
- }
7
- export interface IStorybookStory {
8
- name: string;
9
- render: (context: any) => any;
10
- }
11
- export interface IStorybookSection {
12
- kind: string;
13
- stories: IStorybookStory[];
14
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { TransformOptions } from '@babel/core';
2
- import { Configuration } from 'webpack';
3
- import { StorybookConfig } from '@storybook/core-common';
4
- export declare function babelDefault(config: TransformOptions): TransformOptions;
5
- export declare function webpackFinal(config: Configuration): Configuration;
6
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import { LoadOptions } from '@storybook/core-common';
2
- declare const _default: LoadOptions;
3
- export default _default;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import type { TransformOptions } from '@babel/core';
2
- import type { Configuration } from 'webpack';
3
- import type { StorybookConfig } from '@storybook/core-common';
4
- export declare function babelDefault(config: TransformOptions): TransformOptions;
5
- export declare function webpackFinal(config: Configuration): Configuration;
6
- export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import type { LoadOptions } from '@storybook/core-common';
2
- declare const _default: LoadOptions;
3
- export default _default;
package/preset.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('./dist/cjs/server/framework-preset-preact');
package/standalone.js DELETED
@@ -1,8 +0,0 @@
1
- const build = require('@storybook/core/standalone');
2
- const frameworkOptions = require('./dist/cjs/server/options').default;
3
-
4
- async function buildStandalone(options) {
5
- return build(options, frameworkOptions);
6
- }
7
-
8
- module.exports = buildStandalone;
package/types-6-0.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './dist/ts3.9/client/preview/types-6-0.d';
package/types-7-0.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './dist/ts3.9/client/preview/types-7-0.d';