@storybook/preact 7.0.0-alpha.4 → 7.0.0-alpha.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/chunk-G45LXJLH.mjs +4 -0
- package/dist/config.d.ts +11 -0
- package/dist/config.js +4 -0
- package/dist/config.mjs +1 -0
- package/dist/index.d.ts +51 -0
- package/dist/index.js +4 -0
- package/dist/index.mjs +1 -0
- package/dist/types-ed8e97dc.d.ts +17 -0
- package/package.json +31 -9
- package/preview.js +1 -1
- package/dist/cjs/index.js +0 -79
- package/dist/cjs/preview/config.js +0 -19
- package/dist/cjs/preview/globals.js +0 -13
- package/dist/cjs/preview/index.js +0 -42
- package/dist/cjs/preview/render.js +0 -73
- package/dist/cjs/preview/types-6-0.js +0 -5
- package/dist/cjs/preview/types-7-0.js +0 -5
- package/dist/cjs/preview/types.js +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/preview/config.js +0 -4
- package/dist/esm/preview/globals.js +0 -8
- package/dist/esm/preview/index.js +0 -19
- package/dist/esm/preview/render.js +0 -58
- package/dist/esm/preview/types-6-0.js +0 -1
- package/dist/esm/preview/types-7-0.js +0 -1
- package/dist/esm/preview/types.js +0 -0
- package/dist/types/index.d.ts +0 -2
- package/dist/types/preview/config.d.ts +0 -4
- package/dist/types/preview/globals.d.ts +0 -1
- package/dist/types/preview/index.d.ts +0 -23
- package/dist/types/preview/render.d.ts +0 -3
- package/dist/types/preview/types-6-0.d.ts +0 -35
- package/dist/types/preview/types-7-0.d.ts +0 -9
- package/dist/types/preview/types.d.ts +0 -14
@@ -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};
|
package/dist/config.d.ts
ADDED
@@ -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});
|
package/dist/config.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
import{b as r}from"./chunk-G45LXJLH.mjs";var t={framework:"preact"};export{t as parameters,r as renderToDOM};
|
package/dist/index.d.ts
ADDED
@@ -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.
|
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
|
-
"
|
23
|
-
|
24
|
-
|
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": "
|
49
|
+
"prepare": "esrun ../../scripts/prepare/bundle.ts"
|
33
50
|
},
|
34
51
|
"dependencies": {
|
35
|
-
"@storybook/addons": "7.0.0-alpha.
|
36
|
-
"@storybook/core-client": "7.0.0-alpha.
|
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.
|
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
|
-
"
|
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/
|
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 +0,0 @@
|
|
1
|
-
"use strict";
|
package/dist/esm/index.js
DELETED
@@ -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
|
package/dist/types/index.d.ts
DELETED
@@ -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,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
|
-
}
|