@eslint/css-tree 3.6.6 → 3.6.7

package/README.md

@@ -185,10 +185,27 @@ One of CDN services like `unpkg` or `jsDelivr` can be used. By default (for shor
 
 MIT
 
-
 ## Branch Setup and Development
 
 * `main` - the default branch for new development in the fork repo
 * `upstream` - kept in sync with `csstree/csstree`
 
 When merging in changes from `csstree/csstree`, sync `upstream` in the GitHub UI (if possible). Then send a pull request to `main` to work through any merge conflicts.
+
+<!-- NOTE: This section is autogenerated. Do not manually edit.-->
+<!--sponsorsstart-->
+
+## Sponsors
+
+The following companies, organizations, and individuals support ESLint's ongoing maintenance and development. [Become a Sponsor](https://eslint.org/donate)
+to get your logo on our READMEs and [website](https://eslint.org/sponsors).
+
+<h3>Platinum Sponsors</h3>
+<p><a href="https://automattic.com"><img src="https://images.opencollective.com/automattic/d0ef3e1/logo.png" alt="Automattic" height="128"></a> <a href="https://www.airbnb.com/"><img src="https://images.opencollective.com/airbnb/d327d66/logo.png" alt="Airbnb" height="128"></a></p><h3>Gold Sponsors</h3>
+<p><a href="https://qlty.sh/"><img src="https://images.opencollective.com/qltysh/33d157d/logo.png" alt="Qlty Software" height="96"></a> <a href="https://shopify.engineering/"><img src="https://avatars.githubusercontent.com/u/8085" alt="Shopify" height="96"></a></p><h3>Silver Sponsors</h3>
+<p><a href="https://vite.dev/"><img src="https://images.opencollective.com/vite/e6d15e1/logo.png" alt="Vite" height="64"></a> <a href="https://liftoff.io/"><img src="https://images.opencollective.com/liftoff/2d6c3b6/logo.png" alt="Liftoff" height="64"></a> <a href="https://americanexpress.io"><img src="https://avatars.githubusercontent.com/u/3853301" alt="American Express" height="64"></a> <a href="https://stackblitz.com"><img src="https://avatars.githubusercontent.com/u/28635252" alt="StackBlitz" height="64"></a></p><h3>Bronze Sponsors</h3>
+<p><a href="https://cybozu.co.jp/"><img src="https://images.opencollective.com/cybozu/933e46d/logo.png" alt="Cybozu" height="32"></a> <a href="https://syntax.fm"><img src="https://github.com/syntaxfm.png" alt="Syntax" height="32"></a> <a href="https://icons8.com/"><img src="https://images.opencollective.com/icons8/7fa1641/logo.png" alt="Icons8" height="32"></a> <a href="https://discord.com"><img src="https://images.opencollective.com/discordapp/f9645d9/logo.png" alt="Discord" height="32"></a> <a href="https://www.gitbook.com"><img src="https://avatars.githubusercontent.com/u/7111340" alt="GitBook" height="32"></a> <a href="https://nx.dev"><img src="https://avatars.githubusercontent.com/u/23692104" alt="Nx" height="32"></a> <a href="https://opensource.mercedes-benz.com/"><img src="https://avatars.githubusercontent.com/u/34240465" alt="Mercedes-Benz Group" height="32"></a> <a href="https://herocoders.com"><img src="https://avatars.githubusercontent.com/u/37549774" alt="HeroCoders" height="32"></a> <a href="https://www.lambdatest.com"><img src="https://avatars.githubusercontent.com/u/171592363" alt="LambdaTest" height="32"></a></p>
+<h3>Technology Sponsors</h3>
+Technology sponsors allow us to use their products and services for free as part of a contribution to the open source ecosystem and our work.
+<p><a href="https://netlify.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/netlify-icon.svg" alt="Netlify" height="32"></a> <a href="https://algolia.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/algolia-icon.svg" alt="Algolia" height="32"></a> <a href="https://1password.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/1password-icon.svg" alt="1Password" height="32"></a></p>
+<!--sponsorsend-->

package/cjs/syntax/node/Block.cjs

@@ -56,8 +56,31 @@ function isElementSelectorStart() {
 }
 
 function isSelectorStart() {
-    return this.tokenType === types.Delim && selectorStarts.has(this.source.charCodeAt(this.tokenStart)) ||
-        this.tokenType === types.Hash || this.tokenType === types.LeftSquareBracket ||
+    // Check for Delim tokens that might be selector starts
+    if (this.tokenType === types.Delim && selectorStarts.has(this.source.charCodeAt(this.tokenStart))) {
+        const code = this.source.charCodeAt(this.tokenStart);
+
+        // Special case: browser hack prefixes (*, +, &) followed immediately by an ident
+        // (no whitespace) are declarations, not selectors. Examples: *zoom: 1; +width: 100px; &prop: value;
+        if (code === STAR || code === PLUSSIGN || code === AMPERSAND) {
+            const nextToken = this.lookupType(1);
+            const nextTokenNonSC = this.lookupTypeNonSC(1);
+
+            // If next token is Ident and there's no whitespace between, it's a declaration
+            if (nextToken === types.Ident && nextTokenNonSC === types.Ident) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    // Hash can be either a Hash token (#id selector) or Delim(#) + Ident (browser hack)
+    // When it's a Hash token, it's a selector. When it's Delim, check if followed by Ident without whitespace
+    if (this.tokenType === types.Hash) {
+        return true;
+    }
+
+    return this.tokenType === types.LeftSquareBracket ||
         this.tokenType === types.Colon || isElementSelectorStart.call(this);
 }
 

package/cjs/syntax/node/DeclarationList.cjs

@@ -3,11 +3,61 @@
 const types = require('../../tokenizer/types.cjs');
 
 const AMPERSAND = 0x0026;       // U+0026 AMPERSAND (&)
+const DOT = 0x002E;             // U+002E FULL STOP (.)
+const STAR = 0x002A;            // U+002A ASTERISK (*);
+const PLUSSIGN = 0x002B;        // U+002B PLUS SIGN (+)
+const GREATERTHANSIGN = 0x003E; // U+003E GREATER-THAN SIGN (>)
+const TILDE = 0x007E;           // U+007E TILDE (~)
+
+const selectorStarts = new Set([
+    AMPERSAND,
+    DOT,
+    STAR,
+    PLUSSIGN,
+    GREATERTHANSIGN,
+    TILDE
+]);
 
 function consumeRaw() {
     return this.Raw(this.consumeUntilSemicolonIncluded, true);
 }
 
+function isElementSelectorStart() {
+    if (this.tokenType !== types.Ident) {
+        return false;
+    }
+
+    const nextTokenType = this.lookupTypeNonSC(1);
+
+    // Simple case: if next token is not colon, semicolon, or closing brace, it's likely a selector
+    if (nextTokenType !== types.Colon && nextTokenType !== types.Semicolon && nextTokenType !== types.RightCurlyBracket) {
+        return true;
+    }
+
+    // Special handling for colon case - could be pseudo-class/pseudo-element
+    if (nextTokenType === types.Colon) {
+        // Look ahead further to see what follows the colon
+        const afterColonType = this.lookupTypeNonSC(2);
+
+        // If after colon there's an identifier (pseudo-class/pseudo-element name),
+        // check what comes after that
+        if (afterColonType === types.Ident) {
+            const afterPseudoType = this.lookupTypeNonSC(3);
+            // If it's followed by { or other selector tokens, it's a selector
+            // If it's followed by ; or } or EOF, it's not a selector (property)
+            return afterPseudoType !== types.Semicolon && afterPseudoType !== types.RightCurlyBracket && afterPseudoType !== 0; // 0 is EOF
+        }
+    }
+
+    return false;
+}
+
+function isSelectorStart() {
+    return this.tokenType === types.Delim && selectorStarts.has(this.source.charCodeAt(this.tokenStart)) ||
+        this.tokenType === types.Hash || this.tokenType === types.LeftSquareBracket ||
+        this.tokenType === types.Colon || isElementSelectorStart.call(this);
+}
+
 const name = 'DeclarationList';
 const structure = {
     children: [[
@@ -33,7 +83,7 @@ function parse() {
                 break;
 
             default:
-                if (this.isDelim(AMPERSAND))  {
+                if (isSelectorStart.call(this))  {
                     children.push(this.parseWithFallback(this.Rule, consumeRaw));
                 } else {
                     children.push(this.parseWithFallback(this.Declaration, consumeRaw));

package/cjs/syntax/node/TypeSelector.cjs

@@ -11,6 +11,20 @@ function eatIdentifierOrAsterisk() {
         this.error('Identifier or asterisk is expected');
     }
 
+    // Check if asterisk is followed immediately by an ident (no whitespace)
+    // This is invalid in selectors (e.g., "*foo" should error, "* foo" or "*:hover" is ok)
+    if (this.isDelim(ASTERISK)) {
+        const currentTokenEnd = this.tokenStart + 1; // asterisk is 1 char
+        this.next();
+
+        // If next token is an ident and starts immediately after asterisk, it's an error
+        if (this.tokenType === types.Ident && this.tokenStart === currentTokenEnd) {
+            this.error('Whitespace is required between universal selector and type selector');
+        }
+
+        return;
+    }
+
     this.next();
 }