@plumeria/eslint-plugin 19.7.0 → 19.8.0

package/README.md

@@ -102,7 +102,7 @@ Disallow calling APIs inside functions.
 
 Disallow invalid selector inside `css.create()` and `css.keyframes()` and `css.viewTransition()`.  
 `create()` example: (Pseudo -> Query, Query -> Query)  
-Also reports a functional pseudo-class nested inside one of the same name, such as `:where(:where(.a), .b)`, and flattens it with a fix when the nested call is a whole argument. `:not()` is reported without a fix.
+Also reports a functional pseudo-class nested inside one of the same name, such as `:where(:where(.a), .b)`, and flattens it with a fix when the nested call is a whole argument. `:not()` may nest inside `:not()`. Reports a key nested deeper than 16 levels or holding a stray quote.
 
 ### no-mixed-styling-props
 

package/dist/rules/no-invalid-selector.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noInvalidSelector = void 0;
+const zss_engine_1 = require("zss-engine");
 const styleObject_1 = require("../util/styleObject");
 const staticValue_1 = require("../util/staticValue");
 const flattenablePseudos = new Set([
@@ -147,7 +148,7 @@ function findSameNameNesting(text, ancestors) {
         return null;
     for (const call of calls) {
         const key = call.prefix + call.name;
-        if (ancestors.includes(key))
+        if (key !== ':not' && ancestors.includes(key))
             return call;
         const nested = findSameNameNesting(call.args, [...ancestors, key]);
         if (nested)
@@ -210,6 +211,8 @@ exports.noInvalidSelector = {
             noPseudoInsidePseudo: 'Pseudo-selectors cannot be nested inside other pseudo-selectors.',
             flattenSameNamePseudo: 'Flatten nested "{{name}}()" into a single "{{name}}()".',
             noSameNamePseudoNesting: '"{{name}}()" cannot be nested inside another "{{name}}()"; rewrite it without nesting.',
+            tooDeepSelector: 'A selector key cannot nest parentheses deeper than {{max}} levels.',
+            strayQuote: 'A quote must open and close a string inside brackets or parentheses.',
             invalidKeyframesKey: 'Keyframes keys must be "from", "to", or a percentage value (e.g. "0%", "50%", "100%").',
             invalidViewTransitionKey: 'ViewTransition keys must be one of: "group", "imagePair", "new", "old".',
         },
@@ -249,6 +252,19 @@ exports.noInvalidSelector = {
                 : staticValue(node);
             if (typeof selector !== 'string' || !/^[:[]/.test(selector))
                 return;
+            const invalid = (0, zss_engine_1.findInvalidSelector)((0, zss_engine_1.stripSelectorComments)(selector));
+            if (invalid?.kind === 'too-deep') {
+                context.report({
+                    node,
+                    messageId: 'tooDeepSelector',
+                    data: { max: String(zss_engine_1.MAX_SELECTOR_NESTING) },
+                });
+                return;
+            }
+            if (invalid?.kind === 'stray-quote') {
+                context.report({ node, messageId: 'strayQuote' });
+                return;
+            }
             const nested = findSameNameNesting(selector, []);
             if (!nested)
                 return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "19.7.0",
+  "version": "19.8.0",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",
@@ -54,8 +54,8 @@
   },
   "dependencies": {
     "known-css-properties": "^0.37.0",
-    "zss-engine": "2.8.2",
-    "@plumeria/compiler": "19.7.0"
+    "zss-engine": "2.9.0",
+    "@plumeria/compiler": "19.8.0"
   },
   "scripts": {
     "build": "rimraf dist && pnpm cjs",