@projectwallace/css-parser 0.12.4 → 0.13.0

package/dist/arena.d.ts

@@ -14,7 +14,7 @@ export declare const FUNCTION = 15;
 export declare const OPERATOR = 16;
 export declare const PARENTHESIS = 17;
 export declare const URL = 18;
-export declare const VALUE = 19;
+export declare const UNICODE_RANGE = 19;
 export declare const SELECTOR_LIST = 20;
 export declare const TYPE_SELECTOR = 21;
 export declare const CLASS_SELECTOR = 22;
@@ -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 VALUE = 50;
 export declare const FLAG_IMPORTANT: number;
 export declare const FLAG_HAS_ERROR: number;
 export declare const FLAG_LENGTH_OVERFLOW: number;

package/dist/arena.js

@@ -15,7 +15,7 @@ const FUNCTION = 15;
 const OPERATOR = 16;
 const PARENTHESIS = 17;
 const URL = 18;
-const VALUE = 19;
+const UNICODE_RANGE = 19;
 const SELECTOR_LIST = 20;
 const TYPE_SELECTOR = 21;
 const CLASS_SELECTOR = 22;
@@ -38,6 +38,7 @@ const LAYER_NAME = 37;
 const PRELUDE_OPERATOR = 38;
 const FEATURE_RANGE = 39;
 const AT_RULE_PRELUDE = 40;
+const VALUE = 50;
 const FLAG_IMPORTANT = 1 << 0;
 const FLAG_HAS_ERROR = 1 << 1;
 const FLAG_LENGTH_OVERFLOW = 1 << 2;
@@ -285,4 +286,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, 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, 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/constants.d.ts

@@ -17,7 +17,7 @@ export declare const NODE_TYPES: {
     readonly OPERATOR: 16;
     readonly PARENTHESIS: 17;
     readonly URL: 18;
-    readonly VALUE: 19;
+    readonly VALUE: 50;
     readonly SELECTOR_LIST: 20;
     readonly TYPE_SELECTOR: 21;
     readonly CLASS_SELECTOR: 22;

package/dist/css-node.d.ts

@@ -17,7 +17,8 @@ export declare const TYPE_NAMES: {
     readonly 16: "Operator";
     readonly 17: "Parentheses";
     readonly 18: "Url";
-    readonly 19: "Value";
+    readonly 19: "UnicodeRange";
+    readonly 50: "Value";
     readonly 20: "SelectorList";
     readonly 21: "TypeSelector";
     readonly 22: "ClassSelector";
@@ -42,6 +43,8 @@ export declare const TYPE_NAMES: {
     readonly 40: "AtrulePrelude";
 };
 export type TypeName = (typeof TYPE_NAMES)[keyof typeof TYPE_NAMES] | 'unknown';
+export declare const ATTR_OPERATOR_NAMES: Record<number, string | null>;
+export declare const ATTR_FLAG_NAMES: Record<number, string | null>;
 export type CSSNodeType = typeof STYLESHEET | typeof STYLE_RULE | typeof AT_RULE | typeof DECLARATION | typeof SELECTOR | typeof COMMENT | typeof BLOCK | typeof IDENTIFIER | typeof NUMBER | typeof DIMENSION | typeof STRING | typeof HASH | typeof FUNCTION | typeof OPERATOR | typeof PARENTHESIS | typeof URL | typeof VALUE | typeof SELECTOR_LIST | typeof TYPE_SELECTOR | typeof CLASS_SELECTOR | typeof ID_SELECTOR | typeof ATTRIBUTE_SELECTOR | typeof PSEUDO_CLASS_SELECTOR | typeof PSEUDO_ELEMENT_SELECTOR | typeof COMBINATOR | typeof UNIVERSAL_SELECTOR | typeof NESTING_SELECTOR | typeof NTH_SELECTOR | typeof NTH_OF_SELECTOR | typeof LANG_SELECTOR | typeof MEDIA_QUERY | typeof MEDIA_FEATURE | typeof MEDIA_TYPE | typeof CONTAINER_QUERY | typeof SUPPORTS_QUERY | typeof LAYER_NAME | typeof PRELUDE_OPERATOR | typeof FEATURE_RANGE | typeof AT_RULE_PRELUDE;
 export interface CloneOptions {
     /**
@@ -59,18 +62,18 @@ export type PlainCSSNode = {
     type: number;
     type_name: TypeName;
     text: string;
-    children: PlainCSSNode[];
+    children?: PlainCSSNode[];
     name?: string;
     property?: string;
-    value?: string | number | null;
+    value?: PlainCSSNode | string | number | null;
     unit?: string;
     prelude?: PlainCSSNode | null;
     is_important?: boolean;
     is_vendor_prefixed?: boolean;
     is_browserhack?: boolean;
     has_error?: boolean;
-    attr_operator?: number;
-    attr_flags?: number;
+    attr_operator?: string | null;
+    attr_flags?: string | null;
     nth_a?: string | null;
     nth_b?: string | null;
     line?: number;
@@ -84,19 +87,20 @@ export declare class CSSNode {
     private source;
     private index;
     constructor(arena: CSSDataArena, source: string, index: number);
+    private get_content;
     /** Get node type as number (for performance) */
     get type(): CSSNodeType;
     /** Get node type as human-readable string */
     get type_name(): TypeName;
     /** Get the full text of this node from source */
     get text(): string;
-    /** Get the "content" text (property name for declarations, at-rule name for at-rules, layer name for import layers) */
-    get name(): string;
+    /** Get the "content" text (at-rule name for at-rules, layer name for import layers) */
+    get name(): string | undefined;
     /**
      * Alias for name (for declarations: "color" in "color: blue")
      * More semantic than `name` for declaration nodes
      */
-    get property(): string;
+    get property(): string | undefined;
     /**
      * Get the value text (for declarations: "blue" in "color: blue")
      * For dimension/number nodes: returns the numeric value as a number
@@ -104,7 +108,7 @@ export declare class CSSNode {
      * 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(): CSSNode | string | number | null;
+    get value(): CSSNode | string | number | null | undefined;
     /** Get the numeric value for NUMBER and DIMENSION nodes, or null for other node types */
     get value_as_number(): number | null;
     /**

package/dist/css-node.js

@@ -1,4 +1,4 @@
-import { DECLARATION, DIMENSION, NUMBER, URL, STRING, AT_RULE, AT_RULE_PRELUDE, STYLE_RULE, ATTRIBUTE_SELECTOR, FLAG_IMPORTANT, FLAG_BROWSERHACK, IDENTIFIER, FUNCTION, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, BLOCK, COMMENT, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_FEATURE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, COMBINATOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, VALUE, PARENTHESIS, OPERATOR, HASH, SELECTOR, STYLESHEET } from './arena.js';
+import { DECLARATION, OPERATOR, SELECTOR, MEDIA_FEATURE, DIMENSION, NUMBER, URL, STRING, AT_RULE, AT_RULE_PRELUDE, STYLE_RULE, ATTRIBUTE_SELECTOR, FLAG_IMPORTANT, FLAG_BROWSERHACK, IDENTIFIER, FUNCTION, PSEUDO_ELEMENT_SELECTOR, PSEUDO_CLASS_SELECTOR, FLAG_HAS_ERROR, FLAG_HAS_BLOCK, FLAG_HAS_DECLARATIONS, BLOCK, COMMENT, FLAG_HAS_PARENS, NTH_SELECTOR, NTH_OF_SELECTOR, SELECTOR_LIST, FEATURE_RANGE, PRELUDE_OPERATOR, LAYER_NAME, SUPPORTS_QUERY, CONTAINER_QUERY, MEDIA_TYPE, MEDIA_QUERY, LANG_SELECTOR, NESTING_SELECTOR, UNIVERSAL_SELECTOR, COMBINATOR, ID_SELECTOR, CLASS_SELECTOR, TYPE_SELECTOR, VALUE, UNICODE_RANGE, PARENTHESIS, HASH, STYLESHEET, ATTR_OPERATOR_STAR_EQUAL, ATTR_OPERATOR_DOLLAR_EQUAL, ATTR_OPERATOR_CARET_EQUAL, ATTR_OPERATOR_PIPE_EQUAL, ATTR_OPERATOR_TILDE_EQUAL, ATTR_OPERATOR_EQUAL, ATTR_OPERATOR_NONE, ATTR_FLAG_CASE_SENSITIVE, ATTR_FLAG_CASE_INSENSITIVE, ATTR_FLAG_NONE } from './arena.js';
 import { str_starts_with, is_vendor_prefixed, is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS } from './string-utils.js';
 import { parse_dimension } from './parse-dimension.js';
 
@@ -19,6 +19,7 @@ const TYPE_NAMES = {
   [OPERATOR]: "Operator",
   [PARENTHESIS]: "Parentheses",
   [URL]: "Url",
+  [UNICODE_RANGE]: "UnicodeRange",
   [VALUE]: "Value",
   [SELECTOR_LIST]: "SelectorList",
   [TYPE_SELECTOR]: "TypeSelector",
@@ -43,6 +44,20 @@ const TYPE_NAMES = {
   [FEATURE_RANGE]: "MediaFeatureRange",
   [AT_RULE_PRELUDE]: "AtrulePrelude"
 };
+const ATTR_OPERATOR_NAMES = {
+  [ATTR_OPERATOR_NONE]: null,
+  [ATTR_OPERATOR_EQUAL]: "=",
+  [ATTR_OPERATOR_TILDE_EQUAL]: "~=",
+  [ATTR_OPERATOR_PIPE_EQUAL]: "|=",
+  [ATTR_OPERATOR_CARET_EQUAL]: "^=",
+  [ATTR_OPERATOR_DOLLAR_EQUAL]: "$=",
+  [ATTR_OPERATOR_STAR_EQUAL]: "*="
+};
+const ATTR_FLAG_NAMES = {
+  [ATTR_FLAG_NONE]: null,
+  [ATTR_FLAG_CASE_INSENSITIVE]: "i",
+  [ATTR_FLAG_CASE_SENSITIVE]: "s"
+};
 class CSSNode {
   arena;
   source;
@@ -59,6 +74,12 @@ class CSSNode {
   __get_arena() {
     return this.arena;
   }
+  get_content() {
+    let start = this.arena.get_content_start(this.index);
+    let length = this.arena.get_content_length(this.index);
+    if (length === 0) return "";
+    return this.source.substring(start, start + length);
+  }
   /** Get node type as number (for performance) */
   get type() {
     return this.arena.get_type(this.index);
@@ -73,19 +94,20 @@ class CSSNode {
     let length = this.arena.get_length(this.index);
     return this.source.substring(start, start + length);
   }
-  /** Get the "content" text (property name for declarations, at-rule name for at-rules, layer name for import layers) */
+  /** Get the "content" text (at-rule name for at-rules, layer name for import layers) */
   get name() {
-    let start = this.arena.get_content_start(this.index);
-    let length = this.arena.get_content_length(this.index);
-    if (length === 0) return "";
-    return this.source.substring(start, start + length);
+    let { type } = this;
+    if (type === DECLARATION || type === OPERATOR || type === SELECTOR) return;
+    return this.get_content();
   }
   /**
    * Alias for name (for declarations: "color" in "color: blue")
    * More semantic than `name` for declaration nodes
    */
   get property() {
-    return this.name;
+    let { type } = this;
+    if (type !== DECLARATION && type !== MEDIA_FEATURE) return;
+    return this.get_content();
   }
   /**
    * Get the value text (for declarations: "blue" in "color: blue")
@@ -95,32 +117,34 @@ class CSSNode {
    * For URL nodes with unquoted URL: returns the URL content without quotes
    */
   get value() {
-    let { type, text } = this;
-    if (type === DECLARATION && this.first_child) {
-      return this.first_child;
+    let { type, text, first_child } = this;
+    if (type === DECLARATION && first_child) {
+      return first_child;
     }
     if (type === DIMENSION) {
       return parse_dimension(text).value;
     }
     if (type === NUMBER) {
-      return Number.parseFloat(this.text);
+      return Number.parseFloat(text);
     }
     if (type === URL) {
-      let firstChild = this.first_child;
-      if (firstChild && firstChild.type === STRING) {
-        return firstChild.text;
+      if (first_child?.type === STRING) {
+        return first_child.text;
       }
       if (str_starts_with(text, "url(")) {
-        let openParen = text.indexOf("(");
-        let closeParen = text.lastIndexOf(")");
-        if (openParen !== -1 && closeParen !== -1 && closeParen > openParen) {
-          let content = text.substring(openParen + 1, closeParen).trim();
+        let open_paren = text.indexOf("(");
+        let close_paren = text.lastIndexOf(")");
+        if (open_paren !== -1 && close_paren !== -1 && close_paren > open_paren) {
+          let content = text.substring(open_paren + 1, close_paren).trim();
           return content;
         }
       } else if (text.startsWith('"') || text.startsWith("'")) {
         return text;
       }
     }
+    if (type === OPERATOR) {
+      return this.get_content();
+    }
     let start = this.arena.get_value_start(this.index);
     let length = this.arena.get_value_length(this.index);
     if (length === 0) return null;
@@ -128,11 +152,11 @@ class CSSNode {
   }
   /** Get the numeric value for NUMBER and DIMENSION nodes, or null for other node types */
   get value_as_number() {
-    let text = this.text;
-    if (this.type === NUMBER) {
+    let { text, type } = this;
+    if (type === NUMBER) {
       return Number.parseFloat(text);
     }
-    if (this.type === DIMENSION) {
+    if (type === DIMENSION) {
       return parse_dimension(text).value;
     }
     return null;
@@ -191,14 +215,14 @@ class CSSNode {
   get is_vendor_prefixed() {
     switch (this.type) {
       case DECLARATION:
-        return is_vendor_prefixed(this.name);
+        return is_vendor_prefixed(this.get_content());
       case PSEUDO_CLASS_SELECTOR:
       case PSEUDO_ELEMENT_SELECTOR:
-        return is_vendor_prefixed(this.name);
+        return is_vendor_prefixed(this.get_content());
       case AT_RULE:
-        return is_vendor_prefixed(this.name);
+        return is_vendor_prefixed(this.get_content());
       case FUNCTION:
-        return is_vendor_prefixed(this.name);
+        return is_vendor_prefixed(this.get_content());
       case IDENTIFIER:
         return is_vendor_prefixed(this.text);
       default:
@@ -211,10 +235,11 @@ class CSSNode {
   }
   /** Check if this node has a prelude (at-rules and style rules) */
   get has_prelude() {
-    if (this.type === AT_RULE) {
+    let { type } = this;
+    if (type === AT_RULE) {
       return this.arena.get_value_length(this.index) > 0;
     }
-    if (this.type === STYLE_RULE) {
+    if (type === STYLE_RULE) {
       return this.first_child !== null;
     }
     return false;
@@ -229,16 +254,17 @@ class CSSNode {
   }
   /** Get the block node (for style rules and at-rules with blocks) */
   get block() {
-    if (this.type === STYLE_RULE) {
+    let { type } = this;
+    if (type === STYLE_RULE) {
       let first = this.first_child;
       if (!first) return null;
-      let blockNode = first.next_sibling;
-      if (blockNode && blockNode.type === BLOCK) {
-        return blockNode;
+      let block_node = first.next_sibling;
+      if (block_node?.type === BLOCK) {
+        return block_node;
       }
       return null;
     }
-    if (this.type === AT_RULE) {
+    if (type === AT_RULE) {
       let child = this.first_child;
       while (child) {
         if (child.type === BLOCK && !child.next_sibling) {
@@ -309,7 +335,8 @@ class CSSNode {
    * This allows formatters to distinguish :lang() from :hover
    */
   get has_children() {
-    if (this.type === PSEUDO_CLASS_SELECTOR || this.type === PSEUDO_ELEMENT_SELECTOR) {
+    let { type } = this;
+    if (type === PSEUDO_CLASS_SELECTOR || type === PSEUDO_ELEMENT_SELECTOR) {
       if (this.arena.has_flag(this.index, FLAG_HAS_PARENS)) {
         return true;
       }
@@ -337,22 +364,24 @@ class CSSNode {
   // --- An+B Expression Helpers (for NODE_SELECTOR_NTH) ---
   /** Get the 'a' coefficient from An+B expression (e.g., "2n" from "2n+1", "odd" from "odd") */
   get nth_a() {
-    if (this.type !== NTH_SELECTOR && this.type !== NTH_OF_SELECTOR) return void 0;
-    let len = this.arena.get_content_length(this.index);
+    let { type, arena, index } = this;
+    if (type !== NTH_SELECTOR && type !== NTH_OF_SELECTOR) return void 0;
+    let len = arena.get_content_length(index);
     if (len === 0) return void 0;
-    let start = this.arena.get_content_start(this.index);
+    let start = arena.get_content_start(index);
     return this.source.substring(start, start + len);
   }
   /** Get the 'b' coefficient from An+B expression (e.g., "+1" from "2n+1") */
   get nth_b() {
-    if (this.type !== NTH_SELECTOR && this.type !== NTH_OF_SELECTOR) return void 0;
-    let len = this.arena.get_value_length(this.index);
+    let { type, arena, index, source } = this;
+    if (type !== NTH_SELECTOR && type !== NTH_OF_SELECTOR) return void 0;
+    let len = arena.get_value_length(index);
     if (len === 0) return void 0;
-    let start = this.arena.get_value_start(this.index);
-    let value = this.source.substring(start, start + len);
+    let start = arena.get_value_start(index);
+    let value = source.substring(start, start + len);
     let check_pos = start - 1;
     while (check_pos >= 0) {
-      let ch = this.source.charCodeAt(check_pos);
+      let ch = source.charCodeAt(check_pos);
       if (is_whitespace(ch)) {
         check_pos--;
         continue;
@@ -406,29 +435,45 @@ class CSSNode {
    */
   clone(options = {}) {
     const { deep = true, locations = false } = options;
+    let { type, name, property, value, unit } = this;
     let plain = {
-      type: this.type,
+      type,
       type_name: this.type_name,
-      text: this.text,
-      children: []
+      text: this.text
     };
-    if (this.name) plain.name = this.name;
-    if (this.type === DECLARATION) plain.property = this.name;
-    if (this.value !== void 0 && this.value !== null) {
-      plain.value = this.value;
-      if (this.unit) plain.unit = this.unit;
+    if (name) {
+      plain.name = name;
+    }
+    if (property) {
+      plain.property = property;
+    }
+    if (value) {
+      plain.value = value;
+      if (unit) {
+        plain.unit = unit;
+      }
+    }
+    if (type === DECLARATION) {
+      let { is_important, is_browserhack } = this;
+      if (is_important) {
+        plain.is_important = true;
+      }
+      if (is_browserhack) {
+        plain.is_browserhack = true;
+      }
+    }
+    let { is_vendor_prefixed: is_vendor_prefixed2, has_error } = this;
+    if (is_vendor_prefixed2) {
+      plain.is_vendor_prefixed = true;
     }
-    if (this.type === DECLARATION) {
-      plain.is_important = this.is_important;
-      plain.is_browserhack = this.is_browserhack;
+    if (has_error) {
+      plain.has_error = true;
     }
-    plain.is_vendor_prefixed = this.is_vendor_prefixed;
-    plain.has_error = this.has_error;
-    if (this.type === ATTRIBUTE_SELECTOR) {
-      plain.attr_operator = this.attr_operator;
-      plain.attr_flags = this.attr_flags;
+    if (type === ATTRIBUTE_SELECTOR) {
+      plain.attr_operator = ATTR_OPERATOR_NAMES[this.attr_operator];
+      plain.attr_flags = ATTR_FLAG_NAMES[this.attr_flags];
     }
-    if (this.type === NTH_SELECTOR || this.type === NTH_OF_SELECTOR) {
+    if (type === NTH_SELECTOR || type === NTH_OF_SELECTOR) {
       plain.nth_a = this.nth_a;
       plain.nth_b = this.nth_b;
     }
@@ -439,7 +484,8 @@ class CSSNode {
       plain.length = this.length;
       plain.end = this.end;
     }
-    if (deep) {
+    if (deep && type !== DECLARATION) {
+      plain.children = [];
       for (let child of this.children) {
         plain.children.push(child.clone({ deep: true, locations }));
       }
@@ -448,4 +494,4 @@ class CSSNode {
   }
 }
 
-export { CSSNode, TYPE_NAMES };
+export { ATTR_FLAG_NAMES, ATTR_OPERATOR_NAMES, CSSNode, TYPE_NAMES };

package/dist/index.js

@@ -10,4 +10,4 @@ export { is_custom, is_vendor_prefixed, str_equals, str_index_of, str_starts_wit
 export { CSSNode, TYPE_NAMES } from './css-node.js';
 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, DECLARATION, DIMENSION, FEATURE_RANGE, FLAG_IMPORTANT, 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, UNIVERSAL_SELECTOR, URL, VALUE } from './arena.js';
 export { NODE_TYPES } from './constants.js';
-export { TOKEN_AT_KEYWORD, TOKEN_BAD_STRING, TOKEN_BAD_URL, TOKEN_CDC, TOKEN_CDO, TOKEN_COLON, TOKEN_COMMA, TOKEN_COMMENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_EOF, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_IDENT, TOKEN_LEFT_BRACE, TOKEN_LEFT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_NUMBER, TOKEN_PERCENTAGE, TOKEN_RIGHT_BRACE, TOKEN_RIGHT_BRACKET, TOKEN_RIGHT_PAREN, TOKEN_SEMICOLON, TOKEN_STRING, TOKEN_URL, TOKEN_WHITESPACE } from './token-types.js';
+export { TOKEN_AT_KEYWORD, TOKEN_BAD_STRING, TOKEN_BAD_URL, TOKEN_CDC, TOKEN_CDO, TOKEN_COLON, TOKEN_COMMA, TOKEN_COMMENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_EOF, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_IDENT, TOKEN_LEFT_BRACE, TOKEN_LEFT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_NUMBER, TOKEN_PERCENTAGE, TOKEN_RIGHT_BRACE, TOKEN_RIGHT_BRACKET, TOKEN_RIGHT_PAREN, TOKEN_SEMICOLON, TOKEN_STRING, TOKEN_UNICODE_RANGE, TOKEN_URL, TOKEN_WHITESPACE } from './token-types.js';

package/dist/parse-value.js

@@ -1,6 +1,6 @@
 import { Lexer } from './tokenize.js';
-import { CSSDataArena, VALUE, 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 { CSSDataArena, VALUE, OPERATOR, UNICODE_RANGE, HASH, STRING, DIMENSION, NUMBER, IDENTIFIER, URL, FUNCTION, PARENTHESIS } from './arena.js';
+import { TOKEN_EOF, TOKEN_LEFT_PAREN, TOKEN_COMMA, TOKEN_DELIM, TOKEN_FUNCTION, TOKEN_UNICODE_RANGE, 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, str_equals } from './string-utils.js';
 import { CSSNode } from './css-node.js';
 
@@ -78,6 +78,8 @@ class ValueParser {
         return this.create_node(STRING, start, end);
       case TOKEN_HASH:
         return this.create_node(HASH, start, end);
+      case TOKEN_UNICODE_RANGE:
+        return this.create_node(UNICODE_RANGE, start, end);
       case TOKEN_FUNCTION:
         return this.parse_function_node(start, end);
       case TOKEN_DELIM:

package/dist/token-types.d.ts

@@ -24,7 +24,8 @@ export declare const TOKEN_LEFT_BRACE = 23;
 export declare const TOKEN_RIGHT_BRACE = 24;
 export declare const TOKEN_COMMENT = 25;
 export declare const TOKEN_EOF = 26;
-export type TokenType = typeof TOKEN_IDENT | typeof TOKEN_FUNCTION | typeof TOKEN_AT_KEYWORD | typeof TOKEN_HASH | typeof TOKEN_STRING | typeof TOKEN_BAD_STRING | typeof TOKEN_URL | typeof TOKEN_BAD_URL | typeof TOKEN_DELIM | typeof TOKEN_NUMBER | typeof TOKEN_PERCENTAGE | typeof TOKEN_DIMENSION | typeof TOKEN_WHITESPACE | typeof TOKEN_CDO | typeof TOKEN_CDC | typeof TOKEN_COLON | typeof TOKEN_SEMICOLON | typeof TOKEN_COMMA | typeof TOKEN_LEFT_BRACKET | typeof TOKEN_RIGHT_BRACKET | typeof TOKEN_LEFT_PAREN | typeof TOKEN_RIGHT_PAREN | typeof TOKEN_LEFT_BRACE | typeof TOKEN_RIGHT_BRACE | typeof TOKEN_COMMENT | typeof TOKEN_EOF;
+export declare const TOKEN_UNICODE_RANGE = 27;
+export type TokenType = typeof TOKEN_IDENT | typeof TOKEN_FUNCTION | typeof TOKEN_AT_KEYWORD | typeof TOKEN_HASH | typeof TOKEN_STRING | typeof TOKEN_BAD_STRING | typeof TOKEN_URL | typeof TOKEN_BAD_URL | typeof TOKEN_DELIM | typeof TOKEN_NUMBER | typeof TOKEN_PERCENTAGE | typeof TOKEN_DIMENSION | typeof TOKEN_WHITESPACE | typeof TOKEN_CDO | typeof TOKEN_CDC | typeof TOKEN_COLON | typeof TOKEN_SEMICOLON | typeof TOKEN_COMMA | typeof TOKEN_LEFT_BRACKET | typeof TOKEN_RIGHT_BRACKET | typeof TOKEN_LEFT_PAREN | typeof TOKEN_RIGHT_PAREN | typeof TOKEN_LEFT_BRACE | typeof TOKEN_RIGHT_BRACE | typeof TOKEN_COMMENT | typeof TOKEN_EOF | typeof TOKEN_UNICODE_RANGE;
 export type Token = {
     type: TokenType;
     start: number;

package/dist/token-types.js

@@ -24,5 +24,6 @@ const TOKEN_LEFT_BRACE = 23;
 const TOKEN_RIGHT_BRACE = 24;
 const TOKEN_COMMENT = 25;
 const TOKEN_EOF = 26;
+const TOKEN_UNICODE_RANGE = 27;
 
-export { TOKEN_AT_KEYWORD, TOKEN_BAD_STRING, TOKEN_BAD_URL, TOKEN_CDC, TOKEN_CDO, TOKEN_COLON, TOKEN_COMMA, TOKEN_COMMENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_EOF, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_IDENT, TOKEN_LEFT_BRACE, TOKEN_LEFT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_NUMBER, TOKEN_PERCENTAGE, TOKEN_RIGHT_BRACE, TOKEN_RIGHT_BRACKET, TOKEN_RIGHT_PAREN, TOKEN_SEMICOLON, TOKEN_STRING, TOKEN_URL, TOKEN_WHITESPACE };
+export { TOKEN_AT_KEYWORD, TOKEN_BAD_STRING, TOKEN_BAD_URL, TOKEN_CDC, TOKEN_CDO, TOKEN_COLON, TOKEN_COMMA, TOKEN_COMMENT, TOKEN_DELIM, TOKEN_DIMENSION, TOKEN_EOF, TOKEN_FUNCTION, TOKEN_HASH, TOKEN_IDENT, TOKEN_LEFT_BRACE, TOKEN_LEFT_BRACKET, TOKEN_LEFT_PAREN, TOKEN_NUMBER, TOKEN_PERCENTAGE, TOKEN_RIGHT_BRACE, TOKEN_RIGHT_BRACKET, TOKEN_RIGHT_PAREN, TOKEN_SEMICOLON, TOKEN_STRING, TOKEN_UNICODE_RANGE, TOKEN_URL, TOKEN_WHITESPACE };

package/dist/tokenize.js

@@ -1,5 +1,5 @@
 import { char_types, CHAR_WHITESPACE, CHAR_NEWLINE, CHAR_DIGIT, is_ident_start, is_newline, is_hex_digit, is_whitespace, is_ident_char } from './char-types.js';
-import { TOKEN_EOF, TOKEN_RIGHT_PAREN, TOKEN_LEFT_PAREN, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_BRACKET, TOKEN_COMMA, TOKEN_SEMICOLON, TOKEN_COLON, TOKEN_RIGHT_BRACE, TOKEN_LEFT_BRACE, TOKEN_CDO, TOKEN_CDC, TOKEN_DELIM, TOKEN_WHITESPACE, TOKEN_STRING, TOKEN_BAD_STRING, TOKEN_PERCENTAGE, TOKEN_DIMENSION, TOKEN_NUMBER, TOKEN_FUNCTION, TOKEN_IDENT, TOKEN_AT_KEYWORD, TOKEN_HASH } from './token-types.js';
+import { TOKEN_EOF, TOKEN_RIGHT_PAREN, TOKEN_LEFT_PAREN, TOKEN_RIGHT_BRACKET, TOKEN_LEFT_BRACKET, TOKEN_COMMA, TOKEN_SEMICOLON, TOKEN_COLON, TOKEN_RIGHT_BRACE, TOKEN_LEFT_BRACE, TOKEN_CDO, TOKEN_CDC, TOKEN_DELIM, TOKEN_WHITESPACE, TOKEN_STRING, TOKEN_BAD_STRING, TOKEN_PERCENTAGE, TOKEN_DIMENSION, TOKEN_NUMBER, TOKEN_FUNCTION, TOKEN_IDENT, TOKEN_UNICODE_RANGE, TOKEN_AT_KEYWORD, TOKEN_HASH } from './token-types.js';
 
 const CHAR_LEFT_BRACE = 123;
 const CHAR_RIGHT_BRACE = 125;
@@ -26,6 +26,9 @@ const CHAR_PLUS = 43;
 const CHAR_PERCENT = 37;
 const CHAR_LOWERCASE_E = 101;
 const CHAR_UPPERCASE_E = 69;
+const CHAR_LOWERCASE_U = 117;
+const CHAR_UPPERCASE_U = 85;
+const CHAR_QUESTION_MARK = 63;
 const CHAR_CARRIAGE_RETURN = 13;
 const CHAR_LINE_FEED = 10;
 class Lexer {
@@ -330,12 +333,58 @@ class Lexer {
         break;
       }
     }
+    if (this.pos - start === 1) {
+      let first_ch = this.source.charCodeAt(start);
+      if ((first_ch === CHAR_LOWERCASE_U || first_ch === CHAR_UPPERCASE_U) && this.pos < this.source.length && this.source.charCodeAt(this.pos) === CHAR_PLUS) {
+        return this.consume_unicode_range(start, start_line, start_column);
+      }
+    }
     if (this.pos < this.source.length && this.source.charCodeAt(this.pos) === CHAR_LEFT_PAREN) {
       this.advance();
       return this.make_token(TOKEN_FUNCTION, start, this.pos, start_line, start_column);
     }
     return this.make_token(TOKEN_IDENT, start, this.pos, start_line, start_column);
   }
+  consume_unicode_range(start, start_line, start_column) {
+    this.advance();
+    let hex_digits = 0;
+    let has_question = false;
+    while (this.pos < this.source.length && hex_digits < 6) {
+      let ch = this.source.charCodeAt(this.pos);
+      if (is_hex_digit(ch)) {
+        if (has_question) {
+          break;
+        }
+        this.advance();
+        hex_digits++;
+      } else if (ch === CHAR_QUESTION_MARK) {
+        this.advance();
+        hex_digits++;
+        has_question = true;
+      } else {
+        break;
+      }
+    }
+    if (has_question) {
+      return this.make_token(TOKEN_UNICODE_RANGE, start, this.pos, start_line, start_column);
+    }
+    if (this.pos < this.source.length && this.source.charCodeAt(this.pos) === CHAR_HYPHEN) {
+      if (this.pos + 1 < this.source.length && is_hex_digit(this.source.charCodeAt(this.pos + 1))) {
+        this.advance();
+        let end_hex_digits = 0;
+        while (this.pos < this.source.length && end_hex_digits < 6) {
+          let ch = this.source.charCodeAt(this.pos);
+          if (is_hex_digit(ch)) {
+            this.advance();
+            end_hex_digits++;
+          } else {
+            break;
+          }
+        }
+      }
+    }
+    return this.make_token(TOKEN_UNICODE_RANGE, start, this.pos, start_line, start_column);
+  }
   consume_at_keyword(start_line, start_column) {
     let start = this.pos;
     this.advance();

package/package.json

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