tailwindcss 0.0.0-insiders.eadd6e5 → 0.0.0-insiders.eb8d929

package/README.md

@@ -14,7 +14,7 @@
 
 
 <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>

package/index.css

@@ -0,0 +1,5 @@
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;

package/lib/cli/build/index.js

@@ -5,13 +5,15 @@ 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 _resolveConfigPathJs = require("../../util/resolveConfigPath.js");
-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
     };
@@ -32,9 +34,12 @@ async function build(args) {
         console.error(`Specified config file ${args["--config"]} does not exist.`);
         process.exit(9);
     }
+    if (args["--no-autoprefixer"]) {
+        console.error("[deprecation] The --no-autoprefixer flag is deprecated and has no effect.");
+    }
     // TODO: Reference the @config path here if exists
-    let configPath = args["--config"] ? args["--config"] : (0, _resolveConfigPathJs.resolveDefaultConfigPath)();
-    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

package/lib/cli/build/plugin.js

@@ -5,33 +5,69 @@ 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 _packagejson = /*#__PURE__*/ _interop_require_default(require("../../../package.json"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
+const _postcssloadconfig = /*#__PURE__*/ _interop_require_default(require("postcss-load-config"));
+const _browserslist = /*#__PURE__*/ _interop_require_default(require("browserslist"));
+const _lightningcss = /*#__PURE__*/ _interop_require_default(require("lightningcss"));
 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 _deps = require("./deps");
+const _processTailwindFeatures = /*#__PURE__*/ _interop_require_default(require("../../processTailwindFeatures"));
 const _utils = require("./utils");
 const _sharedState = require("../../lib/sharedState");
-const _resolveConfigJs = /*#__PURE__*/ _interopRequireDefault(require("../../../resolveConfig.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 _loadConfig = require("../../lib/load-config");
-const _getModuleDependencies = /*#__PURE__*/ _interopRequireDefault(require("../../lib/getModuleDependencies"));
-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"));
+const _validateConfig = require("../../util/validateConfig");
+const _handleImportAtRules = require("../../lib/handleImportAtRules");
+const _featureFlags = require("../../featureFlags");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+async function lightningcss(result, { map =true , minify =true  } = {}) {
+    try {
+        let transformed = _lightningcss.default.transform({
+            filename: result.opts.from || "input.css",
+            code: Buffer.from(result.css, "utf-8"),
+            minify,
+            sourceMap: result.map === undefined ? map : !!result.map,
+            inputSourceMap: result.map ? result.map.toString() : undefined,
+            targets: _lightningcss.default.browserslistToTargets((0, _browserslist.default)(_packagejson.default.browserslist)),
+            drafts: {
+                nesting: true
+            }
+        });
+        return Object.assign(result, {
+            css: transformed.code.toString("utf8"),
+            map: result.map ? Object.assign(result.map, {
+                toString () {
+                    var _transformed_map;
+                    return (_transformed_map = transformed.map) === null || _transformed_map === void 0 ? void 0 : _transformed_map.toString();
+                }
+            }) : result.map
+        });
+    } catch (err) {
+        console.error("Unable to use Lightning CSS. Using raw version instead.");
+        console.error(err);
+        return result;
+    }
+}
 /**
  *
  * @param {string} [customPostCssPath ]
@@ -55,7 +91,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") {
@@ -74,48 +110,16 @@ function _interopRequireDefault(obj) {
         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: [],
-    /** @type {ReturnType<typeof load> | null} */ configBag: null,
+    /** @type {{config: import('../../../types').Config, dependencies: Set<string>, dispose: Function } | 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;
@@ -130,7 +134,7 @@ let state = {
         if (this.watcher && configPath) {
             this.refreshConfigDependencies();
         }
-        let config = (0, _loadConfig.loadConfig)(configPath);
+        let config = (0, _loadconfig.loadConfig)(configPath);
         let dependencies = (0, _getModuleDependencies.default)(configPath);
         this.configBag = {
             config,
@@ -141,12 +145,7 @@ let state = {
                 }
             }
         };
-        // @ts-ignore
-        this.configBag.config = (0, _resolveConfigJs.default)(this.configBag.config, {
-            content: {
-                files: []
-            }
-        });
+        this.configBag.config = (0, _validateConfig.validateConfig)((0, _resolveConfig.default)(this.configBag.config));
         // Override content files if `--content` has been passed explicitly
         if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
             this.configBag.config.content.files = content;
@@ -163,9 +162,9 @@ let state = {
         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) {
+            if ((0, _featureFlags.flagEnabled)(this.config, "oxideParser")) {
                 content.push({
                     file,
                     extension: _path.default.extname(file).slice(1)
@@ -195,8 +194,8 @@ let state = {
             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;
+        var _findAtConfigPath1;
+        let configPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : cliConfigPath;
         _sharedState.env.DEBUG && console.timeEnd("Searching for config");
         _sharedState.env.DEBUG && console.time("Loading config");
         let config = this.loadConfig(configPath, content);
@@ -223,12 +222,16 @@ let state = {
 };
 async function createProcessor(args, cliConfigPath) {
     var _args_content;
-    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();
+    let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : [
+        [],
+        [],
+        {}
+    ];
+    beforePlugins.unshift(...(0, _handleImportAtRules.handleImportAtRules)());
     if (args["--purge"]) {
         _log.default.warn("purge-flag-deprecated", [
             "The `--purge` flag has been deprecated.",
@@ -267,12 +270,10 @@ async function createProcessor(args, cliConfigPath) {
         ...beforePlugins,
         tailwindPlugin,
         !args["--minify"] && _utils.formatNodes,
-        ...afterPlugins,
-        !args["--no-autoprefixer"] && (0, _deps.loadAutoprefixer)(),
-        args["--minify"] && (0, _deps.loadCssNano)()
+        ...afterPlugins
     ].filter(Boolean);
     /** @type {import('postcss').Processor} */ // @ts-ignore
-    let processor = postcss(plugins);
+    let processor = (0, _postcss.default)(plugins);
     async function readInput() {
         // Piping in data, let's drain the stdin
         if (input === "-") {
@@ -287,10 +288,14 @@ async function createProcessor(args, cliConfigPath) {
     }
     async function build() {
         let start = process.hrtime.bigint();
-        return readInput().then((css)=>processor.process(css, {
-                ...postcssOptions,
-                from: input,
-                to: output
+        let options = {
+            ...postcssOptions,
+            from: input,
+            to: output
+        };
+        return readInput().then((css)=>processor.process(css, options)).then((result)=>lightningcss(result, {
+                ...options,
+                minify: !!args["--minify"]
             })).then((result)=>{
             if (!state.watcher) {
                 return result;
@@ -351,7 +356,7 @@ 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

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
     };
@@ -111,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
@@ -150,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;
                 }

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,13 +3,13 @@
 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
     };
@@ -91,6 +91,7 @@ let commands = {
                 description: "Path to a custom config file"
             },
             "--no-autoprefixer": {
+                deprecated: true,
                 type: Boolean,
                 description: "Disable autoprefixer"
             },

package/lib/cli/init/index.js

@@ -5,11 +5,13 @@ 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
     };
@@ -47,8 +49,8 @@ function init(args) {
         if (_fs.default.existsSync(postcssConfigLocation)) {
             messages.push(`${_path.default.basename(postcssConfigLocation)} already exists.`);
         } else {
-            let stubFile1 = _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, 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.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");

package/lib/corePluginList.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>_default
+    get: function() {
+        return _default;
+    }
 });
 const _default = [
     "preflight",
@@ -96,6 +98,7 @@ const _default = [
     "textOverflow",
     "hyphens",
     "whitespace",
+    "textWrap",
     "wordBreak",
     "borderRadius",
     "borderWidth",