@storybook/preact 7.1.0-alpha.0 → 7.1.0-alpha.10
Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
1
|
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{configure:()=>configure,forceReRender:()=>forceReRender,raw:()=>raw,storiesOf:()=>storiesOf});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");var import_preview_api=require("@storybook/preview-api");var preact=__toESM(require("preact")),import_ts_dedent=require("ts-dedent"),{h:h2}=preact;var renderedStory;function preactRender(story,canvasElement){preact.Fragment?preact.render(story,canvasElement):renderedStory=preact.render(story,canvasElement,renderedStory)}var StoryHarness=({showError,name,title,storyFn,canvasElement})=>{let content=preact.h(storyFn,null);return content||(showError({title:`Expecting a Preact element from the story: "${name}" of "${title}".`,description:import_ts_dedent.dedent`
|
2
2
|
Did you forget to return the Preact element from the story?
|
3
3
|
Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
|
4
|
-
`}),null)};function renderToCanvas({storyFn,title,name,showMain,showError,forceRemount},canvasElement){forceRemount&&preactRender(null,canvasElement),showMain(),preactRender(preact.h(StoryHarness,{name,title,showError,storyFn,canvasElement}),canvasElement)}var RENDERER="preact",api=(0,import_preview_api.start)(renderToCanvas),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;var _a;(_a=module==null?void 0:module.hot)==null||_a.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});
|
4
|
+
`}),null)};function renderToCanvas({storyFn,title,name,showMain,showError,forceRemount},canvasElement){forceRemount&&preactRender(null,canvasElement),showMain(),preactRender(preact.h(StoryHarness,{name,title,showError,storyFn,canvasElement}),canvasElement)}var RENDERER="preact",api=(0,import_preview_api.start)(renderToCanvas),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;var _a;typeof module<"u"&&((_a=module==null?void 0:module.hot)==null||_a.decline());0&&(module.exports={configure,forceReRender,raw,storiesOf});
|
package/dist/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
import{renderToCanvas}from"./chunk-OHNM7E4P.mjs";import{global}from"@storybook/global";var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");import{start}from"@storybook/preview-api";var RENDERER="preact",api=start(renderToCanvas),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;module?.hot?.decline();export{configure,forceReRender,raw,storiesOf};
|
1
|
+
import{renderToCanvas}from"./chunk-OHNM7E4P.mjs";import{global}from"@storybook/global";var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");import{start}from"@storybook/preview-api";var RENDERER="preact",api=start(renderToCanvas),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:RENDERER}),configure=(...args)=>api.configure(RENDERER,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;typeof module<"u"&&module?.hot?.decline();export{configure,forceReRender,raw,storiesOf};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/preact",
|
3
|
-
"version": "7.1.0-alpha.
|
3
|
+
"version": "7.1.0-alpha.10",
|
4
4
|
"description": "Storybook Preact renderer",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -48,10 +48,10 @@
|
|
48
48
|
"prep": "../../../scripts/prepare/bundle.ts"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@storybook/core-client": "7.1.0-alpha.
|
51
|
+
"@storybook/core-client": "7.1.0-alpha.10",
|
52
52
|
"@storybook/global": "^5.0.0",
|
53
|
-
"@storybook/preview-api": "7.1.0-alpha.
|
54
|
-
"@storybook/types": "7.1.0-alpha.
|
53
|
+
"@storybook/preview-api": "7.1.0-alpha.10",
|
54
|
+
"@storybook/types": "7.1.0-alpha.10",
|
55
55
|
"ts-dedent": "^2.0.0"
|
56
56
|
},
|
57
57
|
"devDependencies": {
|
@@ -74,5 +74,5 @@
|
|
74
74
|
],
|
75
75
|
"platform": "browser"
|
76
76
|
},
|
77
|
-
"gitHead": "
|
77
|
+
"gitHead": "e7c833e690dd0d2966ffb7fb806a3bda89a508c8"
|
78
78
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Button } from './Button';
|
2
2
|
|
3
|
-
// More on how to set up stories at: https://storybook.js.org/docs/
|
3
|
+
// More on how to set up stories at: https://storybook.js.org/docs/preact/writing-stories/introduction
|
4
4
|
export default {
|
5
5
|
title: 'Example/Button',
|
6
6
|
component: Button,
|
@@ -11,7 +11,7 @@ export default {
|
|
11
11
|
},
|
12
12
|
};
|
13
13
|
|
14
|
-
// More on writing stories with args: https://storybook.js.org/docs/
|
14
|
+
// More on writing stories with args: https://storybook.js.org/docs/preact/writing-stories/args
|
15
15
|
export const Primary = {
|
16
16
|
args: {
|
17
17
|
primary: true,
|
@@ -3,10 +3,10 @@ import { Header } from './Header';
|
|
3
3
|
export default {
|
4
4
|
title: 'Example/Header',
|
5
5
|
component: Header,
|
6
|
-
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/
|
6
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/preact/writing-docs/autodocs
|
7
7
|
tags: ['autodocs'],
|
8
8
|
parameters: {
|
9
|
-
// More on how to position stories at: https://storybook.js.org/docs/
|
9
|
+
// More on how to position stories at: https://storybook.js.org/docs/preact/configure/story-layout
|
10
10
|
layout: 'fullscreen',
|
11
11
|
},
|
12
12
|
argTypes: {
|
@@ -6,14 +6,14 @@ export default {
|
|
6
6
|
title: 'Example/Page',
|
7
7
|
component: Page,
|
8
8
|
parameters: {
|
9
|
-
// More on how to position stories at: https://storybook.js.org/docs/
|
9
|
+
// More on how to position stories at: https://storybook.js.org/docs/preact/configure/story-layout
|
10
10
|
layout: 'fullscreen',
|
11
11
|
},
|
12
12
|
};
|
13
13
|
|
14
14
|
export const LoggedOut = {};
|
15
15
|
|
16
|
-
// More on interaction testing: https://storybook.js.org/docs/
|
16
|
+
// More on interaction testing: https://storybook.js.org/docs/preact/writing-tests/interaction-testing
|
17
17
|
export const LoggedIn = {
|
18
18
|
play: async ({ canvasElement }) => {
|
19
19
|
const canvas = within(canvasElement);
|