mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-11-05 20:59:26 +08:00
Kalon Hinds
10b64ff126
Edge themes DevTools UI primarily leveraging CSS variables. There are scenarios where color values need to be used by Canvas elements. In these situations, we use getComputedStyle to evaluate the element that has the required CSS variable definitions, since Canvas cannot interpret CSS variable labels. Currently, getComputedStyle is called independently for each Canvas scenario. This is not ideal, since getComputedStyle can be expensive due to causing reflow: https://gist.github.com/paulirish/5d52fb081b3570c81e3a#getcomputedstyle. This patch lazily calls getComputedStyle on document.documentElement and caches the output in ThemeSupport so subsequent Canvases can inexpensively access computed CSS variable values. Bug: 961126 Change-Id: If3bcd492e1bf09faf165171c50a073bfad12c35d Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2120014 Commit-Queue: Kalon Hinds <kahinds@microsoft.com> Reviewed-by: Mathias Bynens <mathias@chromium.org>
35 lines
615 B
JSON
35 lines
615 B
JSON
{
|
|
"dependencies": [
|
|
"platform"
|
|
],
|
|
"modules": [
|
|
"common.js",
|
|
"common-legacy.js",
|
|
"EventTarget.js",
|
|
"Object.js",
|
|
"Worker.js",
|
|
"TextDictionary.js",
|
|
"Color.js",
|
|
"Console.js",
|
|
"ParsedURL.js",
|
|
"Progress.js",
|
|
"ResourceType.js",
|
|
"Settings.js",
|
|
"SegmentedRange.js",
|
|
"Throttler.js",
|
|
"Trie.js",
|
|
"Revealer.js",
|
|
"App.js",
|
|
"AppProvider.js",
|
|
"JavaScriptMetaData.js",
|
|
"Linkifier.js",
|
|
"QueryParamHandler.js",
|
|
"Revealer.js",
|
|
"Runnable.js",
|
|
"StringOutputStream.js",
|
|
"CharacterIdMap.js",
|
|
"Lazy.js"
|
|
],
|
|
"scripts": []
|
|
}
|