@projectwallace/css-parser 0.6.7 → 0.7.0

package/dist/parse-selector.js

@@ -1,6 +1,10 @@
-import { L as Lexer, q as TOKEN_COMMA, h as TOKEN_DELIM, y as TOKEN_EOF, l as TOKEN_WHITESPACE, a as TOKEN_FUNCTION, o as TOKEN_COLON, r as TOKEN_LEFT_BRACKET, c as TOKEN_HASH, T as TOKEN_IDENT, s as TOKEN_RIGHT_BRACKET, t as TOKEN_LEFT_PAREN, u as TOKEN_RIGHT_PAREN, d as TOKEN_STRING } from './lexer-CtBKgfVv.js';
-import { Z as CSSDataArena, w as NODE_SELECTOR_LIST, C as CSSNode, m as NODE_SELECTOR, a4 as CHAR_GREATER_THAN, a5 as CHAR_PLUS, a6 as CHAR_TILDE, F as NODE_SELECTOR_COMBINATOR, a7 as CHAR_PERIOD, a8 as CHAR_ASTERISK, a9 as CHAR_AMPERSAND, H as NODE_SELECTOR_NESTING, aa as CHAR_PIPE, z as NODE_SELECTOR_ID, x as NODE_SELECTOR_TYPE, G as NODE_SELECTOR_UNIVERSAL, ab as is_whitespace, ac as is_combinator, y as NODE_SELECTOR_CLASS, B as NODE_SELECTOR_ATTRIBUTE, ad as skip_whitespace_and_comments_forward, ae as skip_whitespace_and_comments_backward, af as CHAR_EQUALS, ag as CHAR_CARET, ah as CHAR_DOLLAR, A as ATTR_OPERATOR_NONE, g as ATTR_FLAG_NONE, a as ATTR_OPERATOR_EQUAL, b as ATTR_OPERATOR_TILDE_EQUAL, c as ATTR_OPERATOR_PIPE_EQUAL, d as ATTR_OPERATOR_CARET_EQUAL, e as ATTR_OPERATOR_DOLLAR_EQUAL, f as ATTR_OPERATOR_STAR_EQUAL, ai as CHAR_SINGLE_QUOTE, aj as CHAR_DOUBLE_QUOTE, h as ATTR_FLAG_CASE_INSENSITIVE, i as ATTR_FLAG_CASE_SENSITIVE, ak as CHAR_COLON, E as NODE_SELECTOR_PSEUDO_ELEMENT, D as NODE_SELECTOR_PSEUDO_CLASS, a1 as is_vendor_prefixed, a2 as FLAG_VENDOR_PREFIXED, al as FLAG_HAS_PARENS, K as NODE_SELECTOR_LANG, am as skip_whitespace_forward, J as NODE_SELECTOR_NTH_OF } from './css-node-GOEvp2OO.js';
+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 { ANplusBParser } from './parse-anplusb.js';
+import { CSSNode } from './css-node.js';
 
 class SelectorParser {
   lexer;
@@ -32,10 +36,12 @@ class SelectorParser {
       let selector_start = this.lexer.pos;
       let complex_selector = this.parse_complex_selector(allow_relative);
       if (complex_selector !== null) {
-        let selector_wrapper = this.create_node(NODE_SELECTOR, selector_start, this.lexer.pos);
+        let selector_wrapper = this.create_node(SELECTOR, selector_start, this.lexer.pos);
         let last_component = complex_selector;
-        while (this.arena.get_next_sibling(last_component) !== 0) {
-          last_component = this.arena.get_next_sibling(last_component);
+        let next_sibling = this.arena.get_next_sibling(last_component);
+        while (next_sibling !== 0) {
+          last_component = next_sibling;
+          next_sibling = this.arena.get_next_sibling(last_component);
         }
         this.arena.set_first_child(selector_wrapper, complex_selector);
         this.arena.set_last_child(selector_wrapper, last_component);
@@ -53,17 +59,14 @@ class SelectorParser {
       }
     }
     if (selectors.length >= 1) {
-      let list_node = this.arena.create_node();
-      this.arena.set_type(list_node, NODE_SELECTOR_LIST);
-      this.arena.set_start_offset(list_node, list_start);
-      this.arena.set_length(list_node, this.lexer.pos - list_start);
-      this.arena.set_start_line(list_node, list_line);
-      this.arena.set_start_column(list_node, list_column);
-      this.arena.set_first_child(list_node, selectors[0]);
-      this.arena.set_last_child(list_node, selectors[selectors.length - 1]);
-      for (let i = 0; i < selectors.length - 1; i++) {
-        this.arena.set_next_sibling(selectors[i], selectors[i + 1]);
-      }
+      let list_node = this.arena.create_node(
+        SELECTOR_LIST,
+        list_start,
+        this.lexer.pos - list_start,
+        list_line,
+        list_column
+      );
+      this.arena.append_children(list_node, selectors);
       return list_node;
     }
     return null;
@@ -81,7 +84,7 @@ class SelectorParser {
       if (token_type === TOKEN_DELIM) {
         let ch = this.source.charCodeAt(this.lexer.token_start);
         if (ch === CHAR_GREATER_THAN || ch === CHAR_PLUS || ch === CHAR_TILDE) {
-          let combinator = this.create_node(NODE_SELECTOR_COMBINATOR, this.lexer.token_start, this.lexer.token_end);
+          let combinator = this.create_node(COMBINATOR, this.lexer.token_start, this.lexer.token_end);
           components.push(combinator);
           this.skip_whitespace();
         } else {
@@ -92,7 +95,6 @@ class SelectorParser {
       }
     }
     while (this.lexer.pos < this.selector_end) {
-      if (this.lexer.pos >= this.selector_end) break;
       let compound = this.parse_compound_selector();
       if (compound !== null) {
         components.push(compound);
@@ -160,7 +162,7 @@ class SelectorParser {
       case TOKEN_IDENT:
         return this.parse_type_or_namespace_selector(start, end);
       case TOKEN_HASH:
-        return this.create_node(NODE_SELECTOR_ID, start, end);
+        return this.create_node(ID_SELECTOR, start, end);
       case TOKEN_DELIM:
         let ch = this.source.charCodeAt(start);
         if (ch === CHAR_PERIOD) {
@@ -168,7 +170,7 @@ class SelectorParser {
         } else if (ch === CHAR_ASTERISK) {
           return this.parse_universal_or_namespace_selector(start, end);
         } else if (ch === CHAR_AMPERSAND) {
-          return this.create_node(NODE_SELECTOR_NESTING, start, end);
+          return this.create_node(NESTING_SELECTOR, start, end);
         } else if (ch === CHAR_PIPE) {
           return this.parse_empty_namespace_selector(start);
         }
@@ -193,15 +195,15 @@ class SelectorParser {
     this.lexer.next_token_fast(false);
     let node_type;
     if (this.lexer.token_type === TOKEN_IDENT) {
-      node_type = NODE_SELECTOR_TYPE;
+      node_type = TYPE_SELECTOR;
     } else if (this.lexer.token_type === TOKEN_DELIM && this.source.charCodeAt(this.lexer.token_start) === CHAR_ASTERISK) {
-      node_type = NODE_SELECTOR_UNIVERSAL;
+      node_type = UNIVERSAL_SELECTOR;
     } else {
       this.lexer.restore_position(saved);
       return null;
     }
     let node = this.create_node(node_type, selector_start, this.lexer.token_end);
-    this.arena.set_content_start(node, namespace_start);
+    this.arena.set_content_start_delta(node, namespace_start - selector_start);
     this.arena.set_content_length(node, namespace_length);
     return node;
   }
@@ -214,7 +216,7 @@ class SelectorParser {
       if (node !== null) return node;
       this.lexer.pos = end;
     }
-    return this.create_node(NODE_SELECTOR_TYPE, start, end);
+    return this.create_node(TYPE_SELECTOR, start, end);
   }
   // Parse universal selector or namespace selector (*|E or *|*)
   // Called when we've seen a * DELIM token
@@ -225,7 +227,7 @@ class SelectorParser {
       if (node !== null) return node;
       this.lexer.pos = end;
     }
-    return this.create_node(NODE_SELECTOR_UNIVERSAL, start, end);
+    return this.create_node(UNIVERSAL_SELECTOR, start, end);
   }
   // Parse empty namespace selector (|E or |*)
   // Called when we've seen a | DELIM token at the start
@@ -238,7 +240,7 @@ class SelectorParser {
     let has_whitespace = false;
     while (this.lexer.pos < this.selector_end) {
       let ch = this.source.charCodeAt(this.lexer.pos);
-      if (is_whitespace(ch)) {
+      if (ch === CHAR_SPACE || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED) {
         has_whitespace = true;
         this.lexer.pos++;
       } else {
@@ -250,20 +252,20 @@ class SelectorParser {
     if (this.lexer.token_type === TOKEN_DELIM) {
       let ch = this.source.charCodeAt(this.lexer.token_start);
       if (is_combinator(ch)) {
-        return this.create_node(NODE_SELECTOR_COMBINATOR, this.lexer.token_start, this.lexer.token_end);
+        return this.create_node(COMBINATOR, this.lexer.token_start, this.lexer.token_end);
       }
     }
     if (has_whitespace) {
       this.lexer.pos = whitespace_start;
       while (this.lexer.pos < this.selector_end) {
         let ch = this.source.charCodeAt(this.lexer.pos);
-        if (is_whitespace(ch)) {
+        if (ch === CHAR_SPACE || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED) {
           this.lexer.pos++;
         } else {
           break;
         }
       }
-      return this.create_node(NODE_SELECTOR_COMBINATOR, whitespace_start, this.lexer.pos);
+      return this.create_node(COMBINATOR, whitespace_start, this.lexer.pos);
     }
     this.lexer.pos = whitespace_start;
     return null;
@@ -276,7 +278,7 @@ class SelectorParser {
       this.lexer.restore_position(saved);
       return null;
     }
-    return this.create_node(NODE_SELECTOR_CLASS, dot_pos, this.lexer.token_end);
+    return this.create_node(CLASS_SELECTOR, dot_pos, this.lexer.token_end);
   }
   // Parse attribute selector ([attr], [attr=value], etc.)
   parse_attribute_selector(start) {
@@ -298,7 +300,7 @@ class SelectorParser {
         }
       }
     }
-    let node = this.create_node(NODE_SELECTOR_ATTRIBUTE, start, end);
+    let node = this.create_node(ATTRIBUTE_SELECTOR, start, end);
     this.parse_attribute_content(node, content_start, content_end);
     return node;
   }
@@ -313,14 +315,14 @@ class SelectorParser {
     let value_start = -1;
     let value_end = -1;
     while (name_end < end) {
-      let ch2 = this.source.charCodeAt(name_end);
-      if (is_whitespace(ch2) || ch2 === CHAR_EQUALS || ch2 === CHAR_TILDE || ch2 === CHAR_PIPE || ch2 === CHAR_CARET || ch2 === CHAR_DOLLAR || ch2 === CHAR_ASTERISK) {
+      let ch3 = this.source.charCodeAt(name_end);
+      if (is_whitespace(ch3) || ch3 === CHAR_EQUALS || ch3 === CHAR_TILDE || ch3 === CHAR_PIPE || ch3 === CHAR_CARET || ch3 === CHAR_DOLLAR || ch3 === CHAR_ASTERISK) {
         break;
       }
       name_end++;
     }
     if (name_end > name_start) {
-      this.arena.set_content_start(node, name_start);
+      this.arena.set_content_start_delta(node, name_start - this.arena.get_start_offset(node));
       this.arena.set_content_length(node, name_end - name_start);
     }
     let pos = skip_whitespace_and_comments_forward(this.source, name_end, end);
@@ -330,22 +332,23 @@ class SelectorParser {
       return;
     }
     let ch1 = this.source.charCodeAt(pos);
+    let ch2 = pos + 1 < end ? this.source.charCodeAt(pos + 1) : 0;
     if (ch1 === CHAR_EQUALS) {
       operator_end = pos + 1;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_EQUAL);
-    } else if (ch1 === CHAR_TILDE && pos + 1 < end && this.source.charCodeAt(pos + 1) === CHAR_EQUALS) {
+    } else if (ch1 === CHAR_TILDE && ch2 === CHAR_EQUALS) {
       operator_end = pos + 2;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_TILDE_EQUAL);
-    } else if (ch1 === CHAR_PIPE && pos + 1 < end && this.source.charCodeAt(pos + 1) === CHAR_EQUALS) {
+    } else if (ch1 === CHAR_PIPE && ch2 === CHAR_EQUALS) {
       operator_end = pos + 2;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_PIPE_EQUAL);
-    } else if (ch1 === CHAR_CARET && pos + 1 < end && this.source.charCodeAt(pos + 1) === CHAR_EQUALS) {
+    } else if (ch1 === CHAR_CARET && ch2 === CHAR_EQUALS) {
       operator_end = pos + 2;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_CARET_EQUAL);
-    } else if (ch1 === CHAR_DOLLAR && pos + 1 < end && this.source.charCodeAt(pos + 1) === CHAR_EQUALS) {
+    } else if (ch1 === CHAR_DOLLAR && ch2 === CHAR_EQUALS) {
       operator_end = pos + 2;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_DOLLAR_EQUAL);
-    } else if (ch1 === CHAR_ASTERISK && pos + 1 < end && this.source.charCodeAt(pos + 1) === CHAR_EQUALS) {
+    } else if (ch1 === CHAR_ASTERISK && ch2 === CHAR_EQUALS) {
       operator_end = pos + 2;
       this.arena.set_attr_operator(node, ATTR_OPERATOR_STAR_EQUAL);
     } else {
@@ -388,7 +391,7 @@ class SelectorParser {
       value_end = pos;
     }
     if (value_end > value_start) {
-      this.arena.set_value_start(node, value_start);
+      this.arena.set_value_start_delta(node, value_start - this.arena.get_start_offset(node));
       this.arena.set_value_length(node, value_end - value_start);
     }
     pos = skip_whitespace_and_comments_forward(this.source, value_end, end);
@@ -416,12 +419,8 @@ class SelectorParser {
     this.lexer.next_token_fast(false);
     let token_type = this.lexer.token_type;
     if (token_type === TOKEN_IDENT) {
-      let node = this.create_node(
-        is_pseudo_element ? NODE_SELECTOR_PSEUDO_ELEMENT : NODE_SELECTOR_PSEUDO_CLASS,
-        start,
-        this.lexer.token_end
-      );
-      this.arena.set_content_start(node, this.lexer.token_start);
+      let node = this.create_node(is_pseudo_element ? PSEUDO_ELEMENT_SELECTOR : PSEUDO_CLASS_SELECTOR, start, this.lexer.token_end);
+      this.arena.set_content_start_delta(node, this.lexer.token_start - start);
       this.arena.set_content_length(node, this.lexer.token_end - this.lexer.token_start);
       if (is_vendor_prefixed(this.source, this.lexer.token_start, this.lexer.token_end)) {
         this.arena.set_flag(node, FLAG_VENDOR_PREFIXED);
@@ -459,8 +458,8 @@ class SelectorParser {
         }
       }
     }
-    let node = this.create_node(is_pseudo_element ? NODE_SELECTOR_PSEUDO_ELEMENT : NODE_SELECTOR_PSEUDO_CLASS, start, end);
-    this.arena.set_content_start(node, func_name_start);
+    let node = this.create_node(is_pseudo_element ? PSEUDO_ELEMENT_SELECTOR : PSEUDO_CLASS_SELECTOR, start, end);
+    this.arena.set_content_start_delta(node, func_name_start - start);
     this.arena.set_content_length(node, func_name_end - func_name_start);
     this.arena.set_flag(node, FLAG_HAS_PARENS);
     if (is_vendor_prefixed(this.source, func_name_start, func_name_end)) {
@@ -516,7 +515,7 @@ class SelectorParser {
         continue;
       }
       if (token_type === TOKEN_STRING || token_type === TOKEN_IDENT) {
-        let lang_node = this.create_node(NODE_SELECTOR_LANG, token_start, token_end);
+        let lang_node = this.create_node(LANG_SELECTOR, token_start, token_end);
         if (first_child === null) {
           first_child = lang_node;
         }
@@ -554,11 +553,13 @@ class SelectorParser {
       let selector_list = this.parse_selector_list();
       this.selector_end = saved_selector_end;
       this.lexer.restore_position(saved);
-      let of_node = this.arena.create_node();
-      this.arena.set_type(of_node, NODE_SELECTOR_NTH_OF);
-      this.arena.set_start_offset(of_node, start);
-      this.arena.set_length(of_node, end - start);
-      this.arena.set_start_line(of_node, this.lexer.line);
+      let of_node = this.arena.create_node(
+        NTH_OF_SELECTOR,
+        start,
+        end - start,
+        this.lexer.line,
+        1
+      );
       if (anplusb_node !== null && selector_list !== null) {
         this.arena.set_first_child(of_node, anplusb_node);
         this.arena.set_last_child(of_node, selector_list);
@@ -587,13 +588,14 @@ class SelectorParser {
     return -1;
   }
   create_node(type, start, end) {
-    let node = this.arena.create_node();
-    this.arena.set_type(node, type);
-    this.arena.set_start_offset(node, start);
-    this.arena.set_length(node, end - start);
-    this.arena.set_start_line(node, this.lexer.line);
-    this.arena.set_start_column(node, this.lexer.column);
-    this.arena.set_content_start(node, start);
+    let node = this.arena.create_node(
+      type,
+      start,
+      end - start,
+      this.lexer.line,
+      this.lexer.column
+    );
+    this.arena.set_content_start_delta(node, 0);
     this.arena.set_content_length(node, end - start);
     return node;
   }
@@ -607,11 +609,7 @@ function parse_selector(source) {
   const selector_parser = new SelectorParser(arena, source);
   const selector_index = selector_parser.parse_selector(0, source.length);
   if (selector_index === null) {
-    const empty = arena.create_node();
-    arena.set_type(empty, NODE_SELECTOR_LIST);
-    arena.set_start_offset(empty, 0);
-    arena.set_length(empty, 0);
-    arena.set_start_line(empty, 1);
+    const empty = arena.create_node(SELECTOR_LIST, 0, 0, 1, 1);
     return new CSSNode(arena, source, empty);
   }
   return new CSSNode(arena, source, selector_index);

package/dist/parse-utils.d.ts

@@ -14,43 +14,3 @@ export declare function parse_dimension(text: string): {
     value: number;
     unit: string;
 };
-/**
- * Skip whitespace forward from a position
- *
- * @param source - The source string
- * @param pos - Starting position
- * @param end - End boundary (exclusive)
- * @returns New position after skipping whitespace
- */
-export declare function skip_whitespace_forward(source: string, pos: number, end: number): number;
-/**
- * Skip whitespace and comments forward from a position
- *
- * @param source - The source string
- * @param pos - Starting position
- * @param end - End boundary (exclusive)
- * @returns New position after skipping whitespace/comments
- */
-export declare function skip_whitespace_and_comments_forward(source: string, pos: number, end: number): number;
-/**
- * Skip whitespace and comments backward from a position
- *
- * @param source - The source string
- * @param pos - Starting position (exclusive, scanning backward from pos-1)
- * @param start - Start boundary (inclusive, won't go before this)
- * @returns New position after skipping whitespace/comments backward
- */
-export declare function skip_whitespace_and_comments_backward(source: string, pos: number, start: number): number;
-/**
- * Trim whitespace and comments from both ends of a string range
- *
- * @param source - The source string
- * @param start - Start offset in source
- * @param end - End offset in source
- * @returns [trimmed_start, trimmed_end] or null if all whitespace/comments
- *
- * Skips whitespace (space, tab, newline, CR, FF) and CSS comments from both ends
- * of the specified range. Returns the trimmed boundaries or null if the range
- * contains only whitespace and comments.
- */
-export declare function trim_boundaries(source: string, start: number, end: number): [number, number] | null;

package/dist/parse-utils.js

@@ -0,0 +1,92 @@
+import { is_digit, CHAR_PERIOD, CHAR_MINUS_HYPHEN, CHAR_PLUS, is_whitespace, CHAR_FORWARD_SLASH, CHAR_ASTERISK } from './string-utils.js';
+
+function parse_dimension(text) {
+  let num_end = 0;
+  for (let i = 0; i < text.length; i++) {
+    let ch = text.charCodeAt(i);
+    if (ch === 101 || ch === 69) {
+      if (i + 1 < text.length) {
+        let next_ch = text.charCodeAt(i + 1);
+        if (is_digit(next_ch)) {
+          num_end = i + 1;
+          continue;
+        }
+        if ((next_ch === 43 || next_ch === 45) && i + 2 < text.length) {
+          let afterSign = text.charCodeAt(i + 2);
+          if (is_digit(afterSign)) {
+            num_end = i + 1;
+            continue;
+          }
+        }
+      }
+      break;
+    }
+    if (is_digit(ch) || ch === CHAR_PERIOD || ch === CHAR_MINUS_HYPHEN || ch === CHAR_PLUS) {
+      num_end = i + 1;
+    } else {
+      break;
+    }
+  }
+  let num_str = text.substring(0, num_end);
+  let unit = text.substring(num_end);
+  let value = num_str ? parseFloat(num_str) : 0;
+  return { value, unit };
+}
+function skip_whitespace_forward(source, pos, end) {
+  while (pos < end && is_whitespace(source.charCodeAt(pos))) {
+    pos++;
+  }
+  return pos;
+}
+function skip_whitespace_and_comments_forward(source, pos, end) {
+  while (pos < end) {
+    let ch = source.charCodeAt(pos);
+    if (is_whitespace(ch)) {
+      pos++;
+      continue;
+    }
+    if (ch === CHAR_FORWARD_SLASH && pos + 1 < end && source.charCodeAt(pos + 1) === CHAR_ASTERISK) {
+      pos += 2;
+      while (pos < end) {
+        if (source.charCodeAt(pos) === CHAR_ASTERISK && pos + 1 < end && source.charCodeAt(pos + 1) === CHAR_FORWARD_SLASH) {
+          pos += 2;
+          break;
+        }
+        pos++;
+      }
+      continue;
+    }
+    break;
+  }
+  return pos;
+}
+function skip_whitespace_and_comments_backward(source, pos, start) {
+  while (pos > start) {
+    let ch = source.charCodeAt(pos - 1);
+    if (is_whitespace(ch)) {
+      pos--;
+      continue;
+    }
+    if (pos >= 2 && ch === CHAR_FORWARD_SLASH && source.charCodeAt(pos - 2) === CHAR_ASTERISK) {
+      pos -= 2;
+      while (pos > start) {
+        if (pos >= 2 && source.charCodeAt(pos - 2) === CHAR_FORWARD_SLASH && source.charCodeAt(pos - 1) === CHAR_ASTERISK) {
+          pos -= 2;
+          break;
+        }
+        pos--;
+      }
+      continue;
+    }
+    break;
+  }
+  return pos;
+}
+function trim_boundaries(source, start, end) {
+  start = skip_whitespace_and_comments_forward(source, start, end);
+  end = skip_whitespace_and_comments_backward(source, end, start);
+  if (start >= end) return null;
+  return [start, end];
+}
+
+export { parse_dimension, skip_whitespace_and_comments_backward, skip_whitespace_and_comments_forward, skip_whitespace_forward, trim_boundaries };

package/dist/parse-value.d.ts

@@ -1,20 +1,4 @@
-import { CSSDataArena } from './arena';
 import { CSSNode } from './css-node';
-export declare class ValueParser {
-    private lexer;
-    private arena;
-    private source;
-    private value_end;
-    constructor(arena: CSSDataArena, source: string);
-    parse_value(start: number, end: number): number[];
-    private is_whitespace_token;
-    private parse_value_node;
-    private create_node;
-    private create_operator_node;
-    private parse_operator_node;
-    private parse_function_node;
-    private parse_parenthesis_node;
-}
 /**
  * Parse a CSS declaration value string and return an array of value AST nodes
  * @param value_string - The CSS value to parse (e.g., "1px solid red")

package/dist/parse-value.js

@@ -1,5 +1,8 @@
-import { L as Lexer, y as TOKEN_EOF, t as TOKEN_LEFT_PAREN, q as TOKEN_COMMA, h as TOKEN_DELIM, a as TOKEN_FUNCTION, c as TOKEN_HASH, d as TOKEN_STRING, k as TOKEN_DIMENSION, j as TOKEN_PERCENTAGE, i as TOKEN_NUMBER, T as TOKEN_IDENT, u as TOKEN_RIGHT_PAREN } from './lexer-CtBKgfVv.js';
-import { Z as CSSDataArena, C as CSSNode, ab as is_whitespace, u as NODE_VALUE_OPERATOR, s as NODE_VALUE_COLOR, r as NODE_VALUE_STRING, q as NODE_VALUE_DIMENSION, p as NODE_VALUE_NUMBER, o as NODE_VALUE_KEYWORD, a5 as CHAR_PLUS, ao as CHAR_MINUS_HYPHEN, a8 as CHAR_ASTERISK, ap as CHAR_FORWARD_SLASH, t as NODE_VALUE_FUNCTION, v as NODE_VALUE_PARENTHESIS } from './css-node-GOEvp2OO.js';
+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 { CSSNode } from './css-node.js';
 
 class ValueParser {
   lexer;
@@ -24,7 +27,7 @@ class ValueParser {
       if (this.lexer.token_start >= this.value_end) break;
       let token_type = this.lexer.token_type;
       if (token_type === TOKEN_EOF) break;
-      if (this.is_whitespace_token()) {
+      if (this.is_whitespace_inline()) {
         continue;
       }
       let node = this.parse_value_node();
@@ -34,13 +37,11 @@ class ValueParser {
     }
     return nodes;
   }
-  is_whitespace_token() {
-    let start = this.lexer.token_start;
-    let end = this.lexer.token_end;
-    if (start >= end) return false;
-    for (let i = start; i < end; i++) {
-      let ch = this.source.charCodeAt(i);
-      if (!is_whitespace(ch)) {
+  // Helper to check if token is all whitespace (inline for hot paths)
+  is_whitespace_inline() {
+    if (this.lexer.token_start >= this.lexer.token_end) return false;
+    for (let i = this.lexer.token_start; i < this.lexer.token_end; i++) {
+      if (!is_whitespace(this.source.charCodeAt(i))) {
         return false;
       }
     }
@@ -52,22 +53,22 @@ class ValueParser {
     let end = this.lexer.token_end;
     switch (token_type) {
       case TOKEN_IDENT:
-        return this.create_node(NODE_VALUE_KEYWORD, start, end);
+        return this.create_node(IDENTIFIER, start, end);
       case TOKEN_NUMBER:
-        return this.create_node(NODE_VALUE_NUMBER, start, end);
+        return this.create_node(NUMBER, start, end);
       case TOKEN_PERCENTAGE:
       case TOKEN_DIMENSION:
-        return this.create_node(NODE_VALUE_DIMENSION, start, end);
+        return this.create_node(DIMENSION, start, end);
       case TOKEN_STRING:
-        return this.create_node(NODE_VALUE_STRING, start, end);
+        return this.create_node(STRING, start, end);
       case TOKEN_HASH:
-        return this.create_node(NODE_VALUE_COLOR, start, end);
+        return this.create_node(HASH, start, end);
       case TOKEN_FUNCTION:
         return this.parse_function_node(start, end);
       case TOKEN_DELIM:
         return this.parse_operator_node(start, end);
       case TOKEN_COMMA:
-        return this.create_node(NODE_VALUE_OPERATOR, start, end);
+        return this.create_node(OPERATOR, start, end);
       case TOKEN_LEFT_PAREN:
         return this.parse_parenthesis_node(start, end);
       default:
@@ -75,16 +76,18 @@ class ValueParser {
     }
   }
   create_node(node_type, start, end) {
-    let node = this.arena.create_node();
-    this.arena.set_type(node, node_type);
-    this.arena.set_start_offset(node, start);
-    this.arena.set_length(node, end - start);
-    this.arena.set_content_start(node, start);
+    let node = this.arena.create_node(
+      node_type,
+      start,
+      end - start,
+      this.lexer.line,
+      this.lexer.column
+    );
     this.arena.set_content_length(node, end - start);
     return node;
   }
   create_operator_node(start, end) {
-    return this.create_node(NODE_VALUE_OPERATOR, start, end);
+    return this.create_node(OPERATOR, start, end);
   }
   parse_operator_node(start, end) {
     let ch = this.source.charCodeAt(start);
@@ -94,17 +97,22 @@ class ValueParser {
     return null;
   }
   parse_function_node(start, end) {
-    let node = this.arena.create_node();
-    this.arena.set_type(node, NODE_VALUE_FUNCTION);
-    this.arena.set_start_offset(node, start);
     let name_end = end - 1;
-    this.arena.set_content_start(node, start);
-    this.arena.set_content_length(node, name_end - start);
     let func_name = this.source.substring(start, name_end).toLowerCase();
+    let node = this.arena.create_node(
+      func_name === "url" ? URL : FUNCTION,
+      start,
+      0,
+      // length unknown yet
+      this.lexer.line,
+      this.lexer.column
+    );
+    this.arena.set_content_start_delta(node, 0);
+    this.arena.set_content_length(node, name_end - start);
     if (func_name === "url" || func_name === "src") {
       let save_pos = this.lexer.save_position();
       this.lexer.next_token_fast(false);
-      while (this.is_whitespace_token() && this.lexer.pos < this.value_end) {
+      while (this.is_whitespace_inline() && this.lexer.pos < this.value_end) {
         this.lexer.next_token_fast(false);
       }
       let first_token_type = this.lexer.token_type;
@@ -130,7 +138,7 @@ class ValueParser {
           }
         }
         this.arena.set_length(node, func_end2 - start);
-        this.arena.set_value_start(node, content_start2);
+        this.arena.set_value_start_delta(node, content_start2 - start);
         this.arena.set_value_length(node, content_end2 - content_start2);
         return node;
       }
@@ -155,28 +163,27 @@ class ValueParser {
           break;
         }
       }
-      if (this.is_whitespace_token()) continue;
+      if (this.is_whitespace_inline()) continue;
       let arg_node = this.parse_value_node();
       if (arg_node !== null) {
         args.push(arg_node);
       }
     }
     this.arena.set_length(node, func_end - start);
-    this.arena.set_value_start(node, content_start);
+    this.arena.set_value_start_delta(node, content_start - start);
     this.arena.set_value_length(node, content_end - content_start);
-    if (args.length > 0) {
-      this.arena.set_first_child(node, args[0]);
-      this.arena.set_last_child(node, args[args.length - 1]);
-      for (let i = 0; i < args.length - 1; i++) {
-        this.arena.set_next_sibling(args[i], args[i + 1]);
-      }
-    }
+    this.arena.append_children(node, args);
     return node;
   }
   parse_parenthesis_node(start, end) {
-    let node = this.arena.create_node();
-    this.arena.set_type(node, NODE_VALUE_PARENTHESIS);
-    this.arena.set_start_offset(node, start);
+    let node = this.arena.create_node(
+      PARENTHESIS,
+      start,
+      0,
+      // length unknown yet
+      this.lexer.line,
+      this.lexer.column
+    );
     let children = [];
     let paren_depth = 1;
     let paren_end = end;
@@ -192,20 +199,14 @@ class ValueParser {
           break;
         }
       }
-      if (this.is_whitespace_token()) continue;
+      if (this.is_whitespace_inline()) continue;
       let child_node = this.parse_value_node();
       if (child_node !== null) {
         children.push(child_node);
       }
     }
     this.arena.set_length(node, paren_end - start);
-    if (children.length > 0) {
-      this.arena.set_first_child(node, children[0]);
-      this.arena.set_last_child(node, children[children.length - 1]);
-      for (let i = 0; i < children.length - 1; i++) {
-        this.arena.set_next_sibling(children[i], children[i + 1]);
-      }
-    }
+    this.arena.append_children(node, children);
     return node;
   }
 }