mirror of
				https://github.com/LadybirdBrowser/ladybird.git
				synced 2025-11-04 07:10:57 +00:00 
			
		
		
		
	Code for parsing and stringifying CSS properties is now generated based on LibHTML/CSS/Properties.json At the moment, the file tells us three things: - The name of a property - Its initial value - Whether it's inherited Also, for shorthand properties, it provides a list of all the longhand properties it may expand too. This is not actually used in the engine yet though. This *finally* makes layout tree dumps show the names of CSS properties in effect, instead of "CSS::PropertyID(32)" and such. :^)
		
			
				
	
	
		
			384 lines
		
	
	
	
		
			11 KiB
		
	
	
	
		
			C++
		
	
	
	
	
	
			
		
		
	
	
			384 lines
		
	
	
	
		
			11 KiB
		
	
	
	
		
			C++
		
	
	
	
	
	
#include <AK/HashMap.h>
 | 
						|
#include <LibHTML/CSS/PropertyID.h>
 | 
						|
#include <LibHTML/CSS/StyleSheet.h>
 | 
						|
#include <LibHTML/Parser/CSSParser.h>
 | 
						|
#include <ctype.h>
 | 
						|
#include <stdio.h>
 | 
						|
 | 
						|
#define PARSE_ASSERT(x)                                                   \
 | 
						|
    if (!(x)) {                                                           \
 | 
						|
        dbg() << "CSS PARSER ASSERTION FAILED: " << #x;                   \
 | 
						|
        dbg() << "At character# " << index << " in CSS: _" << css << "_"; \
 | 
						|
        ASSERT_NOT_REACHED();                                             \
 | 
						|
    }
 | 
						|
 | 
						|
static Optional<Color> parse_css_color(const StringView& view)
 | 
						|
{
 | 
						|
    auto color = Color::from_string(view);
 | 
						|
    if (color.has_value())
 | 
						|
        return color;
 | 
						|
 | 
						|
    // FIXME: Parse all valid color strings :^)
 | 
						|
    return {};
 | 
						|
}
 | 
						|
 | 
						|
NonnullRefPtr<StyleValue> parse_css_value(const StringView& view)
 | 
						|
{
 | 
						|
    String string(view);
 | 
						|
    bool ok;
 | 
						|
    int as_int = string.to_int(ok);
 | 
						|
    if (ok)
 | 
						|
        return LengthStyleValue::create(Length(as_int, Length::Type::Absolute));
 | 
						|
    unsigned as_uint = string.to_uint(ok);
 | 
						|
    if (ok)
 | 
						|
        return LengthStyleValue::create(Length(as_uint, Length::Type::Absolute));
 | 
						|
    if (string == "inherit")
 | 
						|
        return InheritStyleValue::create();
 | 
						|
    if (string == "initial")
 | 
						|
        return InitialStyleValue::create();
 | 
						|
    if (string == "auto")
 | 
						|
        return LengthStyleValue::create(Length());
 | 
						|
 | 
						|
    auto color = parse_css_color(view);
 | 
						|
    if (color.has_value())
 | 
						|
        return ColorStyleValue::create(color.value());
 | 
						|
 | 
						|
    if (string == "-libhtml-link")
 | 
						|
        return IdentifierStyleValue::create(CSS::ValueID::VendorSpecificLink);
 | 
						|
 | 
						|
    return StringStyleValue::create(string);
 | 
						|
}
 | 
						|
 | 
						|
class CSSParser {
 | 
						|
public:
 | 
						|
    CSSParser(const StringView& input)
 | 
						|
        : css(input)
 | 
						|
    {
 | 
						|
    }
 | 
						|
 | 
						|
    bool next_is(const char* str) const
 | 
						|
    {
 | 
						|
        int len = strlen(str);
 | 
						|
        for (int i = 0; i < len; ++i) {
 | 
						|
            if (peek(i) != str[i])
 | 
						|
                return false;
 | 
						|
        }
 | 
						|
        return true;
 | 
						|
    }
 | 
						|
 | 
						|
    char peek(int offset = 0) const
 | 
						|
    {
 | 
						|
        if ((index + offset) < css.length())
 | 
						|
            return css[index + offset];
 | 
						|
        return 0;
 | 
						|
    }
 | 
						|
 | 
						|
    char consume_specific(char ch)
 | 
						|
    {
 | 
						|
        if (peek() != ch) {
 | 
						|
            dbg() << "peek() != '" << ch << "'";
 | 
						|
        }
 | 
						|
        PARSE_ASSERT(peek() == ch);
 | 
						|
        PARSE_ASSERT(index < css.length());
 | 
						|
        ++index;
 | 
						|
        return ch;
 | 
						|
    }
 | 
						|
 | 
						|
    char consume_one()
 | 
						|
    {
 | 
						|
        PARSE_ASSERT(index < css.length());
 | 
						|
        return css[index++];
 | 
						|
    };
 | 
						|
 | 
						|
    void consume_whitespace_or_comments()
 | 
						|
    {
 | 
						|
        bool in_comment = false;
 | 
						|
        for (; index < css.length(); ++index) {
 | 
						|
            char ch = peek();
 | 
						|
            if (isspace(ch))
 | 
						|
                continue;
 | 
						|
            if (!in_comment && ch == '/' && peek(1) == '*') {
 | 
						|
                in_comment = true;
 | 
						|
                ++index;
 | 
						|
                continue;
 | 
						|
            }
 | 
						|
            if (in_comment && ch == '*' && peek(1) == '/') {
 | 
						|
                in_comment = false;
 | 
						|
                ++index;
 | 
						|
                continue;
 | 
						|
            }
 | 
						|
            if (in_comment)
 | 
						|
                continue;
 | 
						|
            break;
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    bool is_valid_selector_char(char ch) const
 | 
						|
    {
 | 
						|
        return isalnum(ch) || ch == '-' || ch == '_' || ch == '(' || ch == ')' || ch == '@';
 | 
						|
    }
 | 
						|
 | 
						|
    bool is_combinator(char ch) const
 | 
						|
    {
 | 
						|
        return ch == '~' || ch == '>' || ch == '+';
 | 
						|
    }
 | 
						|
 | 
						|
    Optional<Selector::Component> parse_selector_component()
 | 
						|
    {
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        Selector::Component::Type type;
 | 
						|
        Selector::Component::Relation relation = Selector::Component::Relation::Descendant;
 | 
						|
 | 
						|
        if (peek() == '{')
 | 
						|
            return {};
 | 
						|
 | 
						|
        if (is_combinator(peek())) {
 | 
						|
            switch (peek()) {
 | 
						|
            case '>':
 | 
						|
                relation = Selector::Component::Relation::ImmediateChild;
 | 
						|
                break;
 | 
						|
            case '+':
 | 
						|
                relation = Selector::Component::Relation::AdjacentSibling;
 | 
						|
                break;
 | 
						|
            case '~':
 | 
						|
                relation = Selector::Component::Relation::GeneralSibling;
 | 
						|
                break;
 | 
						|
            }
 | 
						|
            consume_one();
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
        }
 | 
						|
 | 
						|
        if (peek() == '.') {
 | 
						|
            type = Selector::Component::Type::Class;
 | 
						|
            consume_one();
 | 
						|
        } else if (peek() == '#') {
 | 
						|
            type = Selector::Component::Type::Id;
 | 
						|
            consume_one();
 | 
						|
        } else {
 | 
						|
            type = Selector::Component::Type::TagName;
 | 
						|
        }
 | 
						|
 | 
						|
        while (is_valid_selector_char(peek()))
 | 
						|
            buffer.append(consume_one());
 | 
						|
 | 
						|
        PARSE_ASSERT(!buffer.is_null());
 | 
						|
        Selector::Component component { type, Selector::Component::PseudoClass::None, relation, String::copy(buffer) };
 | 
						|
        buffer.clear();
 | 
						|
 | 
						|
        if (peek() == '[') {
 | 
						|
            // FIXME: Implement attribute selectors.
 | 
						|
            while (peek() != ']') {
 | 
						|
                consume_one();
 | 
						|
            }
 | 
						|
            consume_one();
 | 
						|
        }
 | 
						|
 | 
						|
        if (peek() == ':') {
 | 
						|
            // FIXME: Implement pseudo elements.
 | 
						|
            [[maybe_unused]] bool is_pseudo_element = false;
 | 
						|
            consume_one();
 | 
						|
            if (peek() == ':') {
 | 
						|
                is_pseudo_element = true;
 | 
						|
                consume_one();
 | 
						|
            }
 | 
						|
            while (is_valid_selector_char(peek()))
 | 
						|
                buffer.append(consume_one());
 | 
						|
 | 
						|
            auto pseudo_name = String::copy(buffer);
 | 
						|
            buffer.clear();
 | 
						|
 | 
						|
            if (pseudo_name == "link")
 | 
						|
                component.pseudo_class = Selector::Component::PseudoClass::Link;
 | 
						|
            else if (pseudo_name == "hover")
 | 
						|
                component.pseudo_class = Selector::Component::PseudoClass::Hover;
 | 
						|
        }
 | 
						|
 | 
						|
        return component;
 | 
						|
    }
 | 
						|
 | 
						|
    void parse_selector()
 | 
						|
    {
 | 
						|
        Vector<Selector::Component> components;
 | 
						|
 | 
						|
        for (;;) {
 | 
						|
            auto component = parse_selector_component();
 | 
						|
            if (component.has_value())
 | 
						|
                components.append(component.value());
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            if (peek() == ',' || peek() == '{')
 | 
						|
                break;
 | 
						|
        }
 | 
						|
 | 
						|
        if (components.is_empty())
 | 
						|
            return;
 | 
						|
        components.first().relation = Selector::Component::Relation::None;
 | 
						|
 | 
						|
        current_rule.selectors.append(Selector(move(components)));
 | 
						|
    };
 | 
						|
 | 
						|
    void parse_selector_list()
 | 
						|
    {
 | 
						|
        for (;;) {
 | 
						|
            parse_selector();
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            if (peek() == ',') {
 | 
						|
                consume_one();
 | 
						|
                continue;
 | 
						|
            }
 | 
						|
            if (peek() == '{')
 | 
						|
                break;
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    bool is_valid_property_name_char(char ch) const
 | 
						|
    {
 | 
						|
        return ch && !isspace(ch) && ch != ':';
 | 
						|
    }
 | 
						|
 | 
						|
    bool is_valid_property_value_char(char ch) const
 | 
						|
    {
 | 
						|
        return ch && ch != '!' && ch != ';' && ch != '}';
 | 
						|
    }
 | 
						|
 | 
						|
    Optional<StyleProperty> parse_property()
 | 
						|
    {
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        if (peek() == ';') {
 | 
						|
            consume_one();
 | 
						|
            return {};
 | 
						|
        }
 | 
						|
        buffer.clear();
 | 
						|
        while (is_valid_property_name_char(peek()))
 | 
						|
            buffer.append(consume_one());
 | 
						|
        auto property_name = String::copy(buffer);
 | 
						|
        buffer.clear();
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        consume_specific(':');
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        while (is_valid_property_value_char(peek()))
 | 
						|
            buffer.append(consume_one());
 | 
						|
 | 
						|
        // Remove trailing whitespace.
 | 
						|
        while (!buffer.is_empty() && isspace(buffer.last()))
 | 
						|
            buffer.take_last();
 | 
						|
 | 
						|
        auto property_value = String::copy(buffer);
 | 
						|
        buffer.clear();
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        bool is_important = false;
 | 
						|
        if (peek() == '!') {
 | 
						|
            consume_specific('!');
 | 
						|
            consume_specific('i');
 | 
						|
            consume_specific('m');
 | 
						|
            consume_specific('p');
 | 
						|
            consume_specific('o');
 | 
						|
            consume_specific('r');
 | 
						|
            consume_specific('t');
 | 
						|
            consume_specific('a');
 | 
						|
            consume_specific('n');
 | 
						|
            consume_specific('t');
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            is_important = true;
 | 
						|
        }
 | 
						|
        if (peek() && peek() != '}')
 | 
						|
            consume_specific(';');
 | 
						|
 | 
						|
        auto property_id = CSS::property_id_from_string(property_name);
 | 
						|
        return StyleProperty { property_id, parse_css_value(property_value), is_important };
 | 
						|
    }
 | 
						|
 | 
						|
    void parse_declaration()
 | 
						|
    {
 | 
						|
        for (;;) {
 | 
						|
            auto property = parse_property();
 | 
						|
            if (property.has_value())
 | 
						|
                current_rule.properties.append(property.value());
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            if (peek() == '}')
 | 
						|
                break;
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    void parse_rule()
 | 
						|
    {
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        if (index >= css.length())
 | 
						|
            return;
 | 
						|
 | 
						|
        // FIXME: We ignore @media rules for now.
 | 
						|
        if (next_is("@media")) {
 | 
						|
            while (peek() != '{')
 | 
						|
                consume_one();
 | 
						|
            int level = 0;
 | 
						|
            for (;;) {
 | 
						|
                auto ch = consume_one();
 | 
						|
                if (ch == '{') {
 | 
						|
                    ++level;
 | 
						|
                } else if (ch == '}') {
 | 
						|
                    --level;
 | 
						|
                    if (level == 0)
 | 
						|
                        break;
 | 
						|
                }
 | 
						|
            }
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            return;
 | 
						|
        }
 | 
						|
 | 
						|
        parse_selector_list();
 | 
						|
        consume_specific('{');
 | 
						|
        parse_declaration();
 | 
						|
        consume_specific('}');
 | 
						|
        rules.append(StyleRule::create(move(current_rule.selectors), StyleDeclaration::create(move(current_rule.properties))));
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
    }
 | 
						|
 | 
						|
    RefPtr<StyleSheet> parse_sheet()
 | 
						|
    {
 | 
						|
        while (index < css.length()) {
 | 
						|
            parse_rule();
 | 
						|
        }
 | 
						|
 | 
						|
        return StyleSheet::create(move(rules));
 | 
						|
    }
 | 
						|
 | 
						|
    RefPtr<StyleDeclaration> parse_standalone_declaration()
 | 
						|
    {
 | 
						|
        consume_whitespace_or_comments();
 | 
						|
        for (;;) {
 | 
						|
            auto property = parse_property();
 | 
						|
            if (property.has_value())
 | 
						|
                current_rule.properties.append(property.value());
 | 
						|
            consume_whitespace_or_comments();
 | 
						|
            if (!peek())
 | 
						|
                break;
 | 
						|
        }
 | 
						|
        return StyleDeclaration::create(move(current_rule.properties));
 | 
						|
    }
 | 
						|
 | 
						|
private:
 | 
						|
    NonnullRefPtrVector<StyleRule> rules;
 | 
						|
 | 
						|
    struct CurrentRule {
 | 
						|
        Vector<Selector> selectors;
 | 
						|
        Vector<StyleProperty> properties;
 | 
						|
    };
 | 
						|
 | 
						|
    CurrentRule current_rule;
 | 
						|
    Vector<char> buffer;
 | 
						|
 | 
						|
    int index = 0;
 | 
						|
 | 
						|
    StringView css;
 | 
						|
};
 | 
						|
 | 
						|
RefPtr<StyleSheet> parse_css(const StringView& css)
 | 
						|
{
 | 
						|
    CSSParser parser(css);
 | 
						|
    return parser.parse_sheet();
 | 
						|
}
 | 
						|
 | 
						|
RefPtr<StyleDeclaration> parse_css_declaration(const StringView& css)
 | 
						|
{
 | 
						|
    CSSParser parser(css);
 | 
						|
    return parser.parse_standalone_declaration();
 | 
						|
}
 |