source: webkit/trunk/Source/WebCore/css/CSSContainerRule.cpp

Last change on this file was 292181, checked in by Patrick Angle, 3 years ago

Web Inspector: Support Container Queries in the Styles sidebar
https://bugs.webkit.org/show_bug.cgi?id=238346

Reviewed by Devin Rousso.

Source/JavaScriptCore:

Add new container-rule type for CSS::Grouping::Type.

  • inspector/protocol/CSS.json:

Source/WebCore:

Test: inspector/css/getMatchedStylesForNodeContainerGrouping.html

Add basic support to Web Inspector for viewing styles in @container rules.

  • css/CSSContainerRule.cpp:

(WebCore::CSSContainerRule::nameFilterText const):

  • css/CSSContainerRule.h:
  • Provide a way to get the name that is used to filter the rule to specific containers.
  • inspector/InspectorStyleSheet.cpp:

(flattenSourceData):

  • In order to prevent future rule types from being added without some consideration for how they are inspected,

use an exhaustive switch-case statement here. This will at minimum allow us to make sure we have opened a bug
and put a FIXME here for new values in the future.

(WebCore::asCSSRuleList):
(WebCore::buildArrayForGroupings):

  • style/InspectorCSSOMWrappers.cpp:

(WebCore::Style::InspectorCSSOMWrappers::collect):

Source/WebInspectorUI:

  • UserInterface/Models/CSSGrouping.js:

(WI.CSSGrouping.prototype.get isContainer):
(WI.CSSGrouping.prototype.get prefix):
(WI.CSSGrouping):

LayoutTests:

  • inspector/css/getMatchedStylesForNodeContainerGrouping-expected.txt: Added.
  • inspector/css/getMatchedStylesForNodeContainerGrouping.html: Added.
File size: 2.8 KB
Line 
1/*
2 * Copyright (C) 2022 Apple Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions
6 * are met:
7 * 1. Redistributions of source code must retain the above copyright
8 * notice, this list of conditions and the following disclaimer.
9 * 2. Redistributions in binary form must reproduce the above copyright
10 * notice, this list of conditions and the following disclaimer in the
11 * documentation and/or other materials provided with the distribution.
12 *
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23 * THE POSSIBILITY OF SUCH DAMAGE.
24 */
25
26#include "config.h"
27#include "CSSContainerRule.h"
28
29#include "CSSMarkup.h"
30#include "CSSStyleSheet.h"
31#include "StyleRule.h"
32#include <wtf/text/StringBuilder.h>
33
34namespace WebCore {
35
36CSSContainerRule::CSSContainerRule(StyleRuleContainer& rule, CSSStyleSheet* parent)
37 : CSSConditionRule(rule, parent)
38{
39}
40
41Ref<CSSContainerRule> CSSContainerRule::create(StyleRuleContainer& rule, CSSStyleSheet* parent)
42{
43 return adoptRef(*new CSSContainerRule(rule, parent));
44}
45
46const StyleRuleContainer& CSSContainerRule::styleRuleContainer() const
47{
48 return downcast<StyleRuleContainer>(groupRule());
49}
50
51String CSSContainerRule::cssText() const
52{
53 StringBuilder builder;
54
55 builder.append("@container ");
56
57 auto name = styleRuleContainer().filteredQuery().nameFilter;
58 if (!name.isEmpty()) {
59 serializeIdentifier(name, builder);
60 builder.append(' ');
61 }
62
63 serialize(builder, styleRuleContainer().filteredQuery().query);
64
65 builder.append(" {\n");
66 appendCSSTextForItems(builder);
67 builder.append('}');
68
69 return builder.toString();
70}
71
72String CSSContainerRule::conditionText() const
73{
74 StringBuilder builder;
75 serialize(builder, styleRuleContainer().filteredQuery().query);
76 return builder.toString();
77}
78
79String CSSContainerRule::nameFilterText() const
80{
81 StringBuilder builder;
82
83 auto name = styleRuleContainer().filteredQuery().nameFilter;
84 if (!name.isEmpty())
85 serializeIdentifier(name, builder);
86
87 return builder.toString();
88}
89
90} // namespace WebCore
91
Note: See TracBrowser for help on using the repository browser.