refactor: native filter

Author: sxzz

package.json

@@ -68,8 +68,7 @@
   "dependencies": {
     "lightningcss": "^1.29.3",
     "magic-string": "^0.30.17",
-    "unplugin": "^2.3.2",
-    "unplugin-utils": "^0.2.4"
+    "unplugin": "^2.3.2"
   },
   "devDependencies": {
     "@sxzz/eslint-config": "^6.1.2",
@@ -93,8 +92,8 @@
   "engines": {
     "node": ">=18.12.0"
   },
-  "prettier": "@sxzz/prettier-config",
   "resolutions": {
     "@types/rollup-plugin-css-only>rollup": "-"
-  }
+  },
+  "prettier": "@sxzz/prettier-config"
 }

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import type { TransformOptions } from 'lightningcss'
-import type { FilterPattern } from 'unplugin-utils'
+import type { FilterPattern } from 'unplugin'
 
 export type Options = {
   include?: FilterPattern

src/core/options.ts

@@ -1,13 +1,11 @@
 import path from 'node:path'
 import { createUnplugin, type UnpluginInstance } from 'unplugin'
-import { createFilter } from 'unplugin-utils'
 import { resolveOption, type Options } from './core/options'
 import { transformCss, transformCssModule } from './core/transform'
 
 const plugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
   (rawOptions = {}) => {
     const options = resolveOption(rawOptions)
-    const filter = createFilter(options.include, options.exclude)
 
     const transformedFiles = new Map<string, string>()
 
@@ -16,27 +14,37 @@ const plugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
       name,
       enforce: options.enforce,
 
-      transformInclude(id) {
-        return filter(id)
-      },
-
       resolveId(id, importer) {
         if (id.endsWith('.module_built.css')) return id
         if (id.endsWith('.module.css')) {
           return `${path.resolve(path.dirname(importer || ''), id)}?css_module`
         }
       },
 
-      transform(code, id) {
-        return transformCss(id, code, options.options)
+      transform: {
+        filter: {
+          id: {
+            include: options.include,
+            exclude: options.exclude,
+          },
+        },
+        handler(code, id) {
+          return transformCss(id, code, options.options)
+        },
       },
 
-      async load(id) {
-        if (id.endsWith('.module_built.css')) {
-          const code = transformedFiles.get(id)!
-          return { id, code }
-        }
-        if (id.endsWith('?css_module')) {
+      load: {
+        filter: {
+          id: {
+            include: [/\.module_built\.css$/, /\?css_module$/],
+          },
+        },
+        async handler(id) {
+          if (id.endsWith('.module_built.css')) {
+            const code = transformedFiles.get(id)!
+            return { id, code }
+          }
+
           const {
             code,
             map,
@@ -48,7 +56,7 @@ const plugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
             code: `import "${compiledId}";\n${exports}`,
             map,
           }
-        }
+        },
       },
     }
   },

src/index.ts

@@ -2,7 +2,6 @@ import { defineConfig } from 'tsdown'
 
 export default defineConfig({
   entry: ['./src/*.ts'],
-  format: ['esm'],
   target: 'node18.12',
   clean: true,
   dts: true,