chore: improve type but so valid in nextjs server mode

Author: sonofmagic

apps/next-app/next.config.js

@@ -1,11 +1,11 @@
-const utwm = require('unplugin-tailwindcss-mangle')
+const { webpackPlugin: utwm } = require('unplugin-tailwindcss-mangle')
 // import utwm from 'unplugin-tailwindcss-mangle'
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   webpack: (config) => {
-    config.plugins.push(utwm.webpack())
+    config.plugins.push(utwm())
     return config
   }
 }

apps/vite-react/vite.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import utwm from 'unplugin-tailwindcss-mangle'
+import { vitePlugin as utwm } from 'unplugin-tailwindcss-mangle'
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), utwm.vite()]
+  plugins: [react(), utwm()]
 })

apps/vite-vue/vite.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import utwm from 'unplugin-tailwindcss-mangle'
+import { vitePlugin as utwm } from 'unplugin-tailwindcss-mangle'
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), utwm.vite()]
+  plugins: [vue(), utwm()]
 })

apps/webpack5-vue3/vue.config.js

@@ -1,8 +1,8 @@
 const { defineConfig } = require('@vue/cli-service')
-const utwm = require('unplugin-tailwindcss-mangle')
+const { webpackPlugin: utwm } = require('unplugin-tailwindcss-mangle')
 module.exports = defineConfig({
   transpileDependencies: true,
   configureWebpack: (config) => {
-    config.plugins.push(utwm.webpack())
+    config.plugins.push(utwm)
   }
 })

packages/tailwindcss-patch/src/patcher.ts

@@ -8,7 +8,7 @@ import { defu } from 'defu'
 import { defaultOptions } from './defaults'
 import { ensureFileContent, requireResolve } from './utils'
 
-export function getInstalledPkgJsonPath(options: PatchOptions) {
+export function getInstalledPkgJsonPath(options: PatchOptions = {}) {
   try {
     // const cwd = process.cwd()
     const tmpJsonPath = requireResolve(`tailwindcss/package.json`, {

packages/unplugin-tailwindcss-mangle/README.md

@@ -54,10 +54,10 @@ npx tw-patch
 // for example: vue vite project
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import utwm from 'unplugin-tailwindcss-mangle'
+import { vitePlugin as utwm } from 'unplugin-tailwindcss-mangle'
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), utwm.vite()]
+  plugins: [vue(), utwm()]
 })
 ```
 
@@ -75,9 +75,12 @@ You will see all class was renamed to `tw-*`
 #### webpack
 
 ```js
-import utwm from 'unplugin-tailwindcss-mangle'
+// esm
+import { webpackPlugin as utwm } from 'unplugin-tailwindcss-mangle'
+// or cjs
+const { webpackPlugin: utwm } = require('unplugin-tailwindcss-mangle')
 // use this webpack plugin
-utwm.webpack()
+utwm()
 ```
 
 ## Notice

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

@@ -1,3 +1,3 @@
-import unplugin from '.'
+import { unplugin } from '.'
 
 export default unplugin.esbuild

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

@@ -9,7 +9,7 @@ import { htmlHandler } from './html'
 import { jsHandler } from './js'
 import { cssHandler } from './css'
 import type { } from 'webpack'
-const unplugin = createUnplugin((options: Options | undefined = {}, meta) => {
+export const unplugin = createUnplugin((options: Options | undefined = {}, meta) => {
 
   const isMangleClass = (className: string) => {
     // ignore className like 'filter','container'
@@ -133,7 +133,10 @@ const unplugin = createUnplugin((options: Options | undefined = {}, meta) => {
     }
   }
 })
-export default unplugin
+
+export const vitePlugin = unplugin.vite
+export const webpackPlugin = unplugin.webpack
+// export default unplugin
 // export const vitePlugin = unplugin.vite
 // export const rollupPlugin = unplugin.rollup
 // export const webpackPlugin = unplugin.webpack

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

@@ -1,5 +1,5 @@
 import type { Options } from './types'
-import unplugin from '.'
+import { unplugin } from '.'
 
 export default function (options: Options = {}, nuxt: any) {
   // install webpack plugin

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

@@ -1,3 +1,3 @@
-import unplugin from '.'
+import { unplugin } from '.'
 
 export default unplugin.rollup