tailwindcss-patch 2.0.0-alpha.0 → 2.0.1

package/README.md

@@ -1,16 +1,19 @@
 # tailwindcss-patch
 
-get tailwindcss context at runtime ! extract all class to json file!
+get tailwindcss context at runtime ! extract all classes into file!
 
 - [tailwindcss-patch](#tailwindcss-patch)
   - [Setup](#setup)
   - [Usage](#usage)
   - [Cli](#cli)
     - [Init Config File](#init-config-file)
-    - [extract all class into a json](#extract-all-class-into-a-json)
+    - [Extract all class into a json](#extract-all-class-into-a-json)
     - [Nodejs](#nodejs)
   - [Migration form v1 to v2](#migration-form-v1-to-v2)
-  - [Notice](#notice)
+    - [0. cli command change](#0-cli-command-change)
+    - [1. default remove `*` in json array result](#1-default-remove--in-json-array-result)
+
+> Nodejs version should >= `16.6.0`
 
 ## Setup
 
@@ -51,7 +54,7 @@ tw-patch init
 
 Then there will be a ts file called `tailwindcss-patch.config.ts` exist in your `cwd`.
 
-### extract all class into a json
+### Extract all class into a json
 
 ```sh
 tw-patch extract
@@ -70,11 +73,13 @@ const twPatcher = new TailwindcssPatcher(/* options */)
 // get all contexts at runtime
 twPatcher.getContexts()
 // get all class generated by tailwindcss utilities
-twPatcher.getClassCacheSet()
+twPatcher.getClassSet()
 ```
 
 ## Migration form v1 to v2
 
+### 0. cli command change
+
 ```diff
 {
 - "tw-patch"
@@ -82,10 +87,12 @@ twPatcher.getClassCacheSet()
 }
 ```
 
-## Notice
-
-`getContexts`,`getClassCacheSet` should be invoked after `postcss-loader`'s activation.
+### 1. default remove `*` in json array result
 
-which means you may not get tailwindcss contexts at build start time.
-
-you may call them at `generateBundle` lifetime hook in `vite/webpack plugin`.
+```diff
+[
+- "*",
+  "text-[99px]",
+  "text-[100px]"
+]
+```

package/bin/tw-patch.js

@@ -1,7 +1,7 @@
-#!/usr/bin/env node
-const fs = require('node:fs')
-const path = require('node:path')
-const cliPath = path.resolve(__dirname, '../dist/cli.cjs')
-if (fs.existsSync(cliPath)) {
-  require(cliPath)
-}
+#!/usr/bin/env node
+const fs = require('node:fs')
+const path = require('node:path')
+const cliPath = path.resolve(__dirname, '../dist/cli.cjs')
+if (fs.existsSync(cliPath)) {
+  require(cliPath)
+}

package/dist/cli.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index.cjs');
-const path = require('node:path');
+require('node:path');
 require('node:fs');
-const fs = require('node:fs/promises');
+require('node:fs/promises');
 require('resolve');
 require('@babel/types');
 require('@babel/generator');
@@ -12,86 +12,15 @@ require('@babel/parser');
 const cac = require('cac');
 require('semver');
 require('postcss');
-require('postcss-load-config');
 require('c12');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
-const path__default = /*#__PURE__*/_interopDefaultCompat(path);
-const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const cac__default = /*#__PURE__*/_interopDefaultCompat(cac);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const dedent = createDedent({});
-function createDedent(options) {
-  dedent.withOptions = newOptions => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
-  return dedent;
-  function dedent(strings, ...values) {
-    const raw = typeof strings === "string" ? [strings] : strings.raw;
-    const {
-      escapeSpecialCharacters = Array.isArray(strings)
-    } = options;
-
-    // first, perform interpolation
-    let result = "";
-    for (let i = 0; i < raw.length; i++) {
-      let next = raw[i];
-      if (escapeSpecialCharacters) {
-        // handle escaped newlines, backticks, and interpolation characters
-        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\{/g, "{");
-      }
-      result += next;
-      if (i < values.length) {
-        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-        result += values[i];
-      }
-    }
-
-    // now strip indentation
-    const lines = result.split("\n");
-    let mindent = null;
-    for (const l of lines) {
-      const m = l.match(/^(\s+)\S+/);
-      if (m) {
-        const indent = m[1].length;
-        if (!mindent) {
-          // this is the first indented line
-          mindent = indent;
-        } else {
-          mindent = Math.min(mindent, indent);
-        }
-      }
-    }
-    if (mindent !== null) {
-      const m = mindent; // appease TypeScript
-      result = lines
-      // https://github.com/typescript-eslint/typescript-eslint/issues/7140
-      // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
-      .map(l => l[0] === " " || l[0] === "\t" ? l.slice(m) : l).join("\n");
-    }
-    return result
-    // dedent eats leading and trailing whitespace too
-    .trim()
-    // handle escaped newlines at the end to ensure they don't get stripped too
-    .replace(/\\n/g, "\n");
-  }
-}
-
 function init() {
   const cwd = process.cwd();
-  return fs__default.writeFile(
-    path__default.resolve(cwd, "tailwindcss-patch.config.ts"),
-    dedent`
-      import { defineConfig } from 'tailwindcss-patch'
-
-      export default defineConfig({})
-    `,
-    "utf8"
-  );
+  return index.initConfig(cwd);
 }
 const cli = cac__default();
 cli.command("install", "patch install").action(() => {
@@ -105,13 +34,10 @@ cli.command("init").action(async () => {
 });
 cli.command("extract").action(async () => {
   const { config } = await index.getConfig();
-  if (config?.output?.filename) {
+  if (config) {
     const twPatcher = new index.TailwindcssPatcher();
-    await twPatcher.extract({
-      filename: config.output.filename,
-      configDir: config.postcss?.configDir,
-      loose: config.postcss?.loose
-    });
+    const p = await twPatcher.extract(config);
+    console.log("\u2728 tailwindcss-patch extract success! file path:\n" + p);
   }
 });
 cli.help();

package/dist/cli.mjs

@@ -1,7 +1,7 @@
-import { getPatchOptions, getConfig, TailwindcssPatcher, createPatch } from './index.mjs';
-import path from 'node:path';
+import { getPatchOptions, getConfig, TailwindcssPatcher, initConfig, createPatch } from './index.mjs';
+import 'node:path';
 import 'node:fs';
-import fs from 'node:fs/promises';
+import 'node:fs/promises';
 import 'resolve';
 import '@babel/types';
 import '@babel/generator';
@@ -10,80 +10,11 @@ import '@babel/parser';
 import cac from 'cac';
 import 'semver';
 import 'postcss';
-import 'postcss-load-config';
 import 'c12';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const dedent = createDedent({});
-function createDedent(options) {
-  dedent.withOptions = newOptions => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
-  return dedent;
-  function dedent(strings, ...values) {
-    const raw = typeof strings === "string" ? [strings] : strings.raw;
-    const {
-      escapeSpecialCharacters = Array.isArray(strings)
-    } = options;
-
-    // first, perform interpolation
-    let result = "";
-    for (let i = 0; i < raw.length; i++) {
-      let next = raw[i];
-      if (escapeSpecialCharacters) {
-        // handle escaped newlines, backticks, and interpolation characters
-        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\{/g, "{");
-      }
-      result += next;
-      if (i < values.length) {
-        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-        result += values[i];
-      }
-    }
-
-    // now strip indentation
-    const lines = result.split("\n");
-    let mindent = null;
-    for (const l of lines) {
-      const m = l.match(/^(\s+)\S+/);
-      if (m) {
-        const indent = m[1].length;
-        if (!mindent) {
-          // this is the first indented line
-          mindent = indent;
-        } else {
-          mindent = Math.min(mindent, indent);
-        }
-      }
-    }
-    if (mindent !== null) {
-      const m = mindent; // appease TypeScript
-      result = lines
-      // https://github.com/typescript-eslint/typescript-eslint/issues/7140
-      // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
-      .map(l => l[0] === " " || l[0] === "\t" ? l.slice(m) : l).join("\n");
-    }
-    return result
-    // dedent eats leading and trailing whitespace too
-    .trim()
-    // handle escaped newlines at the end to ensure they don't get stripped too
-    .replace(/\\n/g, "\n");
-  }
-}
-
 function init() {
   const cwd = process.cwd();
-  return fs.writeFile(
-    path.resolve(cwd, "tailwindcss-patch.config.ts"),
-    dedent`
-      import { defineConfig } from 'tailwindcss-patch'
-
-      export default defineConfig({})
-    `,
-    "utf8"
-  );
+  return initConfig(cwd);
 }
 const cli = cac();
 cli.command("install", "patch install").action(() => {
@@ -97,13 +28,10 @@ cli.command("init").action(async () => {
 });
 cli.command("extract").action(async () => {
   const { config } = await getConfig();
-  if (config?.output?.filename) {
+  if (config) {
     const twPatcher = new TailwindcssPatcher();
-    await twPatcher.extract({
-      filename: config.output.filename,
-      configDir: config.postcss?.configDir,
-      loose: config.postcss?.loose
-    });
+    const p = await twPatcher.extract(config);
+    console.log("\u2728 tailwindcss-patch extract success! file path:\n" + p);
   }
 });
 cli.help();

package/dist/index.cjs

@@ -10,7 +10,6 @@ const generate = require('@babel/generator');
 const traverse = require('@babel/traverse');
 const parser = require('@babel/parser');
 const postcss = require('postcss');
-const postcssrc = require('postcss-load-config');
 const c12 = require('c12');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -35,7 +34,6 @@ const t__namespace = /*#__PURE__*/_interopNamespaceCompat(t);
 const generate__default = /*#__PURE__*/_interopDefaultCompat(generate);
 const traverse__default = /*#__PURE__*/_interopDefaultCompat(traverse);
 const postcss__default = /*#__PURE__*/_interopDefaultCompat(postcss);
-const postcssrc__default = /*#__PURE__*/_interopDefaultCompat(postcssrc);
 
 const { sync } = pkg__default;
 function ensureFileContent(filepaths) {
@@ -86,13 +84,17 @@ function getClassCaches(basedir) {
   const contexts = getContexts(basedir);
   return contexts.map((x) => x.classCache);
 }
-function getClassCacheSet(basedir) {
+function getClassCacheSet(basedir, options) {
   const classCaches = getClassCaches(basedir);
   const classSet = /* @__PURE__ */ new Set();
   for (const classCacheMap of classCaches) {
     const keys = classCacheMap.keys();
     for (const key of keys) {
-      classSet.add(key.toString());
+      const v = key.toString();
+      if (options?.removeUniversalSelector && v === "*") {
+        continue;
+      }
+      classSet.add(v);
     }
   }
   return classSet;
@@ -359,9 +361,23 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const defaultOptions = {
-  overwrite: true
-};
+function getDefaultPatchOptions() {
+  return {
+    overwrite: true
+  };
+}
+function getDefaultUserConfig() {
+  return {
+    output: {
+      filename: ".tw-patch/tw-class-list.json",
+      removeUniversalSelector: true,
+      loose: true
+    },
+    tailwindcss: {
+      cwd: process.cwd()
+    }
+  };
+}
 
 function getInstalledPkgJsonPath(options = {}) {
   try {
@@ -381,7 +397,7 @@ function getPatchOptions(options = {}) {
     {
       basedir: process.cwd()
     },
-    defaultOptions
+    getDefaultPatchOptions()
   );
 }
 function createPatch(opt) {
@@ -436,11 +452,15 @@ function internalPatch(pkgJsonPath, options) {
   }
 }
 
-async function getCss(p) {
-  const { options, plugins } = await postcssrc__default(void 0, p);
-  const res = await postcss__default(plugins).process("@tailwind base;@tailwind components;@tailwind utilities;", {
-    from: void 0,
-    ...options
+async function processTailwindcss(options) {
+  options.cwd = options.cwd ?? process.cwd();
+  const config = options.config && path__default.isAbsolute(options.config) ? options.config : path__default.resolve(options.cwd, "tailwind.config.js");
+  const res = await postcss__default([
+    require("tailwindcss")({
+      config
+    })
+  ]).process("@tailwind base;@tailwind components;@tailwind utilities;", {
+    from: void 0
   });
   return res;
 }
@@ -470,11 +490,11 @@ class TailwindcssPatcher {
    * @param basedir
    * @returns
    */
-  getClassSet(options = {
-    cacheStrategy: this.cacheOptions.strategy ?? "merge"
-  }) {
-    const { basedir, cacheStrategy } = options;
-    const set = getClassCacheSet(basedir);
+  getClassSet(options) {
+    const { basedir, cacheStrategy = this.cacheOptions.strategy ?? "merge", removeUniversalSelector = true } = options ?? {};
+    const set = getClassCacheSet(basedir, {
+      removeUniversalSelector
+    });
     if (cacheStrategy === "overwrite") {
       set.size > 0 && this.setCache(set);
     } else if (cacheStrategy === "merge") {
@@ -492,31 +512,104 @@ class TailwindcssPatcher {
     return getContexts(basedir);
   }
   async extract(options) {
-    const { configDir, filename, loose } = options;
-    await getCss(configDir);
-    const set = this.getClassSet();
-    await ensureDir(path.dirname(filename));
-    const classList = [...set];
-    await fs__default$1.writeFile(filename, JSON.stringify(classList, null, loose ? 2 : void 0), "utf8");
-    return classList;
+    const { output, tailwindcss } = options;
+    if (output && tailwindcss) {
+      const { removeUniversalSelector, filename, loose } = output;
+      await processTailwindcss(tailwindcss);
+      const set = this.getClassSet({
+        removeUniversalSelector
+      });
+      if (filename) {
+        await ensureDir(path.dirname(filename));
+        const classList = [...set];
+        await fs__default$1.writeFile(filename, JSON.stringify(classList, null, loose ? 2 : void 0), "utf8");
+        return filename;
+      }
+    }
   }
 }
 
-function getConfig() {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const dedent = createDedent({});
+function createDedent(options) {
+  dedent.withOptions = newOptions => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
+  return dedent;
+  function dedent(strings, ...values) {
+    const raw = typeof strings === "string" ? [strings] : strings.raw;
+    const {
+      escapeSpecialCharacters = Array.isArray(strings)
+    } = options;
+
+    // first, perform interpolation
+    let result = "";
+    for (let i = 0; i < raw.length; i++) {
+      let next = raw[i];
+      if (escapeSpecialCharacters) {
+        // handle escaped newlines, backticks, and interpolation characters
+        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\{/g, "{");
+      }
+      result += next;
+      if (i < values.length) {
+        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+        result += values[i];
+      }
+    }
+
+    // now strip indentation
+    const lines = result.split("\n");
+    let mindent = null;
+    for (const l of lines) {
+      const m = l.match(/^(\s+)\S+/);
+      if (m) {
+        const indent = m[1].length;
+        if (!mindent) {
+          // this is the first indented line
+          mindent = indent;
+        } else {
+          mindent = Math.min(mindent, indent);
+        }
+      }
+    }
+    if (mindent !== null) {
+      const m = mindent; // appease TypeScript
+      result = lines
+      // https://github.com/typescript-eslint/typescript-eslint/issues/7140
+      // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
+      .map(l => l[0] === " " || l[0] === "\t" ? l.slice(m) : l).join("\n");
+    }
+    return result
+    // dedent eats leading and trailing whitespace too
+    .trim()
+    // handle escaped newlines at the end to ensure they don't get stripped too
+    .replace(/\\n/g, "\n");
+  }
+}
+
+function getConfig(cwd) {
   return c12.loadConfig({
     name: "tailwindcss-patch",
     defaults: {
-      output: {
-        filename: ".tw-patch/tw-class-list.json"
-      },
-      postcss: {
-        configDir: process.cwd(),
-        loose: true
-      }
-    }
+      ...getDefaultUserConfig()
+    },
+    cwd
   });
 }
 const defineConfig = c12.createDefineConfig();
+function initConfig(cwd) {
+  return fs__default$1.writeFile(
+    path__default.resolve(cwd, "tailwindcss-patch.config.ts"),
+    dedent`
+      import { defineConfig } from 'tailwindcss-patch'
+
+      export default defineConfig({})
+    `,
+    "utf8"
+  );
+}
 
 exports.CacheManager = CacheManager;
 exports.TailwindcssPatcher = TailwindcssPatcher;
@@ -532,6 +625,7 @@ exports.getContexts = getContexts;
 exports.getInstalledPkgJsonPath = getInstalledPkgJsonPath;
 exports.getPatchOptions = getPatchOptions;
 exports.getTailwindcssEntry = getTailwindcssEntry;
+exports.initConfig = initConfig;
 exports.inspectPostcssPlugin = inspectPostcssPlugin;
 exports.inspectProcessTailwindFeaturesReturnContext = inspectProcessTailwindFeaturesReturnContext;
 exports.internalPatch = internalPatch;

package/dist/index.d.ts

@@ -76,13 +76,20 @@ type TailwindcssRuntimeContext = {
 interface UserConfig {
     output?: {
         filename?: string;
-    };
-    postcss?: {
-        configDir?: string;
         loose?: boolean;
+        /**
+         * @description remove * in output json
+         */
+        removeUniversalSelector?: boolean;
+    };
+    tailwindcss?: {
+        cwd?: string;
+        config?: string;
     };
-    tailwindcss?: {};
 }
+type DeepRequired<T> = {
+    [K in keyof T]: Required<DeepRequired<T[K]>>;
+};
 
 declare function getCacheOptions(options?: CacheOptions | boolean): InternalCacheOptions;
 declare class CacheManager {
@@ -117,19 +124,18 @@ declare class TailwindcssPatcher {
     getClassSet(options?: {
         basedir?: string;
         cacheStrategy?: CacheStrategy;
+        removeUniversalSelector?: boolean;
     }): Set<string>;
     getContexts(basedir?: string): TailwindcssRuntimeContext[];
-    extract(options: {
-        configDir: string;
-        filename: string;
-        loose: boolean;
-    }): Promise<string[]>;
+    extract(options: UserConfig): Promise<string | undefined>;
 }
 
 declare function getTailwindcssEntry(basedir?: string): string;
 declare function getContexts(basedir?: string): TailwindcssRuntimeContext[];
 declare function getClassCaches(basedir?: string): TailwindcssClassCache[];
-declare function getClassCacheSet(basedir?: string): Set<string>;
+declare function getClassCacheSet(basedir?: string, options?: {
+    removeUniversalSelector?: boolean;
+}): Set<string>;
 
 declare function inspectProcessTailwindFeaturesReturnContext(content: string): {
     code: string;
@@ -149,11 +155,12 @@ declare function monkeyPatchForExposingContext(twDir: string, opt: InternalPatch
 } & Record<string, any>;
 declare function internalPatch(pkgJsonPath: string | undefined, options: InternalPatchOptions): any | undefined;
 
-declare function getConfig(): Promise<c12.ResolvedConfig<UserConfig, c12.ConfigLayerMeta>>;
+declare function getConfig(cwd?: string): Promise<c12.ResolvedConfig<UserConfig, c12.ConfigLayerMeta>>;
 declare const defineConfig: c12.DefineConfig<UserConfig, c12.ConfigLayerMeta>;
+declare function initConfig(cwd: string): Promise<void>;
 
 declare function ensureFileContent(filepaths: string | string[]): string | undefined;
 declare function requireResolve(id: string, opts?: SyncOpts): string;
 declare function ensureDir(p: string): Promise<void>;
 
-export { CacheManager, CacheOptions, CacheStrategy, InternalCacheOptions, InternalPatchOptions, PatchOptions, TailwindcssClassCache, TailwindcssPatcher, TailwindcssPatcherOptions, TailwindcssRuntimeContext, UserConfig, createPatch, defineConfig, ensureDir, ensureFileContent, getCacheOptions, getClassCacheSet, getClassCaches, getConfig, getContexts, getInstalledPkgJsonPath, getPatchOptions, getTailwindcssEntry, inspectPostcssPlugin, inspectProcessTailwindFeaturesReturnContext, internalPatch, monkeyPatchForExposingContext, requireResolve };
+export { CacheManager, CacheOptions, CacheStrategy, DeepRequired, InternalCacheOptions, InternalPatchOptions, PatchOptions, TailwindcssClassCache, TailwindcssPatcher, TailwindcssPatcherOptions, TailwindcssRuntimeContext, UserConfig, createPatch, defineConfig, ensureDir, ensureFileContent, getCacheOptions, getClassCacheSet, getClassCaches, getConfig, getContexts, getInstalledPkgJsonPath, getPatchOptions, getTailwindcssEntry, initConfig, inspectPostcssPlugin, inspectProcessTailwindFeaturesReturnContext, internalPatch, monkeyPatchForExposingContext, requireResolve };

package/dist/index.mjs

@@ -8,18 +8,8 @@ import generate from '@babel/generator';
 import traverse from '@babel/traverse';
 import { parse } from '@babel/parser';
 import postcss from 'postcss';
-import postcssrc from 'postcss-load-config';
 import { createDefineConfig, loadConfig } from 'c12';
 
-
-
-// -- Unbuild CommonJS Shims --
-import __cjs_url__ from 'url';
-import __cjs_path__ from 'path';
-import __cjs_mod__ from 'module';
-const __filename = __cjs_url__.fileURLToPath(import.meta.url);
-const __dirname = __cjs_path__.dirname(__filename);
-const require = __cjs_mod__.createRequire(import.meta.url);
 const { sync } = pkg;
 function ensureFileContent(filepaths) {
   if (typeof filepaths === "string") {
@@ -69,13 +59,17 @@ function getClassCaches(basedir) {
   const contexts = getContexts(basedir);
   return contexts.map((x) => x.classCache);
 }
-function getClassCacheSet(basedir) {
+function getClassCacheSet(basedir, options) {
   const classCaches = getClassCaches(basedir);
   const classSet = /* @__PURE__ */ new Set();
   for (const classCacheMap of classCaches) {
     const keys = classCacheMap.keys();
     for (const key of keys) {
-      classSet.add(key.toString());
+      const v = key.toString();
+      if (options?.removeUniversalSelector && v === "*") {
+        continue;
+      }
+      classSet.add(v);
     }
   }
   return classSet;
@@ -342,9 +336,23 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const defaultOptions = {
-  overwrite: true
-};
+function getDefaultPatchOptions() {
+  return {
+    overwrite: true
+  };
+}
+function getDefaultUserConfig() {
+  return {
+    output: {
+      filename: ".tw-patch/tw-class-list.json",
+      removeUniversalSelector: true,
+      loose: true
+    },
+    tailwindcss: {
+      cwd: process.cwd()
+    }
+  };
+}
 
 function getInstalledPkgJsonPath(options = {}) {
   try {
@@ -364,7 +372,7 @@ function getPatchOptions(options = {}) {
     {
       basedir: process.cwd()
     },
-    defaultOptions
+    getDefaultPatchOptions()
   );
 }
 function createPatch(opt) {
@@ -419,11 +427,15 @@ function internalPatch(pkgJsonPath, options) {
   }
 }
 
-async function getCss(p) {
-  const { options, plugins } = await postcssrc(void 0, p);
-  const res = await postcss(plugins).process("@tailwind base;@tailwind components;@tailwind utilities;", {
-    from: void 0,
-    ...options
+async function processTailwindcss(options) {
+  options.cwd = options.cwd ?? process.cwd();
+  const config = options.config && path.isAbsolute(options.config) ? options.config : path.resolve(options.cwd, "tailwind.config.js");
+  const res = await postcss([
+    require("tailwindcss")({
+      config
+    })
+  ]).process("@tailwind base;@tailwind components;@tailwind utilities;", {
+    from: void 0
   });
   return res;
 }
@@ -453,11 +465,11 @@ class TailwindcssPatcher {
    * @param basedir
    * @returns
    */
-  getClassSet(options = {
-    cacheStrategy: this.cacheOptions.strategy ?? "merge"
-  }) {
-    const { basedir, cacheStrategy } = options;
-    const set = getClassCacheSet(basedir);
+  getClassSet(options) {
+    const { basedir, cacheStrategy = this.cacheOptions.strategy ?? "merge", removeUniversalSelector = true } = options ?? {};
+    const set = getClassCacheSet(basedir, {
+      removeUniversalSelector
+    });
     if (cacheStrategy === "overwrite") {
       set.size > 0 && this.setCache(set);
     } else if (cacheStrategy === "merge") {
@@ -475,30 +487,112 @@ class TailwindcssPatcher {
     return getContexts(basedir);
   }
   async extract(options) {
-    const { configDir, filename, loose } = options;
-    await getCss(configDir);
-    const set = this.getClassSet();
-    await ensureDir(dirname(filename));
-    const classList = [...set];
-    await fs$1.writeFile(filename, JSON.stringify(classList, null, loose ? 2 : void 0), "utf8");
-    return classList;
+    const { output, tailwindcss } = options;
+    if (output && tailwindcss) {
+      const { removeUniversalSelector, filename, loose } = output;
+      await processTailwindcss(tailwindcss);
+      const set = this.getClassSet({
+        removeUniversalSelector
+      });
+      if (filename) {
+        await ensureDir(dirname(filename));
+        const classList = [...set];
+        await fs$1.writeFile(filename, JSON.stringify(classList, null, loose ? 2 : void 0), "utf8");
+        return filename;
+      }
+    }
+  }
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const dedent = createDedent({});
+function createDedent(options) {
+  dedent.withOptions = newOptions => createDedent(_objectSpread(_objectSpread({}, options), newOptions));
+  return dedent;
+  function dedent(strings, ...values) {
+    const raw = typeof strings === "string" ? [strings] : strings.raw;
+    const {
+      escapeSpecialCharacters = Array.isArray(strings)
+    } = options;
+
+    // first, perform interpolation
+    let result = "";
+    for (let i = 0; i < raw.length; i++) {
+      let next = raw[i];
+      if (escapeSpecialCharacters) {
+        // handle escaped newlines, backticks, and interpolation characters
+        next = next.replace(/\\\n[ \t]*/g, "").replace(/\\`/g, "`").replace(/\\\$/g, "$").replace(/\\{/g, "{");
+      }
+      result += next;
+      if (i < values.length) {
+        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+        result += values[i];
+      }
+    }
+
+    // now strip indentation
+    const lines = result.split("\n");
+    let mindent = null;
+    for (const l of lines) {
+      const m = l.match(/^(\s+)\S+/);
+      if (m) {
+        const indent = m[1].length;
+        if (!mindent) {
+          // this is the first indented line
+          mindent = indent;
+        } else {
+          mindent = Math.min(mindent, indent);
+        }
+      }
+    }
+    if (mindent !== null) {
+      const m = mindent; // appease TypeScript
+      result = lines
+      // https://github.com/typescript-eslint/typescript-eslint/issues/7140
+      // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
+      .map(l => l[0] === " " || l[0] === "\t" ? l.slice(m) : l).join("\n");
+    }
+    return result
+    // dedent eats leading and trailing whitespace too
+    .trim()
+    // handle escaped newlines at the end to ensure they don't get stripped too
+    .replace(/\\n/g, "\n");
   }
 }
 
-function getConfig() {
+function getConfig(cwd) {
   return loadConfig({
     name: "tailwindcss-patch",
     defaults: {
-      output: {
-        filename: ".tw-patch/tw-class-list.json"
-      },
-      postcss: {
-        configDir: process.cwd(),
-        loose: true
-      }
-    }
+      ...getDefaultUserConfig()
+    },
+    cwd
   });
 }
 const defineConfig = createDefineConfig();
+function initConfig(cwd) {
+  return fs$1.writeFile(
+    path.resolve(cwd, "tailwindcss-patch.config.ts"),
+    dedent`
+      import { defineConfig } from 'tailwindcss-patch'
+
+      
+
+// -- Unbuild CommonJS Shims --
+import __cjs_url__ from 'url';
+import __cjs_path__ from 'path';
+import __cjs_mod__ from 'module';
+const __filename = __cjs_url__.fileURLToPath(import.meta.url);
+const __dirname = __cjs_path__.dirname(__filename);
+const require = __cjs_mod__.createRequire(import.meta.url);
+export default defineConfig({})
+    `,
+    "utf8"
+  );
+}
 
-export { CacheManager, TailwindcssPatcher, createPatch, defineConfig, ensureDir, ensureFileContent, getCacheOptions, getClassCacheSet, getClassCaches, getConfig, getContexts, getInstalledPkgJsonPath, getPatchOptions, getTailwindcssEntry, inspectPostcssPlugin, inspectProcessTailwindFeaturesReturnContext, internalPatch, monkeyPatchForExposingContext, requireResolve };
+export { CacheManager, TailwindcssPatcher, createPatch, defineConfig, ensureDir, ensureFileContent, getCacheOptions, getClassCacheSet, getClassCaches, getConfig, getContexts, getInstalledPkgJsonPath, getPatchOptions, getTailwindcssEntry, initConfig, inspectPostcssPlugin, inspectProcessTailwindFeaturesReturnContext, internalPatch, monkeyPatchForExposingContext, requireResolve };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tailwindcss-patch",
-  "version": "2.0.0-alpha.0",
-  "description": "patch tailwindcss for exposing context",
+  "version": "2.0.1",
+  "description": "patch tailwindcss for exposing context and extract classes",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,7 +30,9 @@
   ],
   "keywords": [
     "tailwindcss",
-    "patch"
+    "patch",
+    "extract",
+    "class"
   ],
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
@@ -38,13 +40,19 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
+  "peerDependencies": {
+    "tailwindcss": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": false
+    }
+  },
   "devDependencies": {
     "@types/babel__generator": "^7.6.4",
     "@types/babel__traverse": "^7.20.1",
     "@types/resolve": "^1.20.2",
     "@types/semver": "^7.5.0",
-    "dedent": "^1.5.1",
-    "defu": "^6.1.2",
     "pkg-types": "^1.0.3",
     "tailwindcss": "^3.3.3"
   },
@@ -56,7 +64,6 @@
     "c12": "^1.4.2",
     "cac": "^6.7.14",
     "postcss": "^8.4.27",
-    "postcss-load-config": "^4.0.1",
     "resolve": "^1.22.4",
     "semver": "^7.5.4"
   },
@@ -75,6 +82,6 @@
     "build": "unbuild",
     "test": "vitest run --coverage.enabled",
     "test:dev": "vitest",
-    "cli": "node bin/tw-patch.js"
+    "cli": "node bin/tw-patch.js install"
   }
 }