unplugin-tailwindcss-mangle 0.1.3 → 1.2.1

package/dist/index.mjs

@@ -1,231 +1,91 @@
 import { createUnplugin } from 'unplugin';
-import { a as acceptChars, r as regExpTest, s as stripEscapeSequence, c as createGlobMatcher, b as cacheDump, i as isMangleClass, p as pluginName, g as getGroupedEntries, j as jsHandler } from './index-92f879d3.mjs';
-import { html, defaultTreeAdapter, parse, serialize } from 'parse5';
-import { c as cssHandler } from './index-b715a07f.mjs';
-import path from 'path';
+import micromatch from 'micromatch';
 import fs from 'fs';
+import path from 'path';
+import { groupBy, defaultMangleClassFilter } from 'tailwindcss-mangle-shared';
+import { ClassGenerator, htmlHandler, jsHandler, cssHandler } from 'tailwindcss-mangle-core';
 import { TailwindcssPatcher } from 'tailwindcss-patch';
-import '@babel/types';
-import '@babel/core';
-import 'micromatch';
-import 'postcss';
-import 'postcss-selector-parser';
-
-({
-    HTML: html.NS.HTML,
-    XML: html.NS.XML,
-    MATHML: html.NS.MATHML,
-    SVG: html.NS.SVG,
-    XLINK: html.NS.XLINK,
-    XMLNS: 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 = defaultTreeAdapter.isElementNode;
-const isCommentNode = defaultTreeAdapter.isCommentNode;
-const isDocumentTypeNode = defaultTreeAdapter.isDocumentTypeNode;
-const isTextNode = 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));
-}
 
-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);
-    }
-    if (typeof visitor.document === 'function' && isDocument(node)) {
-        visitor.document(node);
+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);
     }
-    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 = 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 = groupBy(entries, ([file]) => {
+        if (cssMatcher(file)) {
+            return 'css';
         }
-    });
-    return 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 % acceptChars.length)) / acceptChars.length;
-        if (rest > 0) {
-            while (true) {
-                rest -= 1;
-                const m = rest % acceptChars.length;
-                const c = acceptChars[m];
-                chars.push(c);
-                rest -= m;
-                if (rest === 0) {
-                    break;
-                }
-                rest /= acceptChars.length;
-            }
+        else if (htmlMatcher(file)) {
+            return 'html';
         }
-        const prefixIndex = this.newClassSize % acceptChars.length;
-        const newClassName = `${this.classPrefix}${acceptChars[prefixIndex]}${chars.join('')}`;
-        return newClassName;
-    }
-    ignoreClassName(className) {
-        return regExpTest(this.opts.ignoreClass, className);
-    }
-    includeFilePath(filePath) {
-        const { include } = this.opts;
-        if (Array.isArray(include)) {
-            return 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 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 = 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 = 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 && 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.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(Array.from(data), null, 2), 'utf-8');
+    }
+    catch (error) {
+        console.log(error);
     }
 }
 
 function getOptions(options = {}) {
     const includeMatcher = createGlobMatcher(options.include, true);
     const excludeMatcher = createGlobMatcher(options.exclude, false);
+    const currentMangleClassFilter = options.mangleClassFilter ?? defaultMangleClassFilter;
     function isInclude(file) {
         return includeMatcher(file) && !excludeMatcher(file);
     }
@@ -252,7 +112,7 @@ function getOptions(options = {}) {
             cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
         }
         set.forEach((c) => {
-            if (!isMangleClass(c)) {
+            if (!currentMangleClassFilter(c)) {
                 set.delete(c);
             }
         });

package/dist/loader/twm-css.d.ts

@@ -1,5 +1,5 @@
 import * as webpack from 'webpack';
-import ClassGenerator from '../classGenerator';
+import { ClassGenerator } from 'tailwindcss-mangle-core';
 export default function cssloader(this: webpack.LoaderContext<{
     classGenerator: ClassGenerator;
     getCachedClassSet: (() => Set<string>) | undefined;

package/dist/nuxt.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');
 
 function nuxt (options = {}, nuxt) {

package/dist/nuxt.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';
 
 function nuxt (options = {}, nuxt) {

package/dist/options.d.ts

@@ -1,6 +1,6 @@
 import type { Options, ClassSetOutputOptions, ClassMapOutputOptions } from './types';
 import { TailwindcssPatcher } from 'tailwindcss-patch';
-import ClassGenerator from './classGenerator';
+import { ClassGenerator } from 'tailwindcss-mangle-core';
 export declare function getOptions(options?: Options | undefined): {
     getCachedClassSet: () => Set<string>;
     classGenerator: ClassGenerator;

package/dist/rollup.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 rollup = index.unplugin.rollup;

package/dist/rollup.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 rollup = unplugin.rollup;

package/dist/twm-css.js

@@ -1,15 +1,13 @@
 'use strict';
 
-var index = require('./index-c8e1bdc5.js');
-require('postcss');
-require('postcss-selector-parser');
+var tailwindcssMangleCore = require('tailwindcss-mangle-core');
 
 function cssloader(content) {
     this.cacheable && this.cacheable();
     const opt = this.getOptions();
     if (opt.getCachedClassSet) {
         const runtimeSet = opt.getCachedClassSet();
-        return index.cssHandler(content, {
+        return tailwindcssMangleCore.cssHandler(content, {
             classGenerator: opt.classGenerator,
             runtimeSet,
             scene: 'loader'

package/dist/twm-css.mjs

@@ -1,6 +1,4 @@
-import { c as cssHandler } from './index-b715a07f.mjs';
-import 'postcss';
-import 'postcss-selector-parser';
+import { cssHandler } from 'tailwindcss-mangle-core';
 
 function cssloader(content) {
     this.cacheable && this.cacheable();

package/dist/types.d.ts

@@ -1,8 +1,4 @@
-import type ClassGenerator from './classGenerator';
-export interface IClassGeneratorContextItem {
-    name: string;
-    usedBy: any[];
-}
+import type { ClassGenerator } from 'tailwindcss-mangle-core';
 export interface IClassGeneratorOptions {
     reserveClassName?: (string | RegExp)[];
     customGenerate?: (original: string, opts: IClassGeneratorOptions, context: Record<string, any>) => string | undefined;
@@ -12,11 +8,6 @@ export interface IClassGeneratorOptions {
     ignoreClass?: (string | RegExp)[];
     classPrefix?: string;
 }
-export interface IClassGenerator {
-    newClassMap: Record<string, IClassGeneratorContextItem>;
-    newClassSize: number;
-    context: Record<string, any>;
-}
 export interface IHandlerOptions {
     runtimeSet: Set<string>;
     classGenerator: ClassGenerator;
@@ -34,6 +25,7 @@ export interface ClassMapOutputOptions {
     dir?: string;
 }
 export interface Options {
+    mangleClassFilter?: (className: string) => boolean;
     classGenerator?: IClassGeneratorOptions;
     exclude?: string[];
     include?: string[];

package/dist/utils.d.ts

@@ -1,18 +1,10 @@
-import type { IClassGeneratorOptions, IClassGenerator } from './types';
-export declare const isMangleClass: (className: string) => boolean;
-export declare function groupBy<T>(arr: T[], cb: (arg: T) => string): Record<string, T[]>;
+import { defaultMangleClassFilter, isMap, isRegexp } from 'tailwindcss-mangle-shared';
+export { defaultMangleClassFilter, isMap, isRegexp };
 export 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][]>;
-export declare const acceptChars: string[];
-export declare function stripEscapeSequence(words: string): string;
-export declare const validate: (opts: IClassGeneratorOptions, classGenerator: IClassGenerator) => void;
-export declare function isRegexp(value: unknown): boolean;
-export declare function isMap(value: unknown): boolean;
-export declare function regExpTest(arr: (string | RegExp)[] | undefined, str: string): boolean;
-export declare function escapeStringRegexp(str: string): string;
 export declare function createGlobMatcher(pattern: string | string[] | undefined, fallbackValue?: boolean): (file: string) => boolean;
 export declare function getCacheDir(basedir?: string): string;
 export declare function mkCacheDirectory(cwd?: string): string;

package/dist/vite.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 vite = index.unplugin.vite;

package/dist/vite.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 vite = unplugin.vite;

package/dist/webpack.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 webpack = index.unplugin.webpack;

package/dist/webpack.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 webpack = unplugin.webpack;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-tailwindcss-mangle",
-  "version": "0.1.3",
+  "version": "1.2.1",
   "description": "mangle tailwindcss utilities class plugin. support vite and webpack!",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -60,32 +60,23 @@
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.21.5",
-    "@babel/types": "^7.21.5",
     "micromatch": "^4.0.5",
-    "parse5": "^7.1.2",
-    "postcss": "^8.4.23",
-    "postcss-selector-parser": "^6.0.12",
-    "semver": "^7.5.0",
+    "tailwindcss-mangle-core": "^1.2.1",
+    "tailwindcss-patch": "^1.2.1",
     "unplugin": "^1.3.1",
-    "tailwindcss-patch": "^1.1.1"
+    "tailwindcss-mangle-shared": "^1.2.1"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@parse5/tools": "^0.1.0",
-    "@types/babel__core": "^7.20.0",
-    "@types/escodegen": "^0.0.7",
     "@types/micromatch": "^4.0.2",
-    "@types/semver": "^7.3.13",
-    "pkg-types": "^1.0.2",
     "simple-functional-loader": "^1.2.1",
     "tailwindcss": "^3.3.2",
     "tslib": "^2.5.0",
-    "vite": "^4.3.3",
-    "webpack": "^5.81.0"
+    "vite": "^4.3.5",
+    "webpack": "^5.82.1"
   },
   "homepage": "https://github.com/sonofmagic/tailwindcss-mangle",
   "repository": {
@@ -97,7 +88,7 @@
     "build": "cross-env NODE_ENV=production rollup -c",
     "dev:tsc": "tsc -p tsconfig.json --sourceMap",
     "build:tsc": "tsc -p tsconfig.json",
-    "test": "jest",
+    "_test": "jest",
     "_prepare": "tw-patch"
   }
 }

package/dist/classGenerator.d.ts

@@ -1,17 +0,0 @@
-import type { IClassGeneratorOptions, IClassGeneratorContextItem, IClassGenerator } from './types';
-declare class ClassGenerator implements IClassGenerator {
-    newClassMap: Record<string, IClassGeneratorContextItem>;
-    newClassSize: number;
-    context: Record<string, any>;
-    opts: IClassGeneratorOptions;
-    classPrefix: string;
-    constructor(opts?: IClassGeneratorOptions);
-    defaultClassGenerate(): string;
-    ignoreClassName(className: string): boolean;
-    includeFilePath(filePath: string): boolean;
-    excludeFilePath(filePath: string): boolean;
-    isFileIncluded(filePath: string): boolean;
-    transformCssClass(className: string): string;
-    generateClassName(original: string): IClassGeneratorContextItem;
-}
-export default ClassGenerator;

package/dist/css/index.d.ts

@@ -1,2 +0,0 @@
-import { ICssHandlerOptions } from '@/types';
-export declare function cssHandler(rawSource: string, options: ICssHandlerOptions): string;

package/dist/css/plugins.d.ts

@@ -1,5 +0,0 @@
-import { ICssHandlerOptions } from '@/types';
-import type { PluginCreator } from 'postcss';
-export type PostcssMangleTailwindcssPlugin = PluginCreator<ICssHandlerOptions>;
-declare const postcssMangleTailwindcssPlugin: PostcssMangleTailwindcssPlugin;
-export { postcssMangleTailwindcssPlugin };

package/dist/html/index.d.ts

@@ -1,2 +0,0 @@
-import { IHandlerOptions } from '@/types';
-export declare function htmlHandler(rawSource: string, options: IHandlerOptions): string;