tailwindcss 3.4.1 → 4.0.0-alpha.2

package/lib/oxide/cli/help/index.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "help", {
-    enumerable: true,
-    get: function() {
-        return help;
-    }
-});
-const _packagejson = /*#__PURE__*/ _interop_require_default(require("../../../../package.json"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function help({ message , usage , commands , options  }) {
-    let indent = 2;
-    // Render header
-    console.log();
-    console.log(`${_packagejson.default.name} v${_packagejson.default.version}`);
-    // Render message
-    if (message) {
-        console.log();
-        for (let msg of message.split("\n")){
-            console.log(msg);
-        }
-    }
-    // Render usage
-    if (usage && usage.length > 0) {
-        console.log();
-        console.log("Usage:");
-        for (let example of usage){
-            console.log(" ".repeat(indent), example);
-        }
-    }
-    // Render commands
-    if (commands && commands.length > 0) {
-        console.log();
-        console.log("Commands:");
-        for (let command of commands){
-            console.log(" ".repeat(indent), command);
-        }
-    }
-    // Render options
-    if (options) {
-        let groupedOptions = {};
-        for (let [key, value] of Object.entries(options)){
-            if (typeof value === "object") {
-                groupedOptions[key] = {
-                    ...value,
-                    flags: [
-                        key
-                    ]
-                };
-            } else {
-                groupedOptions[value].flags.push(key);
-            }
-        }
-        console.log();
-        console.log("Options:");
-        for (let { flags , description , deprecated  } of Object.values(groupedOptions)){
-            if (deprecated) continue;
-            if (flags.length === 1) {
-                console.log(" ".repeat(indent + 4 /* 4 = "-i, ".length */ ), flags.slice().reverse().join(", ").padEnd(20, " "), description);
-            } else {
-                console.log(" ".repeat(indent), flags.slice().reverse().join(", ").padEnd(24, " "), description);
-            }
-        }
-    }
-    console.log();
-}

package/lib/oxide/cli/index.js

@@ -1,214 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-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 _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-// ---
-function oneOf(...options) {
-    return Object.assign((value = true)=>{
-        for (let option of options){
-            let parsed = option(value);
-            if (parsed === value) {
-                return parsed;
-            }
-        }
-        throw new Error("...");
-    }, {
-        manualParsing: true
-    });
-}
-let commands = {
-    init: {
-        run: _init.init,
-        args: {
-            "--esm": {
-                type: Boolean,
-                description: `Initialize configuration file as ESM`
-            },
-            "--ts": {
-                type: Boolean,
-                description: `Initialize configuration file as TypeScript`
-            },
-            "--full": {
-                type: Boolean,
-                description: `Include the default values for all options in the generated configuration file`
-            },
-            "-f": "--full"
-        }
-    },
-    build: {
-        run: _build.build,
-        args: {
-            "--input": {
-                type: String,
-                description: "Input file"
-            },
-            "--output": {
-                type: String,
-                description: "Output file"
-            },
-            "--watch": {
-                type: oneOf(String, Boolean),
-                description: "Watch for changes and rebuild as needed"
-            },
-            "--poll": {
-                type: Boolean,
-                description: "Use polling instead of filesystem events when watching"
-            },
-            "--content": {
-                type: String,
-                description: "Content paths to use for removing unused classes"
-            },
-            "--minify": {
-                type: Boolean,
-                description: "Minify the output"
-            },
-            "--config": {
-                type: String,
-                description: "Path to a custom config file"
-            },
-            "-c": "--config",
-            "-i": "--input",
-            "-o": "--output",
-            "-m": "--minify",
-            "-w": "--watch",
-            "-p": "--poll"
-        }
-    }
-};
-let sharedFlags = {
-    "--help": {
-        type: Boolean,
-        description: "Display usage information"
-    },
-    "-h": "--help"
-};
-if (process.stdout.isTTY /* Detect redirecting output to a file */  && (process.argv[2] === undefined || process.argv.slice(2).every((flag)=>sharedFlags[flag] !== undefined))) {
-    (0, _help.help)({
-        usage: [
-            "tailwindcss [--input input.css] [--output output.css] [--watch] [options...]",
-            "tailwindcss init [--full] [options...]"
-        ],
-        commands: Object.keys(commands).filter((command)=>command !== "build").map((command)=>`${command} [options]`),
-        options: {
-            ...commands.build.args,
-            ...sharedFlags
-        }
-    });
-    process.exit(0);
-}
-let command = ((arg = "")=>arg.startsWith("-") ? undefined : arg)(process.argv[2]) || "build";
-if (commands[command] === undefined) {
-    if (_fs.default.existsSync(_path.default.resolve(command))) {
-        // TODO: Deprecate this in future versions
-        // Check if non-existing command, might be a file.
-        command = "build";
-    } else {
-        (0, _help.help)({
-            message: `Invalid command: ${command}`,
-            usage: [
-                "tailwindcss <command> [options]"
-            ],
-            commands: Object.keys(commands).filter((command)=>command !== "build").map((command)=>`${command} [options]`),
-            options: sharedFlags
-        });
-        process.exit(1);
-    }
-}
-// Execute command
-let { args: flags , run  } = commands[command];
-let args = (()=>{
-    try {
-        let result = (0, _arg.default)(Object.fromEntries(Object.entries({
-            ...flags,
-            ...sharedFlags
-        }).filter(([_key, value])=>{
-            var _value_type;
-            return !(value === null || value === void 0 ? void 0 : (_value_type = value.type) === null || _value_type === void 0 ? void 0 : _value_type.manualParsing);
-        }).map(([key, value])=>[
-                key,
-                typeof value === "object" ? value.type : value
-            ])), {
-            permissive: true
-        });
-        // Manual parsing of flags to allow for special flags like oneOf(Boolean, String)
-        for(let i = result["_"].length - 1; i >= 0; --i){
-            let flag = result["_"][i];
-            if (!flag.startsWith("-")) continue;
-            let [flagName, flagValue] = flag.split("=");
-            let handler = flags[flagName];
-            // Resolve flagName & handler
-            while(typeof handler === "string"){
-                flagName = handler;
-                handler = flags[handler];
-            }
-            if (!handler) continue;
-            let args = [];
-            let offset = i + 1;
-            // --flag value syntax was used so we need to pull `value` from `args`
-            if (flagValue === undefined) {
-                // Parse args for current flag
-                while(result["_"][offset] && !result["_"][offset].startsWith("-")){
-                    args.push(result["_"][offset++]);
-                }
-                // Cleanup manually parsed flags + args
-                result["_"].splice(i, 1 + args.length);
-                // No args were provided, use default value defined in handler
-                // One arg was provided, use that directly
-                // Multiple args were provided so pass them all in an array
-                flagValue = args.length === 0 ? undefined : args.length === 1 ? args[0] : args;
-            } else {
-                // Remove the whole flag from the args array
-                result["_"].splice(i, 1);
-            }
-            // Set the resolved value in the `result` object
-            result[flagName] = handler.type(flagValue, flagName);
-        }
-        // Ensure that the `command` is always the first argument in the `args`.
-        // This is important so that we don't have to check if a default command
-        // (build) was used or not from within each plugin.
-        //
-        // E.g.: tailwindcss input.css -> _: ['build', 'input.css']
-        // E.g.: tailwindcss build input.css -> _: ['build', 'input.css']
-        if (result["_"][0] !== command) {
-            result["_"].unshift(command);
-        }
-        return result;
-    } catch (err) {
-        if (err.code === "ARG_UNKNOWN_OPTION") {
-            (0, _help.help)({
-                message: err.message,
-                usage: [
-                    "tailwindcss <command> [options]"
-                ],
-                options: sharedFlags
-            });
-            process.exit(1);
-        }
-        throw err;
-    }
-})();
-if (args["--help"]) {
-    (0, _help.help)({
-        options: {
-            ...flags,
-            ...sharedFlags
-        },
-        usage: [
-            `tailwindcss ${command} [options]`
-        ]
-    });
-    process.exit(0);
-}
-run(args);

package/lib/oxide/cli/init/index.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "init", {
-    enumerable: true,
-    get: function() {
-        return init;
-    }
-});
-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 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___ : `./tailwind.config.${extension}`);
-    if (_fs.default.existsSync(tailwindConfigLocation)) {
-        messages.push(`${_path.default.basename(tailwindConfigLocation)} already exists.`);
-    } else {
-        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
-        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 (messages.length > 0) {
-        console.log();
-        for (let message of messages){
-            console.log(message);
-        }
-    }
-}

package/lib/oxide/cli.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-require("./cli/index");

package/lib/oxide/postcss-plugin.js

@@ -1,2 +0,0 @@
-"use strict";
-module.exports = require("../plugin.js");

package/lib/plugin.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _setupTrackingContext = /*#__PURE__*/ _interop_require_default(require("./lib/setupTrackingContext"));
-const _processTailwindFeatures = /*#__PURE__*/ _interop_require_default(require("./processTailwindFeatures"));
-const _sharedState = require("./lib/sharedState");
-const _findAtConfigPath = require("./lib/findAtConfigPath");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-module.exports = function tailwindcss(configOrPath) {
-    return {
-        postcssPlugin: "tailwindcss",
-        plugins: [
-            _sharedState.env.DEBUG && function(root) {
-                console.log("\n");
-                console.time("JIT TOTAL");
-                return root;
-            },
-            async function(root, result) {
-                var _findAtConfigPath1;
-                // Use the path for the `@config` directive if it exists, otherwise use the
-                // path for the file being processed
-                configOrPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : configOrPath;
-                let context = (0, _setupTrackingContext.default)(configOrPath);
-                if (root.type === "document") {
-                    let roots = root.nodes.filter((node)=>node.type === "root");
-                    for (const root of roots){
-                        if (root.type === "root") {
-                            await (0, _processTailwindFeatures.default)(context)(root, result);
-                        }
-                    }
-                    return;
-                }
-                await (0, _processTailwindFeatures.default)(context)(root, result);
-            },
-            false && function lightningCssPlugin(_root, result) {
-                let postcss = require("postcss");
-                let lightningcss = require("lightningcss");
-                let browserslist = require("browserslist");
-                try {
-                    let transformed = lightningcss.transform({
-                        filename: result.opts.from,
-                        code: Buffer.from(result.root.toString()),
-                        minify: false,
-                        sourceMap: !!result.map,
-                        inputSourceMap: result.map ? result.map.toString() : undefined,
-                        targets: typeof process !== "undefined" && process.env.JEST_WORKER_ID ? {
-                            chrome: 106 << 16
-                        } : lightningcss.browserslistToTargets(browserslist(require("../package.json").browserslist)),
-                        drafts: {
-                            nesting: true,
-                            customMedia: true
-                        }
-                    });
-                    var _result_map;
-                    result.map = Object.assign((_result_map = result.map) !== null && _result_map !== void 0 ? _result_map : {}, {
-                        toJSON () {
-                            return transformed.map.toJSON();
-                        },
-                        toString () {
-                            return transformed.map.toString();
-                        }
-                    });
-                    result.root = postcss.parse(transformed.code.toString("utf8"));
-                } catch (err) {
-                    if (typeof process !== "undefined" && process.env.JEST_WORKER_ID) {
-                        let lines = err.source.split("\n");
-                        err = new Error([
-                            "Error formatting using Lightning CSS:",
-                            "",
-                            ...[
-                                "```css",
-                                ...lines.slice(Math.max(err.loc.line - 3, 0), err.loc.line),
-                                " ".repeat(err.loc.column - 1) + "^-- " + err.toString(),
-                                ...lines.slice(err.loc.line, err.loc.line + 2),
-                                "```"
-                            ]
-                        ].join("\n"));
-                    }
-                    if (Error.captureStackTrace) {
-                        Error.captureStackTrace(err, lightningCssPlugin);
-                    }
-                    throw err;
-                }
-            },
-            _sharedState.env.DEBUG && function(root) {
-                console.timeEnd("JIT TOTAL");
-                console.log("\n");
-                return root;
-            }
-        ].filter(Boolean)
-    };
-};
-module.exports.postcss = true;

package/lib/postcss-plugins/nesting/README.md

@@ -1,42 +0,0 @@
-# tailwindcss/nesting
-
-This is a PostCSS plugin that wraps [postcss-nested](https://github.com/postcss/postcss-nested) or [postcss-nesting](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting) and acts as a compatibility layer to make sure your nesting plugin of choice properly understands Tailwind's custom syntax like `@apply` and `@screen`.
-
-Add it to your PostCSS configuration, somewhere before Tailwind itself:
-
-```js
-// postcss.config.js
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting'),
-    require('tailwindcss'),
-    require('autoprefixer'),
-  ]
-}
-```
-
-By default, it uses the [postcss-nested](https://github.com/postcss/postcss-nested) plugin under the hood, which uses a Sass-like syntax and is the plugin that powers nesting support in the [Tailwind CSS plugin API](https://tailwindcss.com/docs/plugins#css-in-js-syntax).
-
-If you'd rather use [postcss-nesting](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting) (which is based on the work-in-progress [CSS Nesting](https://drafts.csswg.org/css-nesting-1/) specification), first install the plugin alongside:
-
-```shell
-npm install postcss-nesting
-```
-
-Then pass the plugin itself as an argument to `tailwindcss/nesting` in your PostCSS configuration:
-
-```js
-// postcss.config.js
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting')(require('postcss-nesting')),
-    require('tailwindcss'),
-    require('autoprefixer'),
-  ]
-}
-```
-
-This can also be helpful if for whatever reason you need to use a very specific version of `postcss-nested` and want to override the version we bundle with `tailwindcss/nesting` itself.
-

package/lib/postcss-plugins/nesting/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _plugin = require("./plugin");
-const _default = Object.assign(function(opts) {
-    return {
-        postcssPlugin: "tailwindcss/nesting",
-        Once (root, { result  }) {
-            return (0, _plugin.nesting)(opts)(root, result);
-        }
-    };
-}, {
-    postcss: true
-});

package/lib/postcss-plugins/nesting/plugin.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "nesting", {
-    enumerable: true,
-    get: function() {
-        return nesting;
-    }
-});
-const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
-const _postcssnested = /*#__PURE__*/ _interop_require_default(require("postcss-nested"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function nesting(opts = _postcssnested.default) {
-    return (root, result)=>{
-        root.walkAtRules("screen", (rule)=>{
-            rule.name = "media";
-            rule.params = `screen(${rule.params})`;
-        });
-        root.walkAtRules("apply", (rule)=>{
-            rule.before(_postcss.default.decl({
-                prop: "__apply",
-                value: rule.params,
-                source: rule.source
-            }));
-            rule.remove();
-        });
-        let plugin = (()=>{
-            var _opts_hasOwnProperty;
-            if (typeof opts === "function" || typeof opts === "object" && (opts === null || opts === void 0 ? void 0 : (_opts_hasOwnProperty = opts.hasOwnProperty) === null || _opts_hasOwnProperty === void 0 ? void 0 : _opts_hasOwnProperty.call(opts, "postcssPlugin"))) {
-                return opts;
-            }
-            if (typeof opts === "string") {
-                return require(opts);
-            }
-            if (Object.keys(opts).length <= 0) {
-                return _postcssnested.default;
-            }
-            throw new Error("tailwindcss/nesting should be loaded with a nesting plugin.");
-        })();
-        (0, _postcss.default)([
-            plugin
-        ]).process(root, result.opts).sync();
-        root.walkDecls("__apply", (decl)=>{
-            decl.before(_postcss.default.atRule({
-                name: "apply",
-                params: decl.value,
-                source: decl.source
-            }));
-            decl.remove();
-        });
-        /**
-     * Use a private PostCSS API to remove the "clean" flag from the entire AST.
-     * This is done because running process() on the AST will set the "clean"
-     * flag on all nodes, which we don't want.
-     *
-     * This causes downstream plugins using the visitor API to be skipped.
-     *
-     * This is guarded because the PostCSS API is not public
-     * and may change in future versions of PostCSS.
-     *
-     * See https://github.com/postcss/postcss/issues/1712 for more details
-     *
-     * @param {import('postcss').Node} node
-     */ function markDirty(node) {
-            if (!("markDirty" in node)) {
-                return;
-            }
-            // Traverse the tree down to the leaf nodes
-            if (node.nodes) {
-                node.nodes.forEach((n)=>markDirty(n));
-            }
-            // If it's a leaf node mark it as dirty
-            // We do this here because marking a node as dirty
-            // will walk up the tree and mark all parents as dirty
-            // resulting in a lot of unnecessary work if we did this
-            // for every single node
-            if (!node.nodes) {
-                node.markDirty();
-            }
-        }
-        markDirty(root);
-        return root;
-    };
-}

package/lib/processTailwindFeatures.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return processTailwindFeatures;
-    }
-});
-const _normalizeTailwindDirectives = /*#__PURE__*/ _interop_require_default(require("./lib/normalizeTailwindDirectives"));
-const _expandTailwindAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/expandTailwindAtRules"));
-const _expandApplyAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/expandApplyAtRules"));
-const _evaluateTailwindFunctions = /*#__PURE__*/ _interop_require_default(require("./lib/evaluateTailwindFunctions"));
-const _substituteScreenAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/substituteScreenAtRules"));
-const _resolveDefaultsAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/resolveDefaultsAtRules"));
-const _collapseAdjacentRules = /*#__PURE__*/ _interop_require_default(require("./lib/collapseAdjacentRules"));
-const _collapseDuplicateDeclarations = /*#__PURE__*/ _interop_require_default(require("./lib/collapseDuplicateDeclarations"));
-const _partitionApplyAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/partitionApplyAtRules"));
-const _detectNesting = /*#__PURE__*/ _interop_require_default(require("./lib/detectNesting"));
-const _setupContextUtils = require("./lib/setupContextUtils");
-const _featureFlags = require("./featureFlags");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function processTailwindFeatures(setupContext) {
-    return async function(root, result) {
-        let { tailwindDirectives , applyDirectives  } = (0, _normalizeTailwindDirectives.default)(root);
-        (0, _detectNesting.default)()(root, result);
-        // Partition apply rules that are found in the css
-        // itself.
-        (0, _partitionApplyAtRules.default)()(root, result);
-        let context = setupContext({
-            tailwindDirectives,
-            applyDirectives,
-            registerDependency (dependency) {
-                result.messages.push({
-                    plugin: "tailwindcss",
-                    parent: result.opts.from,
-                    ...dependency
-                });
-            },
-            createContext (tailwindConfig, changedContent) {
-                return (0, _setupContextUtils.createContext)(tailwindConfig, changedContent, root);
-            }
-        })(root, result);
-        if (context.tailwindConfig.separator === "-") {
-            throw new Error("The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead.");
-        }
-        (0, _featureFlags.issueFlagNotices)(context.tailwindConfig);
-        await (0, _expandTailwindAtRules.default)(context)(root, result);
-        // Partition apply rules that are generated by
-        // addComponents, addUtilities and so on.
-        (0, _partitionApplyAtRules.default)()(root, result);
-        (0, _expandApplyAtRules.default)(context)(root, result);
-        (0, _evaluateTailwindFunctions.default)(context)(root, result);
-        (0, _substituteScreenAtRules.default)(context)(root, result);
-        (0, _resolveDefaultsAtRules.default)(context)(root, result);
-        (0, _collapseAdjacentRules.default)(context)(root, result);
-        (0, _collapseDuplicateDeclarations.default)(context)(root, result);
-    };
-}