feat: replace twMacro with unplugin-ast (RSSNext#1462)

* feat: replace twMacro with unplugin-ast

* fix

Author: sxzz

apps/renderer/vitest.config.ts

@@ -5,7 +5,7 @@ import { fileURLToPath } from "node:url"
 import tsconfigPath from "vite-tsconfig-paths"
 import { defineProject } from "vitest/config"
 
-import { twMacro } from "../../plugins/vite/tw-macro"
+import { astPlugin } from "../../configs/plugins"
 
 const pkg = JSON.parse(readFileSync("package.json", "utf8"))
 const __dirname = fileURLToPath(new URL(".", import.meta.url))
@@ -31,11 +31,9 @@ export default defineProject({
   },
 
   plugins: [
-    twMacro(),
+    astPlugin,
     tsconfigPath({
       projects: ["./tsconfig.json"],
     }),
-
-    twMacro(),
   ],
 })

apps/server/vite.config.mts

@@ -3,8 +3,8 @@ import { resolve } from "node:path"
 import react from "@vitejs/plugin-react"
 import { defineConfig } from "vite"
 
+import { astPlugin } from "../../configs/plugins"
 import { viteRenderBaseConfig } from "../../configs/vite.render.config"
-import { twMacro } from "../../plugins/vite/tw-macro"
 
 export default () => {
   return defineConfig({
@@ -27,7 +27,7 @@ export default () => {
         },
       },
     },
-    plugins: [react(), twMacro()],
+    plugins: [react(), astPlugin],
 
     server: {
       proxy: {

configs/plugins.ts

@@ -0,0 +1,6 @@
+import { RemoveWrapperFunction } from "unplugin-ast/transformers"
+import AST from "unplugin-ast/vite"
+
+export const astPlugin = AST({
+  transformer: [RemoveWrapperFunction(["tw", "defineSettingPageData"])],
+})

configs/vite.render.config.ts

@@ -10,9 +10,9 @@ import type { UserConfig } from "vite"
 import { circularImportRefreshPlugin } from "../plugins/vite/hmr"
 import { customI18nHmrPlugin } from "../plugins/vite/i18n-hmr"
 import { localesPlugin } from "../plugins/vite/locales"
-import { twMacro } from "../plugins/vite/tw-macro"
 import i18nCompleteness from "../plugins/vite/utils/i18n-completeness"
 import { getGitHash } from "../scripts/lib"
+import { astPlugin } from "./plugins"
 
 const pkgDir = resolve(dirname(fileURLToPath(import.meta.url)), "..")
 const pkg = JSON.parse(readFileSync(resolve(pkgDir, "./package.json"), "utf8"))
@@ -68,7 +68,7 @@ export const viteRenderBaseConfig = {
     }),
 
     localesPlugin(),
-    twMacro(),
+    astPlugin,
     customI18nHmrPlugin(),
   ],
   define: {

package.json

@@ -102,6 +102,7 @@
     "tsx": "4.19.2",
     "turbo": "2.2.3",
     "typescript": "5.6.3",
+    "unplugin-ast": "^0.11.0",
     "vite": "^5.4.10",
     "vite-plugin-mkcert": "1.17.6",
     "vite-tsconfig-paths": "5.0.1",