@projectwallace/css-parser 0.13.3 → 0.13.4

package/dist/arena.d.ts

@@ -37,6 +37,7 @@ export declare const LAYER_NAME = 37;
 export declare const PRELUDE_OPERATOR = 38;
 export declare const FEATURE_RANGE = 39;
 export declare const AT_RULE_PRELUDE = 40;
+export declare const PRELUDE_SELECTORLIST = 41;
 export declare const VALUE = 50;
 export declare const FLAG_IMPORTANT: number;
 export declare const FLAG_HAS_ERROR: number;

package/dist/arena.js

@@ -38,6 +38,7 @@ const LAYER_NAME = 37;
 const PRELUDE_OPERATOR = 38;
 const FEATURE_RANGE = 39;
 const AT_RULE_PRELUDE = 40;
+const PRELUDE_SELECTORLIST = 41;
 const VALUE = 50;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
@@ -286,4 +287,4 @@ class CSSDataArena {
   }
 }
 
-export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, AT_RULE_PRELUDE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, CSSDataArena, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_BROWSERHACK, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, FLAG_HAS_ERROR, FLAG_HAS_PARENS, FLAG_IMPORTANT, FLAG_LENGTH_OVERFLOW, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNICODE_RANGE, UNIVERSAL_SELECTOR, URL, VALUE };
+export { ATTRIBUTE_SELECTOR, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_NONE, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, AT_RULE, AT_RULE_PRELUDE, BLOCK, CLASS_SELECTOR, COMBINATOR, COMMENT, CONTAINER_QUERY, CSSDataArena, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_BROWSERHACK, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, FLAG_HAS_ERROR, FLAG_HAS_PARENS, FLAG_IMPORTANT, FLAG_LENGTH_OVERFLOW, FUNCTION, HASH, IDENTIFIER, ID_SELECTOR, LANG_SELECTOR, LAYER_NAME, MEDIA_FEATURE, MEDIA_QUERY, MEDIA_TYPE, NESTING_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, NUMBER, OPERATOR, PARENTHESIS, PRELUDE_OPERATOR, PRELUDE_SELECTORLIST, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, STRING, STYLESHEET, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, UNICODE_RANGE, UNIVERSAL_SELECTOR, URL, VALUE };

package/dist/parse-atrule-prelude.js

@@ -1,5 +1,5 @@
 import { Lexer } from './tokenize.js';
-import { CSSDataArena, PRELUDE_OPERATOR, MEDIA_TYPE, MEDIA_QUERY, MEDIA_FEATURE, FUNCTION, IDENTIFIER, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, STRING, URL, DIMENSION, NUMBER, FEATURE_RANGE } from './arena.js';
+import { CSSDataArena, PRELUDE_OPERATOR, MEDIA_TYPE, MEDIA_QUERY, MEDIA_FEATURE, FUNCTION, IDENTIFIER, CONTAINER_QUERY, SUPPORTS_QUERY, LAYER_NAME, STRING, URL, DIMENSION, NUMBER, PRELUDE_SELECTORLIST, FEATURE_RANGE } from './arena.js';
 import { TOKEN_COMMA, TOKEN_IDENT, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_FUNCTION, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_STRING, TOKEN_URL, TOKEN_DIMENSION, TOKEN_PERCENTAGE, TOKEN_NUMBER } from './token-types.js';
 import { strip_vendor_prefix, str_equals, CHAR_LESS_THAN, CHAR_GREATER_THAN, CHAR_EQUALS, CHAR_COLON, is_whitespace } from './string-utils.js';
 import { skip_whitespace_and_comments_forward, trim_boundaries } from './parse-utils.js';
@@ -24,23 +24,35 @@ class AtRulePreludeParser {
   }
   // Dispatch to appropriate parser based on at-rule type
   parse_prelude_dispatch(at_rule_name) {
-    let normalized_name = strip_vendor_prefix(at_rule_name);
-    if (str_equals("media", normalized_name)) {
-      return this.parse_media_query_list();
-    } else if (str_equals("container", normalized_name)) {
-      return this.parse_container_query();
-    } else if (str_equals("supports", normalized_name)) {
-      return this.parse_supports_query();
-    } else if (str_equals("layer", normalized_name)) {
-      return this.parse_layer_names();
-    } else if (str_equals("keyframes", normalized_name)) {
-      return this.parse_identifier();
-    } else if (str_equals("property", normalized_name)) {
-      return this.parse_identifier();
-    } else if (str_equals("import", normalized_name)) {
-      return this.parse_import_prelude();
-    } else if (str_equals("charset", normalized_name)) {
-      return this.parse_charset_prelude();
+    let normalized_name = strip_vendor_prefix(at_rule_name).toLowerCase();
+    switch (normalized_name) {
+      case "media":
+        return this.parse_media_query_list();
+      case "container":
+        return this.parse_container_query();
+      case "supports":
+        return this.parse_supports_query();
+      case "layer":
+        return this.parse_layer_names();
+      case "keyframes":
+      case "property":
+      case "counter-style":
+      case "color-profile":
+      case "font-palette-values":
+      case "position-try":
+      case "font-feature-values":
+      case "page":
+        return this.parse_identifier();
+      case "import":
+        return this.parse_import_prelude();
+      case "charset":
+        return this.parse_charset_prelude();
+      case "namespace":
+        return this.parse_namespace_prelude();
+      case "scope":
+        return this.parse_scope_prelude();
+      case "custom-media":
+        return this.parse_custom_media_prelude();
     }
     return [];
   }
@@ -524,6 +536,76 @@ class AtRulePreludeParser {
     this.lexer = saved_lexer;
     return nodes;
   }
+  // Parse @namespace prelude: [prefix] url("...") | "..."
+  // e.g. @namespace url("http://www.w3.org/1999/xhtml");
+  // e.g. @namespace svg url("http://www.w3.org/2000/svg");
+  parse_namespace_prelude() {
+    let nodes = [];
+    this.skip_whitespace();
+    if (this.lexer.pos >= this.prelude_end) return [];
+    const saved = this.lexer.save_position();
+    this.next_token();
+    if (this.lexer.token_type === TOKEN_IDENT) {
+      nodes.push(this.create_node(IDENTIFIER, this.lexer.token_start, this.lexer.token_end));
+      this.skip_whitespace();
+    } else {
+      this.lexer.restore_position(saved);
+    }
+    const url_node = this.parse_import_url();
+    if (url_node !== null) nodes.push(url_node);
+    return nodes;
+  }
+  // Parse @scope prelude: [(<scope-start>)] [to (<scope-end>)]
+  // e.g. @scope (.parent) to (.child) { }
+  parse_scope_prelude() {
+    let nodes = [];
+    while (this.lexer.pos < this.prelude_end) {
+      this.skip_whitespace();
+      if (this.lexer.pos >= this.prelude_end) break;
+      const token_type = this.peek_token_type();
+      if (token_type === TOKEN_LEFT_PAREN) {
+        this.next_token();
+        let paren_start = this.lexer.token_start;
+        let content_start = this.lexer.pos;
+        let depth = 1;
+        while (this.lexer.pos < this.prelude_end && depth > 0) {
+          this.next_token();
+          if (this.lexer.token_type === TOKEN_LEFT_PAREN) depth++;
+          else if (this.lexer.token_type === TOKEN_RIGHT_PAREN) depth--;
+        }
+        let content_end = this.lexer.token_start;
+        let paren_end = this.lexer.token_end;
+        let scope_node = this.create_node(PRELUDE_SELECTORLIST, paren_start, paren_end);
+        let trimmed = trim_boundaries(this.source, content_start, content_end);
+        if (trimmed) {
+          this.arena.set_value_start_delta(scope_node, trimmed[0] - paren_start);
+          this.arena.set_value_length(scope_node, trimmed[1] - trimmed[0]);
+        }
+        nodes.push(scope_node);
+      } else if (token_type === TOKEN_IDENT) {
+        this.next_token();
+        let text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
+        if (str_equals("to", text)) {
+          nodes.push(this.create_node(PRELUDE_OPERATOR, this.lexer.token_start, this.lexer.token_end));
+        }
+      } else {
+        this.next_token();
+      }
+    }
+    return nodes;
+  }
+  // Parse @custom-media prelude: --name <media-condition>
+  // e.g. @custom-media --small (max-width: 30em);
+  parse_custom_media_prelude() {
+    let nodes = [];
+    this.skip_whitespace();
+    if (this.lexer.pos >= this.prelude_end) return [];
+    this.next_token();
+    if (this.lexer.token_type !== TOKEN_IDENT) return [];
+    nodes.push(this.create_node(IDENTIFIER, this.lexer.token_start, this.lexer.token_end));
+    nodes.push(...this.parse_media_query_list());
+    return nodes;
+  }
   // Parse media feature range syntax: (50px <= width <= 100px)
   parse_feature_range(feature_start, feature_end, content_start, content_end) {
     let range_node = this.create_node(FEATURE_RANGE, feature_start, feature_end);

package/dist/parse.js

@@ -8,8 +8,8 @@ import { TOKEN_EOF, TOKEN_AT_KEYWORD, TOKEN_LEFT_BRACE, TOKEN_RIGHT_BRACE, TOKEN
 import { trim_boundaries } from './parse-utils.js';
 import { CHAR_PERIOD, CHAR_GREATER_THAN, CHAR_PLUS, CHAR_TILDE, CHAR_AMPERSAND } from './string-utils.js';
 
-let DECLARATION_AT_RULES = /* @__PURE__ */ new Set(["font-face", "font-feature-values", "page", "property", "counter-style"]);
-let CONDITIONAL_AT_RULES = /* @__PURE__ */ new Set(["media", "supports", "container", "layer", "nest"]);
+let DECLARATION_AT_RULES = /* @__PURE__ */ new Set(["font-face", "font-feature-values", "page", "property", "counter-style", "color-profile", "font-palette-values", "position-try", "view-transition"]);
+let CONDITIONAL_AT_RULES = /* @__PURE__ */ new Set(["media", "supports", "container", "layer", "nest", "scope", "starting-style"]);
 class Parser {
   source;
   lexer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@projectwallace/css-parser",
-	"version": "0.13.3",
+	"version": "0.13.4",
 	"description": "High-performance CSS lexer and parser, optimized for CSS inspection and analysis",
 	"author": "Bart Veneman <bart@projectwallace.com>",
 	"license": "MIT",