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

package/dist/chunk-FOJXQP7G.mjs

@@ -0,0 +1,4 @@
+import{h as F}from"vue";import{sanitizeStoryContextUpdate as d}from"@storybook/store";function l(e){return typeof e=="function"?{render:e,name:e.name}:e}function s(e,t){let o=e;return o==null?null:t?{...l(o),components:{...o.components||{},story:t}}:{render(){return F(o)}}}function S(e,t){return t.reduce((o,m)=>p=>{let r,n=m(u=>(r=o({...p,...d(u)}),r),p);return r||(r=o(p)),n===r?r:s(n,r)},o=>s(e(o)))}import{dedent as w}from"ts-dedent";import{createApp as k,h as c}from"vue";var R=(e,t)=>{let{id:o,component:m}=t;if(!m)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return c(m,e)},i=e=>{},A=e=>{i=e},a=new Map;function L({title:e,name:t,storyFn:o,showMain:m,showError:p,showException:r},n){let u,y=k({unmounted(){a.delete(n)},render(){return a.set(n,y),i(y),c(u)}});if(y.config.errorHandler=f=>r(f),u=o(),!u){p({title:`Expecting a Vue component from the story: "${t}" of "${e}".`,description:w`
+      Did you forget to return the Vue component from the story?
+      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
+      `});return}m(),a.get(n)?.unmount(),y.mount(n)}export{S as a,R as b,A as c,L as d};

package/dist/config.d.ts

@@ -1,11 +1,11 @@
 import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
 import * as lib_types_dist from 'lib/types/dist';
-import { V as VueFramework } from './render-34473438.js';
-export { r as render, a as renderToDOM } from './render-34473438.js';
+import { V as VueFramework } from './render-da0f65a2.js';
+export { r as render, a as renderToCanvas } from './render-da0f65a2.js';
 import { LegacyStoryFn, DecoratorFunction } from '@storybook/types';
 import 'vue';
 
-declare const argTypesEnhancers: (<TFramework extends lib_types_dist.AnyFramework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
+declare const argTypesEnhancers: (<TFramework extends lib_types_dist.Framework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
 
 declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;
 

package/dist/config.js

@@ -1,4 +1,4 @@
-"use strict";var l=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var v=(e,o)=>{for(var r in o)l(e,r,{get:o[r],enumerable:!0})},O=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!D.call(e,t)&&t!==r&&l(e,t,{get:()=>o[t],enumerable:!(p=R(o,t))||p.enumerable});return e};var L=e=>O(l({},"__esModule",{value:!0}),e);var P={};v(P,{applyDecorators:()=>T,argTypesEnhancers:()=>x,parameters:()=>z,render:()=>S,renderToDOM:()=>k});module.exports=L(P);var i=require("@storybook/docs-tools");var u=require("@storybook/docs-tools"),M=["props","events","slots","methods"],F=e=>{if(!(0,u.hasDocgen)(e))return null;let o={};return M.forEach(r=>{(0,u.extractComponentProps)(e,r).forEach(({propDef:t,docgenInfo:n,jsDocTags:s})=>{let{name:m,type:a,description:c,defaultValue:f,required:A}=t,E=r==="props"?(0,u.convert)(n):{name:"void"};o[m]={name:m,description:c,type:{required:A,...E},table:{type:a,jsDocTags:s,defaultValue:f,category:r}}})}),o};var g={docs:{inlineStories:!0,extractArgTypes:F,extractComponentDescription:i.extractComponentDescription}},x=[i.enhanceArgTypes];var C=require("ts-dedent"),y=require("vue"),S=(e,o)=>{let{id:r,component:p}=o;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,y.h)(p,e)},U=e=>{};var d=new Map;function k({title:e,name:o,storyFn:r,showMain:p,showError:t,showException:n},s){var c;let m,a=(0,y.createApp)({unmounted(){d.delete(s)},render(){return d.set(s,a),U(a),(0,y.h)(m)}});if(a.config.errorHandler=f=>n(f),m=r(),!m){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:C.dedent`
+"use strict";var d=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var r in o)d(e,r,{get:o[r],enumerable:!0})},L=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!v.call(e,t)&&t!==r&&d(e,t,{get:()=>o[t],enumerable:!(p=R(o,t))||p.enumerable});return e};var O=e=>L(d({},"__esModule",{value:!0}),e);var P={};D(P,{applyDecorators:()=>T,argTypesEnhancers:()=>C,parameters:()=>M,render:()=>w,renderToCanvas:()=>x});module.exports=O(P);var i=require("@storybook/docs-tools");var u=require("@storybook/docs-tools"),U=["props","events","slots","methods"],F=e=>{if(!(0,u.hasDocgen)(e))return null;let o={};return U.forEach(r=>{(0,u.extractComponentProps)(e,r).forEach(({propDef:t,docgenInfo:n,jsDocTags:m})=>{let{name:s,type:a,description:c,defaultValue:f,required:A}=t,E=r==="props"?(0,u.convert)(n):{name:"void"};o[s]={name:s,description:c,type:{required:A,...E},table:{type:a,jsDocTags:m,defaultValue:f,category:r}}})}),o};var g={docs:{inlineStories:!0,extractArgTypes:F,extractComponentDescription:i.extractComponentDescription}},C=[i.enhanceArgTypes];var k=require("ts-dedent"),y=require("vue"),w=(e,o)=>{let{id:r,component:p}=o;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,y.h)(p,e)},$=e=>{};var l=new Map;function x({title:e,name:o,storyFn:r,showMain:p,showError:t,showException:n},m){var c;let s,a=(0,y.createApp)({unmounted(){l.delete(m)},render(){return l.set(m,a),$(a),(0,y.h)(s)}});if(a.config.errorHandler=f=>n(f),s=r(),!s){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:k.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}p(),(c=d.get(s))==null||c.unmount(),a.mount(s)}var V=require("vue"),h=require("@storybook/store");function $(e){return typeof e=="function"?{render:e,name:e.name}:e}function w(e,o){let r=e;return r==null?null:o?{...$(r),components:{...r.components||{},story:o}}:{render(){return(0,V.h)(r)}}}function T(e,o){return o.reduce((r,p)=>t=>{let n,s=p(m=>(n=r({...t,...(0,h.sanitizeStoryContextUpdate)(m)}),n),t);return n||(n=r(t)),s===n?n:w(s,n)},r=>w(e(r)))}var z={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToDOM});
+      `});return}p(),(c=l.get(m))==null||c.unmount(),a.mount(m)}var V=require("vue"),h=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function S(e,o){let r=e;return r==null?null:o?{...z(r),components:{...r.components||{},story:o}}:{render(){return(0,V.h)(r)}}}function T(e,o){return o.reduce((r,p)=>t=>{let n,m=p(s=>(n=r({...t,...(0,h.sanitizeStoryContextUpdate)(s)}),n),t);return n||(n=r(t)),m===n?n:S(m,n)},r=>S(e(r)))}var M={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as u,b as x,d as T}from"./chunk-K34XRZNP.mjs";import{extractComponentDescription as S,enhanceArgTypes as b}from"@storybook/docs-tools";import{hasDocgen as g,extractComponentProps as h,convert as A}from"@storybook/docs-tools";var E=["props","events","slots","methods"],p=e=>{if(!g(e))return null;let t={};return E.forEach(r=>{h(e,r).forEach(({propDef:c,docgenInfo:n,jsDocTags:m})=>{let{name:o,type:y,description:f,defaultValue:i,required:d}=c,l=r==="props"?A(n):{name:"void"};t[o]={name:o,description:f,type:{required:d,...l},table:{type:y,jsDocTags:m,defaultValue:i,category:r}}})}),t};var a={docs:{inlineStories:!0,extractArgTypes:p,extractComponentDescription:S}},v=[b];var w={framework:"vue3",...a};export{u as applyDecorators,v as argTypesEnhancers,w as parameters,x as render,T as renderToDOM};
+import{a as l,b as u,d as x}from"./chunk-FOJXQP7G.mjs";import{extractComponentDescription as E,enhanceArgTypes as S}from"@storybook/docs-tools";import{hasDocgen as T,extractComponentProps as g,convert as h}from"@storybook/docs-tools";var A=["props","events","slots","methods"],s=e=>{if(!T(e))return null;let t={};return A.forEach(r=>{g(e,r).forEach(({propDef:a,docgenInfo:n,jsDocTags:c})=>{let{name:o,type:m,description:y,defaultValue:f,required:i}=a,d=r==="props"?h(n):{name:"void"};t[o]={name:o,description:y,type:{required:i,...d},table:{type:m,jsDocTags:c,defaultValue:f,category:r}}})}),t};var p={docs:{inlineStories:!0,extractArgTypes:s,extractComponentDescription:E}},v=[S];var w={framework:"vue3",...p};export{l as applyDecorators,v as argTypesEnhancers,w as parameters,u as render,x as renderToCanvas};

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _storybook_types from '@storybook/types';
 import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, DecoratorFunction } from '@storybook/types';
 import { App, ComponentOptions, FunctionalComponent, ConcreteComponent } from 'vue';
-import { V as VueFramework } from './render-34473438.js';
-export { s as setup } from './render-34473438.js';
+import { V as VueFramework } from './render-da0f65a2.js';
+export { s as setup } from './render-da0f65a2.js';
 import { Simplify, SetOptional } from 'type-fest';
 
 interface ClientApi extends Addon_ClientStoryApi<VueFramework['storyResult']> {

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var v=Object.create;var s=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},d=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of T(o))!M.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(n=L(o,t))||n.enumerable});return e};var E=(e,o,r)=>(r=e!=null?v(_(e)):{},d(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),U=e=>d(s({},"__esModule",{value:!0}),e);var H={};D(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>S,storiesOf:()=>K});module.exports=U(H);var l=E(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var x=require("@storybook/core-client");var w=require("vue"),C=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function F(e,o){let r=e;return r==null?null:o?{...z(r),components:{...r.components||{},story:o}}:{render(){return(0,w.h)(r)}}}function k(e,o){return o.reduce((r,n)=>t=>{let p,m=n(i=>(p=r({...t,...(0,C.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=r(t)),m===p?p:F(m,p)},r=>F(e(r)))}var V=require("ts-dedent"),u=require("vue"),g=(e,o)=>{let{id:r,component:n}=o;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,u.h)(n,e)},A=e=>{},S=e=>{A=e},c=new Map;function R({title:e,name:o,storyFn:r,showMain:n,showError:t,showException:p},m){var f;let i,a=(0,u.createApp)({unmounted(){c.delete(m)},render(){return c.set(m,a),A(a),(0,u.h)(i)}});if(a.config.errorHandler=b=>p(b),i=r(),!i){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:V.dedent`
+"use strict";var v=Object.create;var s=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var M=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},f=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of T(o))!E.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(n=L(o,t))||n.enumerable});return e};var D=(e,o,r)=>(r=e!=null?v(_(e)):{},f(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),U=e=>f(s({},"__esModule",{value:!0}),e);var H={};M(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>S,storiesOf:()=>K});module.exports=U(H);var l=D(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var x=require("@storybook/core-client");var w=require("vue"),C=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function F(e,o){let r=e;return r==null?null:o?{...z(r),components:{...r.components||{},story:o}}:{render(){return(0,w.h)(r)}}}function k(e,o){return o.reduce((r,n)=>t=>{let p,m=n(i=>(p=r({...t,...(0,C.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=r(t)),m===p?p:F(m,p)},r=>F(e(r)))}var V=require("ts-dedent"),u=require("vue"),g=(e,o)=>{let{id:r,component:n}=o;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,u.h)(n,e)},A=e=>{},S=e=>{A=e},c=new Map;function R({title:e,name:o,storyFn:r,showMain:n,showError:t,showException:p},m){var d;let i,a=(0,u.createApp)({unmounted(){c.delete(m)},render(){return c.set(m,a),A(a),(0,u.h)(i)}});if(a.config.errorHandler=b=>p(b),i=r(),!i){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:V.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}n(),(f=c.get(m))==null||f.unmount(),a.mount(m)}var O="vue3",y=(0,x.start)(R,{decorateStory:k,render:g}),K=(e,o)=>y.clientApi.storiesOf(e,o).addParameters({framework:O}),N=(...e)=>y.configure(O,...e),{forceReRender:W}=y,{raw:B}=y.clientApi;var h;(h=module==null?void 0:module.hot)==null||h.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});
+      `});return}n(),(d=c.get(m))==null||d.unmount(),a.mount(m)}var h="vue3",y=(0,x.start)(R,{decorateStory:k,render:g}),K=(e,o)=>y.clientApi.storiesOf(e,o).addParameters({framework:h}),N=(...e)=>y.configure(h,...e),{forceReRender:W}=y,{raw:B}=y.clientApi;var O;(O=module==null?void 0:module.hot)==null||O.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as t,b as n,c as i,d as p}from"./chunk-K34XRZNP.mjs";import a from"global";var{window:A}=a;A.STORYBOOK_ENV="vue3";import{start as y}from"@storybook/core-client";var s="vue3",o=y(p,{decorateStory:t,render:n}),O=(r,m)=>o.clientApi.storiesOf(r,m).addParameters({framework:s}),u=(...r)=>o.configure(s,...r),{forceReRender:c}=o,{raw:l}=o.clientApi;module?.hot?.decline();export{u as configure,c as forceReRender,l as raw,i as setup,O as storiesOf};
+import{a as r,b as t,c as d,d as i}from"./chunk-FOJXQP7G.mjs";import a from"global";var{window:s}=a;s.STORYBOOK_ENV="vue3";import{start as m}from"@storybook/core-client";var n="vue3",o=m(i,{decorateStory:r,render:t}),A=(e,p)=>o.clientApi.storiesOf(e,p).addParameters({framework:n}),y=(...e)=>o.configure(n,...e),{forceReRender:R}=o,{raw:w}=o.clientApi;module?.hot?.decline();export{y as configure,R as forceReRender,w as raw,d as setup,A as storiesOf};

package/dist/render-da0f65a2.d.ts

@@ -0,0 +1,14 @@
+import { WebFramework, ArgsStoryFn, Store_RenderContext } from '@storybook/types';
+import { ConcreteComponent } from 'vue';
+
+declare type StoryFnVueReturnType = ConcreteComponent<any>;
+interface VueFramework extends WebFramework {
+    component: Omit<ConcreteComponent<this['T']>, 'props'>;
+    storyResult: StoryFnVueReturnType;
+}
+
+declare const render: ArgsStoryFn<VueFramework>;
+declare const setup: (fn: (app: any) => void) => void;
+declare function renderToCanvas({ title, name, storyFn, showMain, showError, showException }: Store_RenderContext<VueFramework>, canvasElement: VueFramework['canvasElement']): void;
+
+export { VueFramework as V, renderToCanvas as a, render as r, setup as s };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.47",
+  "version": "7.0.0-alpha.49",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/core-client": "7.0.0-alpha.47",
-    "@storybook/docs-tools": "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/docs-tools": "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",
@@ -91,5 +91,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
+  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
 }

package/template/cli/Button.stories.js

@@ -4,6 +4,8 @@ import MyButton from './Button.vue';
 export default {
   title: 'Example/Button',
   component: MyButton,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/docs-page
+  tags: ['docsPage'],
   // More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
   render: (args) => ({
     // Components used in your story `template` are defined in the `components` object

package/template/cli/Header.stories.js

@@ -3,6 +3,8 @@ import MyHeader from './Header.vue';
 export default {
   title: 'Example/Header',
   component: MyHeader,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/vue/writing-docs/docs-page
+  tags: ['docsPage'],
   render: (args) => ({
     // Components used in your story `template` are defined in the `components` object
     components: {

package/dist/chunk-K34XRZNP.mjs

@@ -1,4 +0,0 @@
-import{h as l}from"vue";import{sanitizeStoryContextUpdate as d}from"@storybook/store";function w(e){return typeof e=="function"?{render:e,name:e.name}:e}function s(e,r){let o=e;return o==null?null:r?{...w(o),components:{...o.components||{},story:r}}:{render(){return l(o)}}}function g(e,r){return r.reduce((o,p)=>m=>{let t,n=p(u=>(t=o({...m,...d(u)}),t),m);return t||(t=o(m)),n===t?t:s(n,t)},o=>s(e(o)))}import{dedent as C}from"ts-dedent";import{createApp as k,h as c}from"vue";var A=(e,r)=>{let{id:o,component:p}=r;if(!p)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return c(p,e)},i=e=>{},L=e=>{i=e},a=new Map;function b({title:e,name:r,storyFn:o,showMain:p,showError:m,showException:t},n){let u,y=k({unmounted(){a.delete(n)},render(){return a.set(n,y),i(y),c(u)}});if(y.config.errorHandler=f=>t(f),u=o(),!u){m({title:`Expecting a Vue component from the story: "${r}" of "${e}".`,description:C`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}p(),a.get(n)?.unmount(),y.mount(n)}export{g as a,A as b,L as c,b as d};

package/dist/render-34473438.d.ts

@@ -1,14 +0,0 @@
-import { AnyFramework, ArgsStoryFn, Store_RenderContext } from '@storybook/types';
-import { ConcreteComponent } from 'vue';
-
-declare type StoryFnVueReturnType = ConcreteComponent<any>;
-interface VueFramework extends AnyFramework {
-    component: Omit<ConcreteComponent<this['T']>, 'props'>;
-    storyResult: StoryFnVueReturnType;
-}
-
-declare const render: ArgsStoryFn<VueFramework>;
-declare const setup: (fn: (app: any) => void) => void;
-declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: Store_RenderContext<VueFramework>, domElement: Element): void;
-
-export { VueFramework as V, renderToDOM as a, render as r, setup as s };