chore: use tsx instead of jiti

Author: sonofmagic

packages/tailwindcss-patch/package.json

@@ -79,11 +79,11 @@
     "cac": "^6.7.14",
     "consola": "^3.2.3",
     "fs-extra": "^11.2.0",
-    "jiti": "^2.3.3",
     "lilconfig": "^3.1.2",
     "pathe": "^1.1.2",
     "postcss": "^8.4.47",
     "resolve": "^1.22.8",
-    "semver": "^7.6.3"
+    "semver": "^7.6.3",
+    "tsx": "^4.19.2"
   }
 }

packages/tailwindcss-patch/src/babel/index.ts

@@ -3,7 +3,7 @@ import _babelTraverse from '@babel/traverse'
 
 export { parse, parseExpression } from '@babel/parser'
 
-function _interopDefaultCompat(e: any) {
+export function _interopDefaultCompat(e: any) {
   return e && typeof e === 'object' && 'default' in e ? e.default : e
 }
 

packages/tailwindcss-patch/src/core/patcher.ts

@@ -1,13 +1,16 @@
 import type { UserConfig } from '../config'
 import type { CacheStrategy, InternalCacheOptions, InternalPatchOptions, PackageInfo, TailwindcssClassCache, TailwindcssPatcherOptions, TailwindcssRuntimeContext } from '../types'
+import { createRequire } from 'node:module'
 import fs from 'fs-extra'
 import path from 'pathe'
 import { getPatchOptions } from '../defaults'
+import logger from '../logger'
 import { getPackageInfoSync, isObject } from '../utils'
 import { CacheManager, getCacheOptions } from './cache'
 import { processTailwindcss } from './postcss'
 import { internalPatch } from './runtime'
 
+const require = createRequire(import.meta.url)
 export class TailwindcssPatcher {
   public rawOptions: TailwindcssPatcherOptions
   public cacheOptions: InternalCacheOptions
@@ -32,7 +35,7 @@ export class TailwindcssPatcher {
         return internalPatch(this.packageInfo?.packageJsonPath, this.patchOptions)
       }
       catch (error) {
-        console.error(`patch tailwindcss failed: ${(<Error>error).message}`)
+        logger.error(`patch tailwindcss failed: ${(<Error>error).message}`)
       }
     }
   }
@@ -61,7 +64,6 @@ export class TailwindcssPatcher {
         }
       }
       if (injectFilePath) {
-        // eslint-disable-next-line ts/no-require-imports
         const mo = require(injectFilePath)
         if (mo.contextRef) {
           return mo.contextRef.value
@@ -130,7 +132,9 @@ export class TailwindcssPatcher {
       if (filename) {
         await fs.ensureDir(path.dirname(filename))
         const classList = [...set]
-        fs.writeFileSync(filename, JSON.stringify(classList, null, loose ? 2 : undefined), 'utf8')
+        await fs.outputJSON(filename, classList, {
+          spaces: loose ? 2 : undefined,
+        })
         return filename
       }
     }

packages/tailwindcss-patch/src/core/postcss.ts

@@ -1,11 +1,12 @@
+import { createRequire } from 'node:module'
 import process from 'node:process'
 import { defu } from '@tailwindcss-mangle/shared'
 import { lilconfig } from 'lilconfig'
 import path from 'pathe'
 import postcss from 'postcss'
-import { jiti } from '../jiti'
 import { requireResolve } from '../utils'
 
+const require = createRequire(import.meta.url)
 export interface ProcessTailwindcssOptions {
   cwd?: string
   config?: string
@@ -19,6 +20,7 @@ export async function processTailwindcss(options: ProcessTailwindcssOptions) {
   // 没有具体指定的话，就走下面的分支
   if (!(typeof config === 'string' && path.isAbsolute(config))) {
     const moduleName = 'tailwind'
+    const tsx = (await import('tsx/cjs/api')).require
     const result = await lilconfig('tailwindcss', {
       searchPlaces: [
         `${moduleName}.config.js`,
@@ -30,12 +32,12 @@ export async function processTailwindcss(options: ProcessTailwindcssOptions) {
       ],
       loaders: {
         // 默认支持 js 和 cjs 2种格式
-        '.js': jiti,
-        '.cjs': jiti,
-        '.mjs': jiti,
-        '.ts': jiti,
-        '.cts': jiti,
-        '.mts': jiti,
+        '.js': tsx,
+        '.cjs': tsx,
+        '.mjs': tsx,
+        '.ts': tsx,
+        '.cts': tsx,
+        '.mts': tsx,
       },
     }).search(cwd)
     if (!result) {
@@ -47,7 +49,6 @@ export async function processTailwindcss(options: ProcessTailwindcssOptions) {
     basedir: cwd,
   })
   return await postcss([
-    // eslint-disable-next-line ts/no-require-imports
     require(id)({
       config,
     }),