unplugin-tailwindcss-mangle 0.1.1 → 0.1.3

package/dist/index.js

@@ -3,155 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var unplugin$1 = require('unplugin');
-var micromatch = require('micromatch');
-var fs = require('fs');
-var path = require('path');
+var index = require('./index-2edd594b.js');
 var parse5 = require('parse5');
-var core = require('@babel/core');
-var postcss = require('postcss');
-var parser = require('postcss-selector-parser');
+var index$1 = require('./index-c8e1bdc5.js');
+var path = require('path');
+var fs = require('fs');
 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 micromatch__default = /*#__PURE__*/_interopDefault(micromatch);
-var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
-var postcss__default = /*#__PURE__*/_interopDefault(postcss);
-var parser__default = /*#__PURE__*/_interopDefault(parser);
-
-const pluginName = 'unplugin-tailwindcss-mangle';
-
-const { isMatch } = micromatch__default["default"];
-const isMangleClass = (className) => {
-    return /[-:]/.test(className);
-};
-function groupBy(arr, cb) {
-    if (!Array.isArray(arr)) {
-        throw new Error('expected an array for first argument');
-    }
-    if (typeof cb !== 'function') {
-        throw new Error('expected a function for second argument');
-    }
-    const result = {};
-    for (let i = 0; i < arr.length; i++) {
-        const item = arr[i];
-        const bucketCategory = cb(item);
-        const bucket = result[bucketCategory];
-        if (!Array.isArray(bucket)) {
-            result[bucketCategory] = [item];
-        }
-        else {
-            result[bucketCategory].push(item);
-        }
-    }
-    return result;
-}
-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;
-}
-const acceptChars = 'abcdefghijklmnopqrstuvwxyz'.split('');
-function stripEscapeSequence(words) {
-    return words.replace(/\\/g, '');
-}
-function isRegexp(value) {
-    return Object.prototype.toString.call(value) === '[object RegExp]';
-}
-function regExpTest(arr = [], str) {
-    if (Array.isArray(arr)) {
-        for (let i = 0; i < arr.length; i++) {
-            const item = arr[i];
-            if (typeof item === 'string') {
-                if (item === str) {
-                    return true;
-                }
-            }
-            else if (isRegexp(item)) {
-                item.lastIndex = 0;
-                if (item.test(str)) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    throw new TypeError("paramater 'arr' should be a Array of Regexp | String !");
-}
-function escapeStringRegexp(str) {
-    if (typeof str !== 'string') {
-        throw new TypeError('Expected a string');
-    }
-    return str.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
-}
-function createGlobMatcher(pattern, fallbackValue = false) {
-    if (typeof pattern === 'undefined') {
-        return function (file) {
-            return fallbackValue;
-        };
-    }
-    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);
-    }
-}
+var fs__default = /*#__PURE__*/_interopDefault(fs);
 
 ({
     HTML: parse5.html.NS.HTML,
@@ -268,107 +135,6 @@ function htmlHandler(rawSource, options) {
     return parse5.serialize(fragment);
 }
 
-const validateFilterRE = /[\w\u00A0-\uFFFF-_:%-?]/;
-function isValidSelector(selector = '') {
-    return validateFilterRE.test(selector);
-}
-const splitCode = (code) => code.split(/[\s"]+/).filter(isValidSelector);
-
-function makeRegex(str) {
-    return new RegExp('(?<=^|[\\s"])' + escapeStringRegexp(str), 'g');
-}
-function handleValue(str, node, options) {
-    const set = options.runtimeSet;
-    const clsGen = options.classGenerator;
-    const arr = splitCode(str);
-    let rawStr = str;
-    for (let i = 0; i < arr.length; i++) {
-        const v = arr[i];
-        if (set.has(v)) {
-            let ignoreFlag = false;
-            if (Array.isArray(node.leadingComments)) {
-                ignoreFlag = node.leadingComments.findIndex((x) => x.value.includes('tw-mangle') && x.value.includes('ignore')) > -1;
-            }
-            if (!ignoreFlag) {
-                rawStr = rawStr.replace(makeRegex(v), clsGen.generateClassName(v).name);
-            }
-        }
-    }
-    return rawStr;
-}
-function jsHandler(rawSource, options) {
-    const result = core.transformSync(rawSource, {
-        babelrc: false,
-        ast: true,
-        plugins: [
-            () => {
-                return {
-                    visitor: {
-                        StringLiteral: {
-                            enter(p) {
-                                const n = p.node;
-                                n.value = handleValue(n.value, n, options);
-                            }
-                        },
-                        TemplateElement: {
-                            enter(p) {
-                                const n = p.node;
-                                n.value.raw = handleValue(n.value.raw, n, options);
-                            }
-                        }
-                    }
-                };
-            }
-        ],
-        sourceMaps: false,
-        configFile: false
-    });
-    return result;
-}
-
-const postcssPlugin = 'postcss-mangle-tailwindcss-plugin';
-const postcssMangleTailwindcssPlugin = (options) => {
-    let newClassMap = {};
-    if (options) {
-        if (options.newClassMap) {
-            newClassMap = options.newClassMap;
-        }
-    }
-    return {
-        postcssPlugin,
-        Rule(rule, helper) {
-            rule.selector = parser__default["default"]((selectors) => {
-                selectors.walkClasses((s) => {
-                    if (s.value) {
-                        const hit = newClassMap[s.value];
-                        if (hit) {
-                            if (s.parent) {
-                                const idx = s.parent.nodes.indexOf(s);
-                                if (idx > -1) {
-                                    const nextNode = s.parent.nodes[idx + 1];
-                                    if (nextNode && nextNode.type === 'attribute' && nextNode.attribute.indexOf('data-v-') > -1) {
-                                        return;
-                                    }
-                                }
-                            }
-                            s.value = hit.name;
-                        }
-                    }
-                });
-            }).processSync(rule.selector);
-        }
-    };
-};
-postcssMangleTailwindcssPlugin.postcss = true;
-
-function cssHandler(rawSource, options) {
-    return postcss__default["default"]([
-        postcssMangleTailwindcssPlugin({
-            newClassMap: options.classGenerator.newClassMap
-        })
-    ]).process(rawSource).css;
-}
-
 class ClassGenerator {
     newClassMap;
     newClassSize;
@@ -384,31 +150,31 @@ class ClassGenerator {
     }
     defaultClassGenerate() {
         const chars = [];
-        let rest = (this.newClassSize - (this.newClassSize % acceptChars.length)) / acceptChars.length;
+        let rest = (this.newClassSize - (this.newClassSize % index.acceptChars.length)) / index.acceptChars.length;
         if (rest > 0) {
             while (true) {
                 rest -= 1;
-                const m = rest % acceptChars.length;
-                const c = acceptChars[m];
+                const m = rest % index.acceptChars.length;
+                const c = index.acceptChars[m];
                 chars.push(c);
                 rest -= m;
                 if (rest === 0) {
                     break;
                 }
-                rest /= acceptChars.length;
+                rest /= index.acceptChars.length;
             }
         }
-        const prefixIndex = this.newClassSize % acceptChars.length;
-        const newClassName = `${this.classPrefix}${acceptChars[prefixIndex]}${chars.join('')}`;
+        const prefixIndex = this.newClassSize % index.acceptChars.length;
+        const newClassName = `${this.classPrefix}${index.acceptChars[prefixIndex]}${chars.join('')}`;
         return newClassName;
     }
     ignoreClassName(className) {
-        return regExpTest(this.opts.ignoreClass, className);
+        return index.regExpTest(this.opts.ignoreClass, className);
     }
     includeFilePath(filePath) {
         const { include } = this.opts;
         if (Array.isArray(include)) {
-            return regExpTest(include, filePath);
+            return index.regExpTest(include, filePath);
         }
         else {
             return true;
@@ -417,7 +183,7 @@ class ClassGenerator {
     excludeFilePath(filePath) {
         const { exclude } = this.opts;
         if (Array.isArray(exclude)) {
-            return regExpTest(exclude, filePath);
+            return index.regExpTest(exclude, filePath);
         }
         else {
             return false;
@@ -427,7 +193,7 @@ class ClassGenerator {
         return this.includeFilePath(filePath) && !this.excludeFilePath(filePath);
     }
     transformCssClass(className) {
-        const key = stripEscapeSequence(className);
+        const key = index.stripEscapeSequence(className);
         const cn = this.newClassMap[key];
         if (cn)
             return cn.name;
@@ -435,7 +201,7 @@ class ClassGenerator {
     }
     generateClassName(original) {
         const opts = this.opts;
-        original = stripEscapeSequence(original);
+        original = index.stripEscapeSequence(original);
         const cn = this.newClassMap[original];
         if (cn)
             return cn;
@@ -446,7 +212,7 @@ class ClassGenerator {
         if (!newClassName) {
             newClassName = this.defaultClassGenerate();
         }
-        if (opts.reserveClassName && regExpTest(opts.reserveClassName, newClassName)) {
+        if (opts.reserveClassName && index.regExpTest(opts.reserveClassName, newClassName)) {
             if (opts.log) {
                 console.log(`The class name has been reserved. ${newClassName}`);
             }
@@ -467,12 +233,13 @@ class ClassGenerator {
 }
 
 function getOptions(options = {}) {
-    const includeMatcher = createGlobMatcher(options.include, true);
-    const excludeMatcher = createGlobMatcher(options.exclude, false);
+    const includeMatcher = index.createGlobMatcher(options.include, true);
+    const excludeMatcher = index.createGlobMatcher(options.exclude, false);
     function isInclude(file) {
         return includeMatcher(file) && !excludeMatcher(file);
     }
     let classSet;
+    const twPatcher = new tailwindcssPatch.TailwindcssPatcher();
     const classSetOutputOptions = {
         filename: 'classSet.json',
         type: 'partial'
@@ -488,18 +255,18 @@ function getOptions(options = {}) {
     }
     const classGenerator = new ClassGenerator(options.classGenerator);
     function getCachedClassSet() {
-        const set = tailwindcssPatch.getClassCacheSet();
+        const set = twPatcher.getClassSet();
         const isOutput = set.size && options.classSetOutput;
         if (isOutput && classSetOutputOptions.type === 'all') {
-            cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
+            index.cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
         }
         set.forEach((c) => {
-            if (!isMangleClass(c)) {
+            if (!index.isMangleClass(c)) {
                 set.delete(c);
             }
         });
         if (isOutput && classSetOutputOptions.type === 'partial') {
-            cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
+            index.cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
         }
         classSet = set;
         return classSet;
@@ -511,7 +278,8 @@ function getOptions(options = {}) {
         excludeMatcher,
         isInclude,
         classSetOutputOptions,
-        classMapOutputOptions
+        classMapOutputOptions,
+        twPatcher
     };
 }
 
@@ -519,7 +287,7 @@ const outputCachedMap = new Map();
 const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
     const { classGenerator, getCachedClassSet, isInclude, classMapOutputOptions } = getOptions(options);
     return {
-        name: pluginName,
+        name: index.pluginName,
         enforce: 'post',
         vite: {
             generateBundle: {
@@ -528,7 +296,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                     if (!runtimeSet.size) {
                         return;
                     }
-                    const groupedEntries = getGroupedEntries(Object.entries(bundle));
+                    const groupedEntries = index.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];
@@ -544,7 +312,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 = jsHandler(chunk.code, {
+                                const code = index.jsHandler(chunk.code, {
                                     runtimeSet,
                                     classGenerator
                                 }).code;
@@ -558,7 +326,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 = cssHandler(css.source.toString(), {
+                                css.source = index$1.cssHandler(css.source.toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -569,7 +337,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
             }
         },
         webpack(compiler) {
-            const Compilation = compiler.webpack.Compilation;
+            const { NormalModule, Compilation } = compiler.webpack;
             const { ConcatSource } = compiler.webpack.sources;
             function getAssetPath(outputPath, file, abs = true) {
                 const fn = abs ? path__default["default"].resolve : path__default["default"].relative;
@@ -587,13 +355,28 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                     console.log(error);
                 }
             }
-            compiler.hooks.compilation.tap(pluginName, (compilation) => {
+            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) => {
+                    const idx = module.loaders.findIndex((x) => x.loader.includes('css-loader'));
+                    if (idx > -1) {
+                        module.loaders.splice(idx + 1, 0, {
+                            loader: twmCssloader,
+                            options: {
+                                classGenerator,
+                                getCachedClassSet
+                            },
+                            ident: null,
+                            type: null
+                        });
+                    }
+                });
                 compilation.hooks.processAssets.tap({
-                    name: pluginName,
+                    name: index.pluginName,
                     stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
                 }, (assets) => {
                     const runtimeSet = getCachedClassSet();
-                    const groupedEntries = getGroupedEntries(Object.entries(assets));
+                    const groupedEntries = index.getGroupedEntries(Object.entries(assets));
                     if (!runtimeSet.size) {
                         const css = new Map();
                         const html = new Map();
@@ -633,7 +416,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 = jsHandler(chunk.source().toString(), {
+                                const code = index.jsHandler(chunk.source().toString(), {
                                     runtimeSet,
                                     classGenerator
                                 }).code;
@@ -648,7 +431,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 = cssHandler(css.source().toString(), {
+                                const newCss = index$1.cssHandler(css.source().toString(), {
                                     classGenerator,
                                     runtimeSet
                                 });
@@ -674,7 +457,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                             js.forEach((chunk, file) => {
                                 if (isInclude(file)) {
                                     const rawCode = chunk.source().toString();
-                                    const code = jsHandler(rawCode, {
+                                    const code = index.jsHandler(rawCode, {
                                         runtimeSet,
                                         classGenerator
                                     }).code;
@@ -688,7 +471,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
                         if (css.size) {
                             css.forEach((style, file) => {
                                 if (isInclude(file)) {
-                                    const newCss = cssHandler(style.source().toString(), {
+                                    const newCss = index$1.cssHandler(style.source().toString(), {
                                         classGenerator,
                                         runtimeSet
                                     });
@@ -704,7 +487,7 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         writeBundle() {
             const entries = Object.entries(classGenerator.newClassMap);
             if (entries.length && classMapOutputOptions) {
-                cacheDump(classMapOutputOptions.filename, entries.map((x) => {
+                index.cacheDump(classMapOutputOptions.filename, entries.map((x) => {
                     return [x[0], x[1].name];
                 }), classMapOutputOptions.dir);
             }