tailwindcss 0.0.0-insiders.b6b3f85 → 0.0.0-insiders.b7bafaa

package/lib/cli/build/index.js

@@ -19,32 +19,32 @@ function _interop_require_default(obj) {
     };
 }
 async function build(args) {
-    let input = args["--input"];
-    let shouldWatch = args["--watch"];
+    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 && 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.`);
+    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.`);
+    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);
     }
-    if (args["--no-autoprefixer"]) {
-        console.error("[deprecation] The --no-autoprefixer flag is deprecated and has no effect.");
+    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, _resolveConfigPath.resolveDefaultConfigPath)();
+    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
-        if (args["--watch"] !== "always") {
-            process.stdin.on("end", ()=>process.exit(0));
+        if (args['--watch'] !== 'always') {
+            process.stdin.on('end', ()=>process.exit(0));
         }
         process.stdin.resume();
         await processor.watch();

package/lib/cli/build/plugin.js

@@ -61,7 +61,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -90,20 +92,17 @@ async function lightningcss(result, { map = true, minify = true } = {}) {
         let defaultBrowsersListConfig = _packagejson.default.browserslist;
         let browsersListConfig = resolvedBrowsersListConfig !== null && resolvedBrowsersListConfig !== void 0 ? resolvedBrowsersListConfig : defaultBrowsersListConfig;
         let transformed = _lightningcss.default.transform({
-            filename: result.opts.from || "input.css",
-            code: Buffer.from(result.css, "utf-8"),
+            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)(browsersListConfig)),
-            drafts: {
-                nesting: true
-            },
             include: _lightningcss.Features.Nesting,
             exclude: _lightningcss.Features.LogicalProperties
         });
         return Object.assign(result, {
-            css: transformed.code.toString("utf8"),
+            css: transformed.code.toString(),
             map: result.map ? Object.assign(result.map, {
                 toString () {
                     var _transformed_map;
@@ -112,7 +111,7 @@ async function lightningcss(result, { map = true, minify = true } = {}) {
             }) : result.map
         });
     } catch (err) {
-        console.error("Unable to use Lightning CSS. Using raw version instead.");
+        console.error('Unable to use Lightning CSS. Using raw version instead.');
         console.error(err);
         return result;
     }
@@ -126,8 +125,8 @@ async function lightningcss(result, { map = true, minify = true } = {}) {
         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") {
+        let { config = {} } = await (0, _lilconfig.lilconfig)('postcss').load(file);
+        if (typeof config === 'function') {
             config = config();
         } else {
             config = Object.assign({}, config);
@@ -143,10 +142,10 @@ async function lightningcss(result, { map = true, minify = true } = {}) {
     })() : await (0, _postcssloadconfig.default)();
     let configPlugins = config.plugins;
     let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
-        if (typeof plugin === "function" && plugin.name === "tailwindcss") {
+        if (typeof plugin === 'function' && plugin.name === 'tailwindcss') {
             return true;
         }
-        if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
+        if (typeof plugin === 'object' && plugin !== null && plugin.postcssPlugin === 'tailwindcss') {
             return true;
         }
         return false;
@@ -180,7 +179,6 @@ let state = {
         };
     },
     loadConfig (configPath, content) {
-        var _content;
         if (this.watcher && configPath) {
             this.refreshConfigDependencies();
         }
@@ -197,16 +195,16 @@ let state = {
         };
         this.configBag.config = (0, _validateConfig.validateConfig)((0, _resolveConfig.default)(this.configBag.config));
         // Override content files if `--content` has been passed explicitly
-        if (((_content = content) === null || _content === void 0 ? void 0 : _content.length) > 0) {
+        if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
             this.configBag.config.content.files = content;
         }
         return this.configBag.config;
     },
     refreshConfigDependencies () {
         var _this_configBag;
-        _sharedState.env.DEBUG && console.time("Module dependencies");
+        _sharedState.env.DEBUG && console.time('Module dependencies');
         (_this_configBag = this.configBag) === null || _this_configBag === void 0 ? void 0 : _this_configBag.dispose();
-        _sharedState.env.DEBUG && console.timeEnd("Module dependencies");
+        _sharedState.env.DEBUG && console.timeEnd('Module dependencies');
     },
     readContentPaths () {
         let content = [];
@@ -214,23 +212,23 @@ let state = {
         // 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){
-            if ((0, _featureFlags.flagEnabled)(this.config, "oxideParser")) {
+            if ((0, _featureFlags.flagEnabled)(this.config, 'oxideParser')) {
                 content.push({
                     file,
                     extension: _path.default.extname(file).slice(1)
                 });
             } else {
                 content.push({
-                    content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
+                    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";
+            return file !== null && typeof file === 'object';
         });
-        for (let { raw: htmlContent, extension = "html" } of rawContent){
+        for (let { raw: htmlContent, extension = 'html' } of rawContent){
             content.push({
                 content: htmlContent,
                 extension
@@ -239,30 +237,30 @@ 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 _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");
+        _sharedState.env.DEBUG && console.time('Loading config');
         let config = this.loadConfig(configPath, content);
-        _sharedState.env.DEBUG && console.timeEnd("Loading config");
-        _sharedState.env.DEBUG && console.time("Creating context");
+        _sharedState.env.DEBUG && console.timeEnd('Loading config');
+        _sharedState.env.DEBUG && console.time('Creating context');
         this.context = createContext(config, []);
         Object.assign(this.context, {
             userConfigPath: configPath
         });
-        _sharedState.env.DEBUG && console.timeEnd("Creating context");
-        _sharedState.env.DEBUG && console.time("Resolving content paths");
+        _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");
+        _sharedState.env.DEBUG && console.timeEnd('Resolving content paths');
         if (this.watcher) {
-            _sharedState.env.DEBUG && console.time("Watch new files");
+            _sharedState.env.DEBUG && console.time('Watch new files');
             this.watcher.refreshWatchedFiles();
-            _sharedState.env.DEBUG && console.timeEnd("Watch new files");
+            _sharedState.env.DEBUG && console.timeEnd('Watch new files');
         }
         for (let file of this.readContentPaths()){
             this.context.changedContent.push(file);
@@ -272,35 +270,35 @@ let state = {
 };
 async function createProcessor(args, cliConfigPath) {
     var _args_content;
-    let input = args["--input"];
-    let output = args["--output"];
-    let includePostCss = args["--postcss"];
-    let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
+    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) : [
         [],
         [],
         {}
     ];
     beforePlugins.unshift(...(0, _handleImportAtRules.handleImportAtRules)());
-    if (args["--purge"]) {
-        _log.default.warn("purge-flag-deprecated", [
-            "The `--purge` flag has been deprecated.",
-            "Please use `--content` instead."
+    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"];
+        if (!args['--content']) {
+            args['--content'] = args['--purge'];
         }
     }
     var _args_content_split;
-    let content = (_args_content_split = (_args_content = args["--content"]) === null || _args_content === void 0 ? void 0 : _args_content.split(/(?<!{[^}]+),/)) !== null && _args_content_split !== void 0 ? _args_content_split : [];
+    let content = (_args_content_split = (_args_content = args['--content']) === null || _args_content === void 0 ? void 0 : _args_content.split(RegExp("(?<!{[^}]+),"))) !== null && _args_content_split !== void 0 ? _args_content_split : [];
     let tailwindPlugin = ()=>{
         return {
-            postcssPlugin: "tailwindcss",
+            postcssPlugin: 'tailwindcss',
             async Once (root, { result }) {
-                _sharedState.env.DEBUG && console.time("Compiling CSS");
+                _sharedState.env.DEBUG && console.time('Compiling CSS');
                 await (0, _processTailwindFeatures.default)(({ createContext })=>{
                     console.error();
-                    console.error("Rebuilding...");
+                    console.error('Rebuilding...');
                     return ()=>{
                         return state.getContext({
                             createContext,
@@ -311,7 +309,7 @@ async function createProcessor(args, cliConfigPath) {
                         });
                     };
                 })(root, result);
-                _sharedState.env.DEBUG && console.timeEnd("Compiling CSS");
+                _sharedState.env.DEBUG && console.timeEnd('Compiling CSS');
             }
         };
     };
@@ -319,22 +317,22 @@ async function createProcessor(args, cliConfigPath) {
     let plugins = [
         ...beforePlugins,
         tailwindPlugin,
-        !args["--minify"] && _utils.formatNodes,
+        !args['--minify'] && _utils.formatNodes,
         ...afterPlugins
     ].filter(Boolean);
     /** @type {import('postcss').Processor} */ // @ts-ignore
     let processor = (0, _postcss.default)(plugins);
     async function readInput() {
         // Piping in data, let's drain the stdin
-        if (input === "-") {
+        if (input === '-') {
             return (0, _utils.drainStdin)();
         }
         // Input file has been provided
         if (input) {
-            return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
+            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 '@tailwind base; @tailwind components; @tailwind utilities';
     }
     async function build() {
         let start = process.hrtime.bigint();
@@ -345,22 +343,22 @@ async function createProcessor(args, cliConfigPath) {
         };
         return readInput().then((css)=>processor.process(css, options)).then((result)=>lightningcss(result, {
                 ...options,
-                minify: !!args["--minify"]
+                minify: !!args['--minify']
             })).then((result)=>{
             if (!state.watcher) {
                 return result;
             }
-            _sharedState.env.DEBUG && console.time("Recording PostCSS dependencies");
+            _sharedState.env.DEBUG && console.time('Recording PostCSS dependencies');
             for (let message of result.messages){
-                if (message.type === "dependency") {
+                if (message.type === 'dependency') {
                     state.contextDependencies.add(message.file);
                 }
             }
-            _sharedState.env.DEBUG && console.timeEnd("Recording PostCSS dependencies");
+            _sharedState.env.DEBUG && console.timeEnd('Recording PostCSS dependencies');
             // TODO: This needs to be in a different spot
-            _sharedState.env.DEBUG && console.time("Watch new files");
+            _sharedState.env.DEBUG && console.time('Watch new files');
             state.watcher.refreshWatchedFiles();
-            _sharedState.env.DEBUG && console.timeEnd("Watch new files");
+            _sharedState.env.DEBUG && console.timeEnd('Watch new files');
             return result;
         }).then((result)=>{
             if (!output) {
@@ -369,12 +367,12 @@ async function createProcessor(args, cliConfigPath) {
             }
             return Promise.all([
                 (0, _utils.outputFile)(result.opts.to, license() + result.css),
-                result.map && (0, _utils.outputFile)(result.opts.to + ".map", result.map.toString())
+                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('Done in', (end - start) / BigInt(1e6) + 'ms.');
         }).then(()=>{}, (err)=>{
             // TODO: If an initial build fails we can't easily pick up any PostCSS dependencies
             // that were collected before the error occurred
@@ -400,7 +398,7 @@ async function createProcessor(args, cliConfigPath) {
                 extension: change.extension
             })));
     }
-    if (input !== undefined && input !== "-") {
+    if (input !== undefined && input !== '-') {
         state.contextDependencies.add(_path.default.resolve(input));
     }
     return {

package/lib/cli/build/utils.js

@@ -10,20 +10,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    indentRecursive: function() {
-        return indentRecursive;
+    drainStdin: function() {
+        return drainStdin;
     },
     formatNodes: function() {
         return formatNodes;
     },
-    readFileWithRetries: function() {
-        return readFileWithRetries;
-    },
-    drainStdin: function() {
-        return drainStdin;
+    indentRecursive: function() {
+        return indentRecursive;
     },
     outputFile: function() {
         return outputFile;
+    },
+    readFileWithRetries: function() {
+        return readFileWithRetries;
     }
 });
 const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
@@ -35,26 +35,26 @@ function _interop_require_default(obj) {
 }
 function indentRecursive(node, indent = 0) {
     node.each && node.each((child, i)=>{
-        if (!child.raws.before || !child.raws.before.trim() || child.raws.before.includes("\n")) {
-            child.raws.before = `\n${node.type !== "rule" && i > 0 ? "\n" : ""}${"  ".repeat(indent)}`;
+        if (!child.raws.before || !child.raws.before.trim() || child.raws.before.includes('\n')) {
+            child.raws.before = `\n${node.type !== 'rule' && i > 0 ? '\n' : ''}${'  '.repeat(indent)}`;
         }
-        child.raws.after = `\n${"  ".repeat(indent)}`;
+        child.raws.after = `\n${'  '.repeat(indent)}`;
         indentRecursive(child, indent + 1);
     });
 }
 function formatNodes(root) {
     indentRecursive(root);
     if (root.first) {
-        root.first.raws.before = "";
+        root.first.raws.before = '';
     }
 }
 async function readFileWithRetries(path, tries = 5) {
     for(let n = 0; n <= tries; n++){
         try {
-            return await _fs.default.promises.readFile(path, "utf8");
+            return await _fs.default.promises.readFile(path, 'utf8');
         } catch (err) {
             if (n !== tries) {
-                if (err.code === "ENOENT" || err.code === "EBUSY") {
+                if (err.code === 'ENOENT' || err.code === 'EBUSY') {
                     await new Promise((resolve)=>setTimeout(resolve, 10));
                     continue;
                 }
@@ -65,24 +65,24 @@ async function readFileWithRetries(path, tries = 5) {
 }
 function drainStdin() {
     return new Promise((resolve, reject)=>{
-        let result = "";
-        process.stdin.on("data", (chunk)=>{
+        let result = '';
+        process.stdin.on('data', (chunk)=>{
             result += chunk;
         });
-        process.stdin.on("end", ()=>resolve(result));
-        process.stdin.on("error", (err)=>reject(err));
+        process.stdin.on('end', ()=>resolve(result));
+        process.stdin.on('error', (err)=>reject(err));
     });
 }
 async function outputFile(file, newContents) {
     try {
-        let currentContents = await _fs.default.promises.readFile(file, "utf8");
+        let currentContents = await _fs.default.promises.readFile(file, 'utf8');
         if (currentContents === newContents) {
             return; // Skip writing the file
         }
-    } catch  {}
+    } catch (e) {}
     // Write the file
     await _fs.default.promises.mkdir(_path.default.dirname(file), {
         recursive: true
     });
-    await _fs.default.promises.writeFile(file, newContents, "utf8");
+    await _fs.default.promises.writeFile(file, newContents, 'utf8');
 }

package/lib/cli/build/watching.js

@@ -21,8 +21,8 @@ function _interop_require_default(obj) {
     };
 }
 function createWatcher(args, { state, rebuild }) {
-    let shouldPoll = args["--poll"];
-    let shouldCoalesceWriteEvents = shouldPoll || process.platform === "win32";
+    let shouldPoll = args['--poll'];
+    let shouldCoalesceWriteEvents = shouldPoll || process.platform === 'win32';
     // Polling interval in milliseconds
     // Used only when polling or coalescing add/change events on Windows
     let pollInterval = 10;
@@ -88,7 +88,7 @@ function createWatcher(args, { state, rebuild }) {
         pendingRebuilds.add(file);
         changedContent.push({
             file,
-            content: content !== null && content !== void 0 ? content : ()=>_fs.default.promises.readFile(file, "utf8"),
+            content: content !== null && content !== void 0 ? content : ()=>_fs.default.promises.readFile(file, 'utf8'),
             extension: _path.default.extname(file).slice(1)
         });
         if (_timer) {
@@ -107,12 +107,12 @@ function createWatcher(args, { state, rebuild }) {
         chain = chain.then(rebuildAndContinue, rebuildAndContinue);
         return chain;
     }
-    watcher.on("change", (file)=>recordChangedFile(file));
-    watcher.on("add", (file)=>recordChangedFile(file));
+    watcher.on('change', (file)=>recordChangedFile(file));
+    watcher.on('add', (file)=>recordChangedFile(file));
     // Restore watching any files that are "removed"
     // 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)=>{
+    watcher.on('unlink', (file)=>{
         file = (0, _normalizepath.default)(file);
         // Only re-add the file if it's not covered by a dynamic pattern
         if (!_micromatch.default.some([
@@ -125,8 +125,8 @@ function createWatcher(args, { state, rebuild }) {
     // will only fire a rename event for atomic writes and not a change event
     // 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") {
+    watcher.on('raw', (evt, filePath, meta)=>{
+        if (evt !== 'rename' || filePath === null) {
             return;
         }
         let watchedPath = meta.watchedPath;
@@ -161,7 +161,7 @@ function createWatcher(args, { state, rebuild }) {
                 // This is because the order of events and timing is different on Linux
                 // @ts-ignore: TypeScript isn't picking up that content is a string here
                 await recordChangedFile(filePath, ()=>content, true);
-            } catch  {
+            } catch (e) {
             // If reading the file fails, it's was probably a deleted temporary file
             // So we can ignore it and no rebuild is needed
             }

package/lib/cli/help/index.js

@@ -23,31 +23,31 @@ function help({ message, usage, commands, options }) {
     // Render message
     if (message) {
         console.log();
-        for (let msg of message.split("\n")){
+        for (let msg of message.split('\n')){
             console.log(msg);
         }
     }
     // Render usage
     if (usage && usage.length > 0) {
         console.log();
-        console.log("Usage:");
+        console.log('Usage:');
         for (let example of usage){
-            console.log(" ".repeat(indent), example);
+            console.log(' '.repeat(indent), example);
         }
     }
     // Render commands
     if (commands && commands.length > 0) {
         console.log();
-        console.log("Commands:");
+        console.log('Commands:');
         for (let command of commands){
-            console.log(" ".repeat(indent), command);
+            console.log(' '.repeat(indent), command);
         }
     }
     // Render options
     if (options) {
         let groupedOptions = {};
         for (let [key, value] of Object.entries(options)){
-            if (typeof value === "object") {
+            if (typeof value === 'object') {
                 groupedOptions[key] = {
                     ...value,
                     flags: [
@@ -59,13 +59,13 @@ function help({ message, usage, commands, options }) {
             }
         }
         console.log();
-        console.log("Options:");
+        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);
+                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(' '.repeat(indent), flags.slice().reverse().join(', ').padEnd(24, ' '), description);
             }
         }
     }