@storybook/vue3 9.2.0-alpha.2 → 10.0.0-beta.0

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/package.json CHANGED
@@ -1,9 +1,13 @@
1
1
  {
2
2
  "name": "@storybook/vue3",
3
- "version": "9.2.0-alpha.2",
4
- "description": "Storybook Vue 3 renderer",
3
+ "version": "10.0.0-beta.0",
4
+ "description": "Storybook Vue 3 renderer: Develop, document, and test UI components in isolation",
5
5
  "keywords": [
6
- "storybook"
6
+ "storybook",
7
+ "storybook-renderer",
8
+ "vue",
9
+ "components",
10
+ "component"
7
11
  ],
8
12
  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/renderers/vue3",
9
13
  "bugs": {
@@ -19,34 +23,20 @@
19
23
  "url": "https://opencollective.com/storybook"
20
24
  },
21
25
  "license": "MIT",
26
+ "type": "module",
22
27
  "exports": {
23
28
  ".": {
24
29
  "types": "./dist/index.d.ts",
25
- "import": "./dist/index.mjs",
26
- "require": "./dist/index.js"
30
+ "default": "./dist/index.js"
27
31
  },
32
+ "./entry-preview": "./dist/entry-preview.js",
33
+ "./entry-preview-docs": "./dist/entry-preview-docs.js",
28
34
  "./experimental-playwright": {
29
35
  "types": "./dist/playwright.d.ts",
30
- "import": "./dist/playwright.mjs",
31
- "require": "./dist/playwright.js"
36
+ "default": "./dist/playwright.js"
32
37
  },
33
- "./preset": "./preset.js",
34
- "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
35
- "./dist/entry-preview-docs.mjs": "./dist/entry-preview-docs.mjs",
36
- "./package.json": "./package.json"
37
- },
38
- "main": "dist/index.js",
39
- "module": "dist/index.mjs",
40
- "types": "dist/index.d.ts",
41
- "typesVersions": {
42
- "*": {
43
- "*": [
44
- "dist/index.d.ts"
45
- ],
46
- "experimental-playwright": [
47
- "dist/playwright.d.ts"
48
- ]
49
- }
38
+ "./package.json": "./package.json",
39
+ "./preset": "./dist/preset.js"
50
40
  },
51
41
  "files": [
52
42
  "dist/**/*",
@@ -58,7 +48,7 @@
58
48
  ],
59
49
  "scripts": {
60
50
  "check": "vue-tsc --noEmit",
61
- "prep": "jiti ../../../scripts/prepare/bundle.ts"
51
+ "prep": "jiti ../../../scripts/build/build-package.ts"
62
52
  },
63
53
  "dependencies": {
64
54
  "@storybook/global": "^5.0.0",
@@ -73,24 +63,11 @@
73
63
  "vue-tsc": "latest"
74
64
  },
75
65
  "peerDependencies": {
76
- "storybook": "^9.2.0-alpha.2",
66
+ "storybook": "^10.0.0-beta.0",
77
67
  "vue": "^3.0.0"
78
68
  },
79
- "engines": {
80
- "node": ">=20.0.0"
81
- },
82
69
  "publishConfig": {
83
70
  "access": "public"
84
71
  },
85
- "bundler": {
86
- "entries": [
87
- "./src/index.ts",
88
- "./src/preset.ts",
89
- "./src/entry-preview.ts",
90
- "./src/entry-preview-docs.ts",
91
- "./src/playwright.ts"
92
- ],
93
- "platform": "browser"
94
- },
95
- "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
72
+ "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
96
73
  }
package/preset.js CHANGED
@@ -1 +1 @@
1
- module.exports = require('./dist/preset');
1
+ export * from './dist/preset.js';
@@ -1,3 +0,0 @@
1
- var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};
2
-
3
- export { __export };
@@ -1,8 +0,0 @@
1
- import { __export } from './chunk-CEH6MNVV.mjs';
2
- import { extractComponentDescription, enhanceArgTypes, hasDocgen, extractComponentProps, convert } from 'storybook/internal/docs-tools';
3
- import { h, createApp, reactive, isVNode, isReactive } from 'vue';
4
- import { sanitizeStoryContextUpdate } from 'storybook/preview-api';
5
-
6
- var entry_preview_exports={};__export(entry_preview_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,mount:()=>mount,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var ARG_TYPE_SECTIONS=["props","events","slots","exposed","expose"],extractArgTypes=component=>{if(!hasDocgen(component))return null;let usedDocgenPlugin="exposed"in component.__docgenInfo?"vue-component-meta":"vue-docgen-api",argTypes={};return ARG_TYPE_SECTIONS.forEach(section=>{extractComponentProps(component,section).forEach(extractedProp=>{let argType;if(usedDocgenPlugin==="vue-docgen-api"){let docgenInfo=extractedProp.docgenInfo;argType=extractFromVueDocgenApi(docgenInfo,section,extractedProp);}else {let docgenInfo=extractedProp.docgenInfo;argType=extractFromVueComponentMeta(docgenInfo,section);}if(!argType||argTypes[argType.name])return;["events","expose","exposed"].includes(section)&&(argType.control={disable:!0}),argTypes[argType.name]=argType;});}),argTypes},extractFromVueDocgenApi=(docgenInfo,section,extractedProp)=>{let type,sbType;if(section==="events"&&(type=docgenInfo.type?.names.join(),sbType={name:"other",value:type??"",required:!1}),section==="slots"){let slotBindings=docgenInfo.bindings?.filter(binding=>!!binding.name).map(binding=>`${binding.name}: ${binding.type?.name??"unknown"}`).join("; ");type=slotBindings?`{ ${slotBindings} }`:void 0,sbType={name:"other",value:type??"",required:!1};}if(section==="props"){let propInfo=docgenInfo;if(type=propInfo.type?.name,sbType=extractedProp?convert(extractedProp.docgenInfo):{name:"other",value:type},propInfo.type&&"elements"in propInfo.type&&Array.isArray(propInfo.type.elements)&&propInfo.type.elements.length>0){let elements=propInfo.type.elements.map(i=>i.name);type==="Array"&&(type=`${elements.length===1?elements[0]:`(${elements.join(" | ")})`}[]`),type==="union"?type=elements.join(" | "):type==="intersection"&&(type=elements.join(" & "));}}let required="required"in docgenInfo?docgenInfo.required??!1:!1;return {name:docgenInfo.name,description:docgenInfo.description,type:sbType?{...sbType,required}:{name:"other",value:type??""},table:{type:type?{summary:type}:void 0,defaultValue:extractedProp?.propDef.defaultValue??void 0,jsDocTags:extractedProp?.propDef.jsDocTags,category:section}}},extractFromVueComponentMeta=(docgenInfo,section)=>{if("global"in docgenInfo&&docgenInfo.global)return;let tableType={summary:docgenInfo.type.replace(" | undefined","")};if(section==="props"){let propInfo=docgenInfo,defaultValue=propInfo.default?{summary:propInfo.default}:void 0;return {name:propInfo.name,description:formatDescriptionWithTags(propInfo.description,propInfo.tags),defaultValue,type:convertVueComponentMetaProp(propInfo),table:{type:tableType,defaultValue,category:section}}}else return {name:docgenInfo.name,description:"description"in docgenInfo?docgenInfo.description:"",type:{name:"other",value:docgenInfo.type},table:{type:tableType,category:section}}},convertVueComponentMetaProp=propInfo=>{let schema=propInfo.schema,required=propInfo.required,fallbackSbType={name:"other",value:propInfo.type,required},KNOWN_SCHEMAS=["string","number","function","boolean","symbol"];if(typeof schema=="string")return KNOWN_SCHEMAS.includes(schema)?{name:schema,required}:fallbackSbType;switch(schema.kind){case"enum":{let definedSchemas=schema.schema?.filter(item=>item!=="undefined")??[];return isBooleanSchema(definedSchemas)?{name:"boolean",required}:isLiteralUnionSchema(definedSchemas)||isEnumSchema(definedSchemas)?{name:"enum",value:definedSchemas.map(literal=>literal.replace(/"/g,"")),required}:definedSchemas.length===1?convertVueComponentMetaProp({schema:definedSchemas[0],type:propInfo.type,required}):(definedSchemas.length>2&&definedSchemas.includes("true")&&definedSchemas.includes("false")&&(definedSchemas=definedSchemas.filter(i=>i!=="true"&&i!=="false"),definedSchemas.push("boolean")),{name:"union",value:definedSchemas.map(i=>convertVueComponentMetaProp(typeof i=="object"?{schema:i,type:i.type,required:!1}:{schema:i,type:i,required:!1})),required})}case"array":{let definedSchemas=schema.schema?.filter(item=>item!=="undefined")??[];return definedSchemas.length===0?fallbackSbType:definedSchemas.length===1?{name:"array",value:convertVueComponentMetaProp({schema:definedSchemas[0],type:propInfo.type,required:!1}),required}:{name:"union",value:definedSchemas.map(i=>convertVueComponentMetaProp(typeof i=="object"?{schema:i,type:i.type,required:!1}:{schema:i,type:i,required:!1})),required}}case"object":return {name:"object",value:{},required};default:return fallbackSbType}},formatDescriptionWithTags=(description,tags)=>!tags?.length||!description?description??"":`${tags.map(tag=>`@${tag.name}: ${tag.text}`).join("<br>")}<br><br>${description}`,isLiteralUnionSchema=schemas=>schemas.every(schema=>typeof schema=="string"&&schema.startsWith('"')&&schema.endsWith('"')),isEnumSchema=schemas=>schemas.every(schema=>typeof schema=="string"&&schema.includes(".")),isBooleanSchema=schemas=>schemas.length===2&&schemas.includes("true")&&schemas.includes("false");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,getSlots(props,context))},setup=fn=>{globalThis.PLUGINS_SETUP_FUNCTIONS??=new Set,globalThis.PLUGINS_SETUP_FUNCTIONS.add(fn);},runSetupFunctions=async(app,storyContext)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(fn=>fn(app,storyContext)));},map=new Map;async 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,instance,info)=>{window.__STORYBOOK_PREVIEW__?.storyRenders.some(renderer=>renderer.id===id&&renderer.phase==="playing")?setTimeout(()=>{throw e},0):showException(e);},await runSetupFunctions(vueApp,storyContext),vueApp.mount(canvasElement),showMain(),()=>{teardown(vueApp,canvasElement);}}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key])=>argTypes[key]?.table?.category==="slots").map(([key,value])=>[key,typeof value=="function"?value:()=>value]);return 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);}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 mount=context=>async(Component,options)=>(Component&&(context.originalStoryFn=()=>()=>h(Component,options?.props,options?.slots)),await context.renderToCanvas(),context.canvas);var parameters={renderer:"vue3",docs:{story:{inline:!0},extractArgTypes,extractComponentDescription}},argTypesEnhancers=[enhanceArgTypes];
7
-
8
- export { argTypesEnhancers, decorateStory, entry_preview_exports, mount, parameters, render, renderToCanvas, setup };
@@ -1,10 +0,0 @@
1
- import { D as Decorator } from './public-types-e4ebb831.js';
2
- import 'storybook/internal/types';
3
- import 'type-fest';
4
- import 'vue';
5
- import 'vue-component-type-helpers';
6
- import './types-1ede6954.js';
7
-
8
- declare const decorators: Decorator[];
9
-
10
- export { decorators };
@@ -1,23 +0,0 @@
1
- import './chunk-CEH6MNVV.mjs';
2
- import { SourceType } from 'storybook/internal/docs-tools';
3
- import { useEffect, emitTransformCode } from 'storybook/preview-api';
4
- import { isVNode } from 'vue';
5
-
6
- var TRACKING_SYMBOL=Symbol("DEEP_ACCESS_SYMBOL"),isProxy=obj=>!!(obj&&typeof obj=="object"&&TRACKING_SYMBOL in obj),sourceDecorator=(storyFn,ctx)=>{let story=storyFn();return useEffect(()=>{let sourceCode=generateSourceCode(ctx);shouldSkipSourceCodeGeneration(ctx)||emitTransformCode(sourceCode,ctx);}),story},generateSourceCode=ctx=>{let sourceCodeContext={imports:{},scriptVariables:{}},{displayName,slotNames,eventNames}=parseDocgenInfo(ctx.component),props=generatePropsSourceCode(ctx.args,slotNames,eventNames,sourceCodeContext),slotSourceCode=generateSlotSourceCode(ctx.args,slotNames,sourceCodeContext),componentName=displayName||ctx.title.split("/").at(-1),templateCode=slotSourceCode?`<${componentName} ${props}> ${slotSourceCode} </${componentName}>`:`<${componentName} ${props} />`,variablesCode=Object.entries(sourceCodeContext.scriptVariables).map(([name,value])=>`const ${name} = ${value};`).join(`
7
-
8
- `),importsCode=Object.entries(sourceCodeContext.imports).map(([packageName,imports])=>`import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`).join(`
9
- `),template=`<template>
10
- ${templateCode}
11
- </template>`;return !importsCode&&!variablesCode?template:`<script lang="ts" setup>
12
- ${importsCode?`${importsCode}
13
-
14
- ${variablesCode}`:variablesCode}
15
- <\/script>
16
-
17
- ${template}`},shouldSkipSourceCodeGeneration=context=>{let sourceParams=context?.parameters.docs?.source;return sourceParams?.type===SourceType.DYNAMIC?!1:!context?.parameters.__isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE},parseDocgenInfo=component=>{if(!component||!("__docgenInfo"in component)||!component.__docgenInfo||typeof component.__docgenInfo!="object")return {displayName:component?.__name,eventNames:[],slotNames:[]};let docgenInfo=component.__docgenInfo,displayName="displayName"in docgenInfo&&typeof docgenInfo.displayName=="string"?docgenInfo.displayName:void 0,parseNames=key=>!(key in docgenInfo)||!Array.isArray(docgenInfo[key])?[]:docgenInfo[key].map(i=>i&&typeof i=="object"&&"name"in i?i.name:void 0).filter(i=>typeof i=="string");return {displayName:displayName||component.__name,slotNames:parseNames("slots").sort((a,b)=>a==="default"?-1:b==="default"?1:a.localeCompare(b)),eventNames:parseNames("events")}},generatePropsSourceCode=(args,slotNames,eventNames,ctx)=>{let properties=[];Object.entries(args).forEach(([propName,value])=>{if(!slotNames.includes(propName)&&value!=null)switch(isProxy(value)&&(value=value.toString()),typeof value){case"string":if(value==="")return;properties.push({name:propName,value:value.includes('"')?`'${value}'`:`"${value}"`,templateFn:(name,propValue)=>`${name}=${propValue}`});break;case"number":properties.push({name:propName,value:value.toString(),templateFn:(name,propValue)=>`:${name}="${propValue}"`});break;case"bigint":properties.push({name:propName,value:`BigInt(${value.toString()})`,templateFn:(name,propValue)=>`:${name}="${propValue}"`});break;case"boolean":properties.push({name:propName,value:value?"true":"false",templateFn:(name,propValue)=>propValue==="true"?name:`:${name}="false"`});break;case"symbol":properties.push({name:propName,value:`Symbol(${value.description?`'${value.description}'`:""})`,templateFn:(name,propValue)=>`:${name}="${propValue}"`});break;case"object":{properties.push({name:propName,value:formatObject(value??{}),templateFn:void 0});break}}}),properties.sort((a,b)=>a.name.localeCompare(b.name));let props=[];return properties.forEach(prop=>{let isVModel=eventNames.includes(`update:${prop.name}`);if(!isVModel&&prop.templateFn){props.push(prop.templateFn(prop.name,prop.value));return}let variableName=prop.name;if(variableName in ctx.scriptVariables){let index=1;do variableName=`${prop.name}${index}`,index++;while(variableName in ctx.scriptVariables)}if(!isVModel){ctx.scriptVariables[variableName]=prop.value,props.push(`:${prop.name}="${variableName}"`);return}ctx.scriptVariables[variableName]=`ref(${prop.value})`,ctx.imports.vue||(ctx.imports.vue=new Set),ctx.imports.vue.add("ref"),prop.name==="modelValue"?props.push(`v-model="${variableName}"`):props.push(`v-model:${prop.name}="${variableName}"`);}),props.join(" ")},generateSlotSourceCode=(args,slotNames,ctx)=>{let slotSourceCodes=[];return slotNames.forEach(slotName=>{let arg=args[slotName];if(!arg)return;let slotContent=generateSlotChildrenSourceCode([arg],ctx);if(!slotContent)return;let slotBindings=typeof arg=="function"?getFunctionParamNames(arg):[];slotName==="default"&&!slotBindings.length?slotSourceCodes.push(slotContent):slotSourceCodes.push(`<template ${slotBindingsToString(slotName,slotBindings)}>${slotContent}</template>`);}),slotSourceCodes.join(`
18
-
19
- `)},generateSlotChildrenSourceCode=(children,ctx)=>{let slotChildrenSourceCodes=[],generateSingleChildSourceCode=child=>{if(isVNode(child))return generateVNodeSourceCode(child,ctx);switch(typeof child){case"string":case"number":case"boolean":return child.toString();case"object":return child===null?"":Array.isArray(child)?child.map(generateSingleChildSourceCode).filter(code=>code!=="").join(`
20
- `):JSON.stringify(child);case"function":{let paramNames=getFunctionParamNames(child).filter(param=>!["{","}"].includes(param)),proxied={};paramNames.forEach(param=>{proxied[param]=new Proxy({[TRACKING_SYMBOL]:!0},{get:(t,key)=>key===TRACKING_SYMBOL?t[TRACKING_SYMBOL]:[Symbol.toPrimitive,Symbol.toStringTag,"toString"].includes(key)?()=>`{{ ${param} }}`:key==="v-bind"?`${param}`:`{{ ${param}.${key.toString()} }}`,ownKeys:()=>["v-bind"],getOwnPropertyDescriptor:()=>({configurable:!0,enumerable:!0,value:param,writable:!0})});});let returnValue=child(proxied);return generateSlotChildrenSourceCode([returnValue],ctx).replaceAll(/ (\S+)="{{ (\S+) }}"/g,' :$1="$2"')}case"bigint":return `{{ BigInt(${child.toString()}) }}`;default:return ""}};return children.forEach(child=>{let sourceCode=generateSingleChildSourceCode(child);sourceCode!==""&&slotChildrenSourceCodes.push(sourceCode);}),slotChildrenSourceCodes.join(`
21
- `)},generateVNodeSourceCode=(vnode,ctx)=>{let componentName=getVNodeName(vnode),childrenCode="";typeof vnode.children=="string"?childrenCode=vnode.children:Array.isArray(vnode.children)?childrenCode=generateSlotChildrenSourceCode(vnode.children,ctx):vnode.children&&(childrenCode=generateSlotSourceCode(vnode.children,Object.keys(vnode.children).filter(i=>i!=="$stable"),ctx));let props=vnode.props?generatePropsSourceCode(vnode.props,[],[],ctx):"";return childrenCode?`<${componentName}${props?` ${props}`:""}>${childrenCode}</${componentName}>`:`<${componentName}${props?` ${props}`:""} />`},getVNodeName=vnode=>{if(typeof vnode.type=="string")return vnode.type;if(typeof vnode.type=="object"){if("name"in vnode.type&&vnode.type.name)return vnode.type.name;if("__name"in vnode.type&&vnode.type.__name)return vnode.type.__name}return "component"},getFunctionParamNames=func=>{let STRIP_COMMENTS=/((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm,ARGUMENT_NAMES=/([^\s,]+)/g,fnStr=func.toString().replace(STRIP_COMMENTS,""),result=fnStr.slice(fnStr.indexOf("(")+1,fnStr.indexOf(")")).match(ARGUMENT_NAMES);return result?result.flatMap(param=>{if(["{","}"].includes(param))return param;let nonMinifiedName=param.split(":")[0].trim();return nonMinifiedName.startsWith("{")?["{",nonMinifiedName.substring(1)]:param.endsWith("}")&&!nonMinifiedName.endsWith("}")?[nonMinifiedName,"}"]:nonMinifiedName}):[]},slotBindingsToString=(slotName,params)=>params.length?params.length===1?`#${slotName}="${params[0]}"`:`#${slotName}="{ ${params.filter(i=>!["{","}"].includes(i)).join(", ")} }"`:`#${slotName}`,formatObject=obj=>Object.values(obj).every(value=>value==null||typeof value!="object")?JSON.stringify(obj):JSON.stringify(obj,null,2);var decorators=[sourceDecorator];
22
-
23
- export { decorators };
@@ -1,24 +0,0 @@
1
- import * as storybook_internal_docs_tools from 'storybook/internal/docs-tools';
2
- import { extractComponentDescription } from 'storybook/internal/docs-tools';
3
- import { LegacyStoryFn, DecoratorFunction, BaseAnnotations, ArgTypesEnhancer } from 'storybook/internal/types';
4
- import { V as VueRenderer } from './types-1ede6954.js';
5
- export { r as render, a as renderToCanvas } from './render-0377a2e9.js';
6
- import 'vue';
7
-
8
- declare function decorateStory(storyFn: LegacyStoryFn<VueRenderer>, decorators: DecoratorFunction<VueRenderer>[]): LegacyStoryFn<VueRenderer>;
9
-
10
- declare const mount: BaseAnnotations<VueRenderer>['mount'];
11
-
12
- declare const parameters: {
13
- renderer: string;
14
- docs: {
15
- story: {
16
- inline: boolean;
17
- };
18
- extractArgTypes: storybook_internal_docs_tools.ArgTypesExtractor;
19
- extractComponentDescription: typeof extractComponentDescription;
20
- };
21
- };
22
- declare const argTypesEnhancers: ArgTypesEnhancer<VueRenderer>[];
23
-
24
- export { decorateStory as applyDecorators, argTypesEnhancers, mount, parameters };
@@ -1,2 +0,0 @@
1
- export { decorateStory as applyDecorators, argTypesEnhancers, mount, parameters, render, renderToCanvas } from './chunk-DYBVISFM.mjs';
2
- import './chunk-CEH6MNVV.mjs';
package/dist/index.mjs DELETED
@@ -1,10 +0,0 @@
1
- import { entry_preview_exports, renderToCanvas } from './chunk-DYBVISFM.mjs';
2
- export { setup } from './chunk-DYBVISFM.mjs';
3
- import './chunk-CEH6MNVV.mjs';
4
- import { global } from '@storybook/global';
5
- import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1, composeStory as composeStory$1, composeStories as composeStories$1 } from 'storybook/preview-api';
6
- import { h } from 'vue';
7
-
8
- var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="vue3";globalWindow.PLUGINS_SETUP_FUNCTIONS||=new Set;function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(vueProjectAnnotations),setProjectAnnotations$1(projectAnnotations)}var vueProjectAnnotations={...entry_preview_exports,renderToCanvas:(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyFn,storyContext:{testingLibraryRender:render}}=renderContext,{unmount}=render(storyFn(),{container:canvasElement});return unmount}};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){let composedStory=composeStory$1(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??vueProjectAnnotations,exportsName),renderable=(...args)=>h(composedStory(...args));return Object.assign(renderable,composedStory),renderable}function composeStories(csfExports,projectAnnotations){return composeStories$1(csfExports,projectAnnotations,composeStory)}
9
-
10
- export { composeStories, composeStory, setProjectAnnotations, vueProjectAnnotations };
@@ -1,2 +0,0 @@
1
- import './chunk-CEH6MNVV.mjs';
2
- export { createPlaywrightTest as createTest } from 'storybook/preview-api';
package/dist/preset.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { PresetProperty } from 'storybook/internal/types';
2
-
3
- declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
4
-
5
- export { previewAnnotations };
@@ -1,40 +0,0 @@
1
- import { Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from 'storybook/internal/types';
2
- import { Simplify, SetOptional, Constructor, RemoveIndexSignature } from 'type-fest';
3
- import { FunctionalComponent, VNodeChild } from 'vue';
4
- import { ComponentProps, ComponentSlots } from 'vue-component-type-helpers';
5
- import { V as VueRenderer } from './types-1ede6954.js';
6
-
7
- /**
8
- * Metadata to configure the stories for a component.
9
- *
10
- * @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
11
- */
12
- type Meta<TCmpOrArgs = Args> = ComponentAnnotations<VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
13
- /**
14
- * Story function that represents a CSFv2 component example.
15
- *
16
- * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
17
- */
18
- type StoryFn<TCmpOrArgs = Args> = AnnotatedStoryFn<VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
19
- /**
20
- * Story object that represents a CSFv3 component example.
21
- *
22
- * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
23
- */
24
- type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends {
25
- render?: ArgsStoryFn<VueRenderer, any>;
26
- component?: infer Component;
27
- args?: infer DefaultArgs;
28
- } ? Simplify<ComponentPropsAndSlots<Component> & ArgsFromMeta<VueRenderer, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<VueRenderer, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : StoryAnnotations<VueRenderer, ComponentPropsOrProps<TMetaOrCmpOrArgs>>;
29
- type ExtractSlots<C> = AllowNonFunctionSlots<Partial<RemoveIndexSignature<ComponentSlots<C>>>>;
30
- type AllowNonFunctionSlots<Slots> = {
31
- [K in keyof Slots]: Slots[K] | VNodeChild;
32
- };
33
- type ComponentPropsAndSlots<C> = ComponentProps<C> & ExtractSlots<C>;
34
- type ComponentPropsOrProps<TCmpOrArgs> = TCmpOrArgs extends Constructor<any> ? ComponentPropsAndSlots<TCmpOrArgs> : TCmpOrArgs extends FunctionalComponent<any> ? ComponentPropsAndSlots<TCmpOrArgs> : TCmpOrArgs;
35
- type Decorator<TArgs = StrictArgs> = DecoratorFunction<VueRenderer, TArgs>;
36
- type Loader<TArgs = StrictArgs> = LoaderFunction<VueRenderer, TArgs>;
37
- type StoryContext<TArgs = StrictArgs> = StoryContext$1<VueRenderer, TArgs>;
38
- type Preview = ProjectAnnotations<VueRenderer>;
39
-
40
- export { ComponentPropsAndSlots as C, Decorator as D, Loader as L, Meta as M, Preview as P, StoryFn as S, StoryObj as a, StoryContext as b };
@@ -1,9 +0,0 @@
1
- import { ArgsStoryFn, StoryContext, RenderContext } from 'storybook/internal/types';
2
- import { App } from 'vue';
3
- import { V as VueRenderer } from './types-1ede6954.js';
4
-
5
- declare const render: ArgsStoryFn<VueRenderer>;
6
- declare const setup: (fn: (app: App, storyContext?: StoryContext<VueRenderer>) => unknown) => void;
7
- declare function renderToCanvas({ storyFn, forceRemount, showMain, showException, storyContext, id }: RenderContext<VueRenderer>, canvasElement: VueRenderer['canvasElement']): Promise<() => void>;
8
-
9
- export { renderToCanvas as a, render as r, setup as s };
@@ -1,14 +0,0 @@
1
- import { WebRenderer, Canvas } from 'storybook/internal/types';
2
- import { ConcreteComponent } from 'vue';
3
-
4
- type StoryFnVueReturnType = ConcreteComponent<any>;
5
- interface VueRenderer extends WebRenderer {
6
- component: Omit<ConcreteComponent<this['T']>, 'props'>;
7
- storyResult: StoryFnVueReturnType;
8
- mount: (Component?: StoryFnVueReturnType, options?: {
9
- props?: Record<string, any>;
10
- slots?: Record<string, any>;
11
- }) => Promise<Canvas>;
12
- }
13
-
14
- export { VueRenderer as V };