refactor(plugin): reorg code structure

Author: akinoccc

eslint.config.mjs

@@ -22,6 +22,7 @@ export default antfu(
       'regexp/no-super-linear-backtracking': 'warn',
       'unicorn/prefer-number-properties': 'warn',
       'style/no-mixed-operators': 'warn',
+      'no-case-declarations': 'warn',
     },
   },
 )

packages/plugins/typescript-syntax/__tests__/basic.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 import { normalizeString } from './normalize'
 
 describe('基本语法转换', () => {

packages/plugins/typescript-syntax/__tests__/complex.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 import { normalizeString } from './normalize'
 
 describe('复杂泛型语法转换', () => {

packages/plugins/typescript-syntax/__tests__/edge-cases.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 import { normalizeString } from './normalize'
 
 describe('边缘情况处理', () => {

packages/plugins/typescript-syntax/__tests__/real-world.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 import { normalizeString } from './normalize'
 
 describe('实际使用场景', () => {

packages/plugins/typescript-syntax/__tests__/transform-test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 
 describe('transformStyledSyntax', () => {
   it('应该正确转换styled.tag<Props>模式', () => {

packages/plugins/typescript-syntax/__tests__/transform.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { transformStyledSyntax } from '../src/transform'
+import { transformStyledSyntax } from '../src/ts-transformer'
 
 describe('transformStyledSyntax', () => {
   it('should transform styled.tag<Props> to styled("tag", Props)', () => {

packages/plugins/typescript-syntax/index.ts

@@ -1,6 +1,5 @@
 import type { Plugin } from 'vite'
-import { compileScript, parse } from '@vue/compiler-sfc'
-import { transformStyledSyntax } from './src/transform'
+import { transformStyledSyntax } from './src/ts-transformer'
 import { transformVueSFC } from './src/vue-transformer'
 
 export interface VueStyledComponentsTypescriptSyntaxOptions {
@@ -43,19 +42,8 @@ export default function vueStyledComponentsTypescriptSyntax(
       // 对.vue文件进行特殊处理
       if (id.endsWith('.vue')) {
         try {
-          // 使用@vue/compiler-sfc解析Vue文件
-          const { descriptor } = parse(code)
-
-          // 如果没有script块，则不需要转换
-          if (!descriptor.script && !descriptor.scriptSetup) {
-            return null
-          }
-
-          // 编译script，获取内容和位置信息
-          const scriptBlock = compileScript(descriptor, { id })
-
           // 调用专门的Vue SFC转换函数（基于AST实现）
-          return transformVueSFC(code, id, descriptor, scriptBlock)
+          return transformVueSFC(code, id)
         }
         catch (error) {
           console.error('处理Vue文件失败:', error)

packages/plugins/typescript-syntax/src/index.ts

@@ -0,0 +1,80 @@
+import type { Plugin } from 'vite'
+import type { LogLevel } from './utils'
+import { transformStyledSyntax } from './ts-transformer'
+import { setConfig, setLogLevel } from './utils'
+import { transformVueSFC } from './vue-transformer'
+
+/**
+ * 插件选项
+ */
+export interface PluginOptions {
+  /**
+   * 是否启用调试模式
+   * @default false
+   */
+  debug?: boolean
+
+  /**
+   * 日志级别
+   * @default 'error'
+   */
+  logLevel?: 'error' | 'warn' | 'info' | 'debug' | 'none'
+
+  /**
+   * 是否启用类型缓存
+   * @default true
+   */
+  enableCache?: boolean
+
+  /**
+   * 其他配置选项
+   */
+  [key: string]: any
+}
+
+/**
+ * Vue Styled Components TypeScript 语法插件
+ * @param options 插件配置选项
+ */
+export default function typescriptSyntaxPlugin(options: PluginOptions = {}): Plugin {
+  const {
+    debug = false,
+    logLevel = 'error',
+    enableCache = true,
+    ...otherOptions
+  } = options
+
+  // 初始化配置
+  setConfig({
+    debug,
+    enableCache,
+    strictTypeChecking: true,
+    optimizeAstTransform: true,
+    enablePerfTracking: debug,
+    logLevel: logLevel as LogLevel,
+    maxCacheItems: 100,
+  })
+
+  // 设置日志级别
+  setLogLevel(logLevel as LogLevel)
+
+  // 返回 Vite 插件配置
+  return {
+    name: 'vue-styled-components:typescript-syntax',
+    enforce: 'pre',
+
+    transform(code, id) {
+      // 处理 Vue 单文件组件
+      if (id.endsWith('.vue')) {
+        return transformVueSFC(code, id)
+      }
+
+      // 处理 TypeScript 文件
+      if (id.endsWith('.ts') || id.endsWith('.tsx')) {
+        return transformStyledSyntax(code, id)
+      }
+
+      return null
+    },
+  }
+}