8003d63ff9
Some checks are pending
CI / Lagom (false, FUZZ, ubuntu-24.04, Linux, Clang) (push) Waiting to run
CI / Lagom (false, NO_FUZZ, macos-14, macOS, Clang) (push) Waiting to run
CI / Lagom (false, NO_FUZZ, ubuntu-24.04, Linux, GNU) (push) Waiting to run
CI / Lagom (true, NO_FUZZ, ubuntu-24.04, Linux, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (macos-14, macOS, macOS-universal2) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (ubuntu-24.04, Linux, Linux-x86_64) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Push notes / build (push) Waiting to run
This is a recent spec change: https://github.com/w3c/csswg-drafts/pull/10981
78 lines
2.4 KiB
C++
78 lines
2.4 KiB
C++
/*
|
||
* Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
|
||
* Copyright (c) 2022, Andreas Kling <andreas@ladybird.org>
|
||
*
|
||
* SPDX-License-Identifier: BSD-2-Clause
|
||
*/
|
||
|
||
#include <LibJS/Runtime/Realm.h>
|
||
#include <LibWeb/Bindings/CSSMediaRulePrototype.h>
|
||
#include <LibWeb/Bindings/Intrinsics.h>
|
||
#include <LibWeb/CSS/CSSMediaRule.h>
|
||
|
||
namespace Web::CSS {
|
||
|
||
JS_DEFINE_ALLOCATOR(CSSMediaRule);
|
||
|
||
JS::NonnullGCPtr<CSSMediaRule> CSSMediaRule::create(JS::Realm& realm, MediaList& media_queries, CSSRuleList& rules)
|
||
{
|
||
return realm.heap().allocate<CSSMediaRule>(realm, realm, media_queries, rules);
|
||
}
|
||
|
||
CSSMediaRule::CSSMediaRule(JS::Realm& realm, MediaList& media, CSSRuleList& rules)
|
||
: CSSConditionRule(realm, rules)
|
||
, m_media(media)
|
||
{
|
||
}
|
||
|
||
void CSSMediaRule::initialize(JS::Realm& realm)
|
||
{
|
||
Base::initialize(realm);
|
||
WEB_SET_PROTOTYPE_FOR_INTERFACE(CSSMediaRule);
|
||
}
|
||
|
||
void CSSMediaRule::visit_edges(Cell::Visitor& visitor)
|
||
{
|
||
Base::visit_edges(visitor);
|
||
visitor.visit(m_media);
|
||
}
|
||
|
||
String CSSMediaRule::condition_text() const
|
||
{
|
||
return m_media->media_text();
|
||
}
|
||
|
||
// https://www.w3.org/TR/cssom-1/#serialize-a-css-rule
|
||
String CSSMediaRule::serialized() const
|
||
{
|
||
// The result of concatenating the following:
|
||
StringBuilder builder;
|
||
|
||
// 1. The string "@media", followed by a single SPACE (U+0020).
|
||
builder.append("@media "sv);
|
||
// 2. The result of performing serialize a media query list on rule’s media query list.
|
||
builder.append(condition_text());
|
||
// 3. A single SPACE (U+0020), followed by the string "{", i.e., LEFT CURLY BRACKET (U+007B), followed by a newline.
|
||
builder.append(" {\n"sv);
|
||
// 4. The result of performing serialize a CSS rule on each rule in the rule’s cssRules list,
|
||
// filtering out empty strings, indenting each item with two spaces, all joined with newline.
|
||
for (size_t i = 0; i < css_rules().length(); i++) {
|
||
auto rule = css_rules().item(i);
|
||
auto result = rule->css_text();
|
||
|
||
if (result.is_empty())
|
||
continue;
|
||
|
||
builder.append(" "sv);
|
||
builder.append(result);
|
||
builder.append('\n');
|
||
}
|
||
// 5. A newline, followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D)
|
||
// AD-HOC: All modern browsers omit the ending newline if there are no CSS rules, so let's do the same.
|
||
// If there are rules, the required newline will be appended in the for-loop above.
|
||
builder.append('}');
|
||
|
||
return MUST(builder.to_string());
|
||
}
|
||
|
||
}
|