@plumeria/eslint-plugin 18.2.11 → 18.2.13

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

@@ -97,9 +97,24 @@ exports.expandBorderShorthands = {
                 const kebab = (0, logicalPhysical_1.toKebabCase)(name);
                 if (!BUNDLES.has(kebab))
                     return;
-                const literal = prop.value.type === 'Literal' && typeof prop.value.value === 'string'
-                    ? prop.value.value
-                    : null;
+                let literal = null;
+                let expressions = [];
+                if (prop.value.type === 'Literal' &&
+                    typeof prop.value.value === 'string') {
+                    literal = prop.value.value;
+                }
+                else if (prop.value.type === 'TemplateLiteral') {
+                    const template = prop.value;
+                    expressions = template.expressions.map((expression) => sourceCode.getText(expression));
+                    literal = template.quasis
+                        .map((quasi, index) => index < expressions.length
+                        ? quasi.value.raw +
+                            borderShorthand_1.EXPRESSION_MARKER +
+                            index +
+                            borderShorthand_1.EXPRESSION_MARKER
+                        : quasi.value.raw)
+                        .join('');
+                }
                 const parts = literal === null ? null : (0, borderShorthand_1.splitBorderValue)(literal);
                 if (!parts) {
                     context.report({
@@ -112,9 +127,20 @@ exports.expandBorderShorthands = {
                 const quote = sourceCode.getText(prop.value).trim().startsWith('"')
                     ? '"'
                     : "'";
+                const marker = new RegExp(`${borderShorthand_1.EXPRESSION_MARKER}(\\d+)${borderShorthand_1.EXPRESSION_MARKER}`, 'g');
+                const render = (value) => {
+                    if (!value.includes(borderShorthand_1.EXPRESSION_MARKER)) {
+                        return `${quote}${value}${quote}`;
+                    }
+                    const restored = value.replace(marker, (_, index) => `\${${expressions[Number(index)]}}`);
+                    const alone = /^\$\{([\s\S]*)\}$/.exec(restored);
+                    return alone && !alone[1].includes('${')
+                        ? alone[1]
+                        : `\`${restored}\``;
+                };
                 const indent = ' '.repeat(prop.loc.start.column);
                 const declarations = ['width', 'style', 'color']
-                    .map((part) => `${(0, logicalPhysical_1.toCamelCase)(`${kebab}-${part}`)}: ${quote}${parts[part]}${quote}`)
+                    .map((part) => `${(0, logicalPhysical_1.toCamelCase)(`${kebab}-${part}`)}: ${render(parts[part])}`)
                     .join(`,\n${indent}`);
                 context.report({
                     node: prop.key,

package/dist/util/borderShorthand.d.ts

@@ -1,4 +1,5 @@
 export declare const BORDER_BUNDLES: string[];
+export declare const EXPRESSION_MARKER = "\0";
 export declare const splitBorderValue: (value: string) => {
     width: string;
     style: string;

package/dist/util/borderShorthand.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.splitBorderValue = exports.BORDER_BUNDLES = void 0;
+exports.splitBorderValue = exports.EXPRESSION_MARKER = exports.BORDER_BUNDLES = void 0;
 exports.BORDER_BUNDLES = [
     'border',
     'border-block',
@@ -28,7 +28,8 @@ const STYLES = new Set([
 ]);
 const WIDTH_KEYWORDS = new Set(['thin', 'medium', 'thick']);
 const LENGTH = /^[+-]?(\d+\.?\d*|\.\d+)([a-z%]+)?$/i;
-const INITIAL = { width: 'medium', style: 'none', color: 'currentcolor' };
+const INITIAL = { width: 'medium', style: 'none', color: 'currentColor' };
+exports.EXPRESSION_MARKER = '\u0000';
 const tokenize = (value) => {
     const tokens = [];
     let depth = 0;
@@ -53,14 +54,22 @@ const tokenize = (value) => {
 const isWidth = (token) => WIDTH_KEYWORDS.has(token) || LENGTH.test(token) || /^calc\(/i.test(token);
 const isColor = (token) => /^(#|rgb|hsl|hwb|lab|lch|oklab|oklch|color\(|light-dark\()/i.test(token) ||
     /^[a-z-]+$/i.test(token);
+const isExpression = (token) => /\bvar\(/i.test(token) || token.includes(exports.EXPRESSION_MARKER);
 const splitBorderValue = (value) => {
     const tokens = tokenize(value);
     if (!tokens)
         return null;
-    if (tokens.some((token) => /\bvar\(|^inherit$|^initial$|^unset$|^revert/i.test(token)))
+    if (tokens.some((token) => /^inherit$|^initial$|^unset$|^revert/i.test(token)))
         return null;
     const parts = {};
+    let expression = null;
     for (const token of tokens) {
+        if (isExpression(token)) {
+            if (expression !== null)
+                return null;
+            expression = token;
+            continue;
+        }
         const lower = token.toLowerCase();
         if (!parts.style && STYLES.has(lower)) {
             parts.style = token;
@@ -76,6 +85,12 @@ const splitBorderValue = (value) => {
         }
         return null;
     }
+    if (expression !== null) {
+        const open = ['width', 'style', 'color'].filter((part) => !parts[part]);
+        if (open.length !== 1)
+            return null;
+        parts[open[0]] = expression;
+    }
     return {
         width: parts.width ?? INITIAL.width,
         style: parts.style ?? INITIAL.style,

package/dist/util/validData.js

@@ -286,7 +286,7 @@ const validData = {
     textDecorationColor: [],
     caretColor: ['auto'],
     columnRuleColor: [],
-    borderColor: [],
+    borderColor: ['currentColor'],
     captionSide: ['top', 'bottom'],
     clear: [
         'inline-start',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "18.2.11",
+  "version": "18.2.13",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",