fix(unplugin-dts): preserve typeof in static imports

Fixes #485

Author: qmhc

packages/unplugin-dts/src/core/transform.ts

@@ -256,7 +256,13 @@ export function transformCode(options: {
       }
 
       // s.update(node.pos, node.end, ` ${usedType}`)
-      if (ts.isImportTypeNode(parent) && parent.typeArguments && parent.typeArguments[0] === node) {
+      if (node.isTypeOf) {
+        s.update(node.getStart(ast), node.argument.end + 2, 'typeof ')
+      } else if (
+        ts.isImportTypeNode(parent) &&
+        parent.typeArguments &&
+        parent.typeArguments[0] === node
+      ) {
         s.remove(node.pos, node.argument.end + 2)
       } else {
         s.update(node.pos, node.argument.end + 2, ' ')

packages/unplugin-dts/tests/__snapshots__/vue-language-core-compat.spec.ts.snap

@@ -19,12 +19,18 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 
+declare const __VLS_export_2: any;
+
 declare type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];
 } & {};
 
 export declare const App: typeof __VLS_export;
 
+declare const _default: typeof __VLS_export_2;
+
+export declare const notifyFn: (props: InstanceType<typeof _default>["$props"]) => void;
+
 export { }
 ",
   "version": "3.1.5",
@@ -50,6 +56,8 @@ declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 
+declare const __VLS_export_2: any;
+
 declare type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {
@@ -58,6 +66,10 @@ declare type __VLS_PrettifyLocal<T> = (T extends any ? {
 
 export declare const App: typeof __VLS_export;
 
+declare const _default: typeof __VLS_export_2;
+
+export declare const notifyFn: (props: InstanceType<typeof _default>["$props"]) => void;
+
 export { }
 ",
   "version": "3.3.3",

packages/unplugin-dts/tests/transform.spec.ts

@@ -66,6 +66,28 @@ describe('transform tests', () => {
       "import { ServiceConstructor, default as __DTS_DEFAULT_0__ } from './Service';\ndeclare const _default: ServiceConstructor<__DTS_DEFAULT_0__>;",
     )
 
+    expect(
+      transformCode(
+        options('type Props = InstanceType<typeof import("./notification.vue").default>["$props"];'),
+      ).content,
+    ).toEqual(
+      'import { default as __DTS_DEFAULT_0__ } from \'./notification.vue\';\ntype Props = InstanceType<typeof __DTS_DEFAULT_0__>["$props"];',
+    )
+
+    expect(
+      transformCode(options('type Factory = typeof import("./factory").create;')).content,
+    ).toEqual("import { create } from './factory';\ntype Factory = typeof create;")
+
+    expect(
+      transformCode(
+        options(
+          'declare const service: import("./Service").ServiceConstructor<typeof import("./Service").default>;',
+        ),
+      ).content,
+    ).toEqual(
+      "import { ServiceConstructor, default as __DTS_DEFAULT_0__ } from './Service';\ndeclare const service: ServiceConstructor<typeof __DTS_DEFAULT_0__>;",
+    )
+
     expect(
       transformCode(options('import { Type } from "./test";\nconst test: import("./test").Test;'))
         .content,

packages/unplugin-dts/tests/vue-language-core-compat.spec.ts

@@ -49,7 +49,38 @@ function createVueFixture(root: string) {
   )
 
   mkdirSync(resolve(root, 'src'), { recursive: true })
-  writeFileSync(resolve(root, 'src', 'main.ts'), `export { default as App } from './App.vue'\n`)
+  writeFileSync(
+    resolve(root, 'src', 'main.ts'),
+    `import { notify } from './notification'
+
+export { default as App } from './App.vue'
+export const notifyFn = notify.fn
+`,
+  )
+  writeFileSync(
+    resolve(root, 'src', 'notification.ts'),
+    `import Notification from './notification.vue'
+
+export const notify = {
+  fn(props: InstanceType<typeof Notification>['$props']): void {
+    void props.title
+  },
+}
+`,
+  )
+  writeFileSync(
+    resolve(root, 'src', 'notification.vue'),
+    `<script setup lang="ts">
+defineProps<{
+  title: string
+}>()
+</script>
+
+<template>
+  <div>{{ title }}</div>
+</template>
+`,
+  )
   writeFileSync(
     resolve(root, 'src', 'App.vue'),
     `<script setup lang="ts" generic="T extends string">