chore: use splitCode for get defaultExtractor

Author: sonofmagic

packages/unplugin-tailwindcss-mangle/rollup.config.mjs

@@ -13,6 +13,8 @@ export default createRollupConfig({
     {
       dir: 'dist',
       format: 'cjs',
+      exports: 'auto',
+      interop: 'auto',
       // entryFileNames: '[name].cjs',
       // chunkFileNames: '[name]-[hash].cjs',
       sourcemap: isDev,

packages/unplugin-tailwindcss-mangle/src/handlers/js.ts

@@ -3,6 +3,7 @@ import { parse, traverse, generate } from '../lib/babel'
 import type { Node } from '@babel/types'
 import type { TraverseOptions, IJsHandlerOptions } from '../types'
 import { escapeStringRegexp } from '../utils'
+import { splitCode } from './split'
 
 export function jsHandler(rawSource: string, options: IJsHandlerOptions) {
   const ast = parse(rawSource)
@@ -13,7 +14,7 @@ export function jsHandler(rawSource: string, options: IJsHandlerOptions) {
     StringLiteral: {
       enter(p) {
         const n = p.node
-        const arr = n.value.split(/\s/).filter((x) => x)
+        const arr = splitCode(n.value) // .split(/\s/).filter((x) => x)
         let rawStr = n.value
         for (let i = 0; i < arr.length; i++) {
           const v = arr[i]

packages/unplugin-tailwindcss-mangle/src/handlers/split.ts

@@ -0,0 +1,7 @@
+export const validateFilterRE = /[\w\u00A0-\uFFFF-_:%-?]/
+
+export function isValidSelector(selector = ''): selector is string {
+  return validateFilterRE.test(selector)
+}
+
+export const splitCode = (code: string) => [...new Set(code.split(/\\?[\s'"`;={}]+/g))].filter(isValidSelector)

packages/unplugin-tailwindcss-mangle/src/index.ts

@@ -8,7 +8,9 @@ import { getGroupedEntries } from './utils'
 import { OutputAsset, OutputChunk } from 'rollup'
 import ClassGenerator from './classGenerator'
 import { jsHandler } from './handlers/js'
-const unplugin = createUnplugin((options: Options = {}, meta) => {
+
+const preserveClass = ['filter']
+const unplugin = createUnplugin((options: Options | undefined = {}, meta) => {
   let classSet: Set<string>
   let cached: boolean
   const clsGen = new ClassGenerator()
@@ -17,6 +19,9 @@ const unplugin = createUnplugin((options: Options = {}, meta) => {
       return classSet
     }
     const set = getClassCacheSet()
+    preserveClass.forEach((c) => {
+      set.delete(c)
+    })
     classSet = set
     cached = true
     return classSet

packages/unplugin-tailwindcss-mangle/tsconfig.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "dist",
     "declarationDir": "dist",
-    "module": "CommonJS",
     "baseUrl": ".",
     "paths": {
       "@/*": [