@plumeria/eslint-plugin 21.1.4 → 21.1.6

package/README.md

@@ -101,7 +101,7 @@ elsewhere outrank it.
 ```js
 borderTop: '1px solid red'
 // becomes
-borderTopWidth: '1px', borderTopStyle: 'solid', borderTopColor: 'red'
+borderTopColor: 'red', borderTopStyle: 'solid', borderTopWidth: '1px'
 ```
 
 A shorthand resets what it omits, so `borderBlock: 'solid'` expands with

package/dist/rules/expand-border-shorthands.js

@@ -150,7 +150,7 @@ exports.expandBorderShorthands = {
                         : `\`${restored}\``;
                 };
                 const indent = ' '.repeat(prop.loc.start.column);
-                const declarations = ['width', 'style', 'color']
+                const declarations = ['color', 'style', 'width']
                     .map((part) => `${(0, zss_engine_1.kebabToCamelCase)(`${kebab}-${part}`)}: ${render(parts[part])}`)
                     .join(`,\n${indent}`);
                 context.report({

package/dist/rules/sort-properties.js

@@ -140,11 +140,47 @@ exports.sortProperties = {
             });
             if (misorderedIndices.length === 0)
                 return;
-            const match = sourceCode.getText(node).match(/^{\s*\n(\s*)/);
-            const indent = match ? match[1] : '';
-            const lineEnding = match ? '\n' : ' ';
-            const closingIndentMatch = sourceCode.getText(node).match(/\n(\s*)}$/);
-            const closingIndent = closingIndentMatch ? closingIndentMatch[1] : '';
+            const text = sourceCode.text;
+            const textOf = (comments) => comments
+                .map((c) => ` ${text.slice(c.range[0], c.range[1])}`)
+                .join('');
+            const indentOf = (line) => {
+                const lineText = sourceCode.lines[line - 1];
+                let i = 0;
+                while (lineText[i] === ' ' || lineText[i] === '\t')
+                    i++;
+                return lineText.slice(0, i);
+            };
+            const slots = properties.map((prop) => {
+                const tokenBefore = sourceCode.getTokenBefore(prop);
+                const sameLineAsBefore = prop.loc.start.line === tokenBefore.loc.end.line;
+                const leading = sourceCode
+                    .getCommentsBefore(prop)
+                    .filter((c) => sameLineAsBefore || c.loc.start.line > tokenBefore.loc.end.line);
+                const tokenAfter = sourceCode.getTokenAfter(prop);
+                const hasComma = tokenAfter.value === ',';
+                const beforeComma = hasComma ? sourceCode.getCommentsAfter(prop) : [];
+                const anchor = hasComma ? tokenAfter : prop;
+                const next = sourceCode.getTokenAfter(anchor);
+                const nextOnSameLine = next.value !== '}' && next.loc.start.line === anchor.loc.end.line;
+                const afterComma = nextOnSameLine
+                    ? []
+                    : sourceCode
+                        .getCommentsAfter(anchor)
+                        .filter((c) => c.loc.start.line === anchor.loc.end.line);
+                const start = leading.length ? leading[0].range[0] : prop.range[0];
+                const last = afterComma[afterComma.length - 1] ?? anchor;
+                return {
+                    prop,
+                    start,
+                    last,
+                    hasComma,
+                    lead: text.slice(start, prop.range[0]),
+                    beforeComma,
+                    afterComma,
+                };
+            });
+            const slotOf = new Map(slots.map((slot) => [slot.prop, slot]));
             misorderedIndices.forEach((i) => {
                 const prop = properties[i];
                 context.report({
@@ -155,15 +191,30 @@ exports.sortProperties = {
                         property: keyNameOf(prop),
                     },
                     fix(fixer) {
-                        const newText = sorted
-                            .map((p) => {
-                            return `${indent}${sourceCode.getText(p)}`;
-                        })
-                            .join(`,${lineEnding}`);
-                        return fixer.replaceTextRange([
-                            node.range[0] + 1,
-                            node.range[1] - 1,
-                        ], `${lineEnding}${newText}${lineEnding}${closingIndent}`);
+                        return slots.map((slot, j) => {
+                            const unit = slotOf.get(sorted[j]);
+                            const body = sourceCode.getText(unit.prop);
+                            const lineBefore = unit.beforeComma.filter((c) => c.type === 'Line');
+                            const trailing = slot.hasComma
+                                ? [...lineBefore, ...unit.afterComma]
+                                : [...unit.beforeComma, ...unit.afterComma];
+                            let replacement = slot.hasComma
+                                ? `${unit.lead}${body}${textOf(unit.beforeComma.filter((c) => c.type === 'Block'))},${textOf(trailing)}`
+                                : `${unit.lead}${body}${textOf(trailing)}`;
+                            let end = slot.last.range[1];
+                            if (trailing[trailing.length - 1]?.type === 'Line') {
+                                const next = sourceCode.getTokenAfter(slot.last, {
+                                    includeComments: true,
+                                });
+                                if (next.loc.start.line === slot.last.loc.end.line) {
+                                    end = next.range[0];
+                                    replacement += `\n${next === sourceCode.getLastToken(node)
+                                        ? indentOf(node.loc.start.line)
+                                        : indentOf(slot.prop.loc.start.line)}`;
+                                }
+                            }
+                            return fixer.replaceTextRange([slot.start, end], replacement);
+                        });
                     },
                 });
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "21.1.4",
+  "version": "21.1.6",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",
@@ -59,7 +59,7 @@
   "dependencies": {
     "oxlint": "1.87.0",
     "zss-engine": "3.0.1",
-    "@plumeria/compiler": "21.1.4"
+    "@plumeria/compiler": "21.1.6"
   },
   "scripts": {
     "build": "rimraf dist && pnpm cjs",