@projectwallace/css-parser 0.7.1 → 0.7.3

package/dist/css-node.js

@@ -1,5 +1,5 @@
-import { DIMENSION, NUMBER, DECLARATION, FLAG_IMPORTANT, FLAG_VENDOR_PREFIXED, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, STYLE_RULE, BLOCK, AT_RULE, COMMENT, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, SELECTOR, COMBINATOR, ATTRIBUTE_SELECTOR, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, URL, PARENTHESIS, OPERATOR, FUNCTION, HASH, STRING, IDENTIFIER, STYLESHEET } from './arena.js';
-import { is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
+import { URL, STRING, DIMENSION, NUMBER, DECLARATION, FLAG_IMPORTANT, FLAG_VENDOR_PREFIXED, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, STYLE_RULE, BLOCK, AT_RULE, COMMENT, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, SELECTOR, COMBINATOR, ATTRIBUTE_SELECTOR, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, PARENTHESIS, OPERATOR, FUNCTION, HASH, IDENTIFIER, STYLESHEET } from './arena.js';
+import { str_starts_with, is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
 import { parse_dimension } from './parse-utils.js';
 
 const TYPE_NAMES = {
@@ -82,7 +82,26 @@ class CSSNode {
   // Get the value text (for declarations: "blue" in "color: blue")
   // For dimension/number nodes: returns the numeric value as a number
   // For string nodes: returns the string content without quotes
+  // For URL nodes with quoted string: returns the string with quotes (consistent with STRING node)
+  // For URL nodes with unquoted URL: returns the URL content without quotes
   get value() {
+    if (this.type === URL) {
+      const firstChild = this.first_child;
+      if (firstChild && firstChild.type === STRING) {
+        return firstChild.text;
+      }
+      const text = this.text;
+      if (str_starts_with(text, "url(")) {
+        const openParen = text.indexOf("(");
+        const closeParen = text.lastIndexOf(")");
+        if (openParen !== -1 && closeParen !== -1 && closeParen > openParen) {
+          let content = text.substring(openParen + 1, closeParen).trim();
+          return content;
+        }
+      } else if (text.startsWith('"') || text.startsWith("'")) {
+        return text;
+      }
+    }
     if (this.type === DIMENSION || this.type === NUMBER) {
       return parse_dimension(this.text).value;
     }

package/dist/parse-anplusb.js

@@ -1,7 +1,7 @@
 import { Lexer } from './lexer.js';
 import { NTH_SELECTOR, CSSDataArena } from './arena.js';
 import { TOKEN_IDENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_NUMBER } from './token-types.js';
-import { CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
+import { str_equals, CHAR_MINUS_HYPHEN, CHAR_PLUS, str_index_of } from './string-utils.js';
 import { skip_whitespace_forward } from './parse-utils.js';
 import { CSSNode } from './css-node.js';
 
@@ -36,8 +36,8 @@ class ANplusBParser {
     }
     this.lexer.next_token_fast(true);
     if (this.lexer.token_type === TOKEN_IDENT) {
-      const text = this.source.substring(this.lexer.token_start, this.lexer.token_end).toLowerCase();
-      if (text === "odd" || text === "even") {
+      const text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
+      if (str_equals("odd", text) || str_equals("even", text)) {
         a_start = this.lexer.token_start;
         a_end = this.lexer.token_end;
         return this.create_anplusb_node(node_start, a_start, a_end, 0, 0);
@@ -118,7 +118,7 @@ class ANplusBParser {
     }
     if (this.lexer.token_type === TOKEN_DIMENSION) {
       const token_text = this.source.substring(this.lexer.token_start, this.lexer.token_end);
-      const n_index = token_text.toLowerCase().indexOf("n");
+      const n_index = str_index_of(token_text, "n");
       if (n_index !== -1) {
         a_start = this.lexer.token_start;
         a_end = this.lexer.token_start + n_index + 1;

package/dist/parse-selector.js

@@ -2,7 +2,7 @@ import { Lexer } from './lexer.js';
 import { CSSDataArena, SELECTOR_LIST, SELECTOR, COMBINATOR, NESTING_SELECTOR, ID_SELECTOR, TYPE_SELECTOR, UNIVERSAL_SELECTOR, CLASS_SELECTOR, ATTRIBUTE_SELECTOR, ATTR_OPERATOR_NONE, ATTR_FLAG_NONE, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_STAR_EQUAL, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_CASE_SENSITIVE, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_VENDOR_PREFIXED, FLAG_HAS_PARENS, LANG_SELECTOR, NTH_OF_SELECTOR } from './arena.js';
 import { TOKEN_COMMA, TOKEN_DELIM, TOKEN_EOF, TOKEN_WHITESPACE, TOKEN_FUNCTION, TOKEN_COLON, TOKEN_LEFT_BRACKET, TOKEN_HASH, TOKEN_IDENT, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_RIGHT_PAREN, TOKEN_STRING } from './token-types.js';
 import { skip_whitespace_and_comments_forward, skip_whitespace_and_comments_backward, skip_whitespace_forward } from './parse-utils.js';
-import { CHAR_GREATER_THAN, CHAR_PLUS, CHAR_TILDE, CHAR_PERIOD, CHAR_ASTERISK, CHAR_AMPERSAND, CHAR_PIPE, CHAR_SPACE, CHAR_NEWLINE, CHAR_CARRIAGE_RETURN, CHAR_FORM_FEED, is_combinator, is_whitespace, CHAR_EQUALS, CHAR_CARET, CHAR_DOLLAR, CHAR_SINGLE_QUOTE, CHAR_DOUBLE_QUOTE, CHAR_COLON, is_vendor_prefixed } from './string-utils.js';
+import { CHAR_GREATER_THAN, CHAR_PLUS, CHAR_TILDE, CHAR_PERIOD, CHAR_ASTERISK, CHAR_AMPERSAND, CHAR_PIPE, CHAR_SPACE, CHAR_NEWLINE, CHAR_CARRIAGE_RETURN, CHAR_FORM_FEED, is_combinator, is_whitespace, CHAR_EQUALS, CHAR_CARET, CHAR_DOLLAR, CHAR_SINGLE_QUOTE, CHAR_DOUBLE_QUOTE, CHAR_COLON, is_vendor_prefixed, str_equals } from './string-utils.js';
 import { ANplusBParser } from './parse-anplusb.js';
 import { CSSNode } from './css-node.js';
 
@@ -466,19 +466,19 @@ class SelectorParser {
       this.arena.set_flag(node, FLAG_VENDOR_PREFIXED);
     }
     if (content_end > content_start) {
-      let func_name = this.source.substring(func_name_start, func_name_end).toLowerCase();
-      if (this.is_nth_pseudo(func_name)) {
+      let func_name_substr = this.source.substring(func_name_start, func_name_end);
+      if (this.is_nth_pseudo(func_name_substr)) {
         let child = this.parse_nth_expression(content_start, content_end);
         if (child !== null) {
           this.arena.set_first_child(node, child);
           this.arena.set_last_child(node, child);
         }
-      } else if (func_name === "lang") {
+      } else if (str_equals("lang", func_name_substr)) {
         this.parse_lang_identifiers(content_start, content_end, node);
       } else {
         let saved_selector_end = this.selector_end;
         const saved = this.lexer.save_position();
-        let allow_relative = func_name === "has";
+        let allow_relative = str_equals("has", func_name_substr);
         let child_selector = this.parse_selector(content_start, content_end, this.lexer.line, this.lexer.column, allow_relative);
         this.selector_end = saved_selector_end;
         this.lexer.restore_position(saved);
@@ -492,7 +492,7 @@ class SelectorParser {
   }
   // Check if pseudo-class name is an nth-* pseudo
   is_nth_pseudo(name) {
-    return name === "nth-child" || name === "nth-last-child" || name === "nth-of-type" || name === "nth-last-of-type" || name === "nth-col" || name === "nth-last-col";
+    return str_equals("nth-child", name) || str_equals("nth-last-child", name) || str_equals("nth-of-type", name) || str_equals("nth-last-of-type", name) || str_equals("nth-col", name) || str_equals("nth-last-col", name);
   }
   // Parse :lang() content - comma-separated language identifiers
   // Accepts both quoted strings: :lang("en", "fr") and unquoted: :lang(en, fr)

package/dist/parse-value.js

@@ -1,7 +1,7 @@
 import { Lexer } from './lexer.js';
 import { CSSDataArena, OPERATOR, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, URL, FUNCTION, PARENTHESIS } from './arena.js';
 import { TOKEN_EOF, TOKEN_LEFT_PAREN, TOKEN_COMMA, TOKEN_DELIM, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_STRING, TOKEN_DIMENSION, TOKEN_PERCENTAGE, TOKEN_NUMBER, TOKEN_IDENT, TOKEN_RIGHT_PAREN } from './token-types.js';
-import { is_whitespace, CHAR_PLUS, CHAR_MINUS_HYPHEN, CHAR_ASTERISK, CHAR_FORWARD_SLASH } from './string-utils.js';
+import { is_whitespace, CHAR_PLUS, CHAR_MINUS_HYPHEN, CHAR_ASTERISK, CHAR_FORWARD_SLASH, str_equals } from './string-utils.js';
 import { CSSNode } from './css-node.js';
 
 class ValueParser {
@@ -98,9 +98,9 @@ class ValueParser {
   }
   parse_function_node(start, end) {
     let name_end = end - 1;
-    let func_name = this.source.substring(start, name_end).toLowerCase();
+    let func_name_substr = this.source.substring(start, name_end);
     let node = this.arena.create_node(
-      func_name === "url" ? URL : FUNCTION,
+      str_equals("url", func_name_substr) ? URL : FUNCTION,
       start,
       0,
       // length unknown yet
@@ -109,7 +109,7 @@ class ValueParser {
     );
     this.arena.set_content_start_delta(node, 0);
     this.arena.set_content_length(node, name_end - start);
-    if (func_name === "url" || func_name === "src") {
+    if (str_equals("url", func_name_substr) || str_equals("src", func_name_substr)) {
       let save_pos = this.lexer.save_position();
       this.lexer.next_token_fast(false);
       while (this.is_whitespace_inline() && this.lexer.pos < this.value_end) {

package/dist/string-utils.d.ts

@@ -23,6 +23,27 @@ export declare const CHAR_COLON = 58;
  * @param b Compare string
  */
 export declare function str_equals(a: string, b: string): boolean;
+/**
+ * Case-insensitive ASCII prefix check without allocations
+ * Returns true if string `str` starts with prefix (case-insensitive)
+ *
+ * IMPORTANT: prefix MUST be lowercase for correct comparison
+ *
+ * @param str - The string to check
+ * @param prefix - The lowercase prefix to match against
+ */
+export declare function str_starts_with(str: string, prefix: string): boolean;
+/**
+ * Case-insensitive character/substring search without allocations
+ * Returns the index of the first occurrence of searchChar (case-insensitive)
+ *
+ * IMPORTANT: searchChar MUST be lowercase for correct comparison
+ *
+ * @param str - The string to search in
+ * @param searchChar - The lowercase character/substring to find
+ * @returns The index of the first match, or -1 if not found
+ */
+export declare function str_index_of(str: string, searchChar: string): number;
 /**
  * Check if a string range has a vendor prefix
  *

package/dist/string-utils.js

@@ -41,6 +41,52 @@ function str_equals(a, b) {
   }
   return true;
 }
+function str_starts_with(str, prefix) {
+  if (str.length < prefix.length) {
+    return false;
+  }
+  for (let i = 0; i < prefix.length; i++) {
+    let ca = str.charCodeAt(i);
+    let cb = prefix.charCodeAt(i);
+    if (ca >= 65 && ca <= 90) ca |= 32;
+    if (ca !== cb) {
+      return false;
+    }
+  }
+  return true;
+}
+function str_index_of(str, searchChar) {
+  if (searchChar.length === 0) {
+    return -1;
+  }
+  if (searchChar.length === 1) {
+    const searchCode = searchChar.charCodeAt(0);
+    for (let i = 0; i < str.length; i++) {
+      let ca = str.charCodeAt(i);
+      if (ca >= 65 && ca <= 90) ca |= 32;
+      if (ca === searchCode) {
+        return i;
+      }
+    }
+    return -1;
+  }
+  for (let i = 0; i <= str.length - searchChar.length; i++) {
+    let match = true;
+    for (let j = 0; j < searchChar.length; j++) {
+      let ca = str.charCodeAt(i + j);
+      let cb = searchChar.charCodeAt(j);
+      if (ca >= 65 && ca <= 90) ca |= 32;
+      if (ca !== cb) {
+        match = false;
+        break;
+      }
+    }
+    if (match) {
+      return i;
+    }
+  }
+  return -1;
+}
 function is_vendor_prefixed(source, start, end) {
   if (source.charCodeAt(start) !== CHAR_MINUS_HYPHEN) {
     return false;
@@ -60,4 +106,4 @@ function is_vendor_prefixed(source, start, end) {
   return false;
 }
 
-export { CHAR_AMPERSAND, CHAR_ASTERISK, CHAR_CARET, CHAR_CARRIAGE_RETURN, CHAR_COLON, CHAR_DOLLAR, CHAR_DOUBLE_QUOTE, CHAR_EQUALS, CHAR_FORM_FEED, CHAR_FORWARD_SLASH, CHAR_GREATER_THAN, CHAR_MINUS_HYPHEN, CHAR_NEWLINE, CHAR_PERIOD, CHAR_PIPE, CHAR_PLUS, CHAR_SINGLE_QUOTE, CHAR_SPACE, CHAR_TAB, CHAR_TILDE, is_combinator, is_digit, is_vendor_prefixed, is_whitespace, str_equals };
+export { CHAR_AMPERSAND, CHAR_ASTERISK, CHAR_CARET, CHAR_CARRIAGE_RETURN, CHAR_COLON, CHAR_DOLLAR, CHAR_DOUBLE_QUOTE, CHAR_EQUALS, CHAR_FORM_FEED, CHAR_FORWARD_SLASH, CHAR_GREATER_THAN, CHAR_MINUS_HYPHEN, CHAR_NEWLINE, CHAR_PERIOD, CHAR_PIPE, CHAR_PLUS, CHAR_SINGLE_QUOTE, CHAR_SPACE, CHAR_TAB, CHAR_TILDE, is_combinator, is_digit, is_vendor_prefixed, is_whitespace, str_equals, str_index_of, str_starts_with };

package/package.json

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