chore: add shared utils deps

Author: sonofmagic

package.json

@@ -16,6 +16,7 @@
     "lint": "pnpm run -r lint",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "preinstall": "npx only-allow pnpm",
+    "release": "bumpp -r",
     "sync": "cnpm sync tailwindcss-patch unplugin-tailwindcss-mangle tailwindcss-mangle-core"
   },
   "devDependencies": {
@@ -25,6 +26,7 @@
     "@tsconfig/recommended": "^1.0.2",
     "@types/jest": "^29.5.1",
     "@types/node": "^20.1.3",
+    "bumpp": "^9.1.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.40.0",
     "jest": "^29.5.0",

packages/unplugin-tailwindcss-mangle/package.json

@@ -71,7 +71,8 @@
     "micromatch": "^4.0.5",
     "tailwindcss-mangle-core": "workspace:^",
     "tailwindcss-patch": "workspace:^",
-    "unplugin": "^1.3.1"
+    "unplugin": "^1.3.1",
+    "tailwindcss-mangle-shared": "workspace:^"
   },
   "publishConfig": {
     "access": "public",

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

@@ -1,12 +1,12 @@
 import type { Options, ClassSetOutputOptions, ClassMapOutputOptions } from './types'
 import { TailwindcssPatcher } from 'tailwindcss-patch'
 import { ClassGenerator } from 'tailwindcss-mangle-core'
-import { createGlobMatcher, isMangleClass, cacheDump } from './utils'
+import { createGlobMatcher, defaultMangleClassFilter, cacheDump } from './utils'
 
 export function getOptions(options: Options | undefined = {}) {
   const includeMatcher = createGlobMatcher(options.include, true)
   const excludeMatcher = createGlobMatcher(options.exclude, false)
-
+  const currentMangleClassFilter = options.mangleClassFilter ?? defaultMangleClassFilter
   function isInclude(file: string) {
     return includeMatcher(file) && !excludeMatcher(file)
   }
@@ -38,7 +38,7 @@ export function getOptions(options: Options | undefined = {}) {
       cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir)
     }
     set.forEach((c) => {
-      if (!isMangleClass(c)) {
+      if (!currentMangleClassFilter(c)) {
         set.delete(c)
       }
     })

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

@@ -30,6 +30,7 @@ export interface ClassMapOutputOptions {
   dir?: string
 }
 export interface Options {
+  mangleClassFilter?: (className: string) => boolean
   classGenerator?: IClassGeneratorOptions
   exclude?: string[]
   include?: string[]

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

@@ -3,39 +3,10 @@ import fs from 'fs'
 import path from 'path'
 
 import { pluginName } from './constants'
+import { defaultMangleClassFilter, groupBy, isMap, isRegexp } from 'tailwindcss-mangle-shared'
 const { isMatch } = micromatch
 
-export const isMangleClass = (className: string) => {
-  // ignore className like 'filter','container'
-  // it may be dangerous to mangle/rename all StringLiteral , so use /-/ test for only those with /-/ like:
-  // bg-[#123456] w-1 etc...
-  return /[-:]/.test(className)
-}
-
-export function groupBy<T>(arr: T[], cb: (arg: T) => string): Record<string, T[]> {
-  if (!Array.isArray(arr)) {
-    throw new Error('expected an array for first argument')
-  }
-
-  if (typeof cb !== 'function') {
-    throw new Error('expected a function for second argument')
-  }
-
-  const result: Record<string, T[]> = {}
-  for (let i = 0; i < arr.length; i++) {
-    const item = arr[i]
-    const bucketCategory = cb(item)
-    const bucket = result[bucketCategory]
-
-    if (!Array.isArray(bucket)) {
-      result[bucketCategory] = [item]
-    } else {
-      result[bucketCategory].push(item)
-    }
-  }
-
-  return result
-}
+export { defaultMangleClassFilter, isMap, isRegexp }
 
 export function getGroupedEntries<T>(
   entries: [string, T][],
@@ -78,14 +49,6 @@ export function getGroupedEntries<T>(
   return groupedEntries as Record<'css' | 'html' | 'js' | 'other', [string, T][]>
 }
 
-export function isRegexp(value: unknown) {
-  return Object.prototype.toString.call(value) === '[object RegExp]'
-}
-
-export function isMap(value: unknown) {
-  return Object.prototype.toString.call(value) === '[object Map]'
-}
-
 export function createGlobMatcher(pattern: string | string[] | undefined, fallbackValue: boolean = false) {
   if (typeof pattern === 'undefined') {
     return function (file: string) {