@storybook/preact 7.0.0-alpha.4 → 7.0.0-alpha.7

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.
@@ -0,0 +1,4 @@
1
+ var u=Object.defineProperty;var o=(e,r)=>u(e,"name",{value:r,configurable:!0});import*as t from"preact";import d from"ts-dedent";var f;function s(e,r){t.Fragment?t.render(e,r):f=t.render(e,r,f)}o(s,"preactRender");var l=o(({showError:e,name:r,title:c,storyFn:i,domElement:a})=>{let n=t.h(i,null);return n||(e({title:`Expecting a Preact element from the story: "${r}" of "${c}".`,description:d`
2
+ Did you forget to return the Preact element from the story?
3
+ Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
4
+ `}),null)},"StoryHarness");function M({storyFn:e,title:r,name:c,showMain:i,showError:a,forceRemount:n},p){n&&s(null,p),i(),s(t.h(l,{name:c,title:r,showError:a,storyFn:e,domElement:p}),p)}o(M,"renderToDOM");export{o as a,M as b};
@@ -0,0 +1,11 @@
1
+ import { RenderContext } from '@storybook/store';
2
+ import { P as PreactFramework } from './types-ed8e97dc.js';
3
+ import 'preact';
4
+
5
+ declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: RenderContext<PreactFramework>, domElement: Element): void;
6
+
7
+ declare const parameters: {
8
+ framework: "preact";
9
+ };
10
+
11
+ export { parameters, renderToDOM };
package/dist/config.js ADDED
@@ -0,0 +1,4 @@
1
+ var y=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var f=(e,r)=>p(e,"name",{value:r,configurable:!0});var w=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},s=(e,r,t,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of x(r))!D.call(e,n)&&n!==t&&p(e,n,{get:()=>r[n],enumerable:!(c=g(r,n))||c.enumerable});return e};var d=(e,r,t)=>(t=e!=null?y(M(e)):{},s(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),C=e=>s(p({},"__esModule",{value:!0}),e);var T={};w(T,{parameters:()=>S,renderToDOM:()=>h});module.exports=C(T);var o=d(require("preact")),l=d(require("ts-dedent")),m;function u(e,r){o.Fragment?o.render(e,r):m=o.render(e,r,m)}f(u,"preactRender");var P=f(({showError:e,name:r,title:t,storyFn:c,domElement:n})=>{let a=o.h(c,null);return a||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:l.default`
2
+ Did you forget to return the Preact element from the story?
3
+ Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
4
+ `}),null)},"StoryHarness");function h({storyFn:e,title:r,name:t,showMain:c,showError:n,forceRemount:a},i){a&&u(null,i),c(),u(o.h(P,{name:t,title:r,showError:n,storyFn:e,domElement:i}),i)}f(h,"renderToDOM");var S={framework:"preact"};0&&(module.exports={parameters,renderToDOM});
@@ -0,0 +1 @@
1
+ import{b as r}from"./chunk-G45LXJLH.mjs";var t={framework:"preact"};export{t as parameters,r as renderToDOM};
@@ -0,0 +1,51 @@
1
+ import { ClientStoryApi, Loadable } from '@storybook/addons';
2
+ import { P as PreactFramework, I as IStorybookSection } from './types-ed8e97dc.js';
3
+ import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/csf';
4
+ export { ArgTypes, Args, Parameters, StoryContext } from '@storybook/csf';
5
+ import 'preact';
6
+
7
+ 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
+ declare const storiesOf: ClientApi['storiesOf'];
17
+ declare const configure: ClientApi['configure'];
18
+ declare const addDecorator: ClientApi['addDecorator'];
19
+ declare const addParameters: ClientApi['addParameters'];
20
+ declare const clearDecorators: ClientApi['clearDecorators'];
21
+ declare const setAddon: ClientApi['setAddon'];
22
+ declare const forceReRender: ClientApi['forceReRender'];
23
+ declare const getStorybook: ClientApi['getStorybook'];
24
+ declare const raw: ClientApi['raw'];
25
+
26
+ /**
27
+ * Metadata to configure the stories for a component.
28
+ *
29
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
30
+ */
31
+ declare type Meta<TArgs = Args> = ComponentAnnotations<PreactFramework, TArgs>;
32
+ /**
33
+ * Story function that represents a CSFv2 component example.
34
+ *
35
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
36
+ */
37
+ declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactFramework, TArgs>;
38
+ /**
39
+ * Story function that represents a CSFv3 component example.
40
+ *
41
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
42
+ */
43
+ declare type StoryObj<TArgs = Args> = StoryAnnotations<PreactFramework, TArgs>;
44
+ /**
45
+ * Story function that represents a CSFv3 component example.
46
+ *
47
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
48
+ */
49
+ declare type Story<TArgs = Args> = StoryObj<TArgs>;
50
+
51
+ export { ClientApi, Meta, Story, StoryFn, StoryObj, addDecorator, addParameters, clearDecorators, configure, forceReRender, getStorybook, raw, setAddon, storiesOf };
package/dist/index.js ADDED
@@ -0,0 +1,4 @@
1
+ var D=Object.create;var a=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var i=(e,r)=>a(e,"name",{value:r,configurable:!0});var k=(e,r)=>{for(var t in r)a(e,t,{get:r[t],enumerable:!0})},m=(e,r,t,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of P(r))!b.call(e,n)&&n!==t&&a(e,n,{get:()=>r[n],enumerable:!(p=M(r,n))||p.enumerable});return e};var l=(e,r,t)=>(t=e!=null?D(S(e)):{},m(r||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),T=e=>m(a({},"__esModule",{value:!0}),e);var V={};k(V,{addDecorator:()=>W,addParameters:()=>$,clearDecorators:()=>B,configure:()=>K,forceReRender:()=>H,getStorybook:()=>N,raw:()=>U,setAddon:()=>E,storiesOf:()=>F});module.exports=T(V);var u=l(require("global")),{window:x}=u.default;x&&(x.STORYBOOK_ENV="preact");var O=require("@storybook/core-client");var c=l(require("preact")),y=l(require("ts-dedent")),g;function A(e,r){c.Fragment?c.render(e,r):g=c.render(e,r,g)}i(A,"preactRender");var C=i(({showError:e,name:r,title:t,storyFn:p,domElement:n})=>{let s=c.h(p,null);return s||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:y.default`
2
+ Did you forget to return the Preact element from the story?
3
+ Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
4
+ `}),null)},"StoryHarness");function h({storyFn:e,title:r,name:t,showMain:p,showError:n,forceRemount:s},f){s&&A(null,f),p(),A(c.h(C,{name:t,title:r,showError:n,storyFn:e,domElement:f}),f)}i(h,"renderToDOM");var R="preact",o=(0,O.start)(h),F=i((e,r)=>o.clientApi.storiesOf(e,r).addParameters({framework:R}),"storiesOf"),K=i((...e)=>o.configure(R,...e),"configure"),W=o.clientApi.addDecorator,$=o.clientApi.addParameters,B=o.clientApi.clearDecorators,E=o.clientApi.setAddon,H=o.forceReRender,N=o.clientApi.getStorybook,U=o.clientApi.raw;var w;(w=module==null?void 0:module.hot)==null||w.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,configure,forceReRender,getStorybook,raw,setAddon,storiesOf});
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ import{a as e,b as n}from"./chunk-G45LXJLH.mjs";import d from"global";var{window:a}=d;a&&(a.STORYBOOK_ENV="preact");import{start as l}from"@storybook/core-client";var i="preact",o=l(n),A=e((r,s)=>o.clientApi.storiesOf(r,s).addParameters({framework:i}),"storiesOf"),O=e((...r)=>o.configure(i,...r),"configure"),R=o.clientApi.addDecorator,g=o.clientApi.addParameters,w=o.clientApi.clearDecorators,D=o.clientApi.setAddon,b=o.forceReRender,u=o.clientApi.getStorybook,k=o.clientApi.raw;var p;(p=module==null?void 0:module.hot)==null||p.decline();export{R as addDecorator,g as addParameters,w as clearDecorators,O as configure,b as forceReRender,u as getStorybook,k as raw,D as setAddon,A as storiesOf};
@@ -0,0 +1,17 @@
1
+ import { AnyComponent } from 'preact';
2
+
3
+ declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
4
+ interface IStorybookStory {
5
+ name: string;
6
+ render: (context: any) => any;
7
+ }
8
+ interface IStorybookSection {
9
+ kind: string;
10
+ stories: IStorybookStory[];
11
+ }
12
+ declare type PreactFramework = {
13
+ component: AnyComponent<any, any>;
14
+ storyResult: StoryFnPreactReturnType;
15
+ };
16
+
17
+ export { IStorybookSection as I, PreactFramework as P };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/preact",
3
- "version": "7.0.0-alpha.4",
3
+ "version": "7.0.0-alpha.7",
4
4
  "description": "Storybook Preact renderer",
5
5
  "keywords": [
6
6
  "storybook"
@@ -19,9 +19,26 @@
19
19
  "url": "https://opencollective.com/storybook"
20
20
  },
21
21
  "license": "MIT",
22
- "main": "dist/cjs/index.js",
23
- "module": "dist/esm/index.js",
24
- "types": "dist/types/index.d.ts",
22
+ "exports": {
23
+ ".": {
24
+ "require": "./dist/index.js",
25
+ "import": "./dist/index.mjs",
26
+ "types": "./dist/index.d.ts"
27
+ },
28
+ "./preview": {
29
+ "require": "./dist/config.js",
30
+ "import": "./dist/config.mjs",
31
+ "types": "./dist/config.d.ts"
32
+ },
33
+ "./package.json": {
34
+ "require": "./package.json",
35
+ "import": "./package.json",
36
+ "types": "./package.json"
37
+ }
38
+ },
39
+ "main": "dist/index.js",
40
+ "module": "dist/index.mjs",
41
+ "types": "dist/index.d.ts",
25
42
  "files": [
26
43
  "dist/**/*",
27
44
  "README.md",
@@ -29,13 +46,13 @@
29
46
  "*.d.ts"
30
47
  ],
31
48
  "scripts": {
32
- "prepare": "node ../../scripts/prepare.js"
49
+ "prepare": "esrun ../../scripts/prepare/bundle.ts"
33
50
  },
34
51
  "dependencies": {
35
- "@storybook/addons": "7.0.0-alpha.4",
36
- "@storybook/core-client": "7.0.0-alpha.4",
52
+ "@storybook/addons": "7.0.0-alpha.7",
53
+ "@storybook/core-client": "7.0.0-alpha.7",
37
54
  "@storybook/csf": "0.0.2--canary.4566f4d.1",
38
- "@storybook/store": "7.0.0-alpha.4",
55
+ "@storybook/store": "7.0.0-alpha.7",
39
56
  "core-js": "^3.8.2",
40
57
  "global": "^4.4.0",
41
58
  "react": "16.14.0",
@@ -43,6 +60,7 @@
43
60
  "ts-dedent": "^2.0.0"
44
61
  },
45
62
  "devDependencies": {
63
+ "@digitak/esrun": "^3.2.2",
46
64
  "preact": "^10.5.13"
47
65
  },
48
66
  "peerDependencies": {
@@ -54,5 +72,9 @@
54
72
  "publishConfig": {
55
73
  "access": "public"
56
74
  },
57
- "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
75
+ "bundlerEntrypoint": [
76
+ "./src/index.ts",
77
+ "./src/config.ts"
78
+ ],
79
+ "gitHead": "d334cabd251cd0ed8b845a87707dc84f007d4074"
58
80
  }
package/preview.js CHANGED
@@ -1 +1 @@
1
- export * from './dist/esm/preview/config';
1
+ export * from './dist/config';
package/dist/cjs/index.js DELETED
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- storiesOf: true,
8
- setAddon: true,
9
- addDecorator: true,
10
- addParameters: true,
11
- configure: true,
12
- getStorybook: true,
13
- forceReRender: true,
14
- raw: true
15
- };
16
- Object.defineProperty(exports, "addDecorator", {
17
- enumerable: true,
18
- get: function () {
19
- return _preview.addDecorator;
20
- }
21
- });
22
- Object.defineProperty(exports, "addParameters", {
23
- enumerable: true,
24
- get: function () {
25
- return _preview.addParameters;
26
- }
27
- });
28
- Object.defineProperty(exports, "configure", {
29
- enumerable: true,
30
- get: function () {
31
- return _preview.configure;
32
- }
33
- });
34
- Object.defineProperty(exports, "forceReRender", {
35
- enumerable: true,
36
- get: function () {
37
- return _preview.forceReRender;
38
- }
39
- });
40
- Object.defineProperty(exports, "getStorybook", {
41
- enumerable: true,
42
- get: function () {
43
- return _preview.getStorybook;
44
- }
45
- });
46
- Object.defineProperty(exports, "raw", {
47
- enumerable: true,
48
- get: function () {
49
- return _preview.raw;
50
- }
51
- });
52
- Object.defineProperty(exports, "setAddon", {
53
- enumerable: true,
54
- get: function () {
55
- return _preview.setAddon;
56
- }
57
- });
58
- Object.defineProperty(exports, "storiesOf", {
59
- enumerable: true,
60
- get: function () {
61
- return _preview.storiesOf;
62
- }
63
- });
64
-
65
- var _preview = require("./preview");
66
-
67
- var _types = require("./preview/types-6-0");
68
-
69
- Object.keys(_types).forEach(function (key) {
70
- if (key === "default" || key === "__esModule") return;
71
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
72
- if (key in exports && exports[key] === _types[key]) return;
73
- Object.defineProperty(exports, key, {
74
- enumerable: true,
75
- get: function () {
76
- return _types[key];
77
- }
78
- });
79
- });
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.parameters = void 0;
7
- Object.defineProperty(exports, "renderToDOM", {
8
- enumerable: true,
9
- get: function () {
10
- return _render.renderToDOM;
11
- }
12
- });
13
-
14
- var _render = require("./render");
15
-
16
- const parameters = {
17
- framework: 'preact'
18
- };
19
- exports.parameters = parameters;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _global = _interopRequireDefault(require("global"));
4
-
5
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
6
-
7
- const {
8
- window: globalWindow
9
- } = _global.default;
10
-
11
- if (globalWindow) {
12
- globalWindow.STORYBOOK_ENV = 'preact';
13
- }
@@ -1,42 +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
- 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;
@@ -1,73 +0,0 @@
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
- // @ts-ignore
22
- if (preact.Fragment) {
23
- // Preact 10 only:
24
- preact.render(story, domElement);
25
- } else {
26
- renderedStory = preact.render(story, domElement, renderedStory);
27
- }
28
- }
29
-
30
- const StoryHarness = ({
31
- showError,
32
- name,
33
- title,
34
- storyFn,
35
- domElement
36
- }) => {
37
- const content = preact.h(storyFn, null);
38
-
39
- if (!content) {
40
- showError({
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
- `
46
- });
47
- return null;
48
- }
49
-
50
- return content;
51
- };
52
-
53
- function renderToDOM({
54
- storyFn,
55
- title,
56
- name,
57
- showMain,
58
- showError,
59
- forceRemount
60
- }, domElement) {
61
- if (forceRemount) {
62
- preactRender(null, domElement);
63
- }
64
-
65
- showMain();
66
- preactRender(preact.h(StoryHarness, {
67
- name,
68
- title,
69
- showError,
70
- storyFn,
71
- domElement
72
- }), domElement);
73
- }
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1 +0,0 @@
1
- "use strict";
package/dist/esm/index.js DELETED
@@ -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 const parameters = {
3
- framework: 'preact'
4
- };
@@ -1,8 +0,0 @@
1
- import global from 'global';
2
- const {
3
- window: globalWindow
4
- } = global;
5
-
6
- if (globalWindow) {
7
- globalWindow.STORYBOOK_ENV = 'preact';
8
- }
@@ -1,19 +0,0 @@
1
- /* eslint-disable prefer-destructuring */
2
- import { start } from '@storybook/core-client';
3
- import './globals';
4
- import { renderToDOM } from './render';
5
- const framework = 'preact';
6
- const api = start(renderToDOM);
7
- export const storiesOf = (kind, m) => {
8
- return api.clientApi.storiesOf(kind, m).addParameters({
9
- framework
10
- });
11
- };
12
- export const configure = (...args) => api.configure(framework, ...args);
13
- export const addDecorator = api.clientApi.addDecorator;
14
- export const addParameters = api.clientApi.addParameters;
15
- export const clearDecorators = api.clientApi.clearDecorators;
16
- export const setAddon = api.clientApi.setAddon;
17
- export const forceReRender = api.forceReRender;
18
- export const getStorybook = api.clientApi.getStorybook;
19
- export const raw = api.clientApi.raw;
@@ -1,58 +0,0 @@
1
- import * as preact from 'preact';
2
- import dedent from 'ts-dedent';
3
- let renderedStory;
4
-
5
- function preactRender(story, domElement) {
6
- // @ts-ignore
7
- if (preact.Fragment) {
8
- // Preact 10 only:
9
- preact.render(story, domElement);
10
- } else {
11
- renderedStory = preact.render(story, domElement, renderedStory);
12
- }
13
- }
14
-
15
- const StoryHarness = ({
16
- showError,
17
- name,
18
- title,
19
- storyFn,
20
- domElement
21
- }) => {
22
- const content = preact.h(storyFn, null);
23
-
24
- if (!content) {
25
- showError({
26
- title: `Expecting a Preact element from the story: "${name}" of "${title}".`,
27
- description: dedent`
28
- Did you forget to return the Preact element from the story?
29
- Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
30
- `
31
- });
32
- return null;
33
- }
34
-
35
- return content;
36
- };
37
-
38
- export function renderToDOM({
39
- storyFn,
40
- title,
41
- name,
42
- showMain,
43
- showError,
44
- forceRemount
45
- }, domElement) {
46
- if (forceRemount) {
47
- preactRender(null, domElement);
48
- }
49
-
50
- showMain();
51
- preactRender(preact.h(StoryHarness, {
52
- name,
53
- title,
54
- showError,
55
- storyFn,
56
- domElement
57
- }), domElement);
58
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
File without changes
@@ -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,23 +0,0 @@
1
- /// <reference types="webpack-env" />
2
- import type { ClientStoryApi, Loadable } from '@storybook/addons';
3
- import './globals';
4
- import type { IStorybookSection } from './types';
5
- import type { PreactFramework } from './types-6-0';
6
- export interface ClientApi extends ClientStoryApi<PreactFramework['storyResult']> {
7
- setAddon(addon: any): void;
8
- configure(loader: Loadable, module: NodeModule): void;
9
- getStorybook(): IStorybookSection[];
10
- clearDecorators(): void;
11
- forceReRender(): void;
12
- raw: () => any;
13
- load: (...args: any[]) => void;
14
- }
15
- export declare const storiesOf: ClientApi['storiesOf'];
16
- export declare const configure: ClientApi['configure'];
17
- export declare const addDecorator: ClientApi['addDecorator'];
18
- export declare const addParameters: ClientApi['addParameters'];
19
- export declare const clearDecorators: ClientApi['clearDecorators'];
20
- export declare const setAddon: ClientApi['setAddon'];
21
- export declare const forceReRender: ClientApi['forceReRender'];
22
- export declare const getStorybook: ClientApi['getStorybook'];
23
- 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: Element): void;
@@ -1,35 +0,0 @@
1
- import type { AnyComponent } from 'preact';
2
- import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
3
- import type { StoryFnPreactReturnType } from './types';
4
- export type { 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 type { Args } from '@storybook/csf';
2
- import type { StoryObj } from './types-6-0';
3
- export type { 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 type { RenderContext } from '@storybook/core-client';
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
- }