@projectwallace/css-parser 0.1.0 → 0.3.0

package/README.md

@@ -1,5 +1,8 @@
 # CSS Parser
 
+> [!WARNING]
+> This is a very experimental CSS parser. Expect several bugs and inconveniences!
+
 **High-performance CSS parser optimized for static analysis and formatting**
 
 Built for speed and efficiency, this parser handles large CSS files with minimal memory overhead and blazing-fast parse times. Designed with a data-oriented architecture using a single contiguous memory arena for zero allocations during parsing.
@@ -10,18 +13,7 @@ Built for speed and efficiency, this parser handles large CSS files with minimal
 - **Error recovery** - Continues parsing on malformed CSS
 - **Comment preservation** - Comments stored as first-class AST nodes
 - **Location tracking** - Line, column, offset, and length for all nodes
-- **Vendor prefix detection** - Automatic detection of `-webkit-`, `-moz-`, etc.
-- **Structured parsing** - Deep parsing of selectors, values, and at-rule preludes
-
-## Performance
-
-- **Tiny install size**
-- **Zero allocations during parsing** - all memory allocated upfront based on real world heuristics, which also helps prevent garbage collection running often
-- **Cache-friendly data layout** - contiguous memory for sequential access
-- **First-class comment and location support** - while still being performant because analysis requires constant access to lines and columns
-- **No syntax validation** - focusing only on the raw data we can skip expensive syntax files and MDN data syncs
-
-This parser was heavily influenced by [CSSTree](https://github.com/csstree/csstree), one of the most robust CSS parsers available.
+- **Built-in vendor prefix detection** - Automatic detection of `-webkit-`, `-moz-`, etc. for selectors, values, properties and more
 
 ## Installation
 
@@ -63,10 +55,24 @@ for (const rule of ast) {
 }
 ```
 
+## Performance
+
+- **Tiny install size**
+- **Zero allocations during parsing** - all memory allocated upfront based on real world heuristics, which also helps prevent garbage collection running often
+- **Cache-friendly data layout** - contiguous memory for sequential access powered by concepts or Data Oriented Design
+- **First-class comment and location support** - while still being performant because analysis requires constant access to lines and columns
+- **No syntax validation** - focusing only on the raw data we can skip expensive syntax files and MDN data syncs
+
+This parser was heavily influenced by [CSSTree](https://github.com/csstree/csstree), one of the most robust CSS parsers available.
+
 ## Documentation
 
 See [API.md](./API.md) for complete documentation of all parser functions and options.
 
+## Non-goals
+
+- **No syntax validation** - this parser does not try to validate your CSS structure. Everything can be anything
+
 ## License
 
 MIT

package/dist/arena.d.ts

@@ -36,6 +36,7 @@ export declare const FLAG_IMPORTANT: number;
 export declare const FLAG_HAS_ERROR: number;
 export declare const FLAG_LENGTH_OVERFLOW: number;
 export declare const FLAG_HAS_BLOCK: number;
+export declare const FLAG_VENDOR_PREFIXED: number;
 export declare class CSSDataArena {
     private buffer;
     private view;
@@ -59,6 +60,7 @@ export declare class CSSDataArena {
     get_last_child(node_index: number): number;
     get_next_sibling(node_index: number): number;
     get_start_line(node_index: number): number;
+    get_start_column(node_index: number): number;
     get_value_start(node_index: number): number;
     get_value_length(node_index: number): number;
     set_type(node_index: number, type: number): void;
@@ -71,6 +73,7 @@ export declare class CSSDataArena {
     set_last_child(node_index: number, childIndex: number): void;
     set_next_sibling(node_index: number, siblingIndex: number): void;
     set_start_line(node_index: number, line: number): void;
+    set_start_column(node_index: number, column: number): void;
     set_value_start(node_index: number, offset: number): void;
     set_value_length(node_index: number, length: number): void;
     private grow;

package/dist/{at-rule-prelude-parser-DlqYQAYH.js → at-rule-prelude-parser-pzWB6S0z.js}

@@ -1,5 +1,5 @@
 import { L as Lexer, q as TOKEN_COMMA, T as TOKEN_IDENT, t as TOKEN_LEFT_PAREN, u as TOKEN_RIGHT_PAREN, l as TOKEN_WHITESPACE, f as TOKEN_URL, a as TOKEN_FUNCTION, d as TOKEN_STRING, y as TOKEN_EOF } from './lexer-DXablYMZ.js';
-import { O as str_equals, E as NODE_PRELUDE_OPERATOR, y as NODE_PRELUDE_MEDIA_TYPE, w as NODE_PRELUDE_MEDIA_QUERY, x as NODE_PRELUDE_MEDIA_FEATURE, M as trim_boundaries, D as NODE_PRELUDE_IDENTIFIER, z as NODE_PRELUDE_CONTAINER_QUERY, A as NODE_PRELUDE_SUPPORTS_QUERY, B as NODE_PRELUDE_LAYER_NAME, F as NODE_PRELUDE_IMPORT_URL, G as NODE_PRELUDE_IMPORT_LAYER, H as NODE_PRELUDE_IMPORT_SUPPORTS, P as CHAR_SPACE, Q as CHAR_TAB, R as CHAR_NEWLINE, S as CHAR_CARRIAGE_RETURN, T as CHAR_FORM_FEED } from './string-utils-B-rJII-E.js';
+import { Q as str_equals, E as NODE_PRELUDE_OPERATOR, y as NODE_PRELUDE_MEDIA_TYPE, w as NODE_PRELUDE_MEDIA_QUERY, x as NODE_PRELUDE_MEDIA_FEATURE, P as trim_boundaries, D as NODE_PRELUDE_IDENTIFIER, z as NODE_PRELUDE_CONTAINER_QUERY, A as NODE_PRELUDE_SUPPORTS_QUERY, B as NODE_PRELUDE_LAYER_NAME, F as NODE_PRELUDE_IMPORT_URL, G as NODE_PRELUDE_IMPORT_LAYER, H as NODE_PRELUDE_IMPORT_SUPPORTS, R as CHAR_SPACE, S as CHAR_TAB, T as CHAR_NEWLINE, U as CHAR_CARRIAGE_RETURN, V as CHAR_FORM_FEED } from './string-utils-5j619JDp.js';
 
 class AtRulePreludeParser {
   lexer;
@@ -13,10 +13,11 @@ class AtRulePreludeParser {
     this.prelude_end = 0;
   }
   // Parse an at-rule prelude into nodes based on the at-rule type
-  parse_prelude(at_rule_name, start, end, line = 1) {
+  parse_prelude(at_rule_name, start, end, line = 1, column = 1) {
     this.prelude_end = end;
     this.lexer.pos = start;
     this.lexer.line = line;
+    this.lexer.column = column;
     if (str_equals("media", at_rule_name)) {
       return this.parse_media_query_list();
     } else if (str_equals("container", at_rule_name)) {
@@ -59,6 +60,7 @@ class AtRulePreludeParser {
   parse_single_media_query() {
     let query_start = this.lexer.pos;
     let query_line = this.lexer.line;
+    this.lexer.column;
     this.skip_whitespace();
     if (this.lexer.pos >= this.prelude_end) return null;
     let token_start = this.lexer.pos;
@@ -98,6 +100,7 @@ class AtRulePreludeParser {
           this.arena.set_start_offset(media_type, this.lexer.token_start);
           this.arena.set_length(media_type, this.lexer.token_end - this.lexer.token_start);
           this.arena.set_start_line(media_type, this.lexer.token_line);
+          this.arena.set_start_column(media_type, this.lexer.token_column);
           components.push(media_type);
         }
       } else {

package/dist/at-rule-prelude-parser.d.ts

@@ -5,7 +5,7 @@ export declare class AtRulePreludeParser {
     private source;
     private prelude_end;
     constructor(arena: CSSDataArena, source: string);
-    parse_prelude(at_rule_name: string, start: number, end: number, line?: number): number[];
+    parse_prelude(at_rule_name: string, start: number, end: number, line?: number, column?: number): number[];
     private parse_media_query_list;
     private is_and_or_not;
     private parse_single_media_query;

package/dist/css-node.d.ts

@@ -21,6 +21,7 @@ export declare class CSSNode {
     get values(): CSSNode[];
     get value_count(): number;
     get line(): number;
+    get column(): number;
     get offset(): number;
     get length(): number;
     get first_child(): CSSNode | null;

package/dist/index.js

@@ -2,7 +2,7 @@ export { parse } from './parse.js';
 export { parse_selector } from './parse-selector.js';
 export { parse_atrule_prelude } from './parse-atrule-prelude.js';
 export { tokenize } from './tokenize.js';
-export { C as CSSNode, I as FLAG_IMPORTANT, a as NODE_AT_RULE, b as NODE_COMMENT, c as NODE_DECLARATION, z as NODE_PRELUDE_CONTAINER_QUERY, D as NODE_PRELUDE_IDENTIFIER, G as NODE_PRELUDE_IMPORT_LAYER, H as NODE_PRELUDE_IMPORT_SUPPORTS, F as NODE_PRELUDE_IMPORT_URL, B as NODE_PRELUDE_LAYER_NAME, x as NODE_PRELUDE_MEDIA_FEATURE, w as NODE_PRELUDE_MEDIA_QUERY, y as NODE_PRELUDE_MEDIA_TYPE, E as NODE_PRELUDE_OPERATOR, A as NODE_PRELUDE_SUPPORTS_QUERY, d as NODE_SELECTOR, q as NODE_SELECTOR_ATTRIBUTE, o as NODE_SELECTOR_CLASS, t as NODE_SELECTOR_COMBINATOR, p as NODE_SELECTOR_ID, m as NODE_SELECTOR_LIST, v as NODE_SELECTOR_NESTING, r as NODE_SELECTOR_PSEUDO_CLASS, s as NODE_SELECTOR_PSEUDO_ELEMENT, n as NODE_SELECTOR_TYPE, u as NODE_SELECTOR_UNIVERSAL, e as NODE_STYLESHEET, N as NODE_STYLE_RULE, j as NODE_VALUE_COLOR, h as NODE_VALUE_DIMENSION, k as NODE_VALUE_FUNCTION, f as NODE_VALUE_KEYWORD, g as NODE_VALUE_NUMBER, l as NODE_VALUE_OPERATOR, i as NODE_VALUE_STRING } from './string-utils-B-rJII-E.js';
+export { C as CSSNode, I as FLAG_IMPORTANT, a as NODE_AT_RULE, b as NODE_COMMENT, c as NODE_DECLARATION, z as NODE_PRELUDE_CONTAINER_QUERY, D as NODE_PRELUDE_IDENTIFIER, G as NODE_PRELUDE_IMPORT_LAYER, H as NODE_PRELUDE_IMPORT_SUPPORTS, F as NODE_PRELUDE_IMPORT_URL, B as NODE_PRELUDE_LAYER_NAME, x as NODE_PRELUDE_MEDIA_FEATURE, w as NODE_PRELUDE_MEDIA_QUERY, y as NODE_PRELUDE_MEDIA_TYPE, E as NODE_PRELUDE_OPERATOR, A as NODE_PRELUDE_SUPPORTS_QUERY, d as NODE_SELECTOR, q as NODE_SELECTOR_ATTRIBUTE, o as NODE_SELECTOR_CLASS, t as NODE_SELECTOR_COMBINATOR, p as NODE_SELECTOR_ID, m as NODE_SELECTOR_LIST, v as NODE_SELECTOR_NESTING, r as NODE_SELECTOR_PSEUDO_CLASS, s as NODE_SELECTOR_PSEUDO_ELEMENT, n as NODE_SELECTOR_TYPE, u as NODE_SELECTOR_UNIVERSAL, e as NODE_STYLESHEET, N as NODE_STYLE_RULE, j as NODE_VALUE_COLOR, h as NODE_VALUE_DIMENSION, k as NODE_VALUE_FUNCTION, f as NODE_VALUE_KEYWORD, g as NODE_VALUE_NUMBER, l as NODE_VALUE_OPERATOR, i as NODE_VALUE_STRING } from './string-utils-5j619JDp.js';
 export { b as TOKEN_AT_KEYWORD, e as TOKEN_BAD_STRING, g as TOKEN_BAD_URL, n as TOKEN_CDC, m as TOKEN_CDO, o as TOKEN_COLON, q as TOKEN_COMMA, x as TOKEN_COMMENT, h as TOKEN_DELIM, k as TOKEN_DIMENSION, y as TOKEN_EOF, a as TOKEN_FUNCTION, c as TOKEN_HASH, T as TOKEN_IDENT, v as TOKEN_LEFT_BRACE, r as TOKEN_LEFT_BRACKET, t as TOKEN_LEFT_PAREN, i as TOKEN_NUMBER, j as TOKEN_PERCENTAGE, w as TOKEN_RIGHT_BRACE, s as TOKEN_RIGHT_BRACKET, u as TOKEN_RIGHT_PAREN, p as TOKEN_SEMICOLON, d as TOKEN_STRING, f as TOKEN_URL, l as TOKEN_WHITESPACE } from './lexer-DXablYMZ.js';
 
 function walk(node, callback, depth = 0) {

package/dist/parse-atrule-prelude.js

@@ -1,5 +1,5 @@
-import { K as CSSDataArena, C as CSSNode } from './string-utils-B-rJII-E.js';
-import { A as AtRulePreludeParser } from './at-rule-prelude-parser-DlqYQAYH.js';
+import { K as CSSDataArena, C as CSSNode } from './string-utils-5j619JDp.js';
+import { A as AtRulePreludeParser } from './at-rule-prelude-parser-pzWB6S0z.js';
 
 function parse_atrule_prelude(at_rule_name, prelude) {
   const arena = new CSSDataArena(CSSDataArena.capacity_for_source(prelude.length));

package/dist/parse-selector.js

@@ -1,5 +1,5 @@
-import { K as CSSDataArena, d as NODE_SELECTOR, C as CSSNode } from './string-utils-B-rJII-E.js';
-import { S as SelectorParser } from './selector-parser-2b3tGyri.js';
+import { K as CSSDataArena, d as NODE_SELECTOR, C as CSSNode } from './string-utils-5j619JDp.js';
+import { S as SelectorParser } from './selector-parser-CwNLN7Us.js';
 
 function parse_selector(source) {
   const arena = new CSSDataArena(CSSDataArena.capacity_for_source(source.length));

package/dist/parse.js

@@ -1,7 +1,7 @@
 import { L as Lexer, y as TOKEN_EOF, 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, t as TOKEN_LEFT_PAREN, u as TOKEN_RIGHT_PAREN, b as TOKEN_AT_KEYWORD, v as TOKEN_LEFT_BRACE, w as TOKEN_RIGHT_BRACE, o as TOKEN_COLON, p as TOKEN_SEMICOLON } from './lexer-DXablYMZ.js';
-import { J as is_whitespace, f as NODE_VALUE_KEYWORD, g as NODE_VALUE_NUMBER, h as NODE_VALUE_DIMENSION, i as NODE_VALUE_STRING, j as NODE_VALUE_COLOR, l as NODE_VALUE_OPERATOR, k as NODE_VALUE_FUNCTION, K as CSSDataArena, e as NODE_STYLESHEET, C as CSSNode, N as NODE_STYLE_RULE, L as FLAG_HAS_BLOCK, d as NODE_SELECTOR, c as NODE_DECLARATION, M as trim_boundaries, I as FLAG_IMPORTANT, a as NODE_AT_RULE } from './string-utils-B-rJII-E.js';
-import { S as SelectorParser } from './selector-parser-2b3tGyri.js';
-import { A as AtRulePreludeParser } from './at-rule-prelude-parser-DlqYQAYH.js';
+import { J as is_whitespace, f as NODE_VALUE_KEYWORD, g as NODE_VALUE_NUMBER, h as NODE_VALUE_DIMENSION, i as NODE_VALUE_STRING, j as NODE_VALUE_COLOR, l as NODE_VALUE_OPERATOR, k as NODE_VALUE_FUNCTION, K as CSSDataArena, e as NODE_STYLESHEET, C as CSSNode, N as NODE_STYLE_RULE, L as FLAG_HAS_BLOCK, d as NODE_SELECTOR, c as NODE_DECLARATION, M as is_vendor_prefixed, O as FLAG_VENDOR_PREFIXED, P as trim_boundaries, I as FLAG_IMPORTANT, a as NODE_AT_RULE } from './string-utils-5j619JDp.js';
+import { S as SelectorParser } from './selector-parser-CwNLN7Us.js';
+import { A as AtRulePreludeParser } from './at-rule-prelude-parser-pzWB6S0z.js';
 
 const CH_PLUS = 43;
 const CH_MINUS = 45;
@@ -240,6 +240,7 @@ class Parser {
     this.arena.set_start_offset(stylesheet, 0);
     this.arena.set_length(stylesheet, this.source.length);
     this.arena.set_start_line(stylesheet, 1);
+    this.arena.set_start_column(stylesheet, 1);
     while (!this.is_eof()) {
       let rule = this.parse_rule();
       if (rule !== null) {
@@ -265,9 +266,11 @@ class Parser {
     if (this.is_eof()) return null;
     let rule_start = this.lexer.token_start;
     let rule_line = this.lexer.token_line;
+    let rule_column = this.lexer.token_column;
     let style_rule = this.arena.create_node();
     this.arena.set_type(style_rule, NODE_STYLE_RULE);
     this.arena.set_start_line(style_rule, rule_line);
+    this.arena.set_start_column(style_rule, rule_column);
     let selector = this.parse_selector();
     if (selector !== null) {
       this.arena.append_child(style_rule, selector);
@@ -313,13 +316,14 @@ class Parser {
     if (this.is_eof()) return null;
     let selector_start = this.lexer.token_start;
     let selector_line = this.lexer.token_line;
+    let selector_column = this.lexer.token_column;
     let last_end = this.lexer.token_end;
     while (!this.is_eof() && this.peek_type() !== TOKEN_LEFT_BRACE) {
       last_end = this.lexer.token_end;
       this.next_token();
     }
     if (this.parse_selectors_enabled && this.selector_parser) {
-      let selectorNode = this.selector_parser.parse_selector(selector_start, last_end, selector_line);
+      let selectorNode = this.selector_parser.parse_selector(selector_start, last_end, selector_line, selector_column);
       if (selectorNode !== null) {
         return selectorNode;
       }
@@ -327,6 +331,7 @@ class Parser {
     let selector = this.arena.create_node();
     this.arena.set_type(selector, NODE_SELECTOR);
     this.arena.set_start_line(selector, selector_line);
+    this.arena.set_start_column(selector, selector_column);
     this.arena.set_start_offset(selector, selector_start);
     this.arena.set_length(selector, last_end - selector_start);
     return selector;
@@ -339,6 +344,7 @@ class Parser {
     let prop_start = this.lexer.token_start;
     let prop_end = this.lexer.token_end;
     let decl_line = this.lexer.token_line;
+    let decl_column = this.lexer.token_column;
     this.next_token();
     if (this.peek_type() !== TOKEN_COLON) {
       return null;
@@ -347,9 +353,13 @@ class Parser {
     let declaration = this.arena.create_node();
     this.arena.set_type(declaration, NODE_DECLARATION);
     this.arena.set_start_line(declaration, decl_line);
+    this.arena.set_start_column(declaration, decl_column);
     this.arena.set_start_offset(declaration, prop_start);
     this.arena.set_content_start(declaration, prop_start);
     this.arena.set_content_length(declaration, prop_end - prop_start);
+    if (is_vendor_prefixed(this.source, prop_start, prop_end)) {
+      this.arena.set_flag(declaration, FLAG_VENDOR_PREFIXED);
+    }
     let value_start = this.lexer.token_start;
     let value_end = value_start;
     let has_important = false;
@@ -402,6 +412,7 @@ class Parser {
     }
     let at_rule_start = this.lexer.token_start;
     let at_rule_line = this.lexer.token_line;
+    let at_rule_column = this.lexer.token_column;
     let at_rule_name = this.source.substring(this.lexer.token_start + 1, this.lexer.token_end);
     let name_start = this.lexer.token_start + 1;
     let name_length = at_rule_name.length;
@@ -409,6 +420,7 @@ class Parser {
     let at_rule = this.arena.create_node();
     this.arena.set_type(at_rule, NODE_AT_RULE);
     this.arena.set_start_line(at_rule, at_rule_line);
+    this.arena.set_start_column(at_rule, at_rule_column);
     this.arena.set_start_offset(at_rule, at_rule_start);
     this.arena.set_content_start(at_rule, name_start);
     this.arena.set_content_length(at_rule, name_length);
@@ -423,7 +435,7 @@ class Parser {
       this.arena.set_value_start(at_rule, trimmed[0]);
       this.arena.set_value_length(at_rule, trimmed[1] - trimmed[0]);
       if (this.prelude_parser) {
-        let prelude_nodes = this.prelude_parser.parse_prelude(at_rule_name, trimmed[0], trimmed[1], at_rule_line);
+        let prelude_nodes = this.prelude_parser.parse_prelude(at_rule_name, trimmed[0], trimmed[1], at_rule_line, at_rule_column);
         for (let prelude_node of prelude_nodes) {
           this.arena.append_child(at_rule, prelude_node);
         }

package/dist/{selector-parser-2b3tGyri.js → selector-parser-CwNLN7Us.js}

@@ -1,5 +1,5 @@
 import { L as Lexer, q as TOKEN_COMMA, y as TOKEN_EOF, l as TOKEN_WHITESPACE, a as TOKEN_FUNCTION, o as TOKEN_COLON, r as TOKEN_LEFT_BRACKET, h as TOKEN_DELIM, c as TOKEN_HASH, T as TOKEN_IDENT, s as TOKEN_RIGHT_BRACKET, t as TOKEN_LEFT_PAREN, u as TOKEN_RIGHT_PAREN } from './lexer-DXablYMZ.js';
-import { d as NODE_SELECTOR, m as NODE_SELECTOR_LIST, J as is_whitespace, o as NODE_SELECTOR_CLASS, q as NODE_SELECTOR_ATTRIBUTE, M as trim_boundaries, s as NODE_SELECTOR_PSEUDO_ELEMENT, r as NODE_SELECTOR_PSEUDO_CLASS, n as NODE_SELECTOR_TYPE, p as NODE_SELECTOR_ID, u as NODE_SELECTOR_UNIVERSAL, v as NODE_SELECTOR_NESTING, t as NODE_SELECTOR_COMBINATOR } from './string-utils-B-rJII-E.js';
+import { d as NODE_SELECTOR, m as NODE_SELECTOR_LIST, J as is_whitespace, o as NODE_SELECTOR_CLASS, q as NODE_SELECTOR_ATTRIBUTE, P as trim_boundaries, s as NODE_SELECTOR_PSEUDO_ELEMENT, r as NODE_SELECTOR_PSEUDO_CLASS, M as is_vendor_prefixed, O as FLAG_VENDOR_PREFIXED, n as NODE_SELECTOR_TYPE, p as NODE_SELECTOR_ID, u as NODE_SELECTOR_UNIVERSAL, v as NODE_SELECTOR_NESTING, t as NODE_SELECTOR_COMBINATOR } from './string-utils-5j619JDp.js';
 
 class SelectorParser {
   lexer;
@@ -14,10 +14,11 @@ class SelectorParser {
   }
   // Parse a selector range into selector nodes
   // Always returns a NODE_SELECTOR wrapper with detailed selector nodes as children
-  parse_selector(start, end, line = 1) {
+  parse_selector(start, end, line = 1, column = 1) {
     this.selector_end = end;
     this.lexer.pos = start;
     this.lexer.line = line;
+    this.lexer.column = column;
     let innerSelector = this.parse_selector_list();
     if (innerSelector === null) {
       return null;
@@ -27,6 +28,7 @@ class SelectorParser {
     this.arena.set_start_offset(selectorWrapper, start);
     this.arena.set_length(selectorWrapper, end - start);
     this.arena.set_start_line(selectorWrapper, line);
+    this.arena.set_start_column(selectorWrapper, column);
     this.arena.set_first_child(selectorWrapper, innerSelector);
     this.arena.set_last_child(selectorWrapper, innerSelector);
     return selectorWrapper;
@@ -60,6 +62,7 @@ class SelectorParser {
       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, this.lexer.line);
+      this.arena.set_start_column(list_node, this.lexer.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++) {
@@ -210,6 +213,7 @@ class SelectorParser {
     this.arena.set_start_offset(node, dot_pos);
     this.arena.set_length(node, this.lexer.token_end - dot_pos);
     this.arena.set_start_line(node, this.lexer.line);
+    this.arena.set_start_column(node, this.lexer.column);
     this.arena.set_content_start(node, this.lexer.token_start);
     this.arena.set_content_length(node, this.lexer.token_end - this.lexer.token_start);
     return node;
@@ -236,6 +240,7 @@ class SelectorParser {
     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);
     let trimmed = trim_boundaries(this.source, start + 1, end - 1);
     if (trimmed) {
       this.arena.set_content_start(node, trimmed[0]);
@@ -258,8 +263,12 @@ class SelectorParser {
       this.arena.set_start_offset(node, start);
       this.arena.set_length(node, this.lexer.token_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, this.lexer.token_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);
+      }
       return node;
     } else if (token_type === TOKEN_FUNCTION) {
       return this.parse_pseudo_function_after_colon(start, is_pseudo_element);
@@ -294,8 +303,12 @@ class SelectorParser {
     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, func_name_start);
     this.arena.set_content_length(node, func_name_end - func_name_start);
+    if (is_vendor_prefixed(this.source, func_name_start, func_name_end)) {
+      this.arena.set_flag(node, FLAG_VENDOR_PREFIXED);
+    }
     return node;
   }
   // Create simple selector nodes
@@ -305,6 +318,7 @@ class SelectorParser {
     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);
     this.arena.set_content_length(node, end - start);
     return node;
@@ -315,6 +329,7 @@ class SelectorParser {
     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 + 1);
     this.arena.set_content_length(node, end - start - 1);
     return node;
@@ -325,6 +340,7 @@ class SelectorParser {
     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);
     this.arena.set_content_length(node, end - start);
     return node;
@@ -335,6 +351,7 @@ class SelectorParser {
     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);
     this.arena.set_content_length(node, end - start);
     return node;
@@ -345,6 +362,7 @@ class SelectorParser {
     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);
     this.arena.set_content_length(node, end - start);
     return node;

package/dist/selector-parser.d.ts

@@ -5,7 +5,7 @@ export declare class SelectorParser {
     private source;
     private selector_end;
     constructor(arena: CSSDataArena, source: string);
-    parse_selector(start: number, end: number, line?: number): number | null;
+    parse_selector(start: number, end: number, line?: number, column?: number): number | null;
     private parse_selector_list;
     private parse_complex_selector;
     private parse_compound_selector;

package/dist/{string-utils-B-rJII-E.js → string-utils-5j619JDp.js}

@@ -36,6 +36,7 @@ const NODE_PRELUDE_IMPORT_SUPPORTS = 40;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
 const FLAG_HAS_BLOCK = 1 << 3;
+const FLAG_VENDOR_PREFIXED = 1 << 4;
 class CSSDataArena {
   buffer;
   view;
@@ -114,6 +115,10 @@ class CSSDataArena {
   get_start_line(node_index) {
     return this.view.getUint32(this.node_offset(node_index) + 32, true);
   }
+  // Read start column
+  get_start_column(node_index) {
+    return this.view.getUint16(this.node_offset(node_index) + 42, true);
+  }
   // Read value start offset (declaration value / at-rule prelude)
   get_value_start(node_index) {
     return this.view.getUint32(this.node_offset(node_index) + 36, true);
@@ -163,6 +168,10 @@ class CSSDataArena {
   set_start_line(node_index, line) {
     this.view.setUint32(this.node_offset(node_index) + 32, line, true);
   }
+  // Write start column
+  set_start_column(node_index, column) {
+    this.view.setUint16(this.node_offset(node_index) + 42, column, true);
+  }
   // Write value start offset (declaration value / at-rule prelude)
   set_value_start(node_index, offset) {
     this.view.setUint32(this.node_offset(node_index) + 36, offset, true);
@@ -282,11 +291,9 @@ class CSSNode {
   get is_important() {
     return this.arena.has_flag(this.index, FLAG_IMPORTANT);
   }
-  // Check if this has a vendor prefix (lazy computation for performance)
+  // Check if this has a vendor prefix (flag-based for performance)
   get is_vendor_prefixed() {
-    const name = this.name;
-    if (!name) return false;
-    return name.startsWith("-webkit-") || name.startsWith("-moz-") || name.startsWith("-ms-") || name.startsWith("-o-");
+    return this.arena.has_flag(this.index, FLAG_VENDOR_PREFIXED);
   }
   // Check if this node has an error
   get has_error() {
@@ -325,6 +332,10 @@ class CSSNode {
   get line() {
     return this.arena.get_start_line(this.index);
   }
+  // Get start column number
+  get column() {
+    return this.arena.get_start_column(this.index);
+  }
   // Get start offset in source
   get offset() {
     return this.arena.get_start_offset(this.index);
@@ -377,6 +388,7 @@ const CHAR_CARRIAGE_RETURN = 13;
 const CHAR_FORM_FEED = 12;
 const CHAR_FORWARD_SLASH = 47;
 const CHAR_ASTERISK = 42;
+const CHAR_MINUS_HYPHEN = 45;
 function is_whitespace(ch) {
   return ch === CHAR_SPACE || ch === CHAR_TAB || ch === CHAR_NEWLINE || ch === CHAR_CARRIAGE_RETURN || ch === CHAR_FORM_FEED;
 }
@@ -436,5 +448,19 @@ function str_equals(a, b) {
   }
   return true;
 }
+function is_vendor_prefixed(source, start, end) {
+  if (source.charCodeAt(start) !== CHAR_MINUS_HYPHEN) {
+    return false;
+  }
+  if (source.charCodeAt(start + 1) === CHAR_MINUS_HYPHEN) {
+    return false;
+  }
+  let length = end - start;
+  if (length < 3) {
+    return false;
+  }
+  let secondHyphenPos = source.indexOf("-", start + 2);
+  return secondHyphenPos !== -1 && secondHyphenPos < end;
+}
 
-export { NODE_PRELUDE_SUPPORTS_QUERY as A, NODE_PRELUDE_LAYER_NAME as B, CSSNode as C, NODE_PRELUDE_IDENTIFIER as D, NODE_PRELUDE_OPERATOR as E, NODE_PRELUDE_IMPORT_URL as F, NODE_PRELUDE_IMPORT_LAYER as G, NODE_PRELUDE_IMPORT_SUPPORTS as H, FLAG_IMPORTANT as I, is_whitespace as J, CSSDataArena as K, FLAG_HAS_BLOCK as L, trim_boundaries as M, NODE_STYLE_RULE as N, str_equals as O, CHAR_SPACE as P, CHAR_TAB as Q, CHAR_NEWLINE as R, CHAR_CARRIAGE_RETURN as S, CHAR_FORM_FEED as T, NODE_AT_RULE as a, NODE_COMMENT as b, NODE_DECLARATION as c, NODE_SELECTOR as d, NODE_STYLESHEET as e, NODE_VALUE_KEYWORD as f, NODE_VALUE_NUMBER as g, NODE_VALUE_DIMENSION as h, NODE_VALUE_STRING as i, NODE_VALUE_COLOR as j, NODE_VALUE_FUNCTION as k, NODE_VALUE_OPERATOR as l, NODE_SELECTOR_LIST as m, NODE_SELECTOR_TYPE as n, NODE_SELECTOR_CLASS as o, NODE_SELECTOR_ID as p, NODE_SELECTOR_ATTRIBUTE as q, NODE_SELECTOR_PSEUDO_CLASS as r, NODE_SELECTOR_PSEUDO_ELEMENT as s, NODE_SELECTOR_COMBINATOR as t, NODE_SELECTOR_UNIVERSAL as u, NODE_SELECTOR_NESTING as v, NODE_PRELUDE_MEDIA_QUERY as w, NODE_PRELUDE_MEDIA_FEATURE as x, NODE_PRELUDE_MEDIA_TYPE as y, NODE_PRELUDE_CONTAINER_QUERY as z };
+export { NODE_PRELUDE_SUPPORTS_QUERY as A, NODE_PRELUDE_LAYER_NAME as B, CSSNode as C, NODE_PRELUDE_IDENTIFIER as D, NODE_PRELUDE_OPERATOR as E, NODE_PRELUDE_IMPORT_URL as F, NODE_PRELUDE_IMPORT_LAYER as G, NODE_PRELUDE_IMPORT_SUPPORTS as H, FLAG_IMPORTANT as I, is_whitespace as J, CSSDataArena as K, FLAG_HAS_BLOCK as L, is_vendor_prefixed as M, NODE_STYLE_RULE as N, FLAG_VENDOR_PREFIXED as O, trim_boundaries as P, str_equals as Q, CHAR_SPACE as R, CHAR_TAB as S, CHAR_NEWLINE as T, CHAR_CARRIAGE_RETURN as U, CHAR_FORM_FEED as V, NODE_AT_RULE as a, NODE_COMMENT as b, NODE_DECLARATION as c, NODE_SELECTOR as d, NODE_STYLESHEET as e, NODE_VALUE_KEYWORD as f, NODE_VALUE_NUMBER as g, NODE_VALUE_DIMENSION as h, NODE_VALUE_STRING as i, NODE_VALUE_COLOR as j, NODE_VALUE_FUNCTION as k, NODE_VALUE_OPERATOR as l, NODE_SELECTOR_LIST as m, NODE_SELECTOR_TYPE as n, NODE_SELECTOR_CLASS as o, NODE_SELECTOR_ID as p, NODE_SELECTOR_ATTRIBUTE as q, NODE_SELECTOR_PSEUDO_CLASS as r, NODE_SELECTOR_PSEUDO_ELEMENT as s, NODE_SELECTOR_COMBINATOR as t, NODE_SELECTOR_UNIVERSAL as u, NODE_SELECTOR_NESTING as v, NODE_PRELUDE_MEDIA_QUERY as w, NODE_PRELUDE_MEDIA_FEATURE as x, NODE_PRELUDE_MEDIA_TYPE as y, NODE_PRELUDE_CONTAINER_QUERY as z };

package/dist/string-utils.d.ts

@@ -5,6 +5,7 @@ export declare const CHAR_CARRIAGE_RETURN = 13;
 export declare const CHAR_FORM_FEED = 12;
 export declare const CHAR_FORWARD_SLASH = 47;
 export declare const CHAR_ASTERISK = 42;
+export declare const CHAR_MINUS_HYPHEN = 45;
 /**
  * Check if a character code is whitespace (space, tab, newline, CR, or FF)
  */
@@ -27,3 +28,25 @@ export declare function trim_boundaries(source: string, start: number, end: numb
  * @param b Compare string
  */
 export declare function str_equals(a: string, b: string): boolean;
+/**
+ * Check if a string range has a vendor prefix
+ *
+ * @param source - The source string
+ * @param start - Start offset in source
+ * @param end - End offset in source
+ * @returns true if the range starts with a vendor prefix (-webkit-, -moz-, -ms-, -o-)
+ *
+ * Detects vendor prefixes by checking:
+ * 1. Starts with a single hyphen (not --)
+ * 2. Contains at least 3 characters (shortest is -o-)
+ * 3. Has a second hyphen after the vendor name
+ *
+ * Examples:
+ * - `-webkit-transform` → true
+ * - `-moz-appearance` → true
+ * - `-ms-filter` → true
+ * - `-o-border-image` → true
+ * - `--custom-property` → false (CSS custom property)
+ * - `border-radius` → false (doesn't start with hyphen)
+ */
+export declare function is_vendor_prefixed(source: string, start: number, end: number): boolean;

package/package.json

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