unplugin-tailwindcss-mangle 2.0.2 → 2.0.6

package/README.md

@@ -16,6 +16,7 @@ It is recommended to read the documentation of [tailwindcss-patch](https://githu
     - [5. Register this plugin](#5-register-this-plugin)
       - [vite](#vite)
       - [webpack](#webpack)
+      - [Nuxt 3](#nuxt-3)
   - [Options](#options)
   - [Notice](#notice)
   - [Migration form v1 to v2](#migration-form-v1-to-v2)
@@ -111,6 +112,29 @@ module.exports = defineConfig({
 
 ```
 
+#### Nuxt 3
+
+```ts
+import nuxtPlugin from 'unplugin-tailwindcss-mangle/nuxt'
+export default defineNuxtConfig({
+  //...
+  // https://github.com/nuxt/nuxt/issues/20428
+  // you must set this option to false to enable vite extract css
+  experimental: {
+    inlineSSRStyles: false
+  },
+  modules: [
+    [
+      nuxtPlugin,
+      {
+        // options
+      }
+    ]
+  ]
+})
+
+```
+
 ## Options
 
 [types.ts]('./src/types.ts')

package/dist/esbuild.cjs

@@ -6,9 +6,11 @@ require('node:path');
 require('@tailwindcss-mangle/shared');
 require('@tailwindcss-mangle/config');
 require('fast-sort');
-require('@tailwindcss-mangle/core');
+require('node:fs/promises');
 require('micromatch');
 require('unplugin');
+require('@tailwindcss-mangle/core');
+require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
 
 const esbuild = index.esbuild;
 

package/dist/esbuild.d.ts

@@ -1,7 +1,6 @@
 import * as esbuild from 'esbuild';
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import * as _tailwindcss_mangle_config_index from '@tailwindcss-mangle/config/index';
 
-declare const _default: (options?: Options | undefined) => esbuild.Plugin;
+declare const _default: (options: _tailwindcss_mangle_config_index.MangleUserConfig) => esbuild.Plugin;
 
 export { _default as default };

package/dist/esbuild.mjs

@@ -4,9 +4,11 @@ import 'node:path';
 import '@tailwindcss-mangle/shared';
 import '@tailwindcss-mangle/config';
 import 'fast-sort';
-import '@tailwindcss-mangle/core';
+import 'node:fs/promises';
 import 'micromatch';
 import 'unplugin';
+import '@tailwindcss-mangle/core';
+import './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
 
 const esbuild = unplugin.esbuild;
 

package/dist/index.cjs

@@ -1,19 +1,20 @@
 'use strict';
 
+const path = require('node:path');
+const fs$1 = require('node:fs/promises');
 const unplugin$1 = require('unplugin');
+const core = require('@tailwindcss-mangle/core');
 const fs = require('node:fs');
-const path = require('node:path');
 const shared = require('@tailwindcss-mangle/shared');
 const config = require('@tailwindcss-mangle/config');
 const fastSort = require('fast-sort');
-const core = require('@tailwindcss-mangle/core');
-const micromatch = require('micromatch');
+const utils = require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
+require('micromatch');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
+const fs__default$1 = /*#__PURE__*/_interopDefaultCompat(fs$1);
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
-const path__default = /*#__PURE__*/_interopDefaultCompat(path);
-const micromatch__default = /*#__PURE__*/_interopDefaultCompat(micromatch);
 
 function isObject(value) {
   return value !== null && typeof value === "object";
@@ -57,189 +58,87 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const pluginName = "unplugin-tailwindcss-mangle";
-
-const { isMatch } = micromatch__default;
-function getGroupedEntries(entries, options = {
-  cssMatcher(file) {
-    return /\.css$/.test(file);
-  },
-  htmlMatcher(file) {
-    return /\.html?$/.test(file);
-  },
-  jsMatcher(file) {
-    return /\.[cm]?js$/.test(file);
-  }
-}) {
-  const { cssMatcher, htmlMatcher, jsMatcher } = options;
-  const groupedEntries = shared.groupBy(entries, ([file]) => {
-    if (cssMatcher(file)) {
-      return "css";
-    } else if (htmlMatcher(file)) {
-      return "html";
-    } else if (jsMatcher(file)) {
-      return "js";
-    } else {
-      return "other";
+class Context {
+  constructor(opts) {
+    this.options = defu(opts, config.getDefaultMangleUserConfig());
+    this.classSet = /* @__PURE__ */ new Set();
+    this.replaceMap = /* @__PURE__ */ new Map();
+    this.includeMatcher = utils.createGlobMatcher(this.options.include, true);
+    this.excludeMatcher = utils.createGlobMatcher(this.options.exclude, false);
+    this.classGenerator = new shared.ClassGenerator(this.options.classGenerator);
+  }
+  mergeOptions(opts) {
+    this.options = defu(this.options, opts);
+    this.includeMatcher = utils.createGlobMatcher(this.options.include, true);
+    this.excludeMatcher = utils.createGlobMatcher(this.options.exclude, false);
+    this.classGenerator = new shared.ClassGenerator(this.options.classGenerator);
+  }
+  isInclude(file) {
+    return this.includeMatcher(file) && !this.excludeMatcher(file);
+  }
+  currentMangleClassFilter(className) {
+    return (this.options.mangleClassFilter ?? shared.defaultMangleClassFilter)(className);
+  }
+  getClassSet() {
+    return this.classSet;
+  }
+  getReplaceMap() {
+    return this.replaceMap;
+  }
+  addToUsedBy(key, file) {
+    const hit = this.classGenerator.newClassMap[key];
+    if (hit) {
+      hit.usedBy.add(file);
     }
-  });
-  if (!groupedEntries.css) {
-    groupedEntries.css = [];
-  }
-  if (!groupedEntries.html) {
-    groupedEntries.html = [];
-  }
-  if (!groupedEntries.js) {
-    groupedEntries.js = [];
-  }
-  if (!groupedEntries.other) {
-    groupedEntries.other = [];
-  }
-  return groupedEntries;
-}
-function createGlobMatcher(pattern, fallbackValue = false) {
-  if (pattern === void 0) {
-    return function() {
-      return fallbackValue;
-    };
-  }
-  return function(file) {
-    return isMatch(file, pattern);
-  };
-}
-function getCacheDir(basedir = process.cwd()) {
-  return path__default.resolve(basedir, "node_modules/.cache", pluginName);
-}
-function mkCacheDirectory(cwd = process.cwd()) {
-  const cacheDirectory = getCacheDir(cwd);
-  const exists = fs__default.existsSync(cacheDirectory);
-  if (!exists) {
-    fs__default.mkdirSync(cacheDirectory, {
-      recursive: true
-    });
   }
-  return cacheDirectory;
-}
-function cacheDump(filename, data, basedir) {
-  try {
-    const dir = mkCacheDirectory(basedir);
-    fs__default.writeFileSync(path__default.resolve(dir, filename), JSON.stringify([...data], void 0, 2), "utf8");
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-function getOptions(opts = {}) {
-  const {
-    include,
-    exclude,
-    disabled,
-    mangleClassFilter,
-    classMapOutput,
-    classGenerator: classGeneratorOptions,
-    classListPath: _classListPath
-  } = defu(opts, {
-    include: ["**/*.{js,jsx,ts,tsx,svelte,vue}"],
-    exclude: ["**/*.{css,scss,less,sass,postcss,html,htm}"],
-    disabled: process.env.NODE_ENV === "development"
-  });
-  const includeMatcher = createGlobMatcher(include, true);
-  const excludeMatcher = createGlobMatcher(exclude, false);
-  const currentMangleClassFilter = mangleClassFilter ?? shared.defaultMangleClassFilter;
-  function isInclude(file) {
-    return includeMatcher(file) && !excludeMatcher(file);
-  }
-  const classSet = /* @__PURE__ */ new Set();
-  const replaceMap = /* @__PURE__ */ new Map();
-  let userConfig = config.getDefaultUserConfig();
-  const classMapOutputOptions = {
-    filename: "classMap.json"
-  };
-  if (typeof classMapOutput === "object") {
-    Object.assign(classMapOutputOptions, classMapOutput);
-  }
-  const classGenerator = new shared.ClassGenerator(classGeneratorOptions);
-  function getCachedClassSet() {
-    return classSet;
-  }
-  function getReplaceMap() {
-    return replaceMap;
-  }
-  async function initConfig() {
+  async initConfig() {
     const { config: config$1 } = await config.getConfig();
-    userConfig = config$1;
-    let classListPath = "";
-    if (userConfig) {
-      classListPath = path.resolve(process.cwd(), userConfig.patch?.output?.filename);
-    }
-    if (_classListPath) {
-      classListPath = _classListPath;
-    }
-    if (classListPath && fs__default.existsSync(classListPath)) {
-      const rawClassList = fs__default.readFileSync(classListPath, "utf8");
+    const mangleConfig = config$1?.mangle;
+    this.mergeOptions(mangleConfig);
+    const jsonPath = this.options.classListPath ?? path.resolve(process.cwd(), config$1?.patch?.output?.filename);
+    if (jsonPath && fs__default.existsSync(jsonPath)) {
+      const rawClassList = fs__default.readFileSync(jsonPath, "utf8");
       const list = JSON.parse(rawClassList);
       const classList = fastSort.sort(list).desc((c) => c.length);
       for (const className of classList) {
-        if (currentMangleClassFilter(className)) {
-          classSet.add(className);
+        if (this.currentMangleClassFilter(className)) {
+          this.classSet.add(className);
         }
       }
     }
-    for (const cls of classSet) {
-      classGenerator.generateClassName(cls);
+    for (const cls of this.classSet) {
+      this.classGenerator.generateClassName(cls);
     }
-    for (const x of Object.entries(classGenerator.newClassMap)) {
-      replaceMap.set(x[0], x[1].name);
+    for (const x of Object.entries(this.classGenerator.newClassMap)) {
+      this.replaceMap.set(x[0], x[1].name);
     }
     return config$1;
   }
-  function addToUsedBy(key, file) {
-    const hit = classGenerator.newClassMap[key];
-    if (hit) {
-      hit.usedBy.add(file);
-    }
-  }
-  return {
-    getCachedClassSet,
-    classGenerator,
-    includeMatcher,
-    excludeMatcher,
-    isInclude,
-    classMapOutputOptions,
-    initConfig,
-    getReplaceMap,
-    addToUsedBy,
-    disabled,
-    htmlHandler: core.htmlHandler,
-    cssHandler: core.cssHandler,
-    jsHandler: core.jsHandler,
-    preProcessJs: core.preProcessJs
-  };
 }
 
 const unplugin = unplugin$1.createUnplugin((options = {}) => {
-  const { isInclude, initConfig, getReplaceMap, classGenerator, addToUsedBy, classMapOutputOptions, disabled, htmlHandler, cssHandler, jsHandler, preProcessJs } = getOptions(options);
-  if (disabled) {
+  const ctx = new Context(options);
+  if (ctx.options.disabled) {
     return {
-      name: pluginName
+      name: utils.pluginName
     };
   }
   return {
-    name: pluginName,
+    name: utils.pluginName,
     enforce: "pre",
     async buildStart() {
-      await initConfig();
+      await ctx.initConfig();
     },
     transformInclude(id) {
-      return isInclude(id);
+      return ctx.isInclude(id);
     },
     transform(code, id) {
-      const replaceMap = getReplaceMap();
-      if (id.endsWith(".js") || id.endsWith(".ts") || id.endsWith(".tsx") || id.endsWith(".jsx")) {
-        const str = preProcessJs({
+      const replaceMap = ctx.getReplaceMap();
+      if (/\.[jt]sx?$/.test(id)) {
+        const str = core.preProcessJs({
           code,
           replaceMap,
-          addToUsedBy,
+          addToUsedBy: ctx.addToUsedBy.bind(ctx),
           id
         });
         return str;
@@ -253,15 +152,15 @@ const unplugin = unplugin$1.createUnplugin((options = {}) => {
     vite: {
       generateBundle: {
         async handler(options2, bundle) {
-          const replaceMap = getReplaceMap();
-          const groupedEntries = getGroupedEntries(Object.entries(bundle));
+          const replaceMap = ctx.getReplaceMap();
+          const groupedEntries = utils.getGroupedEntries(Object.entries(bundle));
           if (Array.isArray(groupedEntries.css) && groupedEntries.css.length > 0) {
             for (let i = 0; i < groupedEntries.css.length; i++) {
               const [file, cssSource] = groupedEntries.css[i];
-              const { css } = await cssHandler(cssSource.source.toString(), {
+              const { css } = await core.cssHandler(cssSource.source.toString(), {
                 file,
                 replaceMap,
-                classGenerator
+                classGenerator: ctx.classGenerator
               });
               cssSource.source = css;
             }
@@ -272,21 +171,21 @@ const unplugin = unplugin$1.createUnplugin((options = {}) => {
     webpack(compiler) {
       const { Compilation, sources } = compiler.webpack;
       const { ConcatSource } = sources;
-      compiler.hooks.compilation.tap(pluginName, (compilation) => {
+      compiler.hooks.compilation.tap(utils.pluginName, (compilation) => {
         compilation.hooks.processAssets.tapPromise(
           {
-            name: pluginName,
+            name: utils.pluginName,
             stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
           },
           async (assets) => {
-            const replaceMap = getReplaceMap();
-            const groupedEntries = getGroupedEntries(Object.entries(assets));
+            const replaceMap = ctx.getReplaceMap();
+            const groupedEntries = utils.getGroupedEntries(Object.entries(assets));
             if (groupedEntries.js.length > 0) {
               for (let i = 0; i < groupedEntries.js.length; i++) {
                 const [file, chunk] = groupedEntries.js[i];
-                const code = jsHandler(chunk.source().toString(), {
+                const code = core.jsHandler(chunk.source().toString(), {
                   replaceMap,
-                  classGenerator
+                  classGenerator: ctx.classGenerator
                 }).code;
                 if (code) {
                   const source = new ConcatSource(code);
@@ -297,10 +196,10 @@ const unplugin = unplugin$1.createUnplugin((options = {}) => {
             if (groupedEntries.css.length > 0) {
               for (let i = 0; i < groupedEntries.css.length; i++) {
                 const [file, cssSource] = groupedEntries.css[i];
-                const { css } = await cssHandler(cssSource.source().toString(), {
+                const { css } = await core.cssHandler(cssSource.source().toString(), {
                   replaceMap,
                   file,
-                  classGenerator
+                  classGenerator: ctx.classGenerator
                 });
                 const source = new ConcatSource(css);
                 compilation.updateAsset(file, source);
@@ -309,8 +208,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}) => {
             if (groupedEntries.html.length > 0) {
               for (let i = 0; i < groupedEntries.html.length; i++) {
                 const [file, asset] = groupedEntries.html[i];
-                const html = htmlHandler(asset.source().toString(), {
-                  classGenerator,
+                const html = core.htmlHandler(asset.source().toString(), {
+                  classGenerator: ctx.classGenerator,
                   replaceMap
                 });
                 const source = new ConcatSource(html);
@@ -321,20 +220,29 @@ const unplugin = unplugin$1.createUnplugin((options = {}) => {
         );
       });
     },
-    writeBundle() {
-      const entries = Object.entries(classGenerator.newClassMap);
-      if (entries.length > 0 && classMapOutputOptions) {
-        cacheDump(
-          classMapOutputOptions.filename,
-          entries.map((x) => {
-            return {
-              origin: x[0],
-              replacement: x[1].name,
-              usedBy: [...x[1].usedBy]
-            };
-          }),
-          classMapOutputOptions.dir
-        );
+    async writeBundle() {
+      if (ctx.options.classMapOutput?.enable) {
+        const opts = ctx.options.classMapOutput;
+        const entries = Object.entries(ctx.classGenerator.newClassMap);
+        if (entries.length > 0 && opts) {
+          await utils.ensureDir(path.dirname(opts.filename));
+          await fs__default$1.writeFile(
+            opts.filename,
+            JSON.stringify(
+              entries.map((x) => {
+                return {
+                  origin: x[0],
+                  replacement: x[1].name,
+                  usedBy: [...x[1].usedBy]
+                };
+              }),
+              null,
+              2
+            ),
+            "utf8"
+          );
+          console.log(`\u2728 ${opts.filename} generated!`);
+        }
       }
     }
   };

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import * as _unplugin from 'unplugin';
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import { MangleUserConfig } from '@tailwindcss-mangle/config';
 
-declare const unplugin: _unplugin.UnpluginInstance<Options | undefined, boolean>;
+declare const unplugin: _unplugin.UnpluginInstance<MangleUserConfig, boolean>;
 
 export { unplugin as default };

package/dist/index.mjs

@@ -1,11 +1,13 @@
+import { resolve, dirname } from 'node:path';
+import fs$1 from 'node:fs/promises';
 import { createUnplugin } from 'unplugin';
+import { preProcessJs, cssHandler, jsHandler, htmlHandler } from '@tailwindcss-mangle/core';
 import fs from 'node:fs';
-import path, { resolve } from 'node:path';
-import { groupBy, ClassGenerator, defaultMangleClassFilter } from '@tailwindcss-mangle/shared';
-import { getDefaultUserConfig, getConfig } from '@tailwindcss-mangle/config';
+import { ClassGenerator, defaultMangleClassFilter } from '@tailwindcss-mangle/shared';
+import { getDefaultMangleUserConfig, getConfig } from '@tailwindcss-mangle/config';
 import { sort } from 'fast-sort';
-import { htmlHandler, cssHandler, jsHandler, preProcessJs } from '@tailwindcss-mangle/core';
-import micromatch from 'micromatch';
+import { c as createGlobMatcher, p as pluginName, g as getGroupedEntries, e as ensureDir } from './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
+import 'micromatch';
 
 function isObject(value) {
   return value !== null && typeof value === "object";
@@ -49,169 +51,67 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const pluginName = "unplugin-tailwindcss-mangle";
-
-const { isMatch } = micromatch;
-function getGroupedEntries(entries, options = {
-  cssMatcher(file) {
-    return /\.css$/.test(file);
-  },
-  htmlMatcher(file) {
-    return /\.html?$/.test(file);
-  },
-  jsMatcher(file) {
-    return /\.[cm]?js$/.test(file);
-  }
-}) {
-  const { cssMatcher, htmlMatcher, jsMatcher } = options;
-  const groupedEntries = groupBy(entries, ([file]) => {
-    if (cssMatcher(file)) {
-      return "css";
-    } else if (htmlMatcher(file)) {
-      return "html";
-    } else if (jsMatcher(file)) {
-      return "js";
-    } else {
-      return "other";
+class Context {
+  constructor(opts) {
+    this.options = defu(opts, getDefaultMangleUserConfig());
+    this.classSet = /* @__PURE__ */ new Set();
+    this.replaceMap = /* @__PURE__ */ new Map();
+    this.includeMatcher = createGlobMatcher(this.options.include, true);
+    this.excludeMatcher = createGlobMatcher(this.options.exclude, false);
+    this.classGenerator = new ClassGenerator(this.options.classGenerator);
+  }
+  mergeOptions(opts) {
+    this.options = defu(this.options, opts);
+    this.includeMatcher = createGlobMatcher(this.options.include, true);
+    this.excludeMatcher = createGlobMatcher(this.options.exclude, false);
+    this.classGenerator = new ClassGenerator(this.options.classGenerator);
+  }
+  isInclude(file) {
+    return this.includeMatcher(file) && !this.excludeMatcher(file);
+  }
+  currentMangleClassFilter(className) {
+    return (this.options.mangleClassFilter ?? defaultMangleClassFilter)(className);
+  }
+  getClassSet() {
+    return this.classSet;
+  }
+  getReplaceMap() {
+    return this.replaceMap;
+  }
+  addToUsedBy(key, file) {
+    const hit = this.classGenerator.newClassMap[key];
+    if (hit) {
+      hit.usedBy.add(file);
     }
-  });
-  if (!groupedEntries.css) {
-    groupedEntries.css = [];
-  }
-  if (!groupedEntries.html) {
-    groupedEntries.html = [];
-  }
-  if (!groupedEntries.js) {
-    groupedEntries.js = [];
-  }
-  if (!groupedEntries.other) {
-    groupedEntries.other = [];
-  }
-  return groupedEntries;
-}
-function createGlobMatcher(pattern, fallbackValue = false) {
-  if (pattern === void 0) {
-    return function() {
-      return fallbackValue;
-    };
-  }
-  return function(file) {
-    return isMatch(file, pattern);
-  };
-}
-function getCacheDir(basedir = process.cwd()) {
-  return path.resolve(basedir, "node_modules/.cache", pluginName);
-}
-function mkCacheDirectory(cwd = process.cwd()) {
-  const cacheDirectory = getCacheDir(cwd);
-  const exists = fs.existsSync(cacheDirectory);
-  if (!exists) {
-    fs.mkdirSync(cacheDirectory, {
-      recursive: true
-    });
-  }
-  return cacheDirectory;
-}
-function cacheDump(filename, data, basedir) {
-  try {
-    const dir = mkCacheDirectory(basedir);
-    fs.writeFileSync(path.resolve(dir, filename), JSON.stringify([...data], void 0, 2), "utf8");
-  } catch (error) {
-    console.log(error);
   }
-}
-
-function getOptions(opts = {}) {
-  const {
-    include,
-    exclude,
-    disabled,
-    mangleClassFilter,
-    classMapOutput,
-    classGenerator: classGeneratorOptions,
-    classListPath: _classListPath
-  } = defu(opts, {
-    include: ["**/*.{js,jsx,ts,tsx,svelte,vue}"],
-    exclude: ["**/*.{css,scss,less,sass,postcss,html,htm}"],
-    disabled: process.env.NODE_ENV === "development"
-  });
-  const includeMatcher = createGlobMatcher(include, true);
-  const excludeMatcher = createGlobMatcher(exclude, false);
-  const currentMangleClassFilter = mangleClassFilter ?? defaultMangleClassFilter;
-  function isInclude(file) {
-    return includeMatcher(file) && !excludeMatcher(file);
-  }
-  const classSet = /* @__PURE__ */ new Set();
-  const replaceMap = /* @__PURE__ */ new Map();
-  let userConfig = getDefaultUserConfig();
-  const classMapOutputOptions = {
-    filename: "classMap.json"
-  };
-  if (typeof classMapOutput === "object") {
-    Object.assign(classMapOutputOptions, classMapOutput);
-  }
-  const classGenerator = new ClassGenerator(classGeneratorOptions);
-  function getCachedClassSet() {
-    return classSet;
-  }
-  function getReplaceMap() {
-    return replaceMap;
-  }
-  async function initConfig() {
+  async initConfig() {
     const { config } = await getConfig();
-    userConfig = config;
-    let classListPath = "";
-    if (userConfig) {
-      classListPath = resolve(process.cwd(), userConfig.patch?.output?.filename);
-    }
-    if (_classListPath) {
-      classListPath = _classListPath;
-    }
-    if (classListPath && fs.existsSync(classListPath)) {
-      const rawClassList = fs.readFileSync(classListPath, "utf8");
+    const mangleConfig = config?.mangle;
+    this.mergeOptions(mangleConfig);
+    const jsonPath = this.options.classListPath ?? resolve(process.cwd(), config?.patch?.output?.filename);
+    if (jsonPath && fs.existsSync(jsonPath)) {
+      const rawClassList = fs.readFileSync(jsonPath, "utf8");
       const list = JSON.parse(rawClassList);
       const classList = sort(list).desc((c) => c.length);
       for (const className of classList) {
-        if (currentMangleClassFilter(className)) {
-          classSet.add(className);
+        if (this.currentMangleClassFilter(className)) {
+          this.classSet.add(className);
         }
       }
     }
-    for (const cls of classSet) {
-      classGenerator.generateClassName(cls);
+    for (const cls of this.classSet) {
+      this.classGenerator.generateClassName(cls);
     }
-    for (const x of Object.entries(classGenerator.newClassMap)) {
-      replaceMap.set(x[0], x[1].name);
+    for (const x of Object.entries(this.classGenerator.newClassMap)) {
+      this.replaceMap.set(x[0], x[1].name);
     }
     return config;
   }
-  function addToUsedBy(key, file) {
-    const hit = classGenerator.newClassMap[key];
-    if (hit) {
-      hit.usedBy.add(file);
-    }
-  }
-  return {
-    getCachedClassSet,
-    classGenerator,
-    includeMatcher,
-    excludeMatcher,
-    isInclude,
-    classMapOutputOptions,
-    initConfig,
-    getReplaceMap,
-    addToUsedBy,
-    disabled,
-    htmlHandler,
-    cssHandler,
-    jsHandler,
-    preProcessJs
-  };
 }
 
 const unplugin = createUnplugin((options = {}) => {
-  const { isInclude, initConfig, getReplaceMap, classGenerator, addToUsedBy, classMapOutputOptions, disabled, htmlHandler, cssHandler, jsHandler, preProcessJs } = getOptions(options);
-  if (disabled) {
+  const ctx = new Context(options);
+  if (ctx.options.disabled) {
     return {
       name: pluginName
     };
@@ -220,18 +120,18 @@ const unplugin = createUnplugin((options = {}) => {
     name: pluginName,
     enforce: "pre",
     async buildStart() {
-      await initConfig();
+      await ctx.initConfig();
     },
     transformInclude(id) {
-      return isInclude(id);
+      return ctx.isInclude(id);
     },
     transform(code, id) {
-      const replaceMap = getReplaceMap();
-      if (id.endsWith(".js") || id.endsWith(".ts") || id.endsWith(".tsx") || id.endsWith(".jsx")) {
+      const replaceMap = ctx.getReplaceMap();
+      if (/\.[jt]sx?$/.test(id)) {
         const str = preProcessJs({
           code,
           replaceMap,
-          addToUsedBy,
+          addToUsedBy: ctx.addToUsedBy.bind(ctx),
           id
         });
         return str;
@@ -245,7 +145,7 @@ const unplugin = createUnplugin((options = {}) => {
     vite: {
       generateBundle: {
         async handler(options2, bundle) {
-          const replaceMap = getReplaceMap();
+          const replaceMap = ctx.getReplaceMap();
           const groupedEntries = getGroupedEntries(Object.entries(bundle));
           if (Array.isArray(groupedEntries.css) && groupedEntries.css.length > 0) {
             for (let i = 0; i < groupedEntries.css.length; i++) {
@@ -253,7 +153,7 @@ const unplugin = createUnplugin((options = {}) => {
               const { css } = await cssHandler(cssSource.source.toString(), {
                 file,
                 replaceMap,
-                classGenerator
+                classGenerator: ctx.classGenerator
               });
               cssSource.source = css;
             }
@@ -271,14 +171,14 @@ const unplugin = createUnplugin((options = {}) => {
             stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
           },
           async (assets) => {
-            const replaceMap = getReplaceMap();
+            const replaceMap = ctx.getReplaceMap();
             const groupedEntries = getGroupedEntries(Object.entries(assets));
             if (groupedEntries.js.length > 0) {
               for (let i = 0; i < groupedEntries.js.length; i++) {
                 const [file, chunk] = groupedEntries.js[i];
                 const code = jsHandler(chunk.source().toString(), {
                   replaceMap,
-                  classGenerator
+                  classGenerator: ctx.classGenerator
                 }).code;
                 if (code) {
                   const source = new ConcatSource(code);
@@ -292,7 +192,7 @@ const unplugin = createUnplugin((options = {}) => {
                 const { css } = await cssHandler(cssSource.source().toString(), {
                   replaceMap,
                   file,
-                  classGenerator
+                  classGenerator: ctx.classGenerator
                 });
                 const source = new ConcatSource(css);
                 compilation.updateAsset(file, source);
@@ -302,7 +202,7 @@ const unplugin = createUnplugin((options = {}) => {
               for (let i = 0; i < groupedEntries.html.length; i++) {
                 const [file, asset] = groupedEntries.html[i];
                 const html = htmlHandler(asset.source().toString(), {
-                  classGenerator,
+                  classGenerator: ctx.classGenerator,
                   replaceMap
                 });
                 const source = new ConcatSource(html);
@@ -313,20 +213,29 @@ const unplugin = createUnplugin((options = {}) => {
         );
       });
     },
-    writeBundle() {
-      const entries = Object.entries(classGenerator.newClassMap);
-      if (entries.length > 0 && classMapOutputOptions) {
-        cacheDump(
-          classMapOutputOptions.filename,
-          entries.map((x) => {
-            return {
-              origin: x[0],
-              replacement: x[1].name,
-              usedBy: [...x[1].usedBy]
-            };
-          }),
-          classMapOutputOptions.dir
-        );
+    async writeBundle() {
+      if (ctx.options.classMapOutput?.enable) {
+        const opts = ctx.options.classMapOutput;
+        const entries = Object.entries(ctx.classGenerator.newClassMap);
+        if (entries.length > 0 && opts) {
+          await ensureDir(dirname(opts.filename));
+          await fs$1.writeFile(
+            opts.filename,
+            JSON.stringify(
+              entries.map((x) => {
+                return {
+                  origin: x[0],
+                  replacement: x[1].name,
+                  usedBy: [...x[1].usedBy]
+                };
+              }),
+              null,
+              2
+            ),
+            "utf8"
+          );
+          console.log(`\u2728 ${opts.filename} generated!`);
+        }
       }
     }
   };

package/dist/nuxt.cjs

@@ -6,16 +6,18 @@ require('node:path');
 require('@tailwindcss-mangle/shared');
 require('@tailwindcss-mangle/config');
 require('fast-sort');
-require('@tailwindcss-mangle/core');
+require('node:fs/promises');
 require('micromatch');
 require('unplugin');
+require('@tailwindcss-mangle/core');
+require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
 
 function nuxt(options = {}, nuxt) {
-  nuxt.hook("webpack:config", async (config) => {
+  nuxt.hook("webpack:config", (config) => {
     config.plugins = config.plugins || [];
     config.plugins.unshift(index.webpack(options));
   });
-  nuxt.hook("vite:extendConfig", async (config) => {
+  nuxt.hook("vite:extendConfig", (config) => {
     config.plugins = config.plugins || [];
     config.plugins.push(index.vite(options));
   });

package/dist/nuxt.d.ts

@@ -1,6 +1,5 @@
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import { MangleUserConfig } from '@tailwindcss-mangle/config';
 
-declare function export_default(options: Options | undefined, nuxt: any): void;
+declare function export_default(options: MangleUserConfig | undefined, nuxt: any): void;
 
 export { export_default as default };

package/dist/nuxt.mjs

@@ -4,16 +4,18 @@ import 'node:path';
 import '@tailwindcss-mangle/shared';
 import '@tailwindcss-mangle/config';
 import 'fast-sort';
-import '@tailwindcss-mangle/core';
+import 'node:fs/promises';
 import 'micromatch';
 import 'unplugin';
+import '@tailwindcss-mangle/core';
+import './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
 
 function nuxt(options = {}, nuxt) {
-  nuxt.hook("webpack:config", async (config) => {
+  nuxt.hook("webpack:config", (config) => {
     config.plugins = config.plugins || [];
     config.plugins.unshift(unplugin.webpack(options));
   });
-  nuxt.hook("vite:extendConfig", async (config) => {
+  nuxt.hook("vite:extendConfig", (config) => {
     config.plugins = config.plugins || [];
     config.plugins.push(unplugin.vite(options));
   });

package/dist/rollup.cjs

@@ -6,9 +6,11 @@ require('node:path');
 require('@tailwindcss-mangle/shared');
 require('@tailwindcss-mangle/config');
 require('fast-sort');
-require('@tailwindcss-mangle/core');
+require('node:fs/promises');
 require('micromatch');
 require('unplugin');
+require('@tailwindcss-mangle/core');
+require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
 
 const rollup = index.rollup;
 

package/dist/rollup.d.ts

@@ -1,7 +1,6 @@
 import * as rollup from 'rollup';
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import * as _tailwindcss_mangle_config_index from '@tailwindcss-mangle/config/index';
 
-declare const _default: (options?: Options | undefined) => rollup.Plugin | rollup.Plugin[];
+declare const _default: (options: _tailwindcss_mangle_config_index.MangleUserConfig) => rollup.Plugin | rollup.Plugin[];
 
 export { _default as default };

package/dist/rollup.mjs

@@ -4,9 +4,11 @@ import 'node:path';
 import '@tailwindcss-mangle/shared';
 import '@tailwindcss-mangle/config';
 import 'fast-sort';
-import '@tailwindcss-mangle/core';
+import 'node:fs/promises';
 import 'micromatch';
 import 'unplugin';
+import '@tailwindcss-mangle/core';
+import './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
 
 const rollup = unplugin.rollup;
 

package/dist/shared/unplugin-tailwindcss-mangle.bbd58ece.mjs

@@ -0,0 +1,69 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import micromatch from 'micromatch';
+import { groupBy } from '@tailwindcss-mangle/shared';
+
+const pluginName = "unplugin-tailwindcss-mangle";
+
+const { isMatch } = micromatch;
+function getGroupedEntries(entries, options = {
+  cssMatcher(file) {
+    return /\.css$/.test(file);
+  },
+  htmlMatcher(file) {
+    return /\.html?$/.test(file);
+  },
+  jsMatcher(file) {
+    return /\.[cm]?js$/.test(file);
+  }
+}) {
+  const { cssMatcher, htmlMatcher, jsMatcher } = options;
+  const groupedEntries = groupBy(entries, ([file]) => {
+    if (cssMatcher(file)) {
+      return "css";
+    } else if (htmlMatcher(file)) {
+      return "html";
+    } else if (jsMatcher(file)) {
+      return "js";
+    } else {
+      return "other";
+    }
+  });
+  if (!groupedEntries.css) {
+    groupedEntries.css = [];
+  }
+  if (!groupedEntries.html) {
+    groupedEntries.html = [];
+  }
+  if (!groupedEntries.js) {
+    groupedEntries.js = [];
+  }
+  if (!groupedEntries.other) {
+    groupedEntries.other = [];
+  }
+  return groupedEntries;
+}
+function createGlobMatcher(pattern, fallbackValue = false) {
+  if (pattern === void 0) {
+    return function() {
+      return fallbackValue;
+    };
+  }
+  return function(file) {
+    return isMatch(file, pattern);
+  };
+}
+function getCacheDir(basedir = process.cwd()) {
+  return path.resolve(basedir, "node_modules/.cache", pluginName);
+}
+async function ensureDir(p) {
+  try {
+    await fs.access(p);
+  } catch {
+    await fs.mkdir(p, {
+      recursive: true
+    });
+  }
+}
+
+export { getCacheDir as a, createGlobMatcher as c, ensureDir as e, getGroupedEntries as g, pluginName as p };

package/dist/shared/unplugin-tailwindcss-mangle.e90953c3.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const micromatch = require('micromatch');
+const shared = require('@tailwindcss-mangle/shared');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
+const path__default = /*#__PURE__*/_interopDefaultCompat(path);
+const micromatch__default = /*#__PURE__*/_interopDefaultCompat(micromatch);
+
+const pluginName = "unplugin-tailwindcss-mangle";
+
+const { isMatch } = micromatch__default;
+function getGroupedEntries(entries, options = {
+  cssMatcher(file) {
+    return /\.css$/.test(file);
+  },
+  htmlMatcher(file) {
+    return /\.html?$/.test(file);
+  },
+  jsMatcher(file) {
+    return /\.[cm]?js$/.test(file);
+  }
+}) {
+  const { cssMatcher, htmlMatcher, jsMatcher } = options;
+  const groupedEntries = shared.groupBy(entries, ([file]) => {
+    if (cssMatcher(file)) {
+      return "css";
+    } else if (htmlMatcher(file)) {
+      return "html";
+    } else if (jsMatcher(file)) {
+      return "js";
+    } else {
+      return "other";
+    }
+  });
+  if (!groupedEntries.css) {
+    groupedEntries.css = [];
+  }
+  if (!groupedEntries.html) {
+    groupedEntries.html = [];
+  }
+  if (!groupedEntries.js) {
+    groupedEntries.js = [];
+  }
+  if (!groupedEntries.other) {
+    groupedEntries.other = [];
+  }
+  return groupedEntries;
+}
+function createGlobMatcher(pattern, fallbackValue = false) {
+  if (pattern === void 0) {
+    return function() {
+      return fallbackValue;
+    };
+  }
+  return function(file) {
+    return isMatch(file, pattern);
+  };
+}
+function getCacheDir(basedir = process.cwd()) {
+  return path__default.resolve(basedir, "node_modules/.cache", pluginName);
+}
+async function ensureDir(p) {
+  try {
+    await fs__default.access(p);
+  } catch {
+    await fs__default.mkdir(p, {
+      recursive: true
+    });
+  }
+}
+
+exports.createGlobMatcher = createGlobMatcher;
+exports.ensureDir = ensureDir;
+exports.getCacheDir = getCacheDir;
+exports.getGroupedEntries = getGroupedEntries;
+exports.pluginName = pluginName;

package/dist/utils.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+require('node:fs/promises');
+require('node:path');
+require('micromatch');
+const shared = require('@tailwindcss-mangle/shared');
+const utils = require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
+
+
+
+exports.defaultMangleClassFilter = shared.defaultMangleClassFilter;
+exports.isMap = shared.isMap;
+exports.isRegexp = shared.isRegexp;
+exports.createGlobMatcher = utils.createGlobMatcher;
+exports.ensureDir = utils.ensureDir;
+exports.getCacheDir = utils.getCacheDir;
+exports.getGroupedEntries = utils.getGroupedEntries;

package/dist/utils.d.ts

@@ -0,0 +1,12 @@
+export { defaultMangleClassFilter, isMap, isRegexp } from '@tailwindcss-mangle/shared';
+
+declare function getGroupedEntries<T>(entries: [string, T][], options?: {
+    cssMatcher(file: string): boolean;
+    htmlMatcher(file: string): boolean;
+    jsMatcher(file: string): boolean;
+}): Record<"css" | "html" | "js" | "other", [string, T][]>;
+declare function createGlobMatcher(pattern: string | string[] | undefined, fallbackValue?: boolean): (file: string) => boolean;
+declare function getCacheDir(basedir?: string): string;
+declare function ensureDir(p: string): Promise<void>;
+
+export { createGlobMatcher, ensureDir, getCacheDir, getGroupedEntries };

package/dist/utils.mjs

@@ -0,0 +1,5 @@
+import 'node:fs/promises';
+import 'node:path';
+import 'micromatch';
+export { defaultMangleClassFilter, isMap, isRegexp } from '@tailwindcss-mangle/shared';
+export { c as createGlobMatcher, e as ensureDir, a as getCacheDir, g as getGroupedEntries } from './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';

package/dist/vite.cjs

@@ -6,9 +6,11 @@ require('node:path');
 require('@tailwindcss-mangle/shared');
 require('@tailwindcss-mangle/config');
 require('fast-sort');
-require('@tailwindcss-mangle/core');
+require('node:fs/promises');
 require('micromatch');
 require('unplugin');
+require('@tailwindcss-mangle/core');
+require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
 
 const vite = index.vite;
 

package/dist/vite.d.ts

@@ -1,7 +1,6 @@
 import * as vite from 'vite';
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import * as _tailwindcss_mangle_config_index from '@tailwindcss-mangle/config/index';
 
-declare const _default: (options?: Options | undefined) => vite.Plugin | vite.Plugin[];
+declare const _default: (options: _tailwindcss_mangle_config_index.MangleUserConfig) => vite.Plugin | vite.Plugin[];
 
 export { _default as default };

package/dist/vite.mjs

@@ -4,9 +4,11 @@ import 'node:path';
 import '@tailwindcss-mangle/shared';
 import '@tailwindcss-mangle/config';
 import 'fast-sort';
-import '@tailwindcss-mangle/core';
+import 'node:fs/promises';
 import 'micromatch';
 import 'unplugin';
+import '@tailwindcss-mangle/core';
+import './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
 
 const vite = unplugin.vite;
 

package/dist/webpack.cjs

@@ -6,9 +6,11 @@ require('node:path');
 require('@tailwindcss-mangle/shared');
 require('@tailwindcss-mangle/config');
 require('fast-sort');
-require('@tailwindcss-mangle/core');
+require('node:fs/promises');
 require('micromatch');
 require('unplugin');
+require('@tailwindcss-mangle/core');
+require('./shared/unplugin-tailwindcss-mangle.e90953c3.cjs');
 
 const webpack = index.webpack;
 

package/dist/webpack.d.ts

@@ -1,7 +1,6 @@
 import * as webpack from 'webpack';
-import { O as Options } from './types-3f814672.js';
-import '@tailwindcss-mangle/shared';
+import * as _tailwindcss_mangle_config_index from '@tailwindcss-mangle/config/index';
 
-declare const _default: (options?: Options | undefined) => webpack.WebpackPluginInstance;
+declare const _default: (options: _tailwindcss_mangle_config_index.MangleUserConfig) => webpack.WebpackPluginInstance;
 
 export { _default as default };

package/dist/webpack.mjs

@@ -4,9 +4,11 @@ import 'node:path';
 import '@tailwindcss-mangle/shared';
 import '@tailwindcss-mangle/config';
 import 'fast-sort';
-import '@tailwindcss-mangle/core';
+import 'node:fs/promises';
 import 'micromatch';
 import 'unplugin';
+import '@tailwindcss-mangle/core';
+import './shared/unplugin-tailwindcss-mangle.bbd58ece.mjs';
 
 const webpack = unplugin.webpack;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-tailwindcss-mangle",
-  "version": "2.0.2",
+  "version": "2.0.6",
   "description": "mangle tailwindcss utilities class plugin. support vite and webpack!",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -36,6 +36,11 @@
       "require": "./dist/nuxt.cjs",
       "import": "./dist/nuxt.mjs"
     },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "require": "./dist/utils.cjs",
+      "import": "./dist/utils.mjs"
+    },
     "./*": "./*"
   },
   "typesVersions": {
@@ -63,9 +68,9 @@
     "fast-sort": "^3.4.0",
     "micromatch": "^4.0.5",
     "unplugin": "^1.4.0",
-    "@tailwindcss-mangle/config": "^1.0.1",
-    "@tailwindcss-mangle/core": "^2.0.2",
-    "@tailwindcss-mangle/shared": "^2.0.0"
+    "@tailwindcss-mangle/config": "^2.0.4",
+    "@tailwindcss-mangle/core": "^2.0.6",
+    "@tailwindcss-mangle/shared": "^2.0.4"
   },
   "publishConfig": {
     "access": "public",
@@ -83,7 +88,7 @@
     "vite": "^4.4.9",
     "webpack": "^5.88.2",
     "webpack-build-utils": "^0.0.4",
-    "tailwindcss-patch": "^2.0.3"
+    "tailwindcss-patch": "^2.0.4"
   },
   "homepage": "https://github.com/sonofmagic/tailwindcss-mangle",
   "repository": {
@@ -92,7 +97,7 @@
   },
   "scripts": {
     "build": "unbuild",
-    "test": "vitest run",
+    "test": "vitest run --coverage.enabled",
     "test:dev": "vitest"
   }
 }

package/dist/types-3f814672.d.ts

@@ -1,17 +0,0 @@
-import { IClassGeneratorOptions } from '@tailwindcss-mangle/shared';
-
-interface ClassMapOutputOptions {
-    filename: string;
-    dir?: string;
-}
-interface Options {
-    mangleClassFilter?: (className: string) => boolean;
-    classGenerator?: IClassGeneratorOptions;
-    exclude?: string[];
-    include?: string[];
-    classListPath?: string;
-    classMapOutput?: boolean | ClassMapOutputOptions;
-    disabled?: boolean;
-}
-
-export { Options as O };