chore: use tsup instead of unbuild

Author: sonofmagic

apps/vite-vue/.tw-patch/tw-class-list.json

@@ -24,6 +24,8 @@
   "before:rounded-full",
   "before:to-transparent",
   "before:w-[480px]",
+  "bg-[#828282]",
+  "bg-[#929292]",
   "bg-[#B91C1C]",
   "bg-gradient-to-b",
   "bg-gradient-to-t",

apps/vite-vue/src/components/HelloWorld.vue

@@ -9,7 +9,7 @@ const count = ref(0)
 <template>
   <h1>{{ msg }}</h1>
 
-  <div class="card">
+  <div class="card bg-[#828282]">
     <button type="button" @click="count++">count is {{ count }}</button>
     <p>
       Edit

apps/vite-vue/src/main.ts

@@ -3,4 +3,6 @@ import './style.css'
 import './index.scss'
 import App from './App.vue'
 
+console.log('bg-[#929292]')
+
 createApp(App).mount('#app')

apps/vite-vue/tailwindcss-mangle.config.ts

@@ -2,6 +2,6 @@ import { defineConfig } from 'tailwindcss-patch'
 
 export default defineConfig({
   mangle: {
-    preserveFunction: ['twMerge']
-  }
+    preserveFunction: ['twMerge'],
+  },
 })

packages/config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailwindcss-mangle/config",
-  "version": "2.2.2",
+  "version": "3.0.0",
   "description": "The config and load function of tailwindcss-mangle",
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
@@ -22,10 +22,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js"
     }
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "typesVersions": {
@@ -40,8 +40,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "unbuild --sourcemap",
-    "build": "unbuild",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest"
   },

packages/config/src/defaults.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defaultMangleClassFilter } from '@tailwindcss-mangle/shared'
 import type { MangleUserConfig, PatchUserConfig, UserConfig } from './types'
 

packages/config/tsconfig.json

@@ -12,4 +12,4 @@
     "src",
     "test"
   ]
-}
+}

packages/config/tsup.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: [
+    'src/index.ts',
+  ], // , 'src/cli.ts'],
+  shims: true,
+  format: ['cjs', 'esm'],
+  clean: true,
+  dts: true,
+})

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailwindcss-mangle/core",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "description": "The core of tailwindcss-mangle",
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
@@ -22,10 +22,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js"
     }
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "typesVersions": {
@@ -40,8 +40,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "unbuild --sourcemap",
-    "build": "unbuild",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest",
     "coverage": "vitest run --coverage"

packages/core/tsup.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: [
+    'src/index.ts',
+  ], // , 'src/cli.ts'],
+  shims: true,
+  format: ['cjs', 'esm'],
+  clean: true,
+  dts: true,
+})

packages/shared/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailwindcss-mangle/shared",
-  "version": "2.2.2",
+  "version": "3.0.0",
   "description": "The shared utils of tailwindcss-mangle",
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
@@ -21,10 +21,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js"
     }
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "typesVersions": {
@@ -39,8 +39,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "unbuild --sourcemap",
-    "build": "unbuild",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest"
   },

packages/shared/src/classGenerator.ts

@@ -59,7 +59,9 @@ class ClassGenerator implements IClassGenerator {
   transformCssClass(className: string): string {
     const key = stripEscapeSequence(className)
     const cn = this.newClassMap[key]
-    if (cn) { return cn.name }
+    if (cn) {
+      return cn.name
+    }
     return className
   }
 
@@ -68,7 +70,9 @@ class ClassGenerator implements IClassGenerator {
 
     original = stripEscapeSequence(original)
     const cn = this.newClassMap[original]
-    if (cn) { return cn }
+    if (cn) {
+      return cn
+    }
 
     let newClassName
     if (opts.customGenerate && typeof opts.customGenerate === 'function') {

packages/shared/tsup.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: [
+    'src/index.ts',
+  ], // , 'src/cli.ts'],
+  shims: true,
+  format: ['cjs', 'esm'],
+  clean: true,
+  dts: true,
+})

packages/tailwindcss-patch/bin/tw-patch.js

@@ -1,7 +1,8 @@
 #!/usr/bin/env node
 const fs = require('node:fs')
 const path = require('node:path')
-const cliPath = path.resolve(__dirname, '../dist/cli.cjs')
+
+const cliPath = path.resolve(__dirname, '../dist/cli.js')
 if (fs.existsSync(cliPath)) {
   require(cliPath)
 }

packages/tailwindcss-patch/package.json

@@ -18,7 +18,8 @@
     "extract",
     "class"
   ],
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "bin": {
     "tw-patch": "bin/tw-patch.js",
@@ -29,8 +30,8 @@
     "dist"
   ],
   "scripts": {
-    "dev": "unbuild --sourcemap",
-    "build": "unbuild",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest",
     "patch": "node bin/tw-patch.js install"

packages/tailwindcss-patch/tsup.config.ts

@@ -5,6 +5,6 @@ export default defineConfig({
   shims: true,
   sourcemap: false,
   clean: true,
-  format: ['cjs'], // , 'esm'
+  format: ['cjs', 'esm'], // , 'esm'
   dts: true,
 })

packages/unplugin-tailwind-merge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-tailwindcss-mangle",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "description": "mangle tailwindcss utilities class plugin. support vite and webpack!",
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",