unplugin-tailwindcss-mangle 0.1.3 → 1.2.1

package/README.md

@@ -105,11 +105,13 @@ custom class generator, if you want to custom class name (default 'tw-*'), use t
 ```js
 export interface IClassGeneratorOptions {
   reserveClassName?: (string | RegExp)[]
+  // custom generate class name
   customGenerate?: (original: string, opts: IClassGeneratorOptions, context: Record<string, any>) => string | undefined
   log?: boolean
   exclude?: (string | RegExp)[]
   include?: (string | RegExp)[]
   ignoreClass?: (string | RegExp)[]
+  // default 'tw-',for example: tw-a,tw-b, you can set any you want, like '','ice-'
   classPrefix?: string
 }
 ```

package/dist/esbuild.js

@@ -2,16 +2,11 @@
 
 var index = require('./index.js');
 require('unplugin');
-require('./index-2edd594b.js');
-require('@babel/types');
-require('@babel/core');
 require('micromatch');
 require('fs');
 require('path');
-require('parse5');
-require('./index-c8e1bdc5.js');
-require('postcss');
-require('postcss-selector-parser');
+require('tailwindcss-mangle-shared');
+require('tailwindcss-mangle-core');
 require('tailwindcss-patch');
 
 var esbuild = index.unplugin.esbuild;

package/dist/esbuild.mjs

@@ -1,15 +1,10 @@
 import { unplugin } from './index.mjs';
 import 'unplugin';
-import './index-92f879d3.mjs';
-import '@babel/types';
-import '@babel/core';
 import 'micromatch';
 import 'fs';
 import 'path';
-import 'parse5';
-import './index-b715a07f.mjs';
-import 'postcss';
-import 'postcss-selector-parser';
+import 'tailwindcss-mangle-shared';
+import 'tailwindcss-mangle-core';
 import 'tailwindcss-patch';
 
 var esbuild = unplugin.esbuild;

package/dist/index.js

@@ -3,238 +3,99 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var unplugin$1 = require('unplugin');
-var index = require('./index-2edd594b.js');
-var parse5 = require('parse5');
-var index$1 = require('./index-c8e1bdc5.js');
-var path = require('path');
+var micromatch = require('micromatch');
 var fs = require('fs');
+var path = require('path');
+var tailwindcssMangleShared = require('tailwindcss-mangle-shared');
+var tailwindcssMangleCore = require('tailwindcss-mangle-core');
 var tailwindcssPatch = require('tailwindcss-patch');
-require('@babel/types');
-require('@babel/core');
-require('micromatch');
-require('postcss');
-require('postcss-selector-parser');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var path__default = /*#__PURE__*/_interopDefault(path);
+var micromatch__default = /*#__PURE__*/_interopDefault(micromatch);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
 
-({
-    HTML: parse5.html.NS.HTML,
-    XML: parse5.html.NS.XML,
-    MATHML: parse5.html.NS.MATHML,
-    SVG: parse5.html.NS.SVG,
-    XLINK: parse5.html.NS.XLINK,
-    XMLNS: parse5.html.NS.XMLNS
-});
-
-/**
- * Determines if a given node is a document or not
- * @param {Node} node Node to test
- * @return {boolean}
- */
-function isDocument(node) {
-    return node.nodeName === '#document';
-}
-/**
- * Determines if a given node is a document fragment or not
- * @param {Node} node Node to test
- * @return {boolean}
- */
-function isDocumentFragment(node) {
-    return node.nodeName === '#document-fragment';
-}
-/**
- * Determines if a given node is a template node or not
- * @param {Node} node Node to test
- * @return {boolean}
- */
-function isTemplateNode(node) {
-    return node.nodeName === 'template';
-}
-const isElementNode = parse5.defaultTreeAdapter.isElementNode;
-const isCommentNode = parse5.defaultTreeAdapter.isCommentNode;
-const isDocumentTypeNode = parse5.defaultTreeAdapter.isDocumentTypeNode;
-const isTextNode = parse5.defaultTreeAdapter.isTextNode;
-/**
- * Determines if a given node is a parent or not
- * @param {Node} node Node to test
- * @return {boolean}
- */
-function isParentNode(node) {
-    return (isDocument(node) ||
-        isDocumentFragment(node) ||
-        isElementNode(node) ||
-        isTemplateNode(node));
-}
-
-parse5.defaultTreeAdapter.appendChild;
+const pluginName = 'unplugin-tailwindcss-mangle';
 
-/**
- * Traverses the tree of a given node
- * @param {Node} node Node to traverse
- * @param {Visitor} visitor Visitor to apply
- * @param {ParentNode=} parent Parent node of the current node
- * @return {void}
- */
-function traverse(node, visitor, parent) {
-    const shouldVisitChildren = typeof visitor['pre:node'] !== 'function' ||
-        visitor['pre:node'](node, parent) !== false;
-    if (shouldVisitChildren && isParentNode(node)) {
-        for (const child of node.childNodes) {
-            traverse(child, visitor, node);
-        }
-    }
-    if (typeof visitor.node === 'function') {
-        visitor.node(node, parent);
+const { isMatch } = micromatch__default["default"];
+function getGroupedEntries(entries, options = {
+    cssMatcher(file) {
+        return /\.css$/.test(file);
+    },
+    htmlMatcher(file) {
+        return /\.html?$/.test(file);
+    },
+    jsMatcher(file) {
+        return /\.[cm]?js$/.test(file);
     }
-    if (typeof visitor.document === 'function' && isDocument(node)) {
-        visitor.document(node);
-    }
-    if (typeof visitor.documentFragment === 'function' &&
-        isDocumentFragment(node)) {
-        visitor.documentFragment(node, parent);
-    }
-    if (typeof visitor.element === 'function' && isElementNode(node)) {
-        visitor.element(node, parent);
-    }
-    if (typeof visitor.template === 'function' && isTemplateNode(node)) {
-        visitor.template(node, parent);
-    }
-    if (typeof visitor.comment === 'function' && isCommentNode(node)) {
-        visitor.comment(node, parent);
-    }
-    if (typeof visitor.text === 'function' && isTextNode(node)) {
-        visitor.text(node, parent);
-    }
-    if (typeof visitor.documentType === 'function' && isDocumentTypeNode(node)) {
-        visitor.documentType(node, parent);
-    }
-}
-
-function htmlHandler(rawSource, options) {
-    const { runtimeSet, classGenerator } = options;
-    const fragment = parse5.parse(rawSource);
-    traverse(fragment, {
-        element(node, parent) {
-            const attr = node.attrs.find((x) => x.name === 'class');
-            if (attr) {
-                const arr = attr.value.split(/\s/).filter((x) => x);
-                attr.value = arr
-                    .map((x) => {
-                    if (runtimeSet.has(x)) {
-                        return classGenerator.generateClassName(x).name;
-                    }
-                    return x;
-                })
-                    .join(' ');
-            }
+}) {
+    const { cssMatcher, htmlMatcher, jsMatcher } = options;
+    const groupedEntries = tailwindcssMangleShared.groupBy(entries, ([file]) => {
+        if (cssMatcher(file)) {
+            return 'css';
         }
-    });
-    return parse5.serialize(fragment);
-}
-
-class ClassGenerator {
-    newClassMap;
-    newClassSize;
-    context;
-    opts;
-    classPrefix;
-    constructor(opts = {}) {
-        this.newClassMap = {};
-        this.newClassSize = 0;
-        this.context = {};
-        this.opts = opts;
-        this.classPrefix = opts.classPrefix ?? 'tw-';
-    }
-    defaultClassGenerate() {
-        const chars = [];
-        let rest = (this.newClassSize - (this.newClassSize % index.acceptChars.length)) / index.acceptChars.length;
-        if (rest > 0) {
-            while (true) {
-                rest -= 1;
-                const m = rest % index.acceptChars.length;
-                const c = index.acceptChars[m];
-                chars.push(c);
-                rest -= m;
-                if (rest === 0) {
-                    break;
-                }
-                rest /= index.acceptChars.length;
-            }
+        else if (htmlMatcher(file)) {
+            return 'html';
         }
-        const prefixIndex = this.newClassSize % index.acceptChars.length;
-        const newClassName = `${this.classPrefix}${index.acceptChars[prefixIndex]}${chars.join('')}`;
-        return newClassName;
-    }
-    ignoreClassName(className) {
-        return index.regExpTest(this.opts.ignoreClass, className);
-    }
-    includeFilePath(filePath) {
-        const { include } = this.opts;
-        if (Array.isArray(include)) {
-            return index.regExpTest(include, filePath);
+        else if (jsMatcher(file)) {
+            return 'js';
         }
         else {
-            return true;
+            return 'other';
         }
+    });
+    if (!groupedEntries.css) {
+        groupedEntries.css = [];
     }
-    excludeFilePath(filePath) {
-        const { exclude } = this.opts;
-        if (Array.isArray(exclude)) {
-            return index.regExpTest(exclude, filePath);
-        }
-        else {
-            return false;
-        }
+    if (!groupedEntries.html) {
+        groupedEntries.html = [];
     }
-    isFileIncluded(filePath) {
-        return this.includeFilePath(filePath) && !this.excludeFilePath(filePath);
+    if (!groupedEntries.js) {
+        groupedEntries.js = [];
     }
-    transformCssClass(className) {
-        const key = index.stripEscapeSequence(className);
-        const cn = this.newClassMap[key];
-        if (cn)
-            return cn.name;
-        return className;
+    if (!groupedEntries.other) {
+        groupedEntries.other = [];
     }
-    generateClassName(original) {
-        const opts = this.opts;
-        original = index.stripEscapeSequence(original);
-        const cn = this.newClassMap[original];
-        if (cn)
-            return cn;
-        let newClassName;
-        if (opts.customGenerate && typeof opts.customGenerate === 'function') {
-            newClassName = opts.customGenerate(original, opts, this.context);
-        }
-        if (!newClassName) {
-            newClassName = this.defaultClassGenerate();
-        }
-        if (opts.reserveClassName && index.regExpTest(opts.reserveClassName, newClassName)) {
-            if (opts.log) {
-                console.log(`The class name has been reserved. ${newClassName}`);
-            }
-            this.newClassSize++;
-            return this.generateClassName(original);
-        }
-        if (opts.log) {
-            console.log(`Minify class name from ${original} to ${newClassName}`);
-        }
-        const newClass = {
-            name: newClassName,
-            usedBy: []
+    return groupedEntries;
+}
+function createGlobMatcher(pattern, fallbackValue = false) {
+    if (typeof pattern === 'undefined') {
+        return function (file) {
+            return fallbackValue;
         };
-        this.newClassMap[original] = newClass;
-        this.newClassSize++;
-        return newClass;
+    }
+    return function (file) {
+        return isMatch(file, pattern);
+    };
+}
+function getCacheDir(basedir = process.cwd()) {
+    return path__default["default"].resolve(basedir, 'node_modules/.cache', pluginName);
+}
+function mkCacheDirectory(cwd = process.cwd()) {
+    const cacheDirectory = getCacheDir(cwd);
+    const exists = fs__default["default"].existsSync(cacheDirectory);
+    if (!exists) {
+        fs__default["default"].mkdirSync(cacheDirectory, {
+            recursive: true
+        });
+    }
+    return cacheDirectory;
+}
+function cacheDump(filename, data, basedir) {
+    try {
+        const dir = mkCacheDirectory(basedir);
+        fs__default["default"].writeFileSync(path__default["default"].resolve(dir, filename), JSON.stringify(Array.from(data), null, 2), 'utf-8');
+    }
+    catch (error) {
+        console.log(error);
     }
 }
 
 function getOptions(options = {}) {
-    const includeMatcher = index.createGlobMatcher(options.include, true);
-    const excludeMatcher = index.createGlobMatcher(options.exclude, false);
+    const includeMatcher = createGlobMatcher(options.include, true);
+    const excludeMatcher = createGlobMatcher(options.exclude, false);
+    const currentMangleClassFilter = options.mangleClassFilter ?? tailwindcssMangleShared.defaultMangleClassFilter;
     function isInclude(file) {
         return includeMatcher(file) && !excludeMatcher(file);
     }
@@ -253,20 +114,20 @@ function getOptions(options = {}) {
     if (typeof options.classMapOutput === 'object') {
         Object.assign(classMapOutputOptions, options.classMapOutput);
     }
-    const classGenerator = new ClassGenerator(options.classGenerator);
+    const classGenerator = new tailwindcssMangleCore.ClassGenerator(options.classGenerator);
     function getCachedClassSet() {
         const set = twPatcher.getClassSet();
         const isOutput = set.size && options.classSetOutput;
         if (isOutput && classSetOutputOptions.type === 'all') {
-            index.cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
+            cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
         }
         set.forEach((c) => {
-            if (!index.isMangleClass(c)) {
+            if (!currentMangleClassFilter(c)) {
                 set.delete(c);
             }
         });
         if (isOutput && classSetOutputOptions.type === 'partial') {
-            index.cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
+            cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
         }
         classSet = set;
         return classSet;
@@ -287,7 +148,7 @@ const outputCachedMap = new Map();
 const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     const { classGenerator, getCachedClassSet, isInclude, classMapOutputOptions } = getOptions(options);
     return {
-        name: index.pluginName,
+        name: pluginName,
         enforce: 'post',
         vite: {
             generateBundle: {
@@ -296,12 +157,12 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                     if (!runtimeSet.size) {
                         return;
                     }
-                    const groupedEntries = index.getGroupedEntries(Object.entries(bundle));
+                    const groupedEntries = getGroupedEntries(Object.entries(bundle));
                     if (Array.isArray(groupedEntries.html) && groupedEntries.html.length) {
                         for (let i = 0; i < groupedEntries.html.length; i++) {
                             const [file, asset] = groupedEntries.html[i];
                             if (isInclude(file)) {
-                                asset.source = htmlHandler(asset.source.toString(), {
+                                asset.source = tailwindcssMangleCore.htmlHandler(asset.source.toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -312,7 +173,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         for (let i = 0; i < groupedEntries.js.length; i++) {
                             const [file, chunk] = groupedEntries.js[i];
                             if (isInclude(file)) {
-                                const code = index.jsHandler(chunk.code, {
+                                const code = tailwindcssMangleCore.jsHandler(chunk.code, {
                                     runtimeSet,
                                     classGenerator
                                 }).code;
@@ -326,7 +187,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         for (let i = 0; i < groupedEntries.css.length; i++) {
                             const [file, css] = groupedEntries.css[i];
                             if (isInclude(file)) {
-                                css.source = index$1.cssHandler(css.source.toString(), {
+                                css.source = tailwindcssMangleCore.cssHandler(css.source.toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -356,8 +217,8 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                 }
             }
             const twmCssloader = path__default["default"].resolve(__dirname, 'twm-css.js');
-            compiler.hooks.compilation.tap(index.pluginName, (compilation) => {
-                NormalModule.getCompilationHooks(compilation).loader.tap(index.pluginName, (loaderContext, module) => {
+            compiler.hooks.compilation.tap(pluginName, (compilation) => {
+                NormalModule.getCompilationHooks(compilation).loader.tap(pluginName, (loaderContext, module) => {
                     const idx = module.loaders.findIndex((x) => x.loader.includes('css-loader'));
                     if (idx > -1) {
                         module.loaders.splice(idx + 1, 0, {
@@ -372,11 +233,11 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                     }
                 });
                 compilation.hooks.processAssets.tap({
-                    name: index.pluginName,
+                    name: pluginName,
                     stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
                 }, (assets) => {
                     const runtimeSet = getCachedClassSet();
-                    const groupedEntries = index.getGroupedEntries(Object.entries(assets));
+                    const groupedEntries = getGroupedEntries(Object.entries(assets));
                     if (!runtimeSet.size) {
                         const css = new Map();
                         const html = new Map();
@@ -403,7 +264,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         for (let i = 0; i < groupedEntries.html.length; i++) {
                             const [file, asset] = groupedEntries.html[i];
                             if (isInclude(file)) {
-                                const html = htmlHandler(asset.source().toString(), {
+                                const html = tailwindcssMangleCore.htmlHandler(asset.source().toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -416,7 +277,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         for (let i = 0; i < groupedEntries.js.length; i++) {
                             const [file, chunk] = groupedEntries.js[i];
                             if (isInclude(file)) {
-                                const code = index.jsHandler(chunk.source().toString(), {
+                                const code = tailwindcssMangleCore.jsHandler(chunk.source().toString(), {
                                     runtimeSet,
                                     classGenerator
                                 }).code;
@@ -431,7 +292,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         for (let i = 0; i < groupedEntries.css.length; i++) {
                             const [file, css] = groupedEntries.css[i];
                             if (isInclude(file)) {
-                                const newCss = index$1.cssHandler(css.source().toString(), {
+                                const newCss = tailwindcssMangleCore.cssHandler(css.source().toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -444,7 +305,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         if (html.size) {
                             html.forEach((asset, file) => {
                                 if (isInclude(file)) {
-                                    const html = htmlHandler(asset.source().toString(), {
+                                    const html = tailwindcssMangleCore.htmlHandler(asset.source().toString(), {
                                         classGenerator,
                                         runtimeSet
                                     });
@@ -457,7 +318,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                             js.forEach((chunk, file) => {
                                 if (isInclude(file)) {
                                     const rawCode = chunk.source().toString();
-                                    const code = index.jsHandler(rawCode, {
+                                    const code = tailwindcssMangleCore.jsHandler(rawCode, {
                                         runtimeSet,
                                         classGenerator
                                     }).code;
@@ -471,7 +332,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         if (css.size) {
                             css.forEach((style, file) => {
                                 if (isInclude(file)) {
-                                    const newCss = index$1.cssHandler(style.source().toString(), {
+                                    const newCss = tailwindcssMangleCore.cssHandler(style.source().toString(), {
                                         classGenerator,
                                         runtimeSet
                                     });
@@ -487,7 +348,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         writeBundle() {
             const entries = Object.entries(classGenerator.newClassMap);
             if (entries.length && classMapOutputOptions) {
-                index.cacheDump(classMapOutputOptions.filename, entries.map((x) => {
+                cacheDump(classMapOutputOptions.filename, entries.map((x) => {
                     return [x[0], x[1].name];
                 }), classMapOutputOptions.dir);
             }