tailwindcss 0.0.0-insiders.ff2c25f → 0.0.0-insiders.ff6f085

package/README.md

@@ -12,15 +12,14 @@
   A utility-first CSS framework for rapidly building custom user interfaces.
 </p>
 
-
 <p align="center">
-    <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://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci.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>
 </p>
 
-------
+---
 
 ## Documentation
 

package/lib/cli/build/deps.js

@@ -10,25 +10,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    loadPostcss: ()=>loadPostcss,
-    loadPostcssImport: ()=>loadPostcssImport,
-    loadCssNano: ()=>loadCssNano,
-    loadAutoprefixer: ()=>loadAutoprefixer
+    loadPostcss: function() {
+        return loadPostcss;
+    },
+    loadPostcssImport: function() {
+        return loadPostcssImport;
+    },
+    loadCssNano: function() {
+        return loadCssNano;
+    },
+    loadAutoprefixer: function() {
+        return loadAutoprefixer;
+    }
 });
-const _indexJs = require("../../../peers/index.js");
+const _index = require("../../../peers/index.js");
 function loadPostcss() {
     // Try to load a local `postcss` version first
     try {
         return require("postcss");
     } catch  {}
-    return (0, _indexJs.lazyPostcss)();
+    return (0, _index.lazyPostcss)();
 }
 function loadPostcssImport() {
     // Try to load a local `postcss-import` version first
     try {
         return require("postcss-import");
     } catch  {}
-    return (0, _indexJs.lazyPostcssImport)();
+    return (0, _index.lazyPostcssImport)();
 }
 function loadCssNano() {
     let options = {
@@ -43,12 +51,12 @@ function loadCssNano() {
     try {
         return require("cssnano");
     } catch  {}
-    return (0, _indexJs.lazyCssnano)()(options);
+    return (0, _index.lazyCssnano)()(options);
 }
 function loadAutoprefixer() {
     // Try to load a local `autoprefixer` version first
     try {
         return require("autoprefixer");
     } catch  {}
-    return (0, _indexJs.lazyAutoprefixer)();
+    return (0, _index.lazyAutoprefixer)();
 }

package/lib/cli/build/index.js

@@ -5,17 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "build", {
     enumerable: true,
-    get: ()=>build
+    get: function() {
+        return build;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _pluginJs = require("./plugin.js");
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _resolveConfigPath = require("../../util/resolveConfigPath.js");
+const _plugin = require("./plugin.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-async function build(args, configs) {
+async function build(args) {
     let input = args["--input"];
     let shouldWatch = args["--watch"];
     // TODO: Deprecate this in future versions
@@ -32,8 +35,8 @@ async function build(args, configs) {
         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);
+    let configPath = args["--config"] ? args["--config"] : (0, _resolveConfigPath.resolveDefaultConfigPath)();
+    let processor = await (0, _plugin.createProcessor)(args, configPath);
     if (shouldWatch) {
         // Abort the watcher if stdin is closed to avoid zombie processes
         // You can disable this behavior with --watch=always
@@ -43,6 +46,9 @@ async function build(args, configs) {
         process.stdin.resume();
         await processor.watch();
     } else {
-        await processor.build();
+        await processor.build().catch((e)=>{
+            console.error(e);
+            process.exit(1);
+        });
     }
 }

package/lib/cli/build/plugin.js

@@ -5,28 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createProcessor", {
     enumerable: true,
-    get: ()=>createProcessor
+    get: function() {
+        return createProcessor;
+    }
 });
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _postcssloadconfig = /*#__PURE__*/ _interop_require_default(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 _plugins = /*#__PURE__*/ _interop_require_default(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 _options = /*#__PURE__*/ _interop_require_default(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
 ));
-const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../processTailwindFeatures"));
+const _processTailwindFeatures = /*#__PURE__*/ _interop_require_default(require("../../processTailwindFeatures"));
 const _deps = require("./deps");
 const _utils = require("./utils");
 const _sharedState = require("../../lib/sharedState");
-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"));
-function _interopRequireDefault(obj) {
+const _resolveConfig = /*#__PURE__*/ _interop_require_default(require("../../../resolveConfig.js"));
+const _content = require("../../lib/content.js");
+const _watching = require("./watching.js");
+const _fastglob = /*#__PURE__*/ _interop_require_default(require("fast-glob"));
+const _findAtConfigPath = require("../../lib/findAtConfigPath.js");
+const _log = /*#__PURE__*/ _interop_require_default(require("../../util/log"));
+const _loadconfig = require("../../lib/load-config");
+const _getModuleDependencies = /*#__PURE__*/ _interop_require_default(require("../../lib/getModuleDependencies"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -54,7 +57,7 @@ function _interopRequireDefault(obj) {
             plugins: (0, _plugins.default)(config, file),
             options: (0, _options.default)(config, file)
         };
-    })() : await (0, _postcssLoadConfig.default)();
+    })() : await (0, _postcssloadconfig.default)();
     let configPlugins = config.plugins;
     let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
         if (typeof plugin === "function" && plugin.name === "tailwindcss") {
@@ -109,12 +112,12 @@ let state = {
     /** @type {any} */ context: null,
     /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
     /** @type {{content: string, extension: string}[]} */ changedContent: [],
-    configDependencies: new Set(),
+    /** @type {ReturnType<typeof load> | null} */ configBag: null,
     contextDependencies: new Set(),
     /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
     refreshContentPaths () {
         var _this_context;
-        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
+        this.contentPaths = (0, _content.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
     },
     get config () {
         return this.context.tailwindConfig;
@@ -127,51 +130,47 @@ let state = {
     },
     loadConfig (configPath, content) {
         if (this.watcher && configPath) {
-            this.refreshConfigDependencies(configPath);
+            this.refreshConfigDependencies();
         }
-        let config = configPath ? require(configPath) : {};
+        let config = (0, _loadconfig.loadConfig)(configPath);
+        let dependencies = (0, _getModuleDependencies.default)(configPath);
+        this.configBag = {
+            config,
+            dependencies,
+            dispose () {
+                for (let file of dependencies){
+                    delete require.cache[require.resolve(file)];
+                }
+            }
+        };
         // @ts-ignore
-        config = (0, _resolveConfigJs.default)(config, {
+        this.configBag.config = (0, _resolveConfig.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;
+            this.configBag.config.content.files = content;
         }
-        return config;
+        return this.configBag.config;
     },
-    refreshConfigDependencies (configPath) {
+    refreshConfigDependencies () {
+        var _this_configBag;
         _sharedState.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);
-            }
-        }
+        (_this_configBag = this.configBag) === null || _this_configBag === void 0 ? void 0 : _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);
+        let files = _fastglob.default.sync(this.contentPatterns.all);
         for (let file of files){
-            if (_sharedState.env.OXIDE) {
-                content.push({
-                    file,
-                    extension: _path.default.extname(file).slice(1)
-                });
-            } else {
-                content.push({
-                    content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
-                    extension: _path.default.extname(file).slice(1)
-                });
-            }
+            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)=>{
@@ -186,14 +185,14 @@ let state = {
         return content;
     },
     getContext ({ createContext , cliConfigPath , root , result , content  }) {
+        _sharedState.env.DEBUG && console.time("Searching for config");
+        var _findAtConfigPath1;
+        let configPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : cliConfigPath;
+        _sharedState.env.DEBUG && console.timeEnd("Searching for config");
         if (this.context) {
             this.context.changedContent = this.changedContent.splice(0);
             return this.context;
         }
-        _sharedState.env.DEBUG && console.time("Searching for config");
-        var _findAtConfigPath;
-        let configPath = (_findAtConfigPath = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && _findAtConfigPath !== void 0 ? _findAtConfigPath : cliConfigPath;
-        _sharedState.env.DEBUG && console.timeEnd("Searching for config");
         _sharedState.env.DEBUG && console.time("Loading config");
         let config = this.loadConfig(configPath, content);
         _sharedState.env.DEBUG && console.timeEnd("Loading config");
@@ -239,9 +238,9 @@ async function createProcessor(args, cliConfigPath) {
     let tailwindPlugin = ()=>{
         return {
             postcssPlugin: "tailwindcss",
-            Once (root, { result  }) {
+            async Once (root, { result  }) {
                 _sharedState.env.DEBUG && console.time("Compiling CSS");
-                (0, _processTailwindFeatures.default)(({ createContext  })=>{
+                await (0, _processTailwindFeatures.default)(({ createContext  })=>{
                     console.error();
                     console.error("Rebuilding...");
                     return ()=>{
@@ -326,7 +325,11 @@ async function createProcessor(args, cliConfigPath) {
             // If you fix it and then save the main CSS file so there's no error
             // The watcher will start watching the imported CSS files and will be
             // resilient to future errors.
-            console.error(err);
+            if (state.watcher) {
+                console.error(err);
+            } else {
+                return Promise.reject(err);
+            }
         });
     }
     /**
@@ -343,13 +346,14 @@ async function createProcessor(args, cliConfigPath) {
     return {
         build,
         watch: async ()=>{
-            state.watcher = (0, _watchingJs.createWatcher)(args, {
+            state.watcher = (0, _watching.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);
+                        var _state_configBag;
+                        return ((_state_configBag = state.configBag) === null || _state_configBag === void 0 ? void 0 : _state_configBag.dependencies.has(change.file)) || state.contextDependencies.has(change.file);
                     });
                     if (needsNewContext) {
                         state.context = null;

package/lib/cli/build/utils.js

@@ -10,15 +10,25 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    indentRecursive: ()=>indentRecursive,
-    formatNodes: ()=>formatNodes,
-    readFileWithRetries: ()=>readFileWithRetries,
-    drainStdin: ()=>drainStdin,
-    outputFile: ()=>outputFile
+    indentRecursive: function() {
+        return indentRecursive;
+    },
+    formatNodes: function() {
+        return formatNodes;
+    },
+    readFileWithRetries: function() {
+        return readFileWithRetries;
+    },
+    drainStdin: function() {
+        return drainStdin;
+    },
+    outputFile: function() {
+        return outputFile;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };

package/lib/cli/build/watching.js

@@ -5,15 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createWatcher", {
     enumerable: true,
-    get: ()=>createWatcher
+    get: function() {
+        return createWatcher;
+    }
 });
-const _chokidar = /*#__PURE__*/ _interopRequireDefault(require("chokidar"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _micromatch = /*#__PURE__*/ _interopRequireDefault(require("micromatch"));
-const _normalizePath = /*#__PURE__*/ _interopRequireDefault(require("normalize-path"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _utilsJs = require("./utils.js");
-function _interopRequireDefault(obj) {
+const _chokidar = /*#__PURE__*/ _interop_require_default(require("chokidar"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _micromatch = /*#__PURE__*/ _interop_require_default(require("micromatch"));
+const _normalizepath = /*#__PURE__*/ _interop_require_default(require("normalize-path"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _utils = require("./utils.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -64,7 +66,9 @@ function createWatcher(args, { state , rebuild  }) {
         // Clear all pending rebuilds for the about-to-be-built files
         changes.forEach((change)=>pendingRebuilds.delete(change.file));
         // Resolve the promise even when the rebuild fails
-        return rebuild(changes).then(()=>{}, ()=>{});
+        return rebuild(changes).then(()=>{}, (e)=>{
+            console.error(e.toString());
+        });
     }
     /**
    *
@@ -109,7 +113,7 @@ function createWatcher(args, { state , rebuild  }) {
     // This can happen when a file is pseudo-atomically replaced (a copy is created, overwritten, the old one is unlinked, and the new one is renamed)
     // TODO: An an optimization we should allow removal when the config changes
     watcher.on("unlink", (file)=>{
-        file = (0, _normalizePath.default)(file);
+        file = (0, _normalizepath.default)(file);
         // Only re-add the file if it's not covered by a dynamic pattern
         if (!_micromatch.default.some([
             file
@@ -122,7 +126,7 @@ function createWatcher(args, { state , rebuild  }) {
     // This is very likely a chokidar bug but it's one we need to work around
     // We treat this as a change event and rebuild the CSS
     watcher.on("raw", (evt, filePath, meta)=>{
-        if (evt !== "rename") {
+        if (evt !== "rename" || filePath === null) {
             return;
         }
         let watchedPath = meta.watchedPath;
@@ -148,7 +152,7 @@ function createWatcher(args, { state , rebuild  }) {
                 // We need to read the file as early as possible outside of the chain
                 // because it may be gone by the time we get to it. doing the read
                 // immediately increases the chance that the file is still there
-                let content = await (0, _utilsJs.readFileWithRetries)(_path.default.resolve(filePath));
+                let content = await (0, _utils.readFileWithRetries)(_path.default.resolve(filePath));
                 if (content === undefined) {
                     return;
                 }
@@ -171,7 +175,7 @@ function createWatcher(args, { state , rebuild  }) {
         fswatcher: watcher,
         refreshWatchedFiles () {
             watcher.add(Array.from(state.contextDependencies));
-            watcher.add(Array.from(state.configDependencies));
+            watcher.add(Array.from(state.configBag.dependencies));
             watcher.add(state.contentPatterns.all);
         }
     };

package/lib/cli/help/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "help", {
     enumerable: true,
-    get: ()=>help
+    get: function() {
+        return help;
+    }
 });
-const _packageJson = /*#__PURE__*/ _interopRequireDefault(require("../../../package.json"));
-function _interopRequireDefault(obj) {
+const _packagejson = /*#__PURE__*/ _interop_require_default(require("../../../package.json"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -17,7 +19,7 @@ function help({ message , usage , commands , options  }) {
     let indent = 2;
     // Render header
     console.log();
-    console.log(`${_packageJson.default.name} v${_packageJson.default.version}`);
+    console.log(`${_packagejson.default.name} v${_packagejson.default.version}`);
     // Render message
     if (message) {
         console.log();

package/lib/cli/index.js

@@ -3,34 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _arg = /*#__PURE__*/ _interopRequireDefault(require("arg"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _arg = /*#__PURE__*/ _interop_require_default(require("arg"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
 const _build = require("./build");
 const _help = require("./help");
 const _init = require("./init");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function isESM() {
-    const pkgPath = _path.default.resolve("./package.json");
-    try {
-        let pkg = JSON.parse(_fs.default.readFileSync(pkgPath, "utf8"));
-        return pkg.type && pkg.type === "module";
-    } catch (err) {
-        return false;
-    }
-}
-let configs = isESM() ? {
-    tailwind: "tailwind.config.cjs",
-    postcss: "postcss.config.cjs"
-} : {
-    tailwind: "tailwind.config.js",
-    postcss: "postcss.config.js"
-};
-// ---
 function oneOf(...options) {
     return Object.assign((value = true)=>{
         for (let option of options){
@@ -48,13 +31,21 @@ let commands = {
     init: {
         run: _init.init,
         args: {
-            "--full": {
+            "--esm": {
                 type: Boolean,
-                description: `Initialize a full \`${configs.tailwind}\` file`
+                description: `Initialize configuration file as ESM`
+            },
+            "--ts": {
+                type: Boolean,
+                description: `Initialize configuration file as TypeScript`
             },
             "--postcss": {
                 type: Boolean,
-                description: `Initialize a \`${configs.postcss}\` file`
+                description: `Initialize a \`postcss.config.js\` file`
+            },
+            "--full": {
+                type: Boolean,
+                description: `Include the default values for all options in the generated configuration file`
             },
             "-f": "--full",
             "-p": "--postcss"
@@ -236,4 +227,4 @@ if (args["--help"]) {
     });
     process.exit(0);
 }
-run(args, configs);
+run(args);

package/lib/cli/init/index.js

@@ -5,35 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "init", {
     enumerable: true,
-    get: ()=>init
+    get: function() {
+        return init;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function init(args, configs) {
+function isESM() {
+    const pkgPath = _path.default.resolve("./package.json");
+    try {
+        let pkg = JSON.parse(_fs.default.readFileSync(pkgPath, "utf8"));
+        return pkg.type && pkg.type === "module";
+    } catch (err) {
+        return false;
+    }
+}
+function init(args) {
     let messages = [];
+    let isProjectESM = args["--ts"] || args["--esm"] || isESM();
+    let syntax = args["--ts"] ? "ts" : isProjectESM ? "js" : "cjs";
+    let extension = args["--ts"] ? "ts" : "js";
     var _args___;
-    let tailwindConfigLocation = _path.default.resolve((_args___ = args["_"][1]) !== null && _args___ !== void 0 ? _args___ : `./${configs.tailwind}`);
+    let tailwindConfigLocation = _path.default.resolve((_args___ = args["_"][1]) !== null && _args___ !== void 0 ? _args___ : `./tailwind.config.${extension}`);
     if (_fs.default.existsSync(tailwindConfigLocation)) {
         messages.push(`${_path.default.basename(tailwindConfigLocation)} already exists.`);
     } else {
-        let stubFile = _fs.default.readFileSync(args["--full"] ? _path.default.resolve(__dirname, "../../../stubs/defaultConfig.stub.js") : _path.default.resolve(__dirname, "../../../stubs/simpleConfig.stub.js"), "utf8");
+        let stubContentsFile = _fs.default.readFileSync(args["--full"] ? _path.default.resolve(__dirname, "../../../stubs/config.full.js") : _path.default.resolve(__dirname, "../../../stubs/config.simple.js"), "utf8");
+        let stubFile = _fs.default.readFileSync(_path.default.resolve(__dirname, `../../../stubs/tailwind.config.${syntax}`), "utf8");
         // Change colors import
-        stubFile = stubFile.replace("../colors", "tailwindcss/colors");
+        stubContentsFile = stubContentsFile.replace("../colors", "tailwindcss/colors");
+        // Replace contents of {ts,js,cjs} file with the stub {simple,full}.
+        stubFile = stubFile.replace("__CONFIG__", stubContentsFile.replace("module.exports =", "").trim()).trim() + "\n\n";
         _fs.default.writeFileSync(tailwindConfigLocation, stubFile, "utf8");
         messages.push(`Created Tailwind CSS config file: ${_path.default.basename(tailwindConfigLocation)}`);
     }
     if (args["--postcss"]) {
-        let postcssConfigLocation = _path.default.resolve(`./${configs.postcss}`);
+        let postcssConfigLocation = _path.default.resolve("./postcss.config.js");
         if (_fs.default.existsSync(postcssConfigLocation)) {
             messages.push(`${_path.default.basename(postcssConfigLocation)} already exists.`);
         } else {
-            let stubFile1 = _fs.default.readFileSync(_path.default.resolve(__dirname, "../../../stubs/defaultPostCssConfig.stub.js"), "utf8");
-            _fs.default.writeFileSync(postcssConfigLocation, stubFile1, "utf8");
+            let stubFile = _fs.default.readFileSync(isProjectESM ? _path.default.resolve(__dirname, "../../../stubs/postcss.config.js") : _path.default.resolve(__dirname, "../../../stubs/postcss.config.cjs"), "utf8");
+            _fs.default.writeFileSync(postcssConfigLocation, stubFile, "utf8");
             messages.push(`Created PostCSS config file: ${_path.default.basename(postcssConfigLocation)}`);
         }
     }

package/lib/cli-peer-dependencies.js

@@ -9,10 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    lazyPostcss: ()=>lazyPostcss,
-    lazyPostcssImport: ()=>lazyPostcssImport,
-    lazyAutoprefixer: ()=>lazyAutoprefixer,
-    lazyCssnano: ()=>lazyCssnano
+    lazyPostcss: function() {
+        return lazyPostcss;
+    },
+    lazyPostcssImport: function() {
+        return lazyPostcssImport;
+    },
+    lazyAutoprefixer: function() {
+        return lazyAutoprefixer;
+    },
+    lazyCssnano: function() {
+        return lazyCssnano;
+    }
 });
 function lazyPostcss() {
     return require("postcss");

package/lib/cli.js

@@ -1,7 +1,3 @@
 #!/usr/bin/env node
 "use strict";
-if (process.env.OXIDE) {
-    module.exports = require("./oxide/cli");
-} else {
-    module.exports = require("./cli/index");
-}
+module.exports = require("./cli/index");