@storybook/preact 6.5.9 → 7.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -29
- 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 +34 -35
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/dist/cjs/client/index.js +0 -85
- package/dist/cjs/client/preview/config.js +0 -19
- package/dist/cjs/client/preview/globals.js +0 -11
- package/dist/cjs/client/preview/index.js +0 -50
- package/dist/cjs/client/preview/render.js +0 -100
- package/dist/cjs/client/preview/types-6-0.js +0 -5
- package/dist/cjs/client/preview/types-7-0.js +0 -5
- package/dist/cjs/client/preview/types.js +0 -1
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/framework-preset-preact.js +0 -46
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/esm/client/index.js +0 -2
- package/dist/esm/client/preview/config.js +0 -4
- package/dist/esm/client/preview/globals.js +0 -6
- package/dist/esm/client/preview/index.js +0 -27
- package/dist/esm/client/preview/render.js +0 -61
- package/dist/esm/client/preview/types-6-0.js +0 -1
- package/dist/esm/client/preview/types-7-0.js +0 -1
- package/dist/esm/client/preview/types.js +0 -0
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/framework-preset-preact.js +0 -29
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/modern/client/index.js +0 -2
- package/dist/modern/client/preview/config.js +0 -4
- package/dist/modern/client/preview/globals.js +0 -8
- package/dist/modern/client/preview/index.js +0 -19
- package/dist/modern/client/preview/render.js +0 -57
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -0
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/framework-preset-preact.js +0 -29
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/ts3.4/client/index.d.ts +0 -2
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -24
- package/dist/ts3.4/client/preview/render.d.ts +0 -3
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.4/client/preview/types.d.ts +0 -14
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/framework-preset-preact.d.ts +0 -6
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.9/client/index.d.ts +0 -2
- package/dist/ts3.9/client/preview/config.d.ts +0 -4
- package/dist/ts3.9/client/preview/globals.d.ts +0 -1
- package/dist/ts3.9/client/preview/index.d.ts +0 -24
- package/dist/ts3.9/client/preview/render.d.ts +0 -3
- package/dist/ts3.9/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.9/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.9/client/preview/types.d.ts +0 -14
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/framework-preset-preact.d.ts +0 -6
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types-6-0.d.ts +0 -1
- package/types-7-0.d.ts +0 -1
package/README.md
CHANGED
|
@@ -1,29 +1 @@
|
|
|
1
|
-
# Storybook
|
|
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
|
-

|
|
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
|
|
@@ -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,73 +1,69 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/preact",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Storybook
|
|
3
|
+
"version": "7.0.0-alpha.10",
|
|
4
|
+
"description": "Storybook Preact renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
7
7
|
],
|
|
8
|
-
"homepage": "https://github.com/storybookjs/storybook/tree/main/
|
|
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": "
|
|
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
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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"
|
|
30
37
|
}
|
|
31
38
|
},
|
|
32
|
-
"
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"storybook-server": "./bin/index.js"
|
|
36
|
-
},
|
|
39
|
+
"main": "dist/index.js",
|
|
40
|
+
"module": "dist/index.mjs",
|
|
41
|
+
"types": "dist/index.d.ts",
|
|
37
42
|
"files": [
|
|
38
|
-
"bin/**/*",
|
|
39
43
|
"dist/**/*",
|
|
40
44
|
"README.md",
|
|
41
45
|
"*.js",
|
|
42
46
|
"*.d.ts"
|
|
43
47
|
],
|
|
44
48
|
"scripts": {
|
|
45
|
-
"prepare": "
|
|
49
|
+
"prepare": "esrun ../../scripts/prepare/bundle.ts"
|
|
46
50
|
},
|
|
47
51
|
"dependencies": {
|
|
48
|
-
"@
|
|
49
|
-
"@storybook/
|
|
50
|
-
"@storybook/core": "6.5.9",
|
|
51
|
-
"@storybook/core-common": "6.5.9",
|
|
52
|
+
"@storybook/addons": "7.0.0-alpha.10",
|
|
53
|
+
"@storybook/core-client": "7.0.0-alpha.10",
|
|
52
54
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
|
53
|
-
"@storybook/store": "
|
|
54
|
-
"@types/node": "^14.14.20 || ^16.0.0",
|
|
55
|
-
"@types/webpack-env": "^1.16.0",
|
|
55
|
+
"@storybook/store": "7.0.0-alpha.10",
|
|
56
56
|
"core-js": "^3.8.2",
|
|
57
57
|
"global": "^4.4.0",
|
|
58
58
|
"react": "16.14.0",
|
|
59
59
|
"react-dom": "16.14.0",
|
|
60
|
-
"
|
|
61
|
-
"regenerator-runtime": "^0.13.7",
|
|
62
|
-
"ts-dedent": "^2.0.0",
|
|
63
|
-
"webpack": ">=4.0.0 <6.0.0"
|
|
60
|
+
"ts-dedent": "^2.0.0"
|
|
64
61
|
},
|
|
65
62
|
"devDependencies": {
|
|
66
|
-
"
|
|
67
|
-
"
|
|
63
|
+
"@digitak/esrun": "^3.2.2",
|
|
64
|
+
"preact": "^10.5.13"
|
|
68
65
|
},
|
|
69
66
|
"peerDependencies": {
|
|
70
|
-
"@babel/core": "*",
|
|
71
67
|
"preact": "^8.0.0||^10.0.0"
|
|
72
68
|
},
|
|
73
69
|
"engines": {
|
|
@@ -76,6 +72,9 @@
|
|
|
76
72
|
"publishConfig": {
|
|
77
73
|
"access": "public"
|
|
78
74
|
},
|
|
79
|
-
"
|
|
80
|
-
|
|
75
|
+
"bundlerEntrypoint": [
|
|
76
|
+
"./src/index.ts",
|
|
77
|
+
"./src/config.ts"
|
|
78
|
+
],
|
|
79
|
+
"gitHead": "b13dd8fb52819d73d4983148af8ffc5d683e8b75"
|
|
81
80
|
}
|
package/preview.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dist/config';
|
package/bin/build.js
DELETED
package/bin/index.js
DELETED
package/dist/cjs/client/index.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: true
|
|
11
|
-
});
|
|
12
|
-
var _exportNames = {
|
|
13
|
-
storiesOf: true,
|
|
14
|
-
setAddon: true,
|
|
15
|
-
addDecorator: true,
|
|
16
|
-
addParameters: true,
|
|
17
|
-
configure: true,
|
|
18
|
-
getStorybook: true,
|
|
19
|
-
forceReRender: true,
|
|
20
|
-
raw: true
|
|
21
|
-
};
|
|
22
|
-
Object.defineProperty(exports, "addDecorator", {
|
|
23
|
-
enumerable: true,
|
|
24
|
-
get: function get() {
|
|
25
|
-
return _preview.addDecorator;
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(exports, "addParameters", {
|
|
29
|
-
enumerable: true,
|
|
30
|
-
get: function get() {
|
|
31
|
-
return _preview.addParameters;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
Object.defineProperty(exports, "configure", {
|
|
35
|
-
enumerable: true,
|
|
36
|
-
get: function get() {
|
|
37
|
-
return _preview.configure;
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
Object.defineProperty(exports, "forceReRender", {
|
|
41
|
-
enumerable: true,
|
|
42
|
-
get: function get() {
|
|
43
|
-
return _preview.forceReRender;
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
Object.defineProperty(exports, "getStorybook", {
|
|
47
|
-
enumerable: true,
|
|
48
|
-
get: function get() {
|
|
49
|
-
return _preview.getStorybook;
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
Object.defineProperty(exports, "raw", {
|
|
53
|
-
enumerable: true,
|
|
54
|
-
get: function get() {
|
|
55
|
-
return _preview.raw;
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
Object.defineProperty(exports, "setAddon", {
|
|
59
|
-
enumerable: true,
|
|
60
|
-
get: function get() {
|
|
61
|
-
return _preview.setAddon;
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
Object.defineProperty(exports, "storiesOf", {
|
|
65
|
-
enumerable: true,
|
|
66
|
-
get: function get() {
|
|
67
|
-
return _preview.storiesOf;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
var _preview = require("./preview");
|
|
72
|
-
|
|
73
|
-
var _types = require("./preview/types-6-0");
|
|
74
|
-
|
|
75
|
-
Object.keys(_types).forEach(function (key) {
|
|
76
|
-
if (key === "default" || key === "__esModule") return;
|
|
77
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
78
|
-
if (key in exports && exports[key] === _types[key]) return;
|
|
79
|
-
Object.defineProperty(exports, key, {
|
|
80
|
-
enumerable: true,
|
|
81
|
-
get: function get() {
|
|
82
|
-
return _types[key];
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
});
|
|
@@ -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 get() {
|
|
10
|
-
return _render.renderToDOM;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
var _render = require("./render");
|
|
15
|
-
|
|
16
|
-
var parameters = {
|
|
17
|
-
framework: 'preact'
|
|
18
|
-
};
|
|
19
|
-
exports.parameters = parameters;
|
|
@@ -1,11 +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
|
-
var globalWindow = _global.default.window;
|
|
8
|
-
|
|
9
|
-
if (globalWindow) {
|
|
10
|
-
globalWindow.STORYBOOK_ENV = 'preact';
|
|
11
|
-
}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
"use strict";
|
package/dist/cjs/server/build.js
DELETED
|
@@ -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;
|
package/dist/cjs/server/index.js
DELETED
|
@@ -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;
|
package/dist/esm/client/index.js
DELETED