Bug 1367193 - Release new Debugger Frontend 5/23 (dd10dcb). r=jdescottes

devtools/client/debugger/new/debugger.css

@@ -1068,6 +1068,7 @@ html .arrow.expanded svg {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  position: relative;
 }
 
 .sources-panel * {
@@ -1127,6 +1128,10 @@ html .arrow.expanded svg {
   padding-top: 5px;
   text-align: center;
 }
+
+.hidden {
+  display: none;
+}
 .outline-list {
   list-style-type: "-";
 }
@@ -1287,7 +1292,7 @@ html .toggle-button-end.vertical svg {
   left: 0;
   right: 1px;
   opacity: 1;
-  z-index: 100;
+  z-index: 1;
   -moz-user-select: none;
   user-select: none;
   height: var(--editor-footer-height);
@@ -1312,7 +1317,7 @@ html .toggle-button-end.vertical svg {
   transition: opacity 200ms;
   border: none;
   background: transparent;
-  padding: 8px 0.7em;
+  padding: 6px 0.7em;
 }
 
 .source-footer > .commands > .action i {
@@ -1440,14 +1445,10 @@ html .toggle-button-end.vertical svg {
   fill: white;
 }
 
-.search-bottom-bar .search-modifiers button.disabled svg {
-  fill: var(--theme-comment-alt);
-  cursor: default;
-}
-
 .search-bottom-bar .search-type-toggles {
   display: flex;
   align-items: center;
+  max-width: 68%;
 }
 
 .search-bottom-bar .search-type-toggles .search-toggle-title {
@@ -1455,10 +1456,13 @@ html .toggle-button-end.vertical svg {
   font-size: 11px;
   font-weight: normal;
   margin: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .search-bottom-bar .search-type-toggles .search-type-btn {
-  margin: 0 6px;
+  margin: 0 0 0 6px;
   border: none;
   background: transparent;
   color: var(--theme-comment-alt);
@@ -1594,7 +1598,7 @@ html .toggle-button-end.vertical svg {
 
 .tooltip .preview {
   background: var(--theme-toolbar-background);
-  max-width: 350px;
+  max-width: inherit;
   min-height: 80px;
   border: 1px solid var(--theme-splitter-color);
   box-shadow: 1px 2px 4px 1px var(--theme-toolbar-background-alt);
@@ -1845,6 +1849,47 @@ html[dir="rtl"] .editor-mount {
 .visible {
   visibility: visible;
 }
+.cm-highlight {
+  position: relative;
+}
+
+.cm-highlight::before {
+  position: absolute;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: var(--theme-comment-alt);
+  border-bottom-color: var(--theme-comment-alt);
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  top: -1px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  content: "";
+  margin-bottom: -1px;
+}
+
+.cm-highlight-full::before {
+  border: 1px solid var(--theme-comment-alt);
+}
+
+.cm-highlight-start::before {
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: var(--theme-comment-alt);
+  margin: 0 0 -1px -1px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.cm-highlight-end::before {
+  border-right-width: 1px;
+  border-right-style: solid;
+  border-right-color: var(--theme-comment-alt);
+  margin: 0 -1px -1px 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
 
 .why-paused {
   background-color: var(--theme-body-background);

devtools/client/debugger/new/test/mochitest/browser_dbg-pretty-print.js

@@ -24,8 +24,8 @@ add_task(function*() {
 
   // The pretty-print button should go away in the pretty-printed
   // source.
-  ok(!findElement(dbg, "sourceFooter"), "Footer is hidden");
+  ok(!findElement(dbg, "editorFooter"), "Footer is hidden");
 
   yield selectSource(dbg, "math.min.js");
-  ok(findElement(dbg, "sourceFooter"), "Footer is hidden");
+  ok(findElement(dbg, "editorFooter"), "Footer is hidden");
 });

devtools/client/debugger/new/test/mochitest/head.js

@@ -645,7 +645,8 @@ const selectors = {
   stepIn: ".stepIn.active",
   toggleBreakpoints: ".breakpoints-toggle",
   prettyPrintButton: ".prettyPrint",
-  sourceFooter: ".source-footer",
+  sourcesFooter: ".sources-panel .source-footer",
+  editorFooter: ".editor-pane .source-footer",
   sourceNode: i => `.sources-list .tree-node:nth-child(${i})`,
   sourceNodes: ".sources-list .tree-node",
   sourceArrow: i => `.sources-list .tree-node:nth-child(${i}) .arrow`

devtools/client/locales/en-US/debugger.properties

@@ -140,6 +140,14 @@ sources.search.alt.key=CmdOrCtrl+O
 # does not have any sources.
 sources.noSourcesAvailable=This page has no sources
 
+# LOCALIZATION NOTE (sourcesPane.showSourcesTooltip): The tooltip shown when
+# the user will navigate to the source tree view.
+sourcesPane.showSourcesTooltip=Show sources
+
+# LOCALIZATION NOTE (sourcesPane.showOutlineTooltip): The tooltip shown when
+# the user will navigate to the source outline view.
+sourcesPane.showOutlineTooltip=Show outline
+
 # LOCALIZATION NOTE (sourceSearch.search.key2): Key shortcut to open the search
 # for searching within a the currently opened files in the editor
 sourceSearch.search.key2=CmdOrCtrl+F
@@ -310,13 +318,17 @@ editor.jumpToMappedLocation1=Jump to %S location
 # context menu to disable framework grouping.
 framework.disableGrouping=Disable Framework Grouping
 
+# LOCALIZATION NOTE (framework.disableGrouping.accesskey): Access key to toggle
+# framework grouping from the context menu.
+framework.disableGrouping.accesskey=u
+
 # LOCALIZATION NOTE (framework.enableGrouping): This is the text that appears in the
 # context menu to enable framework grouping.
 framework.enableGrouping=Enable Framework Grouping
 
-# LOCALIZATION NOTE (framework.accesskey): Access key to toggle framework grouping from
-# the context menu.
-framework.accesskey=u
+# LOCALIZATION NOTE (framework.enableGrouping.accesskey): Access key to toggle
+# framework grouping from the context menu.
+framework.enableGrouping.accesskey=u
 
 # LOCALIZATION NOTE (generated): Source Map term for a server source location
 generated=generated
@@ -392,6 +404,10 @@ sourceFooter.blackbox=Blackbox Source
 # with the blackbox button
 sourceFooter.unblackbox=Unblackbox Source
 
+# LOCALIZATION NOTE (sourceFooter.unblackbox.accesskey): Access key to blackbox
+# an associated source
+sourceFooter.unblackbox.accesskey=b
+
 # LOCALIZATION NOTE (sourceFooter.blackbox.accesskey): Access key to blackbox
 # an associated source
 sourceFooter.blackbox.accesskey=b

devtools/client/preferences/debugger.js

@@ -39,3 +39,6 @@ pref("devtools.debugger.tabs", "[]");
 pref("devtools.debugger.pending-selected-location", "{}");
 pref("devtools.debugger.pending-breakpoints", "[]");
 pref("devtools.debugger.expressions", "[]");
+pref("devtools.debugger.file-search-case-sensitive", true);
+pref("devtools.debugger.file-search-whole-word", false );
+pref("devtools.debugger.file-search-regex-match", false);