Bug 1664393: Load all images in reps/ in devtools using chrome:. r=jdescottes

Differential Revision: https://phabricator.services.mozilla.com/D89883

devtools/client/debugger/packages/devtools-reps/src/reps/reps.css

@@ -247,7 +247,7 @@
 
 button.open-accessibility-inspector,
 button.open-inspector {
-  mask: url("resource://devtools/client/shared/components/reps/images/open-inspector.svg")
+  mask: url("chrome://devtools/content/shared/components/reps/images/open-inspector.svg")
     no-repeat;
   display: inline-block;
   vertical-align: top;
@@ -277,7 +277,7 @@ button.jump-definition {
   margin-left: 0.25em;
   vertical-align: middle;
   background: 0% 50%
-    url("resource://devtools/client/shared/components/reps/images/jump-definition.svg")
+    url("chrome://devtools/content/shared/components/reps/images/jump-definition.svg")
     no-repeat;
   border-color: transparent;
   stroke: var(--theme-icon-color);
@@ -297,7 +297,7 @@ button.jump-definition {
 /* Invoke getter button */
 
 button.invoke-getter {
-  mask: url(resource://devtools/client/shared/components/reps/images/input.svg)
+  mask: url(chrome://devtools/content/shared/components/reps/images/input.svg)
     no-repeat;
   display: inline-block;
   background-color: var(--theme-icon-color);

devtools/client/jar.mn

@@ -167,6 +167,9 @@ devtools.jar:
     content/shared/widgets/spectrum.css (shared/widgets/spectrum.css)
     content/shared/components/SmartTrace.css (shared/components/SmartTrace.css)
     content/shared/components/reps/reps.css (shared/components/reps/reps.css)
+    content/shared/components/reps/images/input.svg (shared/components/reps/images/input.svg)
+    content/shared/components/reps/images/jump-definition.svg (shared/components/reps/images/jump-definition.svg)
+    content/shared/components/reps/images/open-inspector.svg (shared/components/reps/images/open-inspector.svg)
     content/shared/components/tabs/Tabs.css (shared/components/tabs/Tabs.css)
     content/shared/components/NotificationBox.css (shared/components/NotificationBox.css)
     content/shared/components/splitter/GridElementResizer.css (shared/components/splitter/GridElementResizer.css)

devtools/client/shared/components/reps/images/moz.build

@@ -1,11 +0,0 @@
-# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
-# vim: set filetype=python:
-# 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/.
-
-DevToolsModules(
-    'input.svg',
-    'jump-definition.svg',
-    'open-inspector.svg',
-)

devtools/client/shared/components/reps/moz.build

@@ -4,10 +4,6 @@
 # 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/.
 
-DIRS += [
-	'images',
-]
-
 DevToolsModules(
     'reps.js',
 )

devtools/client/shared/components/reps/reps.css

@@ -338,7 +338,7 @@ html[dir="rtl"] .tree-node button.arrow:not(.expanded) {
 
 button.open-accessibility-inspector,
 button.open-inspector {
-  mask: url("resource://devtools/client/shared/components/reps/images/open-inspector.svg")
+  mask: url("chrome://devtools/content/shared/components/reps/images/open-inspector.svg")
     no-repeat;
   display: inline-block;
   vertical-align: top;
@@ -368,7 +368,7 @@ button.jump-definition {
   margin-left: 0.25em;
   vertical-align: middle;
   background: 0% 50%
-    url("resource://devtools/client/shared/components/reps/images/jump-definition.svg")
+    url("chrome://devtools/content/shared/components/reps/images/jump-definition.svg")
     no-repeat;
   border-color: transparent;
   stroke: var(--theme-icon-color);
@@ -388,7 +388,7 @@ button.jump-definition {
 /* Invoke getter button */
 
 button.invoke-getter {
-  mask: url(resource://devtools/client/shared/components/reps/images/input.svg)
+  mask: url(chrome://devtools/content/shared/components/reps/images/input.svg)
     no-repeat;
   display: inline-block;
   background-color: var(--theme-icon-color);

devtools/client/themes/tooltips.css

@@ -592,7 +592,7 @@ strong {
 .event-tooltip-debugger-icon {
   -moz-context-properties: stroke;
   stroke: var(--theme-icon-color);
-  background-image: url("resource://devtools/client/shared/components/reps/images/jump-definition.svg");
+  background-image: url("chrome://devtools/content/shared/components/reps/images/jump-definition.svg");
   background-repeat: no-repeat;
   background-position: center;
   width: 20px;