/* * Copyright (c) 2021, Sam Atkins * * SPDX-License-Identifier: BSD-2-Clause */ #include #include #include #include namespace Web::CSS { NonnullRefPtr MediaQuery::create_not_all() { auto media_query = new MediaQuery; media_query->m_negated = true; media_query->m_media_type = MediaType::All; return adopt_ref(*media_query); } String MediaFeatureValue::to_string() const { return m_value.visit( [](String const& ident) { return serialize_an_identifier(ident); }, [](Length const& length) { return length.to_string(); }, [](double number) { return String::number(number); }); } bool MediaFeatureValue::is_same_type(MediaFeatureValue const& other) const { return m_value.visit( [&](String const&) { return other.is_ident(); }, [&](Length const&) { return other.is_length(); }, [&](double) { return other.is_number(); }); } bool MediaFeatureValue::equals(MediaFeatureValue const& other) const { if (!is_same_type(other)) return false; if (is_ident() && other.is_ident()) return m_value.get().equals_ignoring_case(other.m_value.get()); if (is_length() && other.is_length()) { // FIXME: Handle relative lengths. https://www.w3.org/TR/mediaqueries-4/#ref-for-relative-length auto& my_length = m_value.get(); auto& other_length = other.m_value.get(); if (!my_length.is_absolute() || !other_length.is_absolute()) { dbgln("TODO: Support relative lengths in media queries!"); return false; } return my_length.absolute_length_to_px() == other_length.absolute_length_to_px(); } if (is_number() && other.is_number()) return m_value.get() == other.m_value.get(); VERIFY_NOT_REACHED(); } String MediaFeature::to_string() const { auto comparison_string = [](Comparison comparison) -> StringView { switch (comparison) { case Comparison::Equal: return "="sv; case Comparison::LessThan: return "<"sv; case Comparison::LessThanOrEqual: return "<="sv; case Comparison::GreaterThan: return ">"sv; case Comparison::GreaterThanOrEqual: return ">="sv; } VERIFY_NOT_REACHED(); }; switch (m_type) { case Type::IsTrue: return serialize_an_identifier(m_name); case Type::ExactValue: return String::formatted("{}:{}", serialize_an_identifier(m_name), m_value->to_string()); case Type::MinValue: return String::formatted("min-{}:{}", serialize_an_identifier(m_name), m_value->to_string()); case Type::MaxValue: return String::formatted("max-{}:{}", serialize_an_identifier(m_name), m_value->to_string()); case Type::Range: if (!m_range->right_comparison.has_value()) return String::formatted("{} {} {}", m_range->left_value.to_string(), comparison_string(m_range->left_comparison), serialize_an_identifier(m_name)); return String::formatted("{} {} {} {} {}", m_range->left_value.to_string(), comparison_string(m_range->left_comparison), serialize_an_identifier(m_name), comparison_string(*m_range->right_comparison), m_range->right_value->to_string()); } VERIFY_NOT_REACHED(); } bool MediaFeature::evaluate(DOM::Window const& window) const { auto maybe_queried_value = window.query_media_feature(m_name); if (!maybe_queried_value.has_value()) return false; auto queried_value = maybe_queried_value.release_value(); switch (m_type) { case Type::IsTrue: if (queried_value.is_number()) return queried_value.number() != 0; if (queried_value.is_length()) return queried_value.length().raw_value() != 0; if (queried_value.is_ident()) return queried_value.ident() != "none"; return false; case Type::ExactValue: return compare(*m_value, Comparison::Equal, queried_value); case Type::MinValue: return compare(queried_value, Comparison::GreaterThanOrEqual, *m_value); case Type::MaxValue: return compare(queried_value, Comparison::LessThanOrEqual, *m_value); case Type::Range: if (!compare(m_range->left_value, m_range->left_comparison, queried_value)) return false; if (m_range->right_comparison.has_value()) if (!compare(queried_value, *m_range->right_comparison, *m_range->right_value)) return false; return true; } VERIFY_NOT_REACHED(); } bool MediaFeature::compare(MediaFeatureValue left, Comparison comparison, MediaFeatureValue right) { if (!left.is_same_type(right)) return false; if (left.is_ident()) { if (comparison == Comparison::Equal) return left.ident().equals_ignoring_case(right.ident()); return false; } if (left.is_number()) { switch (comparison) { case Comparison::Equal: return left.number() == right.number(); case Comparison::LessThan: return left.number() < right.number(); case Comparison::LessThanOrEqual: return left.number() <= right.number(); case Comparison::GreaterThan: return left.number() > right.number(); case Comparison::GreaterThanOrEqual: return left.number() >= right.number(); } VERIFY_NOT_REACHED(); } if (left.is_length()) { // FIXME: Handle relative lengths. https://www.w3.org/TR/mediaqueries-4/#ref-for-relative-length if (!left.length().is_absolute() || !right.length().is_absolute()) { dbgln("TODO: Support relative lengths in media queries!"); return false; } auto left_px = left.length().absolute_length_to_px(); auto right_px = right.length().absolute_length_to_px(); switch (comparison) { case Comparison::Equal: return left_px == right_px; case Comparison::LessThan: return left_px < right_px; case Comparison::LessThanOrEqual: return left_px <= right_px; case Comparison::GreaterThan: return left_px > right_px; case Comparison::GreaterThanOrEqual: return left_px >= right_px; } VERIFY_NOT_REACHED(); } VERIFY_NOT_REACHED(); } NonnullOwnPtr MediaCondition::from_general_enclosed(GeneralEnclosed&& general_enclosed) { auto result = new MediaCondition; result->type = Type::GeneralEnclosed; result->general_enclosed = move(general_enclosed); return adopt_own(*result); } NonnullOwnPtr MediaCondition::from_feature(MediaFeature&& feature) { auto result = new MediaCondition; result->type = Type::Single; result->feature = move(feature); return adopt_own(*result); } NonnullOwnPtr MediaCondition::from_not(NonnullOwnPtr&& condition) { auto result = new MediaCondition; result->type = Type::Not; result->conditions.append(move(condition)); return adopt_own(*result); } NonnullOwnPtr MediaCondition::from_and_list(NonnullOwnPtrVector&& conditions) { auto result = new MediaCondition; result->type = Type::And; result->conditions = move(conditions); return adopt_own(*result); } NonnullOwnPtr MediaCondition::from_or_list(NonnullOwnPtrVector&& conditions) { auto result = new MediaCondition; result->type = Type::Or; result->conditions = move(conditions); return adopt_own(*result); } String MediaCondition::to_string() const { StringBuilder builder; builder.append('('); switch (type) { case Type::Single: builder.append(feature->to_string()); break; case Type::Not: builder.append("not "); builder.append(conditions.first().to_string()); break; case Type::And: builder.join(" and ", conditions); break; case Type::Or: builder.join(" or ", conditions); break; case Type::GeneralEnclosed: builder.append(general_enclosed->to_string()); break; } builder.append(')'); return builder.to_string(); } MatchResult MediaCondition::evaluate(DOM::Window const& window) const { switch (type) { case Type::Single: return as_match_result(feature->evaluate(window)); case Type::Not: return negate(conditions.first().evaluate(window)); case Type::And: return evaluate_and(conditions, [&](auto& child) { return child.evaluate(window); }); case Type::Or: return evaluate_or(conditions, [&](auto& child) { return child.evaluate(window); }); case Type::GeneralEnclosed: return general_enclosed->evaluate(); } VERIFY_NOT_REACHED(); } String MediaQuery::to_string() const { StringBuilder builder; if (m_negated) builder.append("not "); if (m_negated || m_media_type != MediaType::All || !m_media_condition) { switch (m_media_type) { case MediaType::All: builder.append("all"); break; case MediaType::Aural: builder.append("aural"); break; case MediaType::Braille: builder.append("braille"); break; case MediaType::Embossed: builder.append("embossed"); break; case MediaType::Handheld: builder.append("handheld"); break; case MediaType::Print: builder.append("print"); break; case MediaType::Projection: builder.append("projection"); break; case MediaType::Screen: builder.append("screen"); break; case MediaType::Speech: builder.append("speech"); break; case MediaType::TTY: builder.append("tty"); break; case MediaType::TV: builder.append("tv"); break; } if (m_media_condition) builder.append(" and "); } if (m_media_condition) { builder.append(m_media_condition->to_string()); } return builder.to_string(); } bool MediaQuery::evaluate(DOM::Window const& window) { auto matches_media = [](MediaType media) -> MatchResult { switch (media) { case MediaType::All: return MatchResult::True; case MediaType::Print: // FIXME: Enable for printing, when we have printing! return MatchResult::False; case MediaType::Screen: // FIXME: Disable for printing, when we have printing! return MatchResult::True; // Deprecated, must never match: case MediaType::TTY: case MediaType::TV: case MediaType::Projection: case MediaType::Handheld: case MediaType::Braille: case MediaType::Embossed: case MediaType::Aural: case MediaType::Speech: return MatchResult::False; } VERIFY_NOT_REACHED(); }; MatchResult result = matches_media(m_media_type); if ((result == MatchResult::True) && m_media_condition) result = m_media_condition->evaluate(window); if (m_negated) result = negate(result); m_matches = result == MatchResult::True; return m_matches; } // https://www.w3.org/TR/cssom-1/#serialize-a-media-query-list String serialize_a_media_query_list(NonnullRefPtrVector const& media_queries) { // 1. If the media query list is empty, then return the empty string. if (media_queries.is_empty()) return ""; // 2. Serialize each media query in the list of media queries, in the same order as they // appear in the media query list, and then serialize the list. StringBuilder builder; builder.join(", ", media_queries); return builder.to_string(); } bool is_media_feature_name(StringView name) { // MEDIAQUERIES-4 - https://www.w3.org/TR/mediaqueries-4/#media-descriptor-table if (name.equals_ignoring_case("any-hover"sv)) return true; if (name.equals_ignoring_case("any-pointer"sv)) return true; if (name.equals_ignoring_case("aspect-ratio"sv)) return true; if (name.equals_ignoring_case("color"sv)) return true; if (name.equals_ignoring_case("color-gamut"sv)) return true; if (name.equals_ignoring_case("color-index"sv)) return true; if (name.equals_ignoring_case("device-aspect-ratio"sv)) return true; if (name.equals_ignoring_case("device-height"sv)) return true; if (name.equals_ignoring_case("device-width"sv)) return true; if (name.equals_ignoring_case("grid"sv)) return true; if (name.equals_ignoring_case("height"sv)) return true; if (name.equals_ignoring_case("hover"sv)) return true; if (name.equals_ignoring_case("monochrome"sv)) return true; if (name.equals_ignoring_case("orientation"sv)) return true; if (name.equals_ignoring_case("overflow-block"sv)) return true; if (name.equals_ignoring_case("overflow-inline"sv)) return true; if (name.equals_ignoring_case("pointer"sv)) return true; if (name.equals_ignoring_case("resolution"sv)) return true; if (name.equals_ignoring_case("scan"sv)) return true; if (name.equals_ignoring_case("update"sv)) return true; if (name.equals_ignoring_case("width"sv)) return true; // MEDIAQUERIES-5 - https://www.w3.org/TR/mediaqueries-5/#media-descriptor-table if (name.equals_ignoring_case("prefers-color-scheme"sv)) return true; // FIXME: Add other level 5 feature names return false; } }