#include #include #include #include #include #define PARSE_ASSERT(x) \ if (!(x)) { \ dbg() << "CSS PARSER ASSERTION FAILED: " << #x; \ dbg() << "At character# " << index << " in CSS: _" << css << "_"; \ ASSERT_NOT_REACHED(); \ } static Optional 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 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); } static CSS::PropertyID parse_css_property_id(const StringView& string) { static HashMap map; if (map.is_empty()) { map.set("background-color", CSS::PropertyID::BackgroundColor); map.set("border-bottom-style", CSS::PropertyID::BorderBottomStyle); map.set("border-bottom-width", CSS::PropertyID::BorderBottomWidth); map.set("border-collapse", CSS::PropertyID::BorderCollapse); map.set("border-left-style", CSS::PropertyID::BorderLeftStyle); map.set("border-left-width", CSS::PropertyID::BorderLeftWidth); map.set("border-right-style", CSS::PropertyID::BorderRightStyle); map.set("border-right-width", CSS::PropertyID::BorderRightWidth); map.set("border-spacing", CSS::PropertyID::BorderSpacing); map.set("border-top-style", CSS::PropertyID::BorderTopStyle); map.set("border-top-width", CSS::PropertyID::BorderTopWidth); map.set("color", CSS::PropertyID::Color); map.set("display", CSS::PropertyID::Display); map.set("font-family", CSS::PropertyID::FontFamily); map.set("font-size", CSS::PropertyID::FontSize); map.set("font-style", CSS::PropertyID::FontStyle); map.set("font-variant", CSS::PropertyID::FontVariant); map.set("font-weight", CSS::PropertyID::FontWeight); map.set("height", CSS::PropertyID::Height); map.set("letter-spacing", CSS::PropertyID::LetterSpacing); map.set("line-height", CSS::PropertyID::LineHeight); map.set("list-style", CSS::PropertyID::ListStyle); map.set("list-style-image", CSS::PropertyID::ListStyleImage); map.set("list-style-position", CSS::PropertyID::ListStylePosition); map.set("list-style-type", CSS::PropertyID::ListStyleType); map.set("margin-bottom", CSS::PropertyID::MarginBottom); map.set("margin-left", CSS::PropertyID::MarginLeft); map.set("margin-right", CSS::PropertyID::MarginRight); map.set("margin-top", CSS::PropertyID::MarginTop); map.set("padding-bottom", CSS::PropertyID::PaddingBottom); map.set("padding-left", CSS::PropertyID::PaddingLeft); map.set("padding-right", CSS::PropertyID::PaddingRight); map.set("padding-top", CSS::PropertyID::PaddingTop); map.set("text-align", CSS::PropertyID::TextAlign); map.set("text-decoration", CSS::PropertyID::TextDecoration); map.set("text-indent", CSS::PropertyID::TextIndent); map.set("text-transform", CSS::PropertyID::TextTransform); map.set("visibility", CSS::PropertyID::Visibility); map.set("white-space", CSS::PropertyID::WhiteSpace); map.set("width", CSS::PropertyID::Width); map.set("word-spacing", CSS::PropertyID::WordSpacing); } return map.get(string).value_or(CSS::PropertyID::Invalid); } 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) { 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 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 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 != ';'; } Optional 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(';'); return StyleProperty { parse_css_property_id(property_name), 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(); } NonnullRefPtr parse_sheet() { while (index < css.length()) { parse_rule(); } return StyleSheet::create(move(rules)); } NonnullRefPtr 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 rules; struct CurrentRule { Vector selectors; Vector properties; }; CurrentRule current_rule; Vector buffer; int index = 0; StringView css; }; NonnullRefPtr parse_css(const StringView& css) { CSSParser parser(css); return parser.parse_sheet(); } NonnullRefPtr parse_css_declaration(const StringView& css) { CSSParser parser(css); return parser.parse_standalone_declaration(); }