@cfp-studio/plugin-vue3 16.0.1 → 16.1.0

package/dist/index.mjs

@@ -1,504 +1,6 @@
-import { intersectionType, objectType, NODE_TYPE, maybeOptionalType, UNKNOWN_TYPE, helpers, createTypeAnalyzer } from '@cfp-studio/type-analyzer';
-import { ReaderListeners, createStackedReader, createFileSystemReader } from '@cfp-studio/vfs';
-import path from 'path';
-import url from 'url';
-import { generatePreviewableId, decodePreviewableId } from '@cfp-studio/analyzer-api';
-import { parseSerializableValue } from '@cfp-studio/serializable-values';
-import { extractStoriesInfo, extractArgs, extractCsf3Stories, resolvePreviewableId } from '@cfp-studio/storybook-helpers';
-import ts from 'typescript';
-import { parse } from '@vue/compiler-sfc';
-
-function analyzeFromTemplate(resolver, virtualVueTsAbsoluteFilePath) {
-  const sourceFile = resolver.sourceFile(virtualVueTsAbsoluteFilePath);
-  let props = UNKNOWN_TYPE;
-  let types = {};
-  let slots = [];
-  for (const statement of sourceFile?.statements || []) {
-    const definedProps = extractDefinePropsFromStatement(resolver, statement);
-    if (definedProps) {
-      return {
-        props: definedProps.type,
-        types: definedProps.collected
-      };
-    }
-    if (ts.isTypeAliasDeclaration(statement)) {
-      if (statement.name.text === "PJS_Props") {
-        const type = resolver.checker.getTypeAtLocation(statement);
-        const defineComponentProps = resolver.resolveType(type);
-        props = defineComponentProps.type;
-        types = defineComponentProps.collected;
-      } else if (statement.name.text === "PJS_Slots") {
-        const slotsType = resolver.checker.getTypeAtLocation(statement);
-        const resolvedSlotsTypeName = resolver.resolveType(slotsType);
-        if (resolvedSlotsTypeName.type.kind === "name") {
-          const resolvedSlotsType = resolvedSlotsTypeName.collected[resolvedSlotsTypeName.type.name];
-          if (resolvedSlotsType?.type.kind === "tuple") {
-            for (const item of resolvedSlotsType.type.items) {
-              if (item.kind === "literal" && typeof item.value === "string") {
-                slots.push(item.value);
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  return {
-    props: intersectionType([
-      props,
-      objectType(
-        Object.fromEntries(
-          slots.map((slotName) => [`slot:${slotName}`, NODE_TYPE])
-        )
-      )
-    ]),
-    types
-  };
-}
-function extractDefinePropsFromStatement(resolver, statement) {
-  if (ts.isExpressionStatement(statement)) {
-    const definedProps = extractDefinePropsFromExpression(
-      resolver,
-      statement.expression
-    );
-    if (definedProps) {
-      return definedProps;
-    }
-  }
-  if (ts.isVariableStatement(statement)) {
-    for (const variableDeclaration of statement.declarationList.declarations) {
-      if (!variableDeclaration.initializer) {
-        continue;
-      }
-      const definedProps = extractDefinePropsFromExpression(
-        resolver,
-        variableDeclaration.initializer
-      );
-      if (definedProps) {
-        return definedProps;
-      }
-    }
-  }
-  return null;
-}
-function extractDefinePropsFromExpression(resolver, expression) {
-  if (ts.isBinaryExpression(expression) && expression.operatorToken.kind === ts.SyntaxKind.EqualsToken) {
-    return extractDefinePropsFromExpression(resolver, expression.right);
-  }
-  if (!ts.isCallExpression(expression) || !ts.isIdentifier(expression.expression)) {
-    return null;
-  }
-  const functionName = expression.expression.text;
-  if (functionName === "defineProps") {
-    const signature = resolver.checker.getResolvedSignature(expression);
-    if (signature) {
-      return resolver.resolveType(signature.getReturnType());
-    }
-  }
-  if (functionName === "withDefaults") {
-    const [firstArgument, secondArgument] = expression.arguments;
-    if (!firstArgument || !secondArgument) {
-      return null;
-    }
-    const definePropsType = extractDefinePropsFromExpression(
-      resolver,
-      firstArgument
-    );
-    if (!definePropsType) {
-      return null;
-    }
-    const defaultsType = resolver.resolveType(
-      resolver.checker.getTypeAtLocation(secondArgument)
-    );
-    if (defaultsType.type.kind !== "object" || definePropsType.type.kind !== "object") {
-      return definePropsType;
-    }
-    const fieldsWithDefaultValue = new Set(
-      Object.keys(defaultsType.type.fields)
-    );
-    return {
-      type: objectType(
-        Object.fromEntries(
-          Object.entries(definePropsType.type.fields).map(
-            ([fieldKey, fieldType]) => [
-              fieldKey,
-              maybeOptionalType(
-                fieldType,
-                fieldsWithDefaultValue.has(fieldKey)
-              )
-            ]
-          )
-        )
-      ),
-      collected: definePropsType.collected
-    };
-  }
-  return null;
-}
-
-function inferComponentNameFromVuePath(filePath) {
-  return path.basename(filePath, path.extname(filePath));
-}
-
-async function crawlFile(reader, resolver, rootDir, absoluteFilePath) {
-  const vueAbsoluteFilePath = extractVueFilePath(absoluteFilePath);
-  if (vueAbsoluteFilePath) {
-    const virtualVueTsAbsoluteFilePath = vueAbsoluteFilePath + ".ts";
-    const fileEntry = reader.readSync(vueAbsoluteFilePath);
-    if (fileEntry?.kind !== "file") {
-      return [];
-    }
-    return [
-      {
-        id: generatePreviewableId({
-          filePath: path.relative(rootDir, vueAbsoluteFilePath),
-          name: inferComponentNameFromVuePath(vueAbsoluteFilePath)
-        }),
-        sourcePosition: {
-          start: 0,
-          end: fileEntry.size()
-        },
-        exported: true,
-        analyze: async () => analyzeFromTemplate(resolver, virtualVueTsAbsoluteFilePath)
-      }
-    ];
-  }
-  const sourceFile = resolver.sourceFile(absoluteFilePath);
-  if (!sourceFile) {
-    return [];
-  }
-  const functions = [];
-  for (const statement of sourceFile.statements) {
-    if (ts.isExportAssignment(statement)) {
-      if (ts.isIdentifier(statement.expression)) {
-        continue;
-      }
-      functions.push(["default", statement, statement.expression]);
-    } else if (ts.isVariableStatement(statement)) {
-      for (const declaration of statement.declarationList.declarations) {
-        if (!ts.isIdentifier(declaration.name) || !declaration.initializer) {
-          continue;
-        }
-        functions.push([
-          declaration.name.text,
-          statement,
-          declaration.initializer
-        ]);
-      }
-    } else if (ts.isFunctionDeclaration(statement)) {
-      const isDefaultExport = !!statement.modifiers?.find(
-        (m) => m.kind === ts.SyntaxKind.ExportKeyword
-      ) && !!statement.modifiers?.find(
-        (m) => m.kind === ts.SyntaxKind.DefaultKeyword
-      );
-      const name = statement.name?.text;
-      if (isDefaultExport || name) {
-        functions.push([name || "default", statement, statement]);
-      }
-    }
-  }
-  const storiesInfo = extractStoriesInfo(sourceFile);
-  const previewables = [];
-  const nameToExportedName = helpers.extractExportedNames(sourceFile);
-  const args = extractArgs(sourceFile);
-  async function extractPreviewable(basePreviewable, node, name) {
-    const storyArgs = args[name];
-    const isExported = name === "default" || !!nameToExportedName[name];
-    if (storiesInfo && storyArgs && isExported) {
-      const associatedComponent = extractStoryAssociatedComponent(
-        rootDir,
-        resolver,
-        storiesInfo.component
-      );
-      return {
-        ...basePreviewable,
-        analyze: async () => ({
-          args: {
-            sourcePosition: {
-              start: storyArgs.getStart(),
-              end: storyArgs.getEnd()
-            },
-            value: await parseSerializableValue(storyArgs)
-          }
-        }),
-        associatedComponent
-      };
-    }
-    const type = resolver.checker.getTypeAtLocation(node);
-    for (const callSignature of type.getCallSignatures()) {
-      const returnType = callSignature.getReturnType();
-      if (isJsxElement(returnType)) {
-        return {
-          ...basePreviewable,
-          exported: isExported,
-          analyze: async () => ({
-            // TODO: Handle JSX properties.
-            props: UNKNOWN_TYPE,
-            types: {}
-          })
-        };
-      }
-      if (storiesInfo && isExported && returnType.getProperty("template")) {
-        const associatedComponent = extractStoryAssociatedComponent(
-          rootDir,
-          resolver,
-          storiesInfo.component
-        );
-        return {
-          ...basePreviewable,
-          analyze: async () => ({ args: null }),
-          associatedComponent
-        };
-      }
-    }
-    return null;
-  }
-  for (const [name, statement, node] of functions) {
-    const previewable = await extractPreviewable(
-      {
-        id: generatePreviewableId({
-          filePath: path.relative(rootDir, absoluteFilePath),
-          name
-        }),
-        sourcePosition: {
-          start: statement.getStart(),
-          end: statement.getEnd()
-        }
-      },
-      node,
-      name
-    );
-    if (previewable) {
-      previewables.push(previewable);
-    }
-  }
-  return [
-    ...previewables,
-    ...(await extractCsf3Stories(rootDir, resolver, sourceFile, async (id) => {
-      const { filePath } = decodePreviewableId(id);
-      const absoluteFilePath2 = path.join(rootDir, filePath);
-      const vueComponents = await crawlFile(
-        reader,
-        resolver,
-        rootDir,
-        absoluteFilePath2
-      );
-      const component = absoluteFilePath2.endsWith(".vue.ts") ? vueComponents[0] : vueComponents.find((c) => c.id === id);
-      if (!component || !("exported" in component)) {
-        return {
-          props: UNKNOWN_TYPE,
-          types: {}
-        };
-      }
-      return component.analyze();
-    })).map((story) => {
-      if (!story.associatedComponent?.id.includes(".vue.ts:")) {
-        return story;
-      }
-      const { filePath: associatedComponentFilePath } = decodePreviewableId(
-        story.associatedComponent.id
-      );
-      const associatedComponentVueFilePath = stripTsExtension(
-        associatedComponentFilePath
-      );
-      return {
-        ...story,
-        associatedComponent: {
-          ...story.associatedComponent,
-          id: generatePreviewableId({
-            filePath: associatedComponentVueFilePath,
-            name: inferComponentNameFromVuePath(associatedComponentVueFilePath)
-          })
-        }
-      };
-    })
-  ];
-}
-function stripTsExtension(filePath) {
-  return filePath.substring(0, filePath.length - 3);
-}
-function extractVueFilePath(filePath) {
-  if (filePath.endsWith(".vue")) {
-    return filePath;
-  }
-  if (filePath.endsWith(".vue.ts")) {
-    return filePath.substring(0, filePath.length - 3);
-  }
-  return null;
-}
-function extractStoryAssociatedComponent(rootDir, resolver, component) {
-  const resolvedStoriesPreviewableId = resolvePreviewableId(
-    rootDir,
-    resolver.checker,
-    component
-  );
-  if (!resolvedStoriesPreviewableId) {
-    return null;
-  }
-  const { filePath } = decodePreviewableId(resolvedStoriesPreviewableId);
-  const vueFilePath = extractVueFilePath(filePath);
-  if (vueFilePath) {
-    return {
-      id: generatePreviewableId({
-        filePath: vueFilePath,
-        name: inferComponentNameFromVuePath(vueFilePath)
-      }),
-      analyze: async () => analyzeFromTemplate(resolver, vueFilePath + ".ts")
-    };
-  } else {
-    return {
-      id: resolvedStoriesPreviewableId,
-      analyze: async () => (
-        // TODO: Handle JSX properties.
-        {
-          props: UNKNOWN_TYPE,
-          types: {}
-        }
-      )
-    };
-  }
-}
-const jsxElementTypes = /* @__PURE__ */ new Set(["Element"]);
-function isJsxElement(type) {
-  if (type.isUnion()) {
-    for (const subtype of type.types) {
-      if (isJsxElement(subtype)) {
-        return true;
-      }
-    }
-  }
-  return jsxElementTypes.has(type.symbol?.getEscapedName().toString());
-}
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-function createVueTypeScriptReader(reader) {
-  return new VueTypeScriptReader(reader);
-}
-class VueTypeScriptReader {
-  constructor(reader) {
-    this.reader = reader;
-    __publicField(this, "listeners", new ReaderListeners());
-    reader.listeners.add({
-      onChange: (absoluteFilePath, info) => {
-        this.listeners.notify(absoluteFilePath, info);
-      }
-    });
-    this.observe = reader.observe?.bind(reader);
-  }
-  async read(absoluteFilePath) {
-    if (absoluteFilePath.endsWith(".vue.ts")) {
-      const source = await this.reader.read(
-        absoluteFilePath.substr(0, absoluteFilePath.length - 3)
-      );
-      if (source?.kind !== "file") {
-        return null;
-      }
-      const name = path.basename(absoluteFilePath);
-      return {
-        kind: "file",
-        name,
-        realPath: async () => null,
-        lastModifiedMillis: () => source.lastModifiedMillis(),
-        read: async () => convertToTypeScript(await source.read(), name),
-        size: () => source.size()
-      };
-    }
-    return this.reader.read(absoluteFilePath);
-  }
-  readSync(absoluteFilePath) {
-    if (absoluteFilePath.endsWith(".vue.ts")) {
-      const source = this.reader.readSync(
-        absoluteFilePath.substr(0, absoluteFilePath.length - 3)
-      );
-      if (source?.kind !== "file") {
-        return null;
-      }
-      const name = path.basename(absoluteFilePath);
-      return {
-        kind: "file",
-        name,
-        realPath: () => null,
-        lastModifiedMillis: () => source.lastModifiedMillis(),
-        read: () => convertToTypeScript(source.read(), name),
-        size: () => source.size()
-      };
-    }
-    const entry = this.reader.readSync(absoluteFilePath);
-    if (entry?.kind === "file" && (entry.name.endsWith(".jsx") || entry.name.endsWith(".tsx"))) {
-      return {
-        ...entry,
-        read: () => `/// <reference types="@vue/runtime-dom" />
-${entry.read()}`
-      };
-    }
-    return entry;
-  }
-}
-function convertToTypeScript(vueTemplateSource, name) {
-  const parsed = parse(vueTemplateSource);
-  let pjsSlotsType = "[]";
-  if (parsed.descriptor.template?.ast) {
-    const slots = extractSlots(parsed.descriptor.template.ast);
-    pjsSlotsType = `[${slots.map((slotName) => JSON.stringify(slotName)).join(", ")}]`;
-  }
-  const pjsSlotsTypeDeclaration = `type PJS_Slots = ${pjsSlotsType};`;
-  if (parsed.descriptor.scriptSetup) {
-    return `import { defineProps } from '@vue/runtime-core';
-${parsed.descriptor.scriptSetup.content}
-export default {};${pjsSlotsTypeDeclaration}`;
-  } else if (parsed.descriptor.script) {
-    const lang = parsed.descriptor.script.lang;
-    if (lang && !["js", "javascript", "ts", "typescript"].includes(lang)) {
-      return "export default {}";
-    }
-    const scriptContent = parsed.descriptor.script.content;
-    const sourceFile = ts.createSourceFile(
-      `${name}.vue.ts`,
-      scriptContent,
-      ts.ScriptTarget.Latest
-    );
-    let component = null;
-    for (const node of sourceFile.statements) {
-      if (ts.isExportAssignment(node)) {
-        component = extractDefineComponentArgument(node.expression);
-      }
-    }
-    let pjsComponentDeclaration = "const pjs_component = null;";
-    if (component) {
-      pjsComponentDeclaration = ts.createPrinter().printFile(
-        ts.factory.createSourceFile(
-          [
-            ts.factory.createVariableStatement(
-              [],
-              ts.factory.createVariableDeclarationList(
-                [
-                  ts.factory.createVariableDeclaration(
-                    "pjs_component",
-                    void 0,
-                    void 0,
-                    ts.isObjectLiteralExpression(component) ? ts.factory.createAsExpression(
-                      component,
-                      ts.factory.createTypeReferenceNode("const")
-                    ) : component
-                  )
-                ],
-                ts.NodeFlags.Const
-              )
-            )
-          ],
-          ts.factory.createToken(ts.SyntaxKind.EndOfFileToken),
-          0
-        )
-      );
-    }
-    return `
-${scriptContent}
-${pjsComponentDeclaration}
+import{decodePreviewableId as e,generatePreviewableId as t,wrapperPathFor as n}from"@cfp-studio/analyzer-api";import{createAnalyzer as r}from"@cfp-studio/analyzer-api/analyzer";import{ReaderListeners as i,createFileSystemReader as a,createStackedReader as o}from"@cfp-studio/vfs";import s from"path";import c from"url";import{parseSerializableValue as l}from"@cfp-studio/serializable-values";import{extractArgs as u,extractCsf3Stories as d,extractStoriesInfo as f,resolvePreviewableId as p}from"@cfp-studio/storybook-helpers";import{NODE_TYPE as m,UNKNOWN_TYPE as h,dereferenceType as g,helpers as _,intersectionType as v,objectType as y}from"@cfp-studio/type-analyzer";import b from"typescript";import{parse as x}from"@vue/compiler-sfc";function S(e,t){let n=e.sourceFile(t),r=h,i={},a=[];(n?.statements||[]).some(e=>b.isVariableStatement(e)&&e.declarationList.declarations.some(e=>b.isIdentifier(e.name)&&e.name.text===`pjs_component`));for(let t of n?.statements||[])if(b.isTypeAliasDeclaration(t)){if(t.name.text===`PJS_Props`){let n=e.checker.getSymbolAtLocation(t.name),a=n?e.checker.getDeclaredTypeOfSymbol(n):e.checker.getTypeAtLocation(t),o=e.resolveType(a);r=o.type,i=o.collected}else if(t.name.text===`PJS_Slots`){let n=e.checker.getTypeAtLocation(t),r=e.resolveType(n);if(r.type.kind===`name`){let e=r.collected[r.type.name];if(e?.type.kind===`tuple`)for(let t of e.type.items)t.kind===`literal`&&typeof t.value==`string`&&a.push(t.value)}}}return[r]=g(r,i,[]),{props:v([r,y(Object.fromEntries(a.map(e=>[`slot:${e}`,m])))]),types:i}}function C(e){return s.basename(e,s.extname(e))}async function w(n,r,i,a){let o=E(a);if(o){let e=o+`.ts`,a=n.readSync(o);return a?.kind===`file`?[{id:t({filePath:s.relative(i,o),name:C(o)}),sourcePosition:{start:0,end:a.size()},exported:!0,analyze:async()=>S(r,e)}]:[]}let c=r.sourceFile(a);if(!c)return[];let p=[];for(let e of c.statements)if(b.isExportAssignment(e)){if(b.isIdentifier(e.expression))continue;p.push([`default`,e,e.expression])}else if(b.isVariableStatement(e))for(let t of e.declarationList.declarations)!b.isIdentifier(t.name)||!t.initializer||p.push([t.name.text,e,t.initializer]);else if(b.isFunctionDeclaration(e)){let t=!!e.modifiers?.find(e=>e.kind===b.SyntaxKind.ExportKeyword)&&!!e.modifiers?.find(e=>e.kind===b.SyntaxKind.DefaultKeyword),n=e.name?.text;(t||n)&&p.push([n||`default`,e,e])}let m=f(c),g=[],v=_.extractExportedNames(c),y=u(c);async function x(e,t,n){let a=y[n],o=n===`default`||!!v[n];if(m&&a&&o){let t=D(i,r,m.component);return{...e,analyze:async()=>({args:{sourcePosition:{start:a.getStart(),end:a.getEnd()},value:await l(a)}}),associatedComponent:t}}let s=r.checker.getTypeAtLocation(t);for(let t of s.getCallSignatures()){let n=t.getReturnType();if(k(n))return{...e,exported:o,analyze:async()=>({props:h,types:{}})};if(m&&o&&n.getProperty(`template`)){let t=D(i,r,m.component);return{...e,analyze:async()=>({args:null}),associatedComponent:t}}}return null}for(let[e,n,r]of p){let o=await x({id:t({filePath:s.relative(i,a),name:e}),sourcePosition:{start:n.getStart(),end:n.getEnd()}},r,e);o&&g.push(o)}return[...g,...(await d(i,r,c,async t=>{let{filePath:a}=e(t),o=s.join(i,a),c=await w(n,r,i,o),l=o.endsWith(`.vue.ts`)?c[0]:c.find(e=>e.id===t);return!l||!(`exported`in l)?{props:h,types:{}}:l.analyze()})).map(n=>{if(!n.associatedComponent?.id.includes(`.vue.ts:`))return n;let{filePath:r}=e(n.associatedComponent.id),i=T(r);return{...n,associatedComponent:{...n.associatedComponent,id:t({filePath:i,name:C(i)})}}})]}function T(e){return e.substring(0,e.length-3)}function E(e){return e.endsWith(`.vue`)?e:e.endsWith(`.vue.ts`)?e.substring(0,e.length-3):null}function D(n,r,i){let a=p(n,r.checker,i);if(!a)return null;let{filePath:o}=e(a),s=E(o);return s?{id:t({filePath:s,name:C(s)}),analyze:async()=>S(r,s+`.ts`)}:{id:a,analyze:async()=>({props:h,types:{}})}}const O=new Set([`Element`]);function k(e){if(e.isUnion()){for(let t of e.types)if(k(t))return!0}return O.has(e.symbol?.getEscapedName().toString())}function A(e){return new j(e)}var j=class{constructor(e){this.reader=e,this.listeners=new i,e.listeners.add({onChange:(e,t)=>{this.listeners.notify(e,t)}}),this.observe=e.observe?.bind(e)}async read(e){if(e.endsWith(`.vue.ts`)){let t=await this.reader.read(e.substr(0,e.length-3));if(t?.kind!==`file`)return null;let n=s.basename(e);return{kind:`file`,name:n,realPath:async()=>null,lastModifiedMillis:()=>t.lastModifiedMillis(),read:async()=>M(await t.read(),n),size:()=>t.size()}}return this.reader.read(e)}readSync(e){if(e.endsWith(`.vue.ts`)){let t=this.reader.readSync(e.substr(0,e.length-3));if(t?.kind!==`file`)return null;let n=s.basename(e);return{kind:`file`,name:n,realPath:()=>null,lastModifiedMillis:()=>t.lastModifiedMillis(),read:()=>M(t.read(),n),size:()=>t.size()}}let t=this.reader.readSync(e);return t?.kind===`file`&&(t.name.endsWith(`.jsx`)||t.name.endsWith(`.tsx`))?{...t,read:()=>`/// <reference types="@vue/runtime-dom" />\n${t.read()}`}:t}};function M(e,t){let n=x(e),r=`[]`;n.descriptor.template?.ast&&(r=`[${F(n.descriptor.template.ast).map(e=>JSON.stringify(e)).join(`, `)}]`);let i=`type PJS_Slots = ${r};`;if(n.descriptor.scriptSetup){let e=N(n.descriptor.scriptSetup.content,t),r=e?`type PJS_Props = ${e};`:`type PJS_Props = {};`;return`import { defineProps } from '@vue/runtime-core';\n${n.descriptor.scriptSetup.content}\n${r}\nexport default {};${i}`}else if(n.descriptor.script){let e=n.descriptor.script.lang;if(e&&![`js`,`javascript`,`ts`,`typescript`].includes(e))return`export default {}`;let r=n.descriptor.script.content,a=b.createSourceFile(`${t}.vue.ts`,r,b.ScriptTarget.Latest),o=null;for(let e of a.statements)b.isExportAssignment(e)&&(o=P(e.expression));let s=`const pjs_component = null;`;return o&&(s=b.createPrinter().printFile(b.factory.createSourceFile([b.factory.createVariableStatement([],b.factory.createVariableDeclarationList([b.factory.createVariableDeclaration(`pjs_component`,void 0,void 0,b.isObjectLiteralExpression(o)?b.factory.createAsExpression(o,b.factory.createTypeReferenceNode(`const`)):o)],b.NodeFlags.Const))],b.factory.createToken(b.SyntaxKind.EndOfFileToken),0))),`
+${r}
+${s}
 
 import type { PropType as PJS_PropType } from "@vue/runtime-core";
 
@@ -520,137 +22,5 @@ type PJS_CombinedProps<T> = T extends readonly [...any] ? {
 });
 type PJS_ExtractProps<T> = T extends { props: any } ? PJS_CombinedProps<T['props']> : {}
 type PJS_Props = PJS_ExtractProps<typeof pjs_component>;
-${pjsSlotsTypeDeclaration}
-`;
-  } else {
-    return `export default {};${pjsSlotsTypeDeclaration}`;
-  }
-}
-function extractDefineComponentArgument(node) {
-  if (ts.isCallExpression(node) && ts.isIdentifier(node.expression) && node.expression.text === "defineComponent" && node.arguments.length > 0) {
-    return node.arguments[0];
-  }
-  return node;
-}
-function extractSlots(element) {
-  namedSlot:
-    if ("tag" in element && element.tag === "slot") {
-      let slotName = "default";
-      for (const prop of element.props) {
-        if (prop.name === "name" && prop.type === 6 && prop.value) {
-          slotName = prop.value.content;
-        }
-        if (prop.name === "bind" && prop.type === 7 && prop.arg?.type === 4 && prop.arg.content === "name") {
-          break namedSlot;
-        }
-      }
-      return [slotName];
-    }
-  const result = [];
-  for (const child of element.children) {
-    if (child.type === 1) {
-      result.push(...extractSlots(child));
-    }
-  }
-  return result;
-}
-
-const vue3FrameworkPlugin = {
-  info: {
-    apiVersion: 5,
-    name: "@cfp-studio/plugin-vue3"
-  },
-  isCompatible: async (dependencies) => {
-    const version = await dependencies["vue"]?.readInstalledVersion() || await dependencies["nuxt"]?.readInstalledVersion() || await dependencies["nuxt3"]?.readInstalledVersion();
-    if (!version) {
-      return false;
-    }
-    return parseInt(version) === 3;
-  },
-  async create({ rootDir, reader }) {
-    const { default: createVuePlugin } = await import('@vitejs/plugin-vue');
-    const { default: vueJsxPlugin } = await import('@vitejs/plugin-vue-jsx');
-    const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
-    const previewDirPath = path.resolve(__dirname, "..", "preview");
-    const typeAnalyzer = createTypeAnalyzer({
-      rootDir,
-      reader: createStackedReader([
-        createVueTypeScriptReader(reader),
-        createFileSystemReader({
-          mapping: {
-            from: path.join(previewDirPath, "modules"),
-            to: path.join(rootDir, "node_modules")
-          },
-          watch: false
-        })
-      ]),
-      tsCompilerOptions: {
-        types: ["vue/jsx"]
-      }
-    });
-    return {
-      defaultWrapperPath: "__previewjs__/Wrapper.vue",
-      previewDirPath,
-      typeAnalyzer,
-      crawlFiles: async (filePaths) => {
-        const absoluteFilePaths = filePaths.map(
-          (f) => path.isAbsolute(f) ? f : path.join(rootDir, f)
-        );
-        const resolver = typeAnalyzer.analyze(
-          absoluteFilePaths.map((p) => p.endsWith(".vue") ? p + ".ts" : p)
-        );
-        const components = [];
-        const stories = [];
-        for (const absoluteFilePath of absoluteFilePaths) {
-          for (const previewable of await crawlFile(
-            reader,
-            resolver,
-            rootDir,
-            absoluteFilePath
-          )) {
-            if ("exported" in previewable) {
-              components.push(previewable);
-            } else {
-              stories.push(previewable);
-            }
-          }
-        }
-        return {
-          components,
-          stories
-        };
-      },
-      viteConfig: (configuredPlugins) => {
-        return {
-          plugins: [
-            ...configuredPlugins,
-            configuredPlugins.find((plugin) => plugin.name === "vite:vue") ? null : createVuePlugin(),
-            configuredPlugins.find((plugin) => plugin.name.includes("jsx")) ? null : vueJsxPlugin(),
-            {
-              name: "previewjs:optimize-deps",
-              config: () => ({
-                optimizeDeps: {
-                  include: ["vue"]
-                }
-              })
-            }
-          ],
-          esbuild: {
-            banner: `import { h } from 'vue';`,
-            jsxFactory: "h"
-          },
-          resolve: {
-            alias: {
-              vue: "vue/dist/vue.esm-bundler.js"
-            }
-          }
-        };
-      },
-      dispose: () => {
-        typeAnalyzer.dispose();
-      }
-    };
-  }
-};
-
-export { vue3FrameworkPlugin as default };
+${i}
+`}else return`export default {};${i}`}function N(e,t){let n=b.createSourceFile(`${t}.scriptSetup.ts`,e,b.ScriptTarget.Latest,!0),r,i=e=>e.typeArguments&&e.typeArguments.length>0?e.typeArguments[0].getText(n):void 0,a=(e,t)=>b.isCallExpression(e)&&b.isIdentifier(e.expression)&&e.expression.text===t,o=e=>{if(!r){if(a(e,`withDefaults`)&&e.arguments.length>0){let t=e.arguments[0],n=e.arguments[1];if(a(t,`defineProps`)){let e=i(t),a=n&&b.isObjectLiteralExpression(n)?n.properties.map(e=>e.name&&b.isIdentifier(e.name)?e.name.text:void 0).filter(e=>!!e):[];if(e){r=a.length===0?e:`Omit<${e}, ${a.map(e=>JSON.stringify(e)).join(` | `)}> & Partial<Pick<${e}, ${a.map(e=>JSON.stringify(e)).join(` | `)}>>`;return}}}if(a(e,`defineProps`)){let t=i(e);if(t){r=t;return}}b.forEachChild(e,o)}};return o(n),r}function P(e){return b.isCallExpression(e)&&b.isIdentifier(e.expression)&&e.expression.text===`defineComponent`&&e.arguments.length>0?e.arguments[0]:e}function F(e){namedSlot:if(`tag`in e&&e.tag===`slot`){let t=`default`;for(let n of e.props)if(n.name===`name`&&n.type===6&&n.value&&(t=n.value.content),n.name===`bind`&&n.type===7&&n.arg?.type===4&&n.arg.content===`name`)break namedSlot;return[t]}let t=[];for(let n of e.children)n.type===1&&t.push(...F(n));return t}const I={info:{apiVersion:5,name:`@cfp-studio/plugin-vue3`},isCompatible:async e=>{let t=await e.vue?.readInstalledVersion()||await e.nuxt?.readInstalledVersion()||await e.nuxt3?.readInstalledVersion();return t?parseInt(t)===3:!1},async create({rootDir:e,reader:t,logger:i}){let{default:l}=await import(`@vitejs/plugin-vue`),{default:u}=await import(`@vitejs/plugin-vue-jsx`),d=c.fileURLToPath(new URL(`.`,import.meta.url)),f=s.resolve(d,`..`,`preview`);return{...r({typeAnalyzerOptions:({reader:t})=>({reader:o([A(t),a({mapping:{from:s.join(f,`modules`),to:s.join(e,`node_modules`)},watch:!1})]),tsCompilerOptions:{types:[`vue/jsx`]}}),toTypeScriptPath:e=>e.endsWith(`.vue`)?`${e}.ts`:e,crawlFile:({reader:e,resolver:t,rootDir:n,absoluteFilePath:r})=>w(e,t,n,r)})({rootDir:e,reader:t,logger:i}),defaultWrapperPath:n(`vue`),previewDirPath:f,viteConfig:e=>({plugins:[...e,e.find(e=>e.name===`vite:vue`)?null:l(),e.find(e=>e.name.includes(`jsx`))?null:u(),{name:`previewjs:optimize-deps`,config:()=>({optimizeDeps:{include:[`vue`]}})}],esbuild:{banner:`import { h } from 'vue';`,jsxFactory:`h`},resolve:{alias:{vue:`vue/dist/vue.esm-bundler.js`}}})}}};export{I as default};