tailwindcss 0.0.0-insiders.cb6e45a → 0.0.0-insiders.cb8af0c

package/README.md

@@ -1,9 +1,10 @@
 <p align="center">
-  <a href="https://tailwindcss.com/#gh-light-mode-only" target="_blank">
-    <img src="./.github/logo-light.svg" alt="Tailwind CSS" width="350" height="70">
-  </a>
-  <a href="https://tailwindcss.com/#gh-dark-mode-only" target="_blank">
-    <img src="./.github/logo-dark.svg" alt="Tailwind CSS" width="350" height="70">
+  <a href="https://tailwindcss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg">
+      <img alt="Tailwind CSS" src="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg" width="350" height="70" style="max-width: 100%;">
+    </picture>
   </a>
 </p>
 
@@ -13,7 +14,7 @@
 
 
 <p align="center">
-    <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/workflow/status/tailwindlabs/tailwindcss/Node.js%20CI" alt="Build Status"></a>
+    <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci-stable.yml?branch=master" alt="Build Status"></a>
     <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
     <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
     <a href="https://github.com/tailwindcss/tailwindcss/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>

package/lib/cli/build/deps.js

@@ -1,15 +1,12 @@
-// @ts-check
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
+    value: !0
+}), function(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
+        enumerable: !0,
         get: all[name]
     });
-}
-_export(exports, {
+}(exports, {
     loadPostcss: ()=>loadPostcss,
     loadPostcssImport: ()=>loadPostcssImport,
     loadCssNano: ()=>loadCssNano,
@@ -17,36 +14,31 @@ _export(exports, {
 });
 const _indexJs = require("../../../peers/index.js");
 function loadPostcss() {
-    // Try to load a local `postcss` version first
     try {
         return require("postcss");
     } catch  {}
     return (0, _indexJs.lazyPostcss)();
 }
 function loadPostcssImport() {
-    // Try to load a local `postcss-import` version first
     try {
         return require("postcss-import");
     } catch  {}
     return (0, _indexJs.lazyPostcssImport)();
 }
 function loadCssNano() {
-    let options = {
+    try {
+        return require("cssnano");
+    } catch  {}
+    return (0, _indexJs.lazyCssnano)()({
         preset: [
             "default",
             {
-                cssDeclarationSorter: false
+                cssDeclarationSorter: !1
             }
         ]
-    };
-    // Try to load a local `cssnano` version first
-    try {
-        return require("cssnano");
-    } catch  {}
-    return (0, _indexJs.lazyCssnano)()(options);
+    });
 }
 function loadAutoprefixer() {
-    // Try to load a local `autoprefixer` version first
     try {
         return require("autoprefixer");
     } catch  {}

package/lib/cli/build/index.js

@@ -1,44 +1,21 @@
-// @ts-check
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "build", {
-    enumerable: true,
+    value: !0
+}), Object.defineProperty(exports, "build", {
+    enumerable: !0,
     get: ()=>build
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _pluginJs = require("./plugin.js");
+const _fs = _interopRequireDefault(require("fs")), _path = _interopRequireDefault(require("path")), _resolveConfigPathJs = require("../../util/resolveConfigPath.js"), _pluginJs = require("./plugin.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-async function build(args, configs) {
-    let input = args["--input"];
-    let shouldWatch = args["--watch"];
-    // TODO: Deprecate this in future versions
-    if (!input && args["_"][1]) {
-        console.error("[deprecation] Running tailwindcss without -i, please provide an input file.");
-        input = args["--input"] = args["_"][1];
-    }
-    if (input && input !== "-" && !_fs.default.existsSync(input = _path.default.resolve(input))) {
-        console.error(`Specified input file ${args["--input"]} does not exist.`);
-        process.exit(9);
-    }
-    if (args["--config"] && !_fs.default.existsSync(args["--config"] = _path.default.resolve(args["--config"]))) {
-        console.error(`Specified config file ${args["--config"]} does not exist.`);
-        process.exit(9);
-    }
-    // TODO: Reference the @config path here if exists
-    let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null)(_path.default.resolve(`./${configs.tailwind}`));
-    let processor = await (0, _pluginJs.createProcessor)(args, configPath);
-    if (shouldWatch) {
-        /* Abort the watcher if stdin is closed to avoid zombie processes */ process.stdin.on("end", ()=>process.exit(0));
-        process.stdin.resume();
-        await processor.watch();
-    } else {
-        await processor.build();
-    }
+async function build(args) {
+    let input = args["--input"], shouldWatch = args["--watch"];
+    !input && args._[1] && (console.error("[deprecation] Running tailwindcss without -i, please provide an input file."), input = args["--input"] = args._[1]), input && "-" !== input && !_fs.default.existsSync(input = _path.default.resolve(input)) && (console.error(`Specified input file ${args["--input"]} does not exist.`), process.exit(9)), args["--config"] && !_fs.default.existsSync(args["--config"] = _path.default.resolve(args["--config"])) && (console.error(`Specified config file ${args["--config"]} does not exist.`), process.exit(9));
+    let processor = await (0, _pluginJs.createProcessor)(args, args["--config"] ? args["--config"] : (0, _resolveConfigPathJs.resolveDefaultConfigPath)());
+    shouldWatch ? ("always" !== args["--watch"] && process.stdin.on("end", ()=>process.exit(0)), process.stdin.resume(), await processor.watch()) : await processor.build().catch((e)=>{
+        console.error(e), process.exit(1);
+    });
 }

package/lib/cli/build/plugin.js

@@ -1,120 +1,41 @@
-// @ts-check
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "createProcessor", {
-    enumerable: true,
+    value: !0
+}), Object.defineProperty(exports, "createProcessor", {
+    enumerable: !0,
     get: ()=>createProcessor
 });
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
-const _lilconfig = require("lilconfig");
-const _plugins = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
-));
-const _options = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
-));
-const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../processTailwindFeatures"));
-const _deps = require("./deps");
-const _utils = require("./utils");
-const _shared = require("../shared");
-const _resolveConfigJs = /*#__PURE__*/ _interopRequireDefault(require("../../../resolveConfig.js"));
-const _getModuleDependenciesJs = /*#__PURE__*/ _interopRequireDefault(require("../../lib/getModuleDependencies.js"));
-const _contentJs = require("../../lib/content.js");
-const _watchingJs = require("./watching.js");
-const _fastGlob = /*#__PURE__*/ _interopRequireDefault(require("fast-glob"));
-const _findAtConfigPathJs = require("../../lib/findAtConfigPath.js");
-const _log = /*#__PURE__*/ _interopRequireDefault(require("../../util/log"));
+const _path = _interopRequireDefault(require("path")), _fs = _interopRequireDefault(require("fs")), _postcssLoadConfig = _interopRequireDefault(require("postcss-load-config")), _lilconfig = require("lilconfig"), _plugins = _interopRequireDefault(require("postcss-load-config/src/plugins")), _options = _interopRequireDefault(require("postcss-load-config/src/options")), _processTailwindFeatures = _interopRequireDefault(require("../../processTailwindFeatures")), _deps = require("./deps"), _utils = require("./utils"), _sharedState = require("../../lib/sharedState"), _resolveConfigJs = _interopRequireDefault(require("../../../resolveConfig.js")), _contentJs = require("../../lib/content.js"), _watchingJs = require("./watching.js"), _fastGlob = _interopRequireDefault(require("fast-glob")), _findAtConfigPathJs = require("../../lib/findAtConfigPath.js"), _log = _interopRequireDefault(require("../../util/log")), _loadConfig = require("../../lib/load-config"), _getModuleDependencies = _interopRequireDefault(require("../../lib/getModuleDependencies"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-/**
- *
- * @param {string} [customPostCssPath ]
- * @returns
- */ async function loadPostCssPlugins(customPostCssPath) {
+async function loadPostCssPlugins(customPostCssPath) {
     let config = customPostCssPath ? await (async ()=>{
-        let file = _path.default.resolve(customPostCssPath);
-        // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
-        // @ts-ignore
-        let { config ={}  } = await (0, _lilconfig.lilconfig)("postcss").load(file);
-        if (typeof config === "function") {
-            config = config();
-        } else {
-            config = Object.assign({}, config);
-        }
-        if (!config.plugins) {
-            config.plugins = [];
-        }
-        return {
+        let file = _path.default.resolve(customPostCssPath), { config ={}  } = await (0, _lilconfig.lilconfig)("postcss").load(file);
+        return (config = "function" == typeof config ? config() : Object.assign({}, config)).plugins || (config.plugins = []), {
             file,
             plugins: (0, _plugins.default)(config, file),
             options: (0, _options.default)(config, file)
         };
-    })() : await (0, _postcssLoadConfig.default)();
-    let configPlugins = config.plugins;
-    let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
-        if (typeof plugin === "function" && plugin.name === "tailwindcss") {
-            return true;
-        }
-        if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
-            return true;
-        }
-        return false;
-    });
-    let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
-    let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
+    })() : await (0, _postcssLoadConfig.default)(), configPlugins = config.plugins, configPluginTailwindIdx = configPlugins.findIndex((plugin)=>"function" == typeof plugin && "tailwindcss" === plugin.name || "object" == typeof plugin && null !== plugin && "tailwindcss" === plugin.postcssPlugin);
     return [
-        beforePlugins,
-        afterPlugins,
+        -1 === configPluginTailwindIdx ? [] : configPlugins.slice(0, configPluginTailwindIdx),
+        -1 === configPluginTailwindIdx ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1),
         config.options
     ];
 }
-function loadBuiltinPostcssPlugins() {
-    let postcss = (0, _deps.loadPostcss)();
-    let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
-    return [
-        [
-            (root)=>{
-                root.walkAtRules("import", (rule)=>{
-                    if (rule.params.slice(1).startsWith("tailwindcss/")) {
-                        rule.after(postcss.comment({
-                            text: IMPORT_COMMENT + rule.params
-                        }));
-                        rule.remove();
-                    }
-                });
-            },
-            (0, _deps.loadPostcssImport)(),
-            (root)=>{
-                root.walkComments((rule)=>{
-                    if (rule.text.startsWith(IMPORT_COMMENT)) {
-                        rule.after(postcss.atRule({
-                            name: "import",
-                            params: rule.text.replace(IMPORT_COMMENT, "")
-                        }));
-                        rule.remove();
-                    }
-                });
-            }
-        ],
-        [],
-        {}
-    ];
-}
 let state = {
-    /** @type {any} */ context: null,
-    /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
-    /** @type {{content: string, extension: string}[]} */ changedContent: [],
-    configDependencies: new Set(),
+    context: null,
+    watcher: null,
+    changedContent: [],
+    configBag: null,
     contextDependencies: new Set(),
-    /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
+    contentPaths: [],
     refreshContentPaths () {
-        var ref;
-        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (ref = this.context) === null || ref === void 0 ? void 0 : ref.tailwindConfig);
+        var _this_context;
+        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, null === (_this_context = this.context) || void 0 === _this_context ? void 0 : _this_context.tailwindConfig);
     },
     get config () {
         return this.context.tailwindConfig;
@@ -122,159 +43,105 @@ let state = {
     get contentPatterns () {
         return {
             all: this.contentPaths.map((contentPath)=>contentPath.pattern),
-            dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
+            dynamic: this.contentPaths.filter((contentPath)=>void 0 !== contentPath.glob).map((contentPath)=>contentPath.pattern)
         };
     },
     loadConfig (configPath, content) {
-        if (this.watcher && configPath) {
-            this.refreshConfigDependencies(configPath);
-        }
-        let config = configPath ? require(configPath) : {};
-        // @ts-ignore
-        config = (0, _resolveConfigJs.default)(config, {
+        this.watcher && configPath && this.refreshConfigDependencies();
+        let config = (0, _loadConfig.loadConfig)(configPath), dependencies = (0, _getModuleDependencies.default)(configPath);
+        return this.configBag = {
+            config,
+            dependencies,
+            dispose () {
+                for (let file of dependencies)delete require.cache[require.resolve(file)];
+            }
+        }, this.configBag.config = (0, _resolveConfigJs.default)(this.configBag.config, {
             content: {
                 files: []
             }
-        });
-        // Override content files if `--content` has been passed explicitly
-        if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
-            config.content.files = content;
-        }
-        return config;
+        }), (null == content ? void 0 : content.length) > 0 && (this.configBag.config.content.files = content), this.configBag.config;
     },
-    refreshConfigDependencies (configPath) {
-        _shared.env.DEBUG && console.time("Module dependencies");
-        for (let file of this.configDependencies){
-            delete require.cache[require.resolve(file)];
-        }
-        if (configPath) {
-            let deps = (0, _getModuleDependenciesJs.default)(configPath).map(({ file  })=>file);
-            for (let dependency of deps){
-                this.configDependencies.add(dependency);
-            }
-        }
-        _shared.env.DEBUG && console.timeEnd("Module dependencies");
+    refreshConfigDependencies () {
+        var _this_configBag;
+        _sharedState.env.DEBUG && console.time("Module dependencies"), null === (_this_configBag = this.configBag) || void 0 === _this_configBag || _this_configBag.dispose(), _sharedState.env.DEBUG && console.timeEnd("Module dependencies");
     },
     readContentPaths () {
         let content = [];
-        // Resolve globs from the content config
-        // TODO: When we make the postcss plugin async-capable this can become async
-        let files = _fastGlob.default.sync(this.contentPatterns.all);
-        for (let file of files){
-            content.push({
-                content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
-                extension: _path.default.extname(file).slice(1)
-            });
-        }
-        // Resolve raw content in the tailwind config
-        let rawContent = this.config.content.files.filter((file)=>{
-            return file !== null && typeof file === "object";
+        for (let file of _fastGlob.default.sync(this.contentPatterns.all))content.push({
+            content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
+            extension: _path.default.extname(file).slice(1)
+        });
+        for (let { raw: htmlContent , extension ="html"  } of this.config.content.files.filter((file)=>null !== file && "object" == typeof file))content.push({
+            content: htmlContent,
+            extension
         });
-        for (let { raw: content1 , extension ="html"  } of rawContent){
-            content1.push({
-                content: content1,
-                extension
-            });
-        }
         return content;
     },
     getContext ({ createContext , cliConfigPath , root , result , content  }) {
-        if (this.context) {
-            this.context.changedContent = this.changedContent.splice(0);
-            return this.context;
-        }
-        _shared.env.DEBUG && console.time("Searching for config");
-        var ref;
-        let configPath = (ref = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : cliConfigPath;
-        _shared.env.DEBUG && console.timeEnd("Searching for config");
-        _shared.env.DEBUG && console.time("Loading config");
+        var _findAtConfigPath;
+        if (this.context) return this.context.changedContent = this.changedContent.splice(0), this.context;
+        _sharedState.env.DEBUG && console.time("Searching for config");
+        let configPath = null !== (_findAtConfigPath = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) && void 0 !== _findAtConfigPath ? _findAtConfigPath : cliConfigPath;
+        _sharedState.env.DEBUG && console.timeEnd("Searching for config"), _sharedState.env.DEBUG && console.time("Loading config");
         let config = this.loadConfig(configPath, content);
-        _shared.env.DEBUG && console.timeEnd("Loading config");
-        _shared.env.DEBUG && console.time("Creating context");
-        this.context = createContext(config, []);
-        Object.assign(this.context, {
+        for (let file of (_sharedState.env.DEBUG && console.timeEnd("Loading config"), _sharedState.env.DEBUG && console.time("Creating context"), this.context = createContext(config, []), Object.assign(this.context, {
             userConfigPath: configPath
-        });
-        _shared.env.DEBUG && console.timeEnd("Creating context");
-        _shared.env.DEBUG && console.time("Resolving content paths");
-        this.refreshContentPaths();
-        _shared.env.DEBUG && console.timeEnd("Resolving content paths");
-        if (this.watcher) {
-            _shared.env.DEBUG && console.time("Watch new files");
-            this.watcher.refreshWatchedFiles();
-            _shared.env.DEBUG && console.timeEnd("Watch new files");
-        }
-        _shared.env.DEBUG && console.time("Reading content files");
-        for (let file of this.readContentPaths()){
-            this.context.changedContent.push(file);
-        }
-        _shared.env.DEBUG && console.timeEnd("Reading content files");
+        }), _sharedState.env.DEBUG && console.timeEnd("Creating context"), _sharedState.env.DEBUG && console.time("Resolving content paths"), this.refreshContentPaths(), _sharedState.env.DEBUG && console.timeEnd("Resolving content paths"), this.watcher && (_sharedState.env.DEBUG && console.time("Watch new files"), this.watcher.refreshWatchedFiles(), _sharedState.env.DEBUG && console.timeEnd("Watch new files")), this.readContentPaths()))this.context.changedContent.push(file);
         return this.context;
     }
 };
 async function createProcessor(args, cliConfigPath) {
-    var ref;
-    let postcss = (0, _deps.loadPostcss)();
-    let input = args["--input"];
-    let output = args["--output"];
-    let includePostCss = args["--postcss"];
-    let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
-    let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : loadBuiltinPostcssPlugins();
-    if (args["--purge"]) {
-        _log.default.warn("purge-flag-deprecated", [
-            "The `--purge` flag has been deprecated.",
-            "Please use `--content` instead."
-        ]);
-        if (!args["--content"]) {
-            args["--content"] = args["--purge"];
-        }
-    }
-    var ref1;
-    let content = (ref1 = (ref = args["--content"]) === null || ref === void 0 ? void 0 : ref.split(/(?<!{[^}]+),/)) !== null && ref1 !== void 0 ? ref1 : [];
-    let tailwindPlugin = ()=>{
-        return {
+    var _args_content, _args_content_split;
+    let postcss, IMPORT_COMMENT;
+    let postcss1 = (0, _deps.loadPostcss)(), input = args["--input"], output = args["--output"], includePostCss = args["--postcss"], customPostCssPath = "string" == typeof args["--postcss"] ? args["--postcss"] : void 0, [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : (postcss = (0, _deps.loadPostcss)(), IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ", [
+        [
+            (root)=>{
+                root.walkAtRules("import", (rule)=>{
+                    rule.params.slice(1).startsWith("tailwindcss/") && (rule.after(postcss.comment({
+                        text: IMPORT_COMMENT + rule.params
+                    })), rule.remove());
+                });
+            },
+            (0, _deps.loadPostcssImport)(),
+            (root)=>{
+                root.walkComments((rule)=>{
+                    rule.text.startsWith(IMPORT_COMMENT) && (rule.after(postcss.atRule({
+                        name: "import",
+                        params: rule.text.replace(IMPORT_COMMENT, "")
+                    })), rule.remove());
+                });
+            }
+        ],
+        [],
+        {}
+    ]);
+    args["--purge"] && (_log.default.warn("purge-flag-deprecated", [
+        "The `--purge` flag has been deprecated.",
+        "Please use `--content` instead."
+    ]), args["--content"] || (args["--content"] = args["--purge"]));
+    let content = null !== (_args_content_split = null === (_args_content = args["--content"]) || void 0 === _args_content ? void 0 : _args_content.split(/(?<!{[^}]+),/)) && void 0 !== _args_content_split ? _args_content_split : [], tailwindPlugin = ()=>({
             postcssPlugin: "tailwindcss",
             Once (root, { result  }) {
-                _shared.env.DEBUG && console.time("Compiling CSS");
-                (0, _processTailwindFeatures.default)(({ createContext  })=>{
-                    console.error();
-                    console.error("Rebuilding...");
-                    return ()=>{
-                        return state.getContext({
+                _sharedState.env.DEBUG && console.time("Compiling CSS"), (0, _processTailwindFeatures.default)(({ createContext  })=>(console.error(), console.error("Rebuilding..."), ()=>state.getContext({
                             createContext,
                             cliConfigPath,
                             root,
                             result,
                             content
-                        });
-                    };
-                })(root, result);
-                _shared.env.DEBUG && console.timeEnd("Compiling CSS");
+                        })))(root, result), _sharedState.env.DEBUG && console.timeEnd("Compiling CSS");
             }
-        };
-    };
-    tailwindPlugin.postcss = true;
-    let plugins = [
+        });
+    tailwindPlugin.postcss = !0;
+    let processor = postcss1([
         ...beforePlugins,
         tailwindPlugin,
         !args["--minify"] && _utils.formatNodes,
         ...afterPlugins,
         !args["--no-autoprefixer"] && (0, _deps.loadAutoprefixer)(),
         args["--minify"] && (0, _deps.loadCssNano)()
-    ].filter(Boolean);
-    /** @type {import('postcss').Processor} */ // @ts-ignore
-    let processor = postcss(plugins);
+    ].filter(Boolean));
     async function readInput() {
-        // Piping in data, let's drain the stdin
-        if (input === "-") {
-            return (0, _utils.drainStdin)();
-        }
-        // Input file has been provided
-        if (input) {
-            return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
-        }
-        // No input file provided, fallback to default atrules
-        return "@tailwind base; @tailwind components; @tailwind utilities";
+        return "-" === input ? (0, _utils.drainStdin)() : input ? _fs.default.promises.readFile(_path.default.resolve(input), "utf8") : "@tailwind base; @tailwind components; @tailwind utilities";
     }
     async function build() {
         let start = process.hrtime.bigint();
@@ -283,53 +150,46 @@ async function createProcessor(args, cliConfigPath) {
                 from: input,
                 to: output
             })).then((result)=>{
+            if (!state.watcher) return result;
+            for (let message of (_sharedState.env.DEBUG && console.time("Recording PostCSS dependencies"), result.messages))"dependency" === message.type && state.contextDependencies.add(message.file);
+            return _sharedState.env.DEBUG && console.timeEnd("Recording PostCSS dependencies"), _sharedState.env.DEBUG && console.time("Watch new files"), state.watcher.refreshWatchedFiles(), _sharedState.env.DEBUG && console.timeEnd("Watch new files"), result;
+        }).then((result)=>{
             if (!output) {
                 process.stdout.write(result.css);
                 return;
             }
             return Promise.all([
-                (0, _utils.outputFile)(output, result.css),
-                result.map && (0, _utils.outputFile)(output + ".map", result.map.toString())
+                (0, _utils.outputFile)(result.opts.to, result.css),
+                result.map && (0, _utils.outputFile)(result.opts.to + ".map", result.map.toString())
             ]);
         }).then(()=>{
             let end = process.hrtime.bigint();
-            console.error();
-            console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
+            console.error(), console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
+        }).then(()=>{}, (err)=>{
+            if (!state.watcher) return Promise.reject(err);
+            console.error(err);
         });
     }
-    /**
-   * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
-   */ async function parseChanges(changes) {
+    async function parseChanges(changes) {
         return Promise.all(changes.map(async (change)=>({
                 content: await change.content(),
                 extension: change.extension
             })));
     }
-    if (input !== undefined && input !== "-") {
-        state.contextDependencies.add(_path.default.resolve(input));
-    }
-    return {
+    return void 0 !== input && "-" !== input && state.contextDependencies.add(_path.default.resolve(input)), {
         build,
         watch: async ()=>{
             state.watcher = (0, _watchingJs.createWatcher)(args, {
                 state,
-                /**
-         * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
-         */ async rebuild (changes) {
-                    let needsNewContext = changes.some((change)=>{
-                        return state.configDependencies.has(change.file) || state.contextDependencies.has(change.file);
-                    });
-                    if (needsNewContext) {
-                        state.context = null;
-                    } else {
-                        for (let change of (await parseChanges(changes))){
-                            state.changedContent.push(change);
-                        }
-                    }
+                async rebuild (changes) {
+                    if (changes.some((change)=>{
+                        var _state_configBag;
+                        return (null === (_state_configBag = state.configBag) || void 0 === _state_configBag ? void 0 : _state_configBag.dependencies.has(change.file)) || state.contextDependencies.has(change.file);
+                    })) state.context = null;
+                    else for (let change of (await parseChanges(changes)))state.changedContent.push(change);
                     return build();
                 }
-            });
-            await build();
+            }), await build();
         }
     };
 }