unplugin-tailwindcss-mangle 0.0.2 → 0.0.3

package/README.md

@@ -1,96 +1,99 @@
-# unplugin-tailwindcss-mangle
-
-mangle tailwindcss utilities plugin
-
-> Now Support `vite` and `webpack`
-
-- [unplugin-tailwindcss-mangle](#unplugin-tailwindcss-mangle)
-  - [Features](#features)
-  - [Usage](#usage)
-    - [1. Install Package](#1-install-package)
-    - [2. Run patch script](#2-run-patch-script)
-    - [3. add `prepare` script in your `package.json`](#3-add-prepare-script-in-your-packagejson)
-    - [4. register this plugin](#4-register-this-plugin)
-      - [vite](#vite)
-      - [webpack](#webpack)
-  - [Notice](#notice)
-
-## Features
-
-```html
-<!-- before -->
-<div class="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex"></div>
-<!-- after -->
-<div class="tw-g tw-h tw-i tw-d tw-e tw-j tw-k tw-l"></div>
-```
-
-## Usage
-
-### 1. Install Package
-
-```sh
-<npm|yarn|pnpm> i -D unplugin-tailwindcss-mangle tailwindcss-patch
-```
-
-### 2. Run patch script
-
-```sh
-npx tw-patch
-```
-
-### 3. add `prepare` script in your `package.json`
-
-```json
-  "scripts": {
-    "prepare": "tw-patch"
-  },
-```
-
-### 4. register this plugin
-
-#### vite
-
-```js
-// for example: vue vite project
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import utwm from 'unplugin-tailwindcss-mangle'
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue(), utwm.vite()]
-})
-```
-
-then run script:
-
-```sh
-# generate bundle
-yarn build
-# preview
-yarn preview
-```
-
-You will see all class was renamed to `tw-*`
-
-#### webpack
-
-```js
-import utwm from 'unplugin-tailwindcss-mangle'
-// use this webpack plugin
-utwm.webpack()
-```
-
-## Notice
-
-This plugin only transform those classes which name contain `-` or `:`, like `w-32`, `before:h-[300px]`,`after:dark:via-[#0141ff]/40`. some classes like `flex`,`relative` will not be mangled.
-
-because plugin will **traverse** all `html class attr` and `js StringLiteral` to find `utilities` generated by `tailwindcss`.
-
-it's dangerous to mangle some `js StringLiteral` like:
-
-```js
-const innerHTML = "i'm flex and relative and grid"
-document.body.innerHTML = innerHTML
-```
-
-so only strings with `-` or `:` will be transformed.
+# unplugin-tailwindcss-mangle
+
+mangle tailwindcss utilities plugin
+
+> Now Support `vite` and `webpack`
+
+- [unplugin-tailwindcss-mangle](#unplugin-tailwindcss-mangle)
+  - [Features](#features)
+  - [Usage](#usage)
+    - [1. Install Package](#1-install-package)
+    - [2. Run patch script](#2-run-patch-script)
+    - [3. add `prepare` script in your `package.json`](#3-add-prepare-script-in-your-packagejson)
+    - [4. register this plugin](#4-register-this-plugin)
+      - [vite](#vite)
+      - [webpack](#webpack)
+  - [Notice](#notice)
+
+## Features
+
+```html
+<!-- before -->
+<div class="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex"></div>
+<!-- after -->
+<div class="tw-g tw-h tw-i tw-d tw-e tw-j tw-k tw-l"></div>
+```
+
+## Usage
+
+### 1. Install Package
+
+```sh
+<npm|yarn|pnpm> i -D unplugin-tailwindcss-mangle tailwindcss-patch
+```
+
+### 2. Run patch script
+
+```sh
+npx tw-patch
+```
+
+### 3. add `prepare` script in your `package.json`
+
+```json
+  "scripts": {
+    "prepare": "tw-patch"
+  },
+```
+
+### 4. register this plugin
+
+#### vite
+
+```js
+// for example: vue vite project
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { vitePlugin as utwm } from 'unplugin-tailwindcss-mangle'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), utwm()]
+})
+```
+
+then run script:
+
+```sh
+# generate bundle
+yarn build
+# preview
+yarn preview
+```
+
+You will see all class was renamed to `tw-*`
+
+#### webpack
+
+```js
+// esm
+import { webpackPlugin as utwm } from 'unplugin-tailwindcss-mangle'
+// or cjs
+const { webpackPlugin: utwm } = require('unplugin-tailwindcss-mangle')
+// use this webpack plugin
+utwm()
+```
+
+## Notice
+
+This plugin only transform those classes which name contain `-` or `:`, like `w-32`, `before:h-[300px]`,`after:dark:via-[#0141ff]/40`. some classes like `flex`,`relative` will not be mangled.
+
+because plugin will **traverse** all `html class attr` and `js StringLiteral` to find `utilities` generated by `tailwindcss`.
+
+it's dangerous to mangle some `js StringLiteral` like:
+
+```js
+const innerHTML = "i'm flex and relative and grid"
+document.body.innerHTML = innerHTML
+```
+
+so only strings with `-` or `:` will be transformed.

package/dist/esbuild.js

@@ -10,6 +10,6 @@ require('@babel/traverse');
 require('postcss');
 require('postcss-selector-parser');
 
-var esbuild = index.esbuild;
+var esbuild = index.unplugin.esbuild;
 
 module.exports = esbuild;

package/dist/esbuild.mjs

@@ -1,4 +1,4 @@
-import unplugin from './index.mjs';
+import { unplugin } from './index.mjs';
 import 'unplugin';
 import 'tailwindcss-patch';
 import 'parse5';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 import type { Options } from './types';
-declare const unplugin: import("unplugin").UnpluginInstance<Options | undefined, boolean>;
-export default unplugin;
+export declare const unplugin: import("unplugin").UnpluginInstance<Options | undefined, boolean>;
+export declare const vitePlugin: (options?: Options | undefined) => import("vite").Plugin | import("vite").Plugin[];
+export declare const webpackPlugin: (options?: Options | undefined) => import("webpack").WebpackPluginInstance;

package/dist/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var unplugin$1 = require('unplugin');
 var tailwindcssPatch = require('tailwindcss-patch');
 var parse5 = require('parse5');
@@ -493,5 +495,9 @@ const unplugin = unplugin$1.createUnplugin((options = {}, meta) => {
         }
     };
 });
+const vitePlugin = unplugin.vite;
+const webpackPlugin = unplugin.webpack;
 
-module.exports = unplugin;
+exports.unplugin = unplugin;
+exports.vitePlugin = vitePlugin;
+exports.webpackPlugin = webpackPlugin;

package/dist/index.mjs

@@ -484,5 +484,7 @@ const unplugin = createUnplugin((options = {}, meta) => {
         }
     };
 });
+const vitePlugin = unplugin.vite;
+const webpackPlugin = unplugin.webpack;
 
-export { unplugin as default };
+export { unplugin, vitePlugin, webpackPlugin };

package/dist/nuxt.js

@@ -38,11 +38,11 @@ function __awaiter(thisArg, _arguments, P, generator) {
 function nuxt (options = {}, nuxt) {
     nuxt.hook('webpack:config', (config) => __awaiter(this, void 0, void 0, function* () {
         config.plugins = config.plugins || [];
-        config.plugins.unshift(index.webpack(options));
+        config.plugins.unshift(index.unplugin.webpack(options));
     }));
     nuxt.hook('vite:extendConfig', (config) => __awaiter(this, void 0, void 0, function* () {
         config.plugins = config.plugins || [];
-        config.plugins.push(index.vite(options));
+        config.plugins.push(index.unplugin.vite(options));
     }));
 }
 

package/dist/nuxt.mjs

@@ -1,4 +1,4 @@
-import unplugin from './index.mjs';
+import { unplugin } from './index.mjs';
 import 'unplugin';
 import 'tailwindcss-patch';
 import 'parse5';

package/dist/rollup.js

@@ -10,6 +10,6 @@ require('@babel/traverse');
 require('postcss');
 require('postcss-selector-parser');
 
-var rollup = index.rollup;
+var rollup = index.unplugin.rollup;
 
 module.exports = rollup;

package/dist/rollup.mjs

@@ -1,4 +1,4 @@
-import unplugin from './index.mjs';
+import { unplugin } from './index.mjs';
 import 'unplugin';
 import 'tailwindcss-patch';
 import 'parse5';

package/dist/vite.js

@@ -10,6 +10,6 @@ require('@babel/traverse');
 require('postcss');
 require('postcss-selector-parser');
 
-var vite = index.vite;
+var vite = index.unplugin.vite;
 
 module.exports = vite;

package/dist/vite.mjs

@@ -1,4 +1,4 @@
-import unplugin from './index.mjs';
+import { unplugin } from './index.mjs';
 import 'unplugin';
 import 'tailwindcss-patch';
 import 'parse5';

package/dist/webpack.js

@@ -10,6 +10,6 @@ require('@babel/traverse');
 require('postcss');
 require('postcss-selector-parser');
 
-var webpack = index.webpack;
+var webpack = index.unplugin.webpack;
 
 module.exports = webpack;

package/dist/webpack.mjs

@@ -1,4 +1,4 @@
-import unplugin from './index.mjs';
+import { unplugin } from './index.mjs';
 import 'unplugin';
 import 'tailwindcss-patch';
 import 'parse5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-tailwindcss-mangle",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "mangle tailwindcss utilities class",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -64,7 +64,7 @@
     "postcss-selector-parser": "^6.0.11",
     "semver": "^7.5.0",
     "unplugin": "^1.3.1",
-    "tailwindcss-patch": "1.0.1"
+    "tailwindcss-patch": "1.0.2"
   },
   "publishConfig": {
     "access": "public",