@storybook/vue3 7.1.0-alpha.9 → 7.1.0-beta.0

package/dist/chunk-SRVBJOBI.mjs

@@ -0,0 +1,6 @@
+import { h, createApp, reactive, isVNode, isReactive } from 'vue';
+import { sanitizeStoryContextUpdate } from '@storybook/preview-api';
+
+function normalizeFunctionalComponent(options){return typeof options=="function"?{render:options,name:options.name}:options}function prepare(rawStory,innerStory){let story=rawStory;return story===null?null:typeof story=="function"?story:innerStory?{...normalizeFunctionalComponent(story),components:{...story.components||{},story:innerStory}}:{render(){return h(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>{let sanitizedUpdate=sanitizeStoryContextUpdate(update);return update&&(sanitizedUpdate.args=Object.assign(context.args,sanitizedUpdate.args)),story=decorated({...context,...sanitizedUpdate}),story},context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,()=>h(story))},context=>prepare(storyFn(context)))}var render=(props,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return ()=>h(Component,props,generateSlots(context))},setupFunctions=new Set,setup=fn=>{setupFunctions.add(fn);},runSetupFunctions=(app,storyContext)=>{setupFunctions.forEach(fn=>fn(app,storyContext));},map=new Map;function renderToCanvas({storyFn,forceRemount,showMain,showException,storyContext,id},canvasElement){let existingApp=map.get(canvasElement);if(existingApp&&!forceRemount){let element=storyFn(),args=getArgs(element,storyContext);return updateArgs(existingApp.reactiveArgs,args),()=>{teardown(existingApp.vueApp,canvasElement);}}existingApp&&forceRemount&&teardown(existingApp.vueApp,canvasElement);let vueApp=createApp({setup(){storyContext.args=reactive(storyContext.args);let rootElement=storyFn(),args=getArgs(rootElement,storyContext),appState={vueApp,reactiveArgs:reactive(args)};return map.set(canvasElement,appState),()=>h(rootElement)}});return vueApp.config.errorHandler=e=>showException(e),runSetupFunctions(vueApp,storyContext),vueApp.mount(canvasElement),showMain(),()=>{teardown(vueApp,canvasElement);}}function generateSlots(context){let{argTypes}=context,slots=Object.entries(argTypes).filter(([key,value])=>argTypes[key]?.table?.category==="slots").map(([key,value])=>{let slotValue=context.args[key];return [key,typeof slotValue=="function"?slotValue:()=>slotValue]});return reactive(Object.fromEntries(slots))}function getArgs(element,storyContext){return element.props&&isVNode(element)?element.props:storyContext.args}function updateArgs(reactiveArgs,nextArgs){if(Object.keys(nextArgs).length===0)return;let currentArgs=isReactive(reactiveArgs)?reactiveArgs:reactive(reactiveArgs);Object.keys(currentArgs).forEach(key=>{key in nextArgs||delete currentArgs[key];}),Object.assign(currentArgs,nextArgs);}function teardown(storybookApp,canvasElement){storybookApp?.unmount(),map.has(canvasElement)&&map.delete(canvasElement);}
+
+export { decorateStory, render, renderToCanvas, setup };

package/dist/config.d.ts

@@ -1,24 +1,13 @@
-import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
-import * as lib_types_dist from 'lib/types/dist';
+import { Addon_DecoratorFunction, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction } from '@storybook/types';
 import { V as VueRenderer } from './render-32b7dd3f.js';
 export { r as render, a as renderToCanvas } from './render-32b7dd3f.js';
-import { LegacyStoryFn, DecoratorFunction } from '@storybook/types';
 import 'vue';
 
-declare const decorators: ((storyFn: any, context: lib_types_dist.StoryContext<lib_types_dist.Renderer, lib_types_dist.Args>) => any)[];
-declare const argTypesEnhancers: (<TRenderer extends lib_types_dist.Renderer>(context: lib_types_dist.StoryContextForEnhancers<TRenderer, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
+declare const decorators: Addon_DecoratorFunction<unknown>[];
+declare const argTypesEnhancers: ArgTypesEnhancer[];
 
 declare function decorateStory(storyFn: LegacyStoryFn<VueRenderer>, decorators: DecoratorFunction<VueRenderer>[]): LegacyStoryFn<VueRenderer>;
 
-declare const parameters: {
-    docs: {
-        story: {
-            inline: boolean;
-        };
-        extractArgTypes: lib_docs_tools_dist.ArgTypesExtractor;
-        extractComponentDescription: typeof lib_docs_tools_dist.extractComponentDescription;
-    };
-    renderer: "vue3";
-};
+declare const parameters: {};
 
 export { decorateStory as applyDecorators, argTypesEnhancers, decorators, parameters };