Bug 1574266 - Use modern syntax highlighting in debugger r=Harald
authorDavid Walsh <dwalsh@mozilla.com>
Fri, 16 Aug 2019 15:02:42 +0000
changeset 488556 6cea0df1bb7b9ef6c97993f58f97bb810cfe0057
parent 488555 40bbbbdef9141e7c318b9be10ac48a5df11204c6
child 488557 1d4db40e38dd5df66455abf59feb3c9c4ca1cbfc
push id36446
push usermalexandru@mozilla.com
push dateFri, 16 Aug 2019 21:53:14 +0000
treeherdermozilla-central@1d4db40e38dd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHarald
bugs1574266
milestone70.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1574266 - Use modern syntax highlighting in debugger r=Harald Differential Revision: https://phabricator.services.mozilla.com/D42245
devtools/client/debugger/.stylelintignore
devtools/client/debugger/src/components/App.js
devtools/client/debugger/src/components/shared/moz.build
devtools/client/debugger/src/components/shared/reps.css
devtools/client/debugger/src/debugger.css
--- a/devtools/client/debugger/.stylelintignore
+++ b/devtools/client/debugger/.stylelintignore
@@ -1,3 +1,2 @@
 src/components/Editor/codemirror-mozilla.css
 src/components/shared/SplitBox.css
-src/components/shared/reps.css
--- a/devtools/client/debugger/src/components/App.js
+++ b/devtools/client/debugger/src/components/App.js
@@ -42,17 +42,16 @@ import "./variables.css";
 import "./App.css";
 
 // $FlowIgnore
 import "devtools-launchpad/src/components/Root.css";
 
 import type { ActiveSearchType } from "../selectors";
 
 import "./shared/menu.css";
-import "./shared/reps.css";
 
 import SplitBox from "devtools-splitter";
 import ProjectSearch from "./ProjectSearch";
 import PrimaryPanes from "./PrimaryPanes";
 import Editor from "./Editor";
 import SecondaryPanes from "./SecondaryPanes";
 import WelcomeBox from "./WelcomeBox";
 import EditorTabs from "./Editor/Tabs";
--- a/devtools/client/debugger/src/components/shared/moz.build
+++ b/devtools/client/debugger/src/components/shared/moz.build
@@ -29,13 +29,12 @@ DevToolsModules(
     'Badge.css',
     'BracketArrow.css',
     'Dropdown.css',
     'ManagedTree.css',
     'menu.css',
     'Modal.css',
     'Popover.css',
     'PreviewFunction.css',
-    'reps.css',
     'ResultList.css',
     'SearchInput.css',
     'SourceIcon.css',
 )
deleted file mode 100644
--- a/devtools/client/debugger/src/components/shared/reps.css
+++ /dev/null
@@ -1,167 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-.theme-dark,
-.theme-light {
-  --number-color: var(--theme-highlight-green);
-  --string-color: var(--theme-highlight-orange);
-  --null-color: var(--theme-comment);
-  --object-color: var(--theme-body-color);
-  --caption-color: var(--theme-highlight-blue);
-  --location-color: var(--theme-text-color-strong);
-  --source-link-color: var(--theme-highlight-blue);
-  --node-color: var(--theme-highlight-bluegrey);
-  --reference-color: var(--theme-highlight-purple);
-}
-
-/******************************************************************************/
-
-.objectLink:hover {
-  text-decoration: underline;
-}
-
-.inline {
-  display: inline;
-  white-space: normal;
-}
-
-.objectBox-object {
-  font-weight: bold;
-  color: var(--object-color);
-  white-space: pre-wrap;
-}
-
-.objectBox-string,
-.objectBox-text,
-.objectLink-textNode,
-.objectBox-table {
-  white-space: pre-wrap;
-}
-
-.objectBox-number,
-.objectLink-styleRule,
-.objectLink-element,
-.objectLink-textNode,
-.objectBox-array > .length {
-  color: var(--number-color);
-}
-
-.objectBox-string {
-  color: var(--string-color);
-}
-
-.objectLink-function,
-.objectBox-stackTrace,
-.objectLink-profile {
-  color: var(--object-color);
-}
-
-.objectLink-Location {
-  font-style: italic;
-  color: var(--location-color);
-}
-
-.objectBox-null,
-.objectBox-undefined,
-.objectBox-hint,
-.logRowHint {
-  font-style: italic;
-  color: var(--null-color);
-}
-
-.objectLink-sourceLink {
-  position: absolute;
-  right: 4px;
-  top: 2px;
-  padding-left: 8px;
-  font-weight: bold;
-  color: var(--source-link-color);
-}
-
-/******************************************************************************/
-
-.objectLink-event,
-.objectLink-eventLog,
-.objectLink-regexp,
-.objectLink-object,
-.objectLink-Date {
-  font-weight: bold;
-  color: var(--object-color);
-  white-space: pre-wrap;
-}
-
-/******************************************************************************/
-
-.objectLink-object .nodeName,
-.objectLink-NamedNodeMap .nodeName,
-.objectLink-NamedNodeMap .objectEqual,
-.objectLink-NamedNodeMap .arrayLeftBracket,
-.objectLink-NamedNodeMap .arrayRightBracket,
-.objectLink-Attr .attrEqual,
-.objectLink-Attr .attrTitle {
-  color: var(--node-color);
-}
-
-.objectLink-object .nodeName {
-  font-weight: normal;
-}
-
-/******************************************************************************/
-
-.objectLeftBrace,
-.objectRightBrace,
-.arrayLeftBracket,
-.arrayRightBracket {
-  font-weight: bold;
-}
-
-.objectLeftBrace,
-.arrayLeftBracket {
-  margin-right: 4px;
-}
-
-.objectRightBrace,
-.arrayRightBracket {
-  margin-left: 4px;
-}
-
-/******************************************************************************/
-/* Cycle reference*/
-
-.objectLink-Reference {
-  font-weight: bold;
-  color: var(--reference-color);
-}
-
-.objectBox-array > .objectTitle {
-  font-weight: bold;
-  color: var(--object-color);
-}
-
-.caption {
-  font-weight: bold;
-  color: var(--caption-color);
-}
-
-/******************************************************************************/
-/* Themes */
-
-.theme-dark .objectBox-null,
-.theme-dark .objectBox-undefined,
-.theme-light .objectBox-null,
-.theme-light .objectBox-undefined {
-  font-style: normal;
-}
-
-.theme-dark .objectBox-object,
-.theme-light .objectBox-object {
-  font-weight: normal;
-  white-space: pre-wrap;
-}
-
-.theme-dark .caption,
-.theme-light .caption {
-  font-weight: normal;
-}
--- a/devtools/client/debugger/src/debugger.css
+++ b/devtools/client/debugger/src/debugger.css
@@ -1,9 +1,10 @@
 @import url("./components/variables.css");
+@import url("resource://devtools/client/shared/components/reps/reps.css");
 
 @import url("./components/A11yIntention.css");
 @import url("./components/App.css");
 
 @import url("./components/shared/AccessibleImage.css");
 @import url("./components/shared/Accordion.css");
 @import url("./components/shared/Badge.css");
 @import url("./components/shared/BracketArrow.css");
@@ -11,17 +12,16 @@
 @import url("./components/shared/Button/styles/CommandBarButton.css");
 @import url("./components/shared/Button/styles/PaneToggleButton.css");
 @import url("./components/shared/Dropdown.css");
 @import url("./components/shared/ManagedTree.css");
 @import url("./components/shared/menu.css");
 @import url("./components/shared/Modal.css");
 @import url("./components/shared/Popover.css");
 @import url("./components/shared/PreviewFunction.css");
-@import url("./components/shared/reps.css");
 @import url("./components/shared/ResultList.css");
 @import url("./components/shared/SearchInput.css");
 @import url("./components/shared/SourceIcon.css");
 
 @import url("./components/Editor/Breakpoints.css");
 @import url("./components/Editor/ConditionalPanel.css");
 @import url("./components/Editor/Editor.css");
 @import url("./components/Editor/Footer.css");