chore: bump version

Author: sonofmagic

.changeset/wide-bobcats-know.md

@@ -0,0 +1,5 @@
+---
+"tailwindcss-patch": patch
+---
+
+feat: add filter option for PatchOptions

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

@@ -22,14 +22,15 @@ export class TailwindcssPatcher {
   public cacheManager: CacheManager
   public packageInfo: PackageInfo
   public majorVersion?: number
+  public filter?: (className: string) => boolean
 
   constructor(options: TailwindcssPatcherOptions = {}) {
     this.rawOptions = options
     this.cacheOptions = getCacheOptions(options.cache)
     this.patchOptions = getPatchOptions(options.patch)
 
     this.cacheManager = new CacheManager(this.cacheOptions)
-
+    this.filter = this.patchOptions.filter
     const packageInfo = getPackageInfoSync(
       this.patchOptions.packageName ?? 'tailwindcss',
       this.patchOptions.resolve,
@@ -132,7 +133,7 @@ export class TailwindcssPatcher {
             }),
           })
           for (const candidate of candidates) {
-            classSet.add(candidate)
+            this.filter?.(candidate) && classSet.add(candidate)
           }
         }
       }
@@ -148,7 +149,7 @@ export class TailwindcssPatcher {
           }),
         })
         for (const candidate of candidates) {
-          classSet.add(candidate)
+          this.filter?.(candidate) && classSet.add(candidate)
         }
       }
     }
@@ -162,7 +163,7 @@ export class TailwindcssPatcher {
           if (output?.removeUniversalSelector && v === '*') {
             continue
           }
-          classSet.add(v)
+          this.filter?.(v) && classSet.add(v)
         }
       }
     }

packages/tailwindcss-patch/src/defaults.ts

@@ -1,15 +1,16 @@
-import type { DeepRequired, InternalPatchOptions, PatchOptions } from './types'
+import type { InternalPatchOptions, PatchOptions } from './types'
 import process from 'node:process'
 import { defu } from '@tailwindcss-mangle/shared'
 
-export function getDefaultPatchOptions(): DeepRequired<PatchOptions> {
+export function getDefaultPatchOptions() {
   return {
     packageName: 'tailwindcss',
     applyPatches: {
       exportContext: true,
       extendLengthUnits: false,
     },
     overwrite: true,
+    filter: () => true,
   }
 }
 

packages/tailwindcss-patch/src/types.ts

@@ -37,6 +37,7 @@ export interface PatchOptions extends PatchUserConfig {
     exportContext?: boolean
     extendLengthUnits?: boolean | ILengthUnitsPatchOptions
   }
+  filter?: (className: string) => boolean
 }
 
 export interface InternalPatchOptions extends PatchOptions {

packages/tailwindcss-patch/test/__snapshots__/defaults.test.ts.snap

@@ -6,6 +6,7 @@ exports[`defaults > getDefaultPatchOptions 1`] = `
     "exportContext": true,
     "extendLengthUnits": false,
   },
+  "filter": [Function],
   "overwrite": true,
   "packageName": "tailwindcss",
 }

packages/tailwindcss-patch/test/tw-patcher.test.ts

@@ -5,17 +5,19 @@ import { getCss, getTestCase } from './utils'
 describe('class', () => {
   it('default', async () => {
     // const dir = path.resolve(__dirname, './fixtures/cache')
-    const twPatcher = new TailwindcssPatcher()
+    const twPatcher = new TailwindcssPatcher({
+      patch: {
+        output: {
+          removeUniversalSelector: false,
+        },
+      },
+    })
     expect(twPatcher.cacheOptions.enable).toBe(false)
     twPatcher.patch()
     await getCss([getTestCase('hello-world.html')])
     const ctxs = twPatcher.getContexts()
     expect(ctxs.length).toBe(1)
-    const set = await twPatcher.getClassSet({
-      output: {
-        removeUniversalSelector: false,
-      },
-    })
+    const set = await twPatcher.getClassSet()
     expect(set.size).toBeGreaterThan(0)
     expect(set.size).toBe(4)
   })
@@ -48,13 +50,17 @@ describe('class', () => {
   })
 
   it('multiple time process sources', async () => {
-    const twPatcher = new TailwindcssPatcher()
+    const twPatcher = new TailwindcssPatcher({
+      patch: {
+        output: {
+          removeUniversalSelector: false,
+        },
+      },
+    })
     await getCss(['text-[100px]'])
     let ctxs = twPatcher.getContexts()
     expect(ctxs.length).toBe(1)
-    let set = await twPatcher.getClassSet({
-      removeUniversalSelector: false,
-    })
+    let set = await twPatcher.getClassSet()
     expect(set.size).toBeGreaterThan(0)
     expect(set.size).toBe(2)
     expect(set.has('text-[100px]')).toBe(true)
@@ -64,9 +70,7 @@ describe('class', () => {
     await getCss(['text-[99px]'])
     ctxs = twPatcher.getContexts()
     expect(ctxs.length).toBe(1)
-    set = await twPatcher.getClassSet({
-      removeUniversalSelector: false,
-    })
+    set = await twPatcher.getClassSet()
     expect(set.size).toBeGreaterThan(0)
     expect(set.size).toBe(2)
     expect(set.has('text-[99px]')).toBe(true)
@@ -75,21 +79,49 @@ describe('class', () => {
   })
 
   it('wxml process sources', async () => {
-    const twPatcher = new TailwindcssPatcher()
+    const twPatcher = new TailwindcssPatcher({
+      patch: {
+        output: {
+          removeUniversalSelector: false,
+        },
+      },
+    })
     twPatcher.patch()
     await getCss([`<view class="bg-[#7d7ac2] text-[100px] text-[#123456] {{true?'h-[30px]':'h-[45px]'}}">111</view>`])
     const ctxs = twPatcher.getContexts()
     expect(ctxs.length).toBe(1)
-    const set = await twPatcher.getClassSet({
-      removeUniversalSelector: false,
-    })
+    const set = await twPatcher.getClassSet()
     expect(set.size).toBeGreaterThan(0)
     expect(set.size).toBe(6)
     expect(set.has('text-[100px]')).toBe(true)
     expect(set.has('h-[30px]')).toBe(true)
     expect(set.has('h-[45px]')).toBe(true)
   })
 
+  it('wxml process sources filter', async () => {
+    const twPatcher = new TailwindcssPatcher({
+      patch: {
+        output: {
+          removeUniversalSelector: false,
+        },
+        filter(className) {
+          return className.includes('text-[100px]') || className.includes('h-[')
+        },
+      },
+    })
+    twPatcher.patch()
+    await getCss([`<view class="bg-[#7d7ac2] text-[100px] text-[#123456] {{true?'h-[30px]':'h-[45px]'}}">111</view>`])
+    const ctxs = twPatcher.getContexts()
+    expect(ctxs.length).toBe(1)
+    const set = await twPatcher.getClassSet()
+    expect(set.size).toBeGreaterThan(0)
+    expect(set.size).toBe(3)
+    expect(set.has('text-[100px]')).toBe(true)
+    expect(set.has('h-[30px]')).toBe(true)
+    expect(set.has('h-[45px]')).toBe(true)
+    expect(set.has('bg-[#7d7ac2]')).toBe(false)
+  })
+
   it('extract', async () => {
     const twPatcher = new TailwindcssPatcher()
     const filename = await twPatcher.extract()