LibWeb: Partially implement MediaQuery class :^)

The main thing that's missing is the actual matching, but this is enough to get started.
2025-07-26 12:27:34 +00:00 · 2021-09-27 17:12:33 +01:00 · 2021-09-27 17:12:33 +01:00 · 0a4d9c6d31
commit 0a4d9c6d31
parent b90cc1148a
4 changed files with 233 additions and 0 deletions
--- a/Userland/Libraries/LibWeb/CSS/MediaQuery.h
+++ b/Userland/Libraries/LibWeb/CSS/MediaQuery.h
@ -0,0 +1,117 @@
+/*
+ * Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
+ *
+ * SPDX-License-Identifier: BSD-2-Clause
+ */
+
+#pragma once
+
+#include <AK/FlyString.h>
+#include <AK/NonnullOwnPtrVector.h>
+#include <AK/NonnullRefPtr.h>
+#include <AK/Optional.h>
+#include <AK/OwnPtr.h>
+#include <AK/RefCounted.h>
+#include <LibWeb/CSS/StyleValue.h>
+
+namespace Web::CSS {
+
+class MediaQuery : public RefCounted<MediaQuery> {
+    friend class Parser;
+
+public:
+    ~MediaQuery() { }
+
+    // https://www.w3.org/TR/mediaqueries-4/#media-types
+    enum class MediaType {
+        All,
+        Print,
+        Screen,
+
+        // Deprecated, must never match:
+        TTY,
+        TV,
+        Projection,
+        Handheld,
+        Braille,
+        Embossed,
+        Aural,
+        Speech,
+    };
+
+    // https://www.w3.org/TR/mediaqueries-4/#mq-features
+    struct MediaFeature {
+        // FIXME: Implement range syntax: https://www.w3.org/TR/mediaqueries-4/#mq-ranges
+        enum class Type {
+            IsTrue,
+            ExactValue,
+            MinValue,
+            MaxValue,
+        };
+
+        Type type;
+        FlyString name;
+        RefPtr<StyleValue> value { nullptr };
+
+        String to_string() const;
+    };
+
+    // https://www.w3.org/TR/mediaqueries-4/#media-conditions
+    struct MediaCondition {
+        enum class Type {
+            Single,
+            And,
+            Or,
+            Not,
+        };
+
+        Type type;
+        MediaFeature feature;
+        NonnullOwnPtrVector<MediaCondition> conditions;
+
+        String to_string() const;
+    };
+
+    static NonnullRefPtr<MediaQuery> create_not_all();
+    static NonnullRefPtr<MediaQuery> create() { return adopt_ref(*new MediaQuery); }
+
+    String to_string() const;
+
+private:
+    MediaQuery() { }
+
+    // https://www.w3.org/TR/mediaqueries-4/#mq-not
+    bool m_negated { false };
+    MediaType m_media_type { MediaType::All };
+    OwnPtr<MediaCondition> m_media_condition { nullptr };
+};
+
+}
+
+namespace AK {
+
+template<>
+struct Formatter<Web::CSS::MediaQuery::MediaFeature> : Formatter<StringView> {
+    void format(FormatBuilder& builder, Web::CSS::MediaQuery::MediaFeature const& media_feature)
+    {
+        Formatter<StringView>::format(builder, media_feature.to_string());
+    }
+};
+
+template<>
+struct Formatter<Web::CSS::MediaQuery::MediaCondition> : Formatter<StringView> {
+    void format(FormatBuilder& builder, Web::CSS::MediaQuery::MediaCondition const& media_condition)
+    {
+        Formatter<StringView>::format(builder, media_condition.to_string());
+    }
+};
+
+template<>
+struct Formatter<Web::CSS::MediaQuery> : Formatter<StringView> {
+    void format(FormatBuilder& builder, Web::CSS::MediaQuery const& media_query)
+    {
+        Formatter<StringView>::format(builder, media_query.to_string());
+    }
+};
+
+}