@storybook/preact 7.0.0-alpha.47 → 7.0.0-alpha.49

package/dist/{chunk-VVPUC5MQ.mjs → chunk-SIW3OLET.mjs}

@@ -1,4 +1,4 @@
-import*as e from"preact";import{dedent as i}from"ts-dedent";var{h:y}=e,u=(r,t)=>{let{id:o,component:n}=t;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return y(n,{...r})},m;function p(r,t){e.Fragment?e.render(r,t):m=e.render(r,t,m)}var l=({showError:r,name:t,title:o,storyFn:n,domElement:c})=>{let a=e.h(n,null);return a||(r({title:`Expecting a Preact element from the story: "${t}" of "${o}".`,description:i`
+import*as e from"preact";import{dedent as i}from"ts-dedent";var{h:y}=e,f=(r,t)=>{let{id:o,component:n}=t;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return y(n,{...r})},m;function p(r,t){e.Fragment?e.render(r,t):m=e.render(r,t,m)}var l=({showError:r,name:t,title:o,storyFn:n,canvasElement:c})=>{let a=e.h(n,null);return a||(r({title:`Expecting a Preact element from the story: "${t}" of "${o}".`,description:i`
         Did you forget to return the Preact element from the story?
         Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
-      `}),null)};function h({storyFn:r,title:t,name:o,showMain:n,showError:c,forceRemount:a},s){a&&p(null,s),n(),p(e.h(l,{name:o,title:t,showError:c,storyFn:r,domElement:s}),s)}export{u as a,h as b};
+      `}),null)};function u({storyFn:r,title:t,name:o,showMain:n,showError:c,forceRemount:a},s){a&&p(null,s),n(),p(e.h(l,{name:o,title:t,showError:c,storyFn:r,canvasElement:s}),s)}export{f as a,u as b};

package/dist/config.d.ts

@@ -1,12 +1,15 @@
 import { ArgsStoryFn, Store_RenderContext } from '@storybook/types';
-import { P as PreactFramework } from './types-71aa9145.js';
+import { P as PreactFramework } from './types-9c757540.js';
 import 'preact';
 
 declare const render: ArgsStoryFn<PreactFramework>;
-declare function renderToDOM({ storyFn, title, name, showMain, showError, forceRemount }: Store_RenderContext<PreactFramework>, domElement: Element): void;
+declare function renderToCanvas({ storyFn, title, name, showMain, showError, forceRemount }: Store_RenderContext<PreactFramework>, canvasElement: PreactFramework['canvasElement']): void;
 
 declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+    };
     framework: "preact";
 };
 
-export { parameters, render, renderToDOM };
+export { parameters, render, renderToCanvas };

package/dist/config.js

@@ -1,4 +1,4 @@
-"use strict";var u=Object.create;var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},m=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of w(r))!g.call(e,a)&&a!==t&&p(e,a,{get:()=>r[a],enumerable:!(n=h(r,a))||n.enumerable});return e};var S=(e,r,t)=>(t=e!=null?u(F(e)):{},m(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>m(p({},"__esModule",{value:!0}),e);var R={};x(R,{parameters:()=>C,render:()=>d,renderToDOM:()=>f});module.exports=E(R);var o=S(require("preact")),l=require("ts-dedent"),{h:P}=o,d=(e,r)=>{let{id:t,component:n}=r;if(!n)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return P(n,{...e})},i;function y(e,r){o.Fragment?o.render(e,r):i=o.render(e,r,i)}var k=({showError:e,name:r,title:t,storyFn:n,domElement:a})=>{let s=o.h(n,null);return s||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:l.dedent`
+"use strict";var w=Object.create;var m=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var S=(e,r)=>{for(var t in r)m(e,t,{get:r[t],enumerable:!0})},p=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of h(r))!x.call(e,a)&&a!==t&&m(e,a,{get:()=>r[a],enumerable:!(o=F(r,a))||o.enumerable});return e};var g=(e,r,t)=>(t=e!=null?w(P(e)):{},p(r||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),k=e=>p(m({},"__esModule",{value:!0}),e);var v={};S(v,{parameters:()=>R,render:()=>f,renderToCanvas:()=>u});module.exports=k(v);var i={docs:{inlineStories:!0}};var n=g(require("preact")),y=require("ts-dedent"),{h:C}=n,f=(e,r)=>{let{id:t,component:o}=r;if(!o)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return C(o,{...e})},d;function l(e,r){n.Fragment?n.render(e,r):d=n.render(e,r,d)}var E=({showError:e,name:r,title:t,storyFn:o,canvasElement:a})=>{let s=n.h(o,null);return s||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:y.dedent`
         Did you forget to return the Preact element from the story?
         Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
-      `}),null)};function f({storyFn:e,title:r,name:t,showMain:n,showError:a,forceRemount:s},c){s&&y(null,c),n(),y(o.h(k,{name:t,title:r,showError:a,storyFn:e,domElement:c}),c)}var C={framework:"preact"};0&&(module.exports={parameters,render,renderToDOM});
+      `}),null)};function u({storyFn:e,title:r,name:t,showMain:o,showError:a,forceRemount:s},c){s&&l(null,c),o(),l(n.h(E,{name:t,title:r,showError:a,storyFn:e,canvasElement:c}),c)}var R={framework:"preact",...i};0&&(module.exports={parameters,render,renderToCanvas});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as r,b as e}from"./chunk-VVPUC5MQ.mjs";var t={framework:"preact"};export{t as parameters,r as render,e as renderToDOM};
+import{a as e,b as a}from"./chunk-SIW3OLET.mjs";var r={docs:{inlineStories:!0}};var t={framework:"preact",...r};export{t as parameters,e as render,a as renderToCanvas};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/types';
 export { ArgTypes, Args, Parameters, StoryContext } from '@storybook/types';
-import { P as PreactFramework } from './types-71aa9145.js';
+import { P as PreactFramework } from './types-9c757540.js';
 import 'preact';
 
 interface ClientApi extends Addon_ClientStoryApi<PreactFramework['storyResult']> {

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var C=Object.create;var p=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},d=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of h(r))!P.call(e,n)&&n!==t&&p(e,n,{get:()=>r[n],enumerable:!(i=F(r,n))||i.enumerable});return e};var m=(e,r,t)=>(t=e!=null?C(S(e)):{},d(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>d(p({},"__esModule",{value:!0}),e);var v={};k(v,{configure:()=>b,forceReRender:()=>M,raw:()=>T,storiesOf:()=>_});module.exports=E(v);var f=m(require("global")),{window:l}=f.default;l&&(l.STORYBOOK_ENV="preact");var A=require("@storybook/core-client");var o=m(require("preact")),w=require("ts-dedent"),{h:$}=o;var y;function u(e,r){o.Fragment?o.render(e,r):y=o.render(e,r,y)}var O=({showError:e,name:r,title:t,storyFn:i,domElement:n})=>{let a=o.h(i,null);return a||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:w.dedent`
+"use strict";var F=Object.create;var p=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var S=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},m=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of h(r))!k.call(e,n)&&n!==t&&p(e,n,{get:()=>r[n],enumerable:!(a=x(r,n))||a.enumerable});return e};var d=(e,r,t)=>(t=e!=null?F(P(e)):{},m(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),E=e=>m(p({},"__esModule",{value:!0}),e);var M={};S(M,{configure:()=>b,forceReRender:()=>v,raw:()=>T,storiesOf:()=>_});module.exports=E(M);var f=d(require("global")),{window:l}=f.default;l&&(l.STORYBOOK_ENV="preact");var A=require("@storybook/core-client");var o=d(require("preact")),w=require("ts-dedent"),{h:K}=o;var y;function u(e,r){o.Fragment?o.render(e,r):y=o.render(e,r,y)}var O=({showError:e,name:r,title:t,storyFn:a,canvasElement:n})=>{let i=o.h(a,null);return i||(e({title:`Expecting a Preact element from the story: "${r}" of "${t}".`,description:w.dedent`
         Did you forget to return the Preact element from the story?
         Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
-      `}),null)};function R({storyFn:e,title:r,name:t,showMain:i,showError:n,forceRemount:a},c){a&&u(null,c),i(),u(o.h(O,{name:t,title:r,showError:n,storyFn:e,domElement:c}),c)}var g="preact",s=(0,A.start)(R),_=(e,r)=>s.clientApi.storiesOf(e,r).addParameters({framework:g}),b=(...e)=>s.configure(g,...e),M=s.forceReRender,T=s.clientApi.raw;var x;(x=module==null?void 0:module.hot)==null||x.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});
+      `}),null)};function R({storyFn:e,title:r,name:t,showMain:a,showError:n,forceRemount:i},c){i&&u(null,c),a(),u(o.h(O,{name:t,title:r,showError:n,storyFn:e,canvasElement:c}),c)}var C="preact",s=(0,A.start)(R),_=(e,r)=>s.clientApi.storiesOf(e,r).addParameters({framework:C}),b=(...e)=>s.configure(C,...e),v=s.forceReRender,T=s.clientApi.raw;var g;(g=module==null?void 0:module.hot)==null||g.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{b as t}from"./chunk-VVPUC5MQ.mjs";import i from"global";var{window:n}=i;n&&(n.STORYBOOK_ENV="preact");import{start as a}from"@storybook/core-client";var p="preact",r=a(t),m=(o,s)=>r.clientApi.storiesOf(o,s).addParameters({framework:p}),c=(...o)=>r.configure(p,...o),f=r.forceReRender,l=r.clientApi.raw;module?.hot?.decline();export{c as configure,f as forceReRender,l as raw,m as storiesOf};
+import{b as r}from"./chunk-SIW3OLET.mjs";import a from"global";var{window:t}=a;t&&(t.STORYBOOK_ENV="preact");import{start as p}from"@storybook/core-client";var i="preact",e=p(r),l=(o,n)=>e.clientApi.storiesOf(o,n).addParameters({framework:i}),f=(...o)=>e.configure(i,...o),m=e.forceReRender,A=e.clientApi.raw;module?.hot?.decline();export{f as configure,m as forceReRender,A as raw,l as storiesOf};

package/dist/{types-71aa9145.d.ts → types-9c757540.d.ts}

@@ -1,9 +1,10 @@
+import { WebFramework } from '@storybook/types';
 import { AnyComponent } from 'preact';
 
 declare type StoryFnPreactReturnType = string | Node | preact.JSX.Element;
-declare type PreactFramework = {
+interface PreactFramework extends WebFramework {
     component: AnyComponent<any, any>;
     storyResult: StoryFnPreactReturnType;
-};
+}
 
 export { PreactFramework as P };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "7.0.0-alpha.47",
+  "version": "7.0.0-alpha.49",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -51,10 +51,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/core-client": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
+    "@storybook/addons": "7.0.0-alpha.49",
+    "@storybook/core-client": "7.0.0-alpha.49",
+    "@storybook/store": "7.0.0-alpha.49",
+    "@storybook/types": "7.0.0-alpha.49",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
+  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
 }

package/template/cli/Button.stories.jsx

@@ -4,6 +4,8 @@ import { Button } from './Button';
 export default {
   title: 'Example/Button',
   component: Button,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/preact/writing-docs/docs-page
+  tags: ['docsPage'],
   // More on argTypes: https://storybook.js.org/docs/preact/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },

package/template/cli/Header.stories.jsx

@@ -3,6 +3,8 @@ import { Header } from './Header';
 export default {
   title: 'Example/Header',
   component: Header,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/preact/writing-docs/docs-page
+  tags: ['docsPage'],
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/preact/configure/story-layout
     layout: 'fullscreen',