unplugin-tailwindcss-mangle 0.1.1 → 0.1.3

package/dist/index.mjs

@@ -1,145 +1,15 @@
 import { createUnplugin } from 'unplugin';
-import micromatch from 'micromatch';
-import fs from 'fs';
-import path from 'path';
+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 { transformSync } from '@babel/core';
-import postcss from 'postcss';
-import parser from 'postcss-selector-parser';
-import { getClassCacheSet } from 'tailwindcss-patch';
-
-const pluginName = 'unplugin-tailwindcss-mangle';
-
-const { isMatch } = micromatch;
-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.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);
-    }
-}
+import { c as cssHandler } from './index-b715a07f.mjs';
+import path from 'path';
+import fs from 'fs';
+import { TailwindcssPatcher } from 'tailwindcss-patch';
+import '@babel/types';
+import '@babel/core';
+import 'micromatch';
+import 'postcss';
+import 'postcss-selector-parser';
 
 ({
     HTML: html.NS.HTML,
@@ -256,107 +126,6 @@ function htmlHandler(rawSource, options) {
     return 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 = 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((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([
-        postcssMangleTailwindcssPlugin({
-            newClassMap: options.classGenerator.newClassMap
-        })
-    ]).process(rawSource).css;
-}
-
 class ClassGenerator {
     newClassMap;
     newClassSize;
@@ -461,6 +230,7 @@ function getOptions(options = {}) {
         return includeMatcher(file) && !excludeMatcher(file);
     }
     let classSet;
+    const twPatcher = new TailwindcssPatcher();
     const classSetOutputOptions = {
         filename: 'classSet.json',
         type: 'partial'
@@ -476,7 +246,7 @@ function getOptions(options = {}) {
     }
     const classGenerator = new ClassGenerator(options.classGenerator);
     function getCachedClassSet() {
-        const set = getClassCacheSet();
+        const set = twPatcher.getClassSet();
         const isOutput = set.size && options.classSetOutput;
         if (isOutput && classSetOutputOptions.type === 'all') {
             cacheDump(classSetOutputOptions.filename, set, classSetOutputOptions.dir);
@@ -499,7 +269,8 @@ function getOptions(options = {}) {
         excludeMatcher,
         isInclude,
         classSetOutputOptions,
-        classMapOutputOptions
+        classMapOutputOptions,
+        twPatcher
     };
 }
 
@@ -557,7 +328,7 @@ const unplugin = 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.resolve : path.relative;
@@ -575,7 +346,22 @@ const unplugin = createUnplugin((options = {}, meta) => {
                     console.log(error);
                 }
             }
+            const twmCssloader = path.resolve(__dirname, 'twm-css.js');
             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, {
+                            loader: twmCssloader,
+                            options: {
+                                classGenerator,
+                                getCachedClassSet
+                            },
+                            ident: null,
+                            type: null
+                        });
+                    }
+                });
                 compilation.hooks.processAssets.tap({
                     name: pluginName,
                     stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE

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

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

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

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

package/dist/nuxt.js

@@ -2,11 +2,14 @@
 
 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('@babel/core');
+require('./index-c8e1bdc5.js');
 require('postcss');
 require('postcss-selector-parser');
 require('tailwindcss-patch');

package/dist/nuxt.mjs

@@ -1,10 +1,13 @@
 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 '@babel/core';
+import './index-b715a07f.mjs';
 import 'postcss';
 import 'postcss-selector-parser';
 import 'tailwindcss-patch';

package/dist/options.d.ts

@@ -1,4 +1,5 @@
 import type { Options, ClassSetOutputOptions, ClassMapOutputOptions } from './types';
+import { TailwindcssPatcher } from 'tailwindcss-patch';
 import ClassGenerator from './classGenerator';
 export declare function getOptions(options?: Options | undefined): {
     getCachedClassSet: () => Set<string>;
@@ -8,4 +9,5 @@ export declare function getOptions(options?: Options | undefined): {
     isInclude: (file: string) => boolean;
     classSetOutputOptions: ClassSetOutputOptions;
     classMapOutputOptions: ClassMapOutputOptions;
+    twPatcher: TailwindcssPatcher;
 };

package/dist/rollup.js

@@ -2,11 +2,14 @@
 
 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('@babel/core');
+require('./index-c8e1bdc5.js');
 require('postcss');
 require('postcss-selector-parser');
 require('tailwindcss-patch');

package/dist/rollup.mjs

@@ -1,10 +1,13 @@
 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 '@babel/core';
+import './index-b715a07f.mjs';
 import 'postcss';
 import 'postcss-selector-parser';
 import 'tailwindcss-patch';

package/dist/twm-css.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-c8e1bdc5.js');
+require('postcss');
+require('postcss-selector-parser');
+
+function cssloader(content) {
+    this.cacheable && this.cacheable();
+    const opt = this.getOptions();
+    if (opt.getCachedClassSet) {
+        const runtimeSet = opt.getCachedClassSet();
+        return index.cssHandler(content, {
+            classGenerator: opt.classGenerator,
+            runtimeSet,
+            scene: 'loader'
+        });
+    }
+    return content;
+}
+
+module.exports = cssloader;

package/dist/twm-css.mjs

@@ -0,0 +1,19 @@
+import { c as cssHandler } from './index-b715a07f.mjs';
+import 'postcss';
+import 'postcss-selector-parser';
+
+function cssloader(content) {
+    this.cacheable && this.cacheable();
+    const opt = this.getOptions();
+    if (opt.getCachedClassSet) {
+        const runtimeSet = opt.getCachedClassSet();
+        return cssHandler(content, {
+            classGenerator: opt.classGenerator,
+            runtimeSet,
+            scene: 'loader'
+        });
+    }
+    return content;
+}
+
+export { cssloader as default };

package/dist/twm-js.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-2edd594b.js');
+require('@babel/types');
+require('@babel/core');
+require('micromatch');
+require('fs');
+require('path');
+
+function cssloader(content) {
+    this.cacheable && this.cacheable();
+    const opt = this.getOptions();
+    if (opt.getCachedClassSet) {
+        const runtimeSet = opt.getCachedClassSet();
+        const code = index.jsHandler(content, {
+            runtimeSet,
+            classGenerator: opt.classGenerator
+        }).code;
+        if (code) {
+            return code;
+        }
+    }
+    return content;
+}
+
+module.exports = cssloader;

package/dist/twm-js.mjs

@@ -0,0 +1,24 @@
+import { j as jsHandler } from './index-92f879d3.mjs';
+import '@babel/types';
+import '@babel/core';
+import 'micromatch';
+import 'fs';
+import 'path';
+
+function cssloader(content) {
+    this.cacheable && this.cacheable();
+    const opt = this.getOptions();
+    if (opt.getCachedClassSet) {
+        const runtimeSet = opt.getCachedClassSet();
+        const code = jsHandler(content, {
+            runtimeSet,
+            classGenerator: opt.classGenerator
+        }).code;
+        if (code) {
+            return code;
+        }
+    }
+    return content;
+}
+
+export { cssloader as default };

package/dist/types.d.ts

@@ -21,6 +21,9 @@ export interface IHandlerOptions {
     runtimeSet: Set<string>;
     classGenerator: ClassGenerator;
 }
+export interface ICssHandlerOptions extends IHandlerOptions {
+    scene?: 'loader' | 'process';
+}
 export interface ClassSetOutputOptions {
     filename: string;
     dir?: string;

package/dist/vite.js

@@ -2,11 +2,14 @@
 
 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('@babel/core');
+require('./index-c8e1bdc5.js');
 require('postcss');
 require('postcss-selector-parser');
 require('tailwindcss-patch');

package/dist/vite.mjs

@@ -1,10 +1,13 @@
 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 '@babel/core';
+import './index-b715a07f.mjs';
 import 'postcss';
 import 'postcss-selector-parser';
 import 'tailwindcss-patch';

package/dist/webpack.js

@@ -2,11 +2,14 @@
 
 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('@babel/core');
+require('./index-c8e1bdc5.js');
 require('postcss');
 require('postcss-selector-parser');
 require('tailwindcss-patch');

package/dist/webpack.mjs

@@ -1,10 +1,13 @@
 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 '@babel/core';
+import './index-b715a07f.mjs';
 import 'postcss';
 import 'postcss-selector-parser';
 import 'tailwindcss-patch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-tailwindcss-mangle",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "mangle tailwindcss utilities class plugin. support vite and webpack!",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -60,15 +60,15 @@
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.21.4",
-    "@babel/types": "^7.21.4",
+    "@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.11",
+    "postcss-selector-parser": "^6.0.12",
     "semver": "^7.5.0",
     "unplugin": "^1.3.1",
-    "tailwindcss-patch": "1.1.0-rc.0"
+    "tailwindcss-patch": "^1.1.1"
   },
   "publishConfig": {
     "access": "public",
@@ -81,6 +81,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",