first commit

2026-08-06 12:00:39 +10:00
commit 91221f5a8e
3259 changed files with 569069 additions and 0 deletions
@@ -0,0 +1,203 @@
+import {
+    WhiteSpace,
+    Comment,
+    Delim,
+    Semicolon,
+    Hash,
+    Colon,
+    Ident,
+    Function,
+    AtKeyword,
+    LeftSquareBracket,
+    LeftCurlyBracket,
+    RightCurlyBracket
+} from '../../tokenizer/index.js';
+
+const AMPERSAND = 0x0026;       // U+0026 AMPERSAND (&)
+const DOT = 0x002E;             // U+002E FULL STOP (.)
+const STAR = 0x002A;            // U+002A ASTERISK (*);
+const PLUSSIGN = 0x002B;        // U+002B PLUS SIGN (+)
+const GREATERTHANSIGN = 0x003E; // U+003E GREATER-THAN SIGN (>)
+const TILDE = 0x007E;           // U+007E TILDE (~)
+
+const selectorStarts = new Set([
+    AMPERSAND,
+    DOT,
+    STAR,
+    PLUSSIGN,
+    GREATERTHANSIGN,
+    TILDE
+]);
+
+function consumeRaw() {
+    return this.Raw(null, true);
+}
+function consumeRule() {
+    return this.parseWithFallback(this.Rule, consumeRaw);
+}
+function consumeRawDeclaration() {
+    return this.Raw(this.consumeUntilSemicolonIncluded, true);
+}
+function consumeDeclaration() {
+    if (this.tokenType === Semicolon) {
+        return consumeRawDeclaration.call(this, this.tokenIndex);
+    }
+
+    const node = this.parseWithFallback(this.Declaration, consumeRawDeclaration);
+
+    if (this.tokenType === Semicolon) {
+        this.next();
+    }
+
+    return node;
+}
+
+function isElementSelectorStart() {
+    if (this.tokenType !== Ident) {
+        return false;
+    }
+
+    const nextTokenType = this.lookupTypeNonSC(1);
+
+    // If next token is not colon, semicolon, or right curly bracket, it's likely a selector
+    if (nextTokenType !== Colon && nextTokenType !== Semicolon && nextTokenType !== RightCurlyBracket) {
+        return true;
+    }
+
+    // If next token is colon, we need to look further ahead to distinguish
+    // between property declarations (p: value) and pseudo-class selectors (p:hover)
+    if (nextTokenType === Colon) {
+        // Look for the token after the colon (skipping whitespace)
+        const tokenAfterColon = this.lookupTypeNonSC(2);
+
+        // If it's an identifier (like 'hover', 'first-of-type') or function (like 'nth-child()', 'not()'),
+        // this could be a pseudo-class
+        if (tokenAfterColon === Ident || tokenAfterColon === Function) {
+            // Look further ahead to see if there's a left curly bracket
+            // which would indicate this is a selector with a block
+            let offset = 3;
+            let tokenType;
+
+            // Skip whitespace and look for either a left curly bracket or other tokens
+            while (offset <= 15) { // Increased limit to handle function pseudo-classes
+                tokenType = this.lookupType(offset);
+
+                if (tokenType === LeftCurlyBracket) {
+                    // Found opening brace, this is definitely a selector
+                    return true;
+                } else if (tokenType === Semicolon || tokenType === RightCurlyBracket) {
+                    // Found semicolon or closing brace before opening brace, likely a property
+                    return false;
+                } else if (tokenType === WhiteSpace || tokenType === Comment) {
+                    // Skip whitespace and comments
+                    offset++;
+                    continue;
+                } else {
+                    // Other tokens might indicate more complex selectors, continue looking
+                    offset++;
+                }
+            }
+        }
+
+        // If we can't determine conclusively, default to property behavior
+        return false;
+    }
+
+    return false;
+}
+
+function isSelectorStart() {
+    // Check for Delim tokens that might be selector starts
+    if (this.tokenType === Delim && selectorStarts.has(this.source.charCodeAt(this.tokenStart))) {
+        const code = this.source.charCodeAt(this.tokenStart);
+
+        // Special case: browser hack prefixes (*, +, &) followed immediately by an ident
+        // (no whitespace) are declarations, not selectors. Examples: *zoom: 1; +width: 100px; &prop: value;
+        if (code === STAR || code === PLUSSIGN || code === AMPERSAND) {
+            const nextToken = this.lookupType(1);
+            const nextTokenNonSC = this.lookupTypeNonSC(1);
+
+            // If next token is Ident and there's no whitespace between, it's a declaration
+            if (nextToken === Ident && nextTokenNonSC === Ident) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    // Hash can be either a Hash token (#id selector) or Delim(#) + Ident (browser hack)
+    // When it's a Hash token, it's a selector. When it's Delim, check if followed by Ident without whitespace
+    if (this.tokenType === Hash) {
+        return true;
+    }
+
+    return this.tokenType === LeftSquareBracket ||
+        this.tokenType === Colon || isElementSelectorStart.call(this);
+}
+
+export const name = 'Block';
+export const walkContext = 'block';
+export const structure = {
+    children: [[
+        'Atrule',
+        'Rule',
+        'Declaration'
+    ]]
+};
+
+export function parse(isStyleBlock, { allowNestedRules = false } = {}) {
+    const start = this.tokenStart;
+    let children = this.createList();
+
+    this.eat(LeftCurlyBracket);
+
+    scan:
+    while (!this.eof) {
+        switch (this.tokenType) {
+            case RightCurlyBracket:
+                break scan;
+
+            case WhiteSpace:
+            case Comment:
+                this.next();
+                break;
+
+            case AtKeyword:
+                children.push(this.parseWithFallback(this.Atrule.bind(this, isStyleBlock, { allowNestedRules }), consumeRaw));
+                break;
+
+            default:
+                if (isStyleBlock) {
+
+                    if (allowNestedRules && isSelectorStart.call(this)) {
+                        children.push(consumeRule.call(this));
+                    } else {
+                        children.push(consumeDeclaration.call(this));
+                    }
+
+                } else {
+                    children.push(consumeRule.call(this));
+                }
+        }
+    }
+
+    if (!this.eof) {
+        this.eat(RightCurlyBracket);
+    }
+
+    return {
+        type: 'Block',
+        loc: this.getLocation(start, this.tokenStart),
+        children
+    };
+}
+
+export function generate(node) {
+    this.token(LeftCurlyBracket, '{');
+    this.children(node, prev => {
+        if (prev.type === 'Declaration') {
+            this.token(Semicolon, ';');
+        }
+    });
+    this.token(RightCurlyBracket, '}');
+}