Merge mozilla-central to mozilla-inbound. a=merge on a CLOSED TREE

accessible/android/DocAccessibleWrap.cpp

@@ -214,6 +214,7 @@ void DocAccessibleWrap::CacheFocusPath(AccessibleWrap* aAccessible) {
     for (AccessibleWrap* acc = aAccessible; acc && acc != this->Parent();
          acc = static_cast<AccessibleWrap*>(acc->Parent())) {
       accessibles.AppendElement(acc);
+      mFocusPath.Put(acc->UniqueID(), acc);
     }
 
     sessionAcc->ReplaceFocusPathCache(accessibles);

browser/base/content/tabbrowser.xml

@@ -2363,7 +2363,9 @@
 
         if (this.selected) {
           this.style.MozUserFocus = "ignore";
-        } else if (this.mOverCloseButton || this._overPlayingIcon) {
+        } else if (event.originalTarget.classList.contains("tab-close-button") ||
+                   event.originalTarget.classList.contains("tab-icon-sound") ||
+                   event.originalTarget.classList.contains("tab-icon-overlay")) {
             // Prevent tabbox.xml from selecting the tab.
             event.stopPropagation();
         }
@@ -2418,8 +2420,9 @@
         }
 
         if (gBrowser.multiSelectedTabsCount > 0 &&
-          !this.mOverCloseButton &&
-          !this._overPlayingIcon) {
+            !event.originalTarget.classList.contains("tab-close-button") &&
+            !event.originalTarget.classList.contains("tab-icon-sound") &&
+            !event.originalTarget.classList.contains("tab-icon-overlay")) {
           // Tabs were previously multi-selected and user clicks on a tab
           // without holding Ctrl/Cmd Key
 
@@ -2430,7 +2433,10 @@
           gBrowser.clearMultiSelectedTabs(updatePositionalAttr);
         }
 
-        if (this._overPlayingIcon) {
+        if (event.originalTarget.classList.contains("tab-icon-sound") ||
+            (event.originalTarget.classList.contains("tab-icon-overlay") &&
+             (event.originalTarget.hasAttribute("soundplaying") ||
+              event.originalTarget.hasAttribute("muted")))) {
           if (this.multiselected) {
             gBrowser.toggleMuteAudioOnMultiSelectedTabs(this);
           } else {
@@ -2464,7 +2470,8 @@
         if (tabContainer._closeTabByDblclick &&
             this._selectedOnFirstMouseDown &&
             this.selected &&
-            !this._overPlayingIcon) {
+            !(event.originalTarget.classList.contains("tab-icon-sound") ||
+              event.originalTarget.classList.contains("tab-icon-overlay"))) {
           gBrowser.removeTab(this, {
             animate: true,
             byMouse: event.mozInputSource == MouseEvent.MOZ_SOURCE_MOUSE,

browser/base/content/test/static/browser_all_files_referenced.js

@@ -342,13 +342,6 @@ function addCodeReference(url, fromURI) {
     if (ref === null)
       return;
   } else {
-    // Mark any file referenced by a 'features' bootstrap.js file as
-    // unconditionally referenced. The features folder is only in
-    // resource://app/ for non-packaged builds.
-    if (/resource:\/\/app\/features\/[^/]+\/bootstrap\.js/.test(from)) {
-      gReferencesFromCode.set(url, null);
-      return;
-    }
     ref = new Set();
     gReferencesFromCode.set(url, ref);
   }
@@ -680,9 +673,6 @@ add_task(async function checkAllTheFiles() {
       if (refs === null)
         return false;
       for (let ref of refs) {
-        if (ref.endsWith("!/bootstrap.js"))
-          return false;
-
         if (isDevtools) {
           if (ref.startsWith("resource://app/components/") ||
               (file.startsWith("chrome://") && ref.startsWith("resource://")))
@@ -755,23 +745,6 @@ add_task(async function checkAllTheFiles() {
     });
   }
 
-  unreferencedFiles = unreferencedFiles.filter(file => {
-    // resource://app/features/ will only contain .xpi files when the test runs
-    // on a packaged build, so the following two exceptions only matter when
-    // running the test on a local non-packaged build.
-
-    if (/resource:\/\/app\/features\/[^/]+\/bootstrap\.js/.test(file)) {
-      info("not reporting feature boostrap file: " + file);
-      return false;
-    }
-    // Bug 1351892 - can stop shipping these?
-    if (/resource:\/\/app\/features\/[^/]+\/chrome\/skin\//.test(file)) {
-      info("not reporting feature skin file that may be for another platform: " + file);
-      return false;
-    }
-    return true;
-  });
-
   is(unreferencedFiles.length, 0, "there should be no unreferenced files");
   for (let file of unreferencedFiles) {
     let refs = gReferencesFromCode.get(file);

browser/components/downloads/content/downloadsPanel.inc.xul

@@ -165,7 +165,6 @@
                 class="downloadsPanelFooterButton"
                 command="downloadsCmd_unblockAndOpen"
                 flex="1"/>
-        <toolbarseparator/>
         <button id="downloadsPanel-blockedSubview-deleteButton"
                 class="downloadsPanelFooterButton"
                 oncommand="DownloadsBlockedSubview.confirmBlock();"

browser/config/tooltool-manifests/win64/webrender.manifest

@@ -0,0 +1,26 @@
+[
+  {
+    "version": "Visual Studio 2017 15.8.4 / SDK 10.0.17134.0",
+    "digest": "ecf1e03f6f98f86775059a43f9e7dc7e326f6643d7c08962d9f614e4f5a65b1ca63fa1cfeb0f1a3c2474bf0d4318dda960b378beb2a44ecf8a91111207f4ece5",
+    "size": 349626009,
+    "algorithm": "sha512",
+    "filename": "vs2017_15.8.4.zip",
+    "unpack": true
+  },
+  {
+    "version": "CMake 3.6.2 repack",
+    "size": 19832889,
+    "digest": "39b0508b60f655969d1b54c76753b14b5b2e92dab58613c835aed798a6aeb9077a7df78aebc011c2c753661fdc15007d3353c0c8773a53148380e2ec02afb629",
+    "algorithm": "sha512",
+    "filename": "cmake362.zip",
+    "unpack": true
+  },
+  {
+    "version": "Ninja 1.7.1",
+    "size": 184821,
+    "digest": "e4f9a1ae624a2630e75264ba37d396d9c7407d6e6aea3763056210ba6e1387908bd31cf4037a6a3661a418e86c4d2761e0c333e6a3bd0d66549d2b0d72d3f43b",
+    "algorithm": "sha512",
+    "filename": "ninja171.zip",
+    "unpack": true
+  }
+]

browser/themes/shared/controlcenter/panel.inc.css

@@ -114,7 +114,7 @@
   background-size: 16px, auto;
   -moz-context-properties: fill;
   fill: currentColor;
-  color: inherit;
+  color: inherit !important; /* !important overrides :hover and :active:hover colors from button.css on Mac and Linux */
 }
 
 .identity-popup-expander:-moz-locale-dir(ltr) {
@@ -163,7 +163,6 @@
 
 .identity-popup-content-blocking-empty-label,
 #tracking-protection-preferences-button > .toolbarbutton-text,
-.identity-popup-footer,
 .tracking-protection-button,
 #identity-popup-trackersView-strict-info > label,
 .identity-popup-cookiesView-list-header,
@@ -313,11 +312,6 @@
   margin-top: 1em;
 }
 
-.identity-popup-footer > button {
-  margin: 0;
-  padding: 8px 20px;
-}
-
 #identity-popup-content-verifier ~ description {
   margin-top: 1em;
   color: var(--panel-disabled-color);

browser/themes/shared/downloads/downloads.inc.css

@@ -30,7 +30,6 @@
   margin: 0;
 }
 
-.downloadsPanelFooter toolbarseparator,
 @item@ > toolbarseparator {
   margin: 0;
   border: 0;
@@ -39,13 +38,6 @@
   -moz-appearance: none;
 }
 
-.downloadsPanelFooterButton {
-  margin: 0;
-  padding: 0;
-  min-width: 0;
-  min-height: 40px;
-}
-
 .downloadsPanelFooterButton:hover {
   outline: 1px solid var(--arrowpanel-dimmed);
 }

browser/themes/shared/places/editBookmarkPanel.inc.css

@@ -57,8 +57,6 @@ html|img#editBookmarkPanelFavicon[src] {
 
 .editBookmarkPanelBottomButton {
   flex: 1;
-  margin: 0;
-  padding: .8em 0;
 }
 
 .editBookmarkPanelBottomButton:not(:last-child) {

build/pgo/profileserver.py

@@ -94,17 +94,27 @@ if __name__ == '__main__':
         # Add MOZ_OBJDIR to the env so that cygprofile.cpp can use it.
         env["MOZ_OBJDIR"] = build.topobjdir
 
+        # Write to an output file if we're running in automation
+        process_args = {}
+        if 'UPLOAD_PATH' in env:
+            process_args['logfile'] = os.path.join(env['UPLOAD_PATH'], 'profile-run-1.log')
+
         # Run Firefox a first time to initialize its profile
         runner = FirefoxRunner(profile=profile,
                                binary=binary,
                                cmdargs=['data:text/html,<script>Quitter.quit()</script>'],
                                env=env,
-                               process_args={'logfile': 'profile-run-1.log'})
+                               process_args=process_args)
         runner.start()
         ret = runner.wait()
         if ret:
             print("Firefox exited with code %d during profile initialization"
                   % ret)
+            logfile = process_args.get('logfile')
+            if logfile:
+                print("Firefox output (%s):" % logfile)
+                with open(logfile) as f:
+                    print(f.read())
             httpd.stop()
             sys.exit(ret)
 
@@ -113,15 +123,22 @@ if __name__ == '__main__':
             env["MOZ_JAR_LOG_FILE"] = os.path.abspath(jarlog)
             print("jarlog: %s" % env["MOZ_JAR_LOG_FILE"])
 
+        if 'UPLOAD_PATH' in env:
+            process_args['logfile'] = os.path.join(env['UPLOAD_PATH'], 'profile-run-2.log')
         cmdargs = ["http://localhost:%d/index.html" % PORT]
         runner = FirefoxRunner(profile=profile,
                                binary=binary,
                                cmdargs=cmdargs,
                                env=env,
-                               process_args={'logfile': 'profile-run-2.log'})
+                               process_args=process_args)
         runner.start(debug_args=debug_args, interactive=interactive)
         ret = runner.wait()
         httpd.stop()
         if ret:
             print("Firefox exited with code %d during profiling" % ret)
+            logfile = process_args.get('logfile')
+            if logfile:
+                print("Firefox output (%s):" % logfile)
+                with open(logfile) as f:
+                    print(f.read())
             sys.exit(ret)

devtools/client/debugger/new/.flowconfig

@@ -0,0 +1,17 @@
+[ignore]
+.*node_modules/.*
+<PROJECT_ROOT>/firefox/.*
+.*mozilla-central/.*
+.*flow-coverage-report/.*
+.*custom_format_broken.json
+.*packages/devtools-reps/src/object-inspector/.*
+<PROJECT_ROOT>/webpack-stats/.*
+
+[include]
+./node_modules/source-map/source-map.js
+
+[libs]
+./src/global-types.js
+
+[options]
+suppress_comment=\\(.\\|\n\\)*\\$FlowIgnore

devtools/client/debugger/new/flow-typed/debugger-html.js

@@ -0,0 +1,258 @@
+/* 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/>. */
+
+// @flow
+
+declare module "debugger-html" {
+  /**
+   * Breakpoint ID
+   *
+   * @memberof types
+   * @static
+   */
+  declare type BreakpointId = string;
+
+  /**
+   * Source ID
+   *
+   * @memberof types
+   * @static
+   */
+  declare type SourceId = string;
+
+  /**
+   * Actor ID
+   *
+   * @memberof types
+   * @static
+   */
+  declare type ActorId = string;
+
+  /**
+   * Source File Location
+   *
+   * @memberof types
+   * @static
+   */
+  declare type SourceLocation = {|
+    sourceId: SourceId,
+    line: number,
+    column?: number,
+    sourceUrl?: string
+  |};
+
+  /**
+   * Breakpoint
+   *
+   * @memberof types
+   * @static
+   */
+  declare type Breakpoint = {
+    id: BreakpointId,
+    location: SourceLocation,
+    loading: boolean,
+    disabled: boolean,
+    text: string,
+    condition: ?string
+  };
+
+  /**
+   * Breakpoint Result is the return from an add/modify Breakpoint request
+   *
+   * @memberof types
+   * @static
+   */
+  declare type BreakpointResult = {
+    id: ActorId,
+    actualLocation: SourceLocation
+  };
+
+  /**
+   * Source
+   *
+   * @memberof types
+   * @static
+   */
+  declare type Source = {
+    id: SourceId,
+    url?: string,
+    sourceMapURL?: string,
+    isWasm: boolean,
+    text?: string,
+    contentType?: string
+  };
+
+  /**
+   * Frame ID
+   *
+   * @memberof types
+   * @static
+   */
+  declare type FrameId = string;
+
+  /**
+   * Frame
+   * @memberof types
+   * @static
+   */
+  declare type Frame = {
+    id: FrameId,
+    displayName: string,
+    location: SourceLocation,
+    source?: Source,
+    scope: Scope,
+    // FIXME Define this type more clearly
+    this: Object
+  };
+
+  /**
+   * why
+   * @memberof types
+   * @static
+   */
+  declare type Why = {
+    type: string
+  };
+
+  /**
+   * Why is the Debugger Paused?
+   * This is the generic state handling the reason the debugger is paused.
+   * Reasons are usually related to "breakpoint" or "debuggerStatement"
+   * and should eventually be specified here as an enum.  For now we will
+   * just offer it as a string.
+   * @memberof types
+   * @static
+   */
+  declare type WhyPaused = {
+    type: string
+  };
+
+  declare type LoadedObject = {
+    objectId: string,
+    parentId: string,
+    name: string,
+    value: any
+  };
+
+  /**
+   * Pause
+   * @memberof types
+   * @static
+   */
+  declare type Pause = {
+    frames: Frame[],
+    why: Why,
+    getIn: (string[]) => any,
+    loadedObjects?: LoadedObject[]
+  };
+  /**
+   * Expression
+   * @memberof types
+   * @static
+   */
+  declare type Expression = {
+    id: number,
+    input: string
+  };
+
+  /**
+   * Grip
+   * @memberof types
+   * @static
+   */
+  declare type Grip = {
+    actor: string,
+    class: string,
+    extensible: boolean,
+    frozen: boolean,
+    isGlobal: boolean,
+    ownPropertyLength: number,
+    preview: {
+      kind: string,
+      url: string
+    },
+    sealed: boolean,
+    type: string
+  };
+
+  /**
+   * SourceText
+   * @memberof types
+   * @static
+   */
+  declare type SourceText = {
+    id: string,
+    text: string,
+    contentType: string
+  };
+
+  /**
+   * SourceScope
+   * @memberof types
+   * @static
+   */
+  declare type SourceScope = {
+    type: string,
+    start: SourceLocation,
+    end: SourceLocation,
+    bindings: {
+      [name: string]: SourceLocation[]
+    }
+  };
+
+  /*
+ * MappedScopeBindings
+ * @memberof types
+ * @static
+ */
+  declare type MappedScopeBindings = {
+    type: string,
+    bindings: {
+      [originalName: string]: string
+    }
+  };
+
+  /**
+   * Script
+   * This describes scripts which are sent to the debug server to be eval'd
+   * @memberof types
+   * @static
+   * FIXME: This needs a real type definition
+   */
+  declare type Script = any;
+
+  declare type SyntheticScope = {
+    type: string,
+    bindingsNames: string[]
+  };
+
+  /**
+   * Scope
+   * @memberof types
+   * @static
+   */
+  declare type Scope = {
+    actor: ActorId,
+    parent: Scope,
+    bindings: {
+      // FIXME Define these types more clearly
+      arguments: Array<Object>,
+      variables: Object
+    },
+    function: {
+      actor: ActorId,
+      class: string,
+      displayName: string,
+      location: SourceLocation,
+      // FIXME Define this type more clearly
+      parameterNames: Array<Object>
+    },
+    syntheticScopes?: {
+      scopes: SyntheticScope[],
+      groupIndex: number,
+      groupLength: number
+    },
+    type: string
+  };
+}

devtools/client/debugger/new/flow-typed/npm-custom/devtools-contextmenu_vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "devtools-contextmenu" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm-custom/devtools-module-vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "devtools-modules" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm-custom/react-aria-components-vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "react-aria-components/src/tabs" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/@babel/generator-vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "@babel/generator" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/@babel/parser.vx.x.x.js

@@ -0,0 +1,8 @@
+/* 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/>. */
+
+declare module "@babel/parser" {
+  declare module.exports: any;
+}
+

devtools/client/debugger/new/flow-typed/npm/@babel/plugin-proposal-object-rest-spread_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 50d0b93478f122b130040c04d56690fe
+// flow-typed version: <<STUB>>/@babel/plugin-proposal-object-rest-spread_v^7.0.0-beta.46/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   '@babel/plugin-proposal-object-rest-spread'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module '@babel/plugin-proposal-object-rest-spread' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module '@babel/plugin-proposal-object-rest-spread/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module '@babel/plugin-proposal-object-rest-spread/lib/index.js' {
+  declare module.exports: $Exports<'@babel/plugin-proposal-object-rest-spread/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/@babel/template_vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "@babel/template" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/@babel/types.vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "@babel/types" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/babel-eslint_vx.x.x.js

@@ -0,0 +1,123 @@
+// flow-typed signature: 28c2a7b2278f5607aaa32bef5f3c8e92
+// flow-typed version: <<STUB>>/babel-eslint_v^8.2.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-eslint'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-eslint' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-eslint/lib/analyze-scope' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/attachComments' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/convertComments' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/convertTemplateType' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/index' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/toAST' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/toToken' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/babylon-to-espree/toTokens' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/parse-with-patch' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/parse-with-scope' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/parse' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/patch-eslint-scope' {
+  declare module.exports: any;
+}
+
+declare module 'babel-eslint/lib/visitor-keys' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-eslint/lib/analyze-scope.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/analyze-scope'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/attachComments.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/attachComments'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/convertComments.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/convertComments'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/convertTemplateType.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/convertTemplateType'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/index.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/index'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/toAST.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/toAST'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/toToken.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/toToken'>;
+}
+declare module 'babel-eslint/lib/babylon-to-espree/toTokens.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/babylon-to-espree/toTokens'>;
+}
+declare module 'babel-eslint/lib/index.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/index'>;
+}
+declare module 'babel-eslint/lib/parse-with-patch.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/parse-with-patch'>;
+}
+declare module 'babel-eslint/lib/parse-with-scope.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/parse-with-scope'>;
+}
+declare module 'babel-eslint/lib/parse.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/parse'>;
+}
+declare module 'babel-eslint/lib/patch-eslint-scope.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/patch-eslint-scope'>;
+}
+declare module 'babel-eslint/lib/visitor-keys.js' {
+  declare module.exports: $Exports<'babel-eslint/lib/visitor-keys'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-jest_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 160b36770abbe0b9068a9cafd67abda7
+// flow-typed version: <<STUB>>/babel-jest_v^22.4.3/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-jest'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-jest' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-jest/build/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-jest/build/index.js' {
+  declare module.exports: $Exports<'babel-jest/build/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-plugin-syntax-trailing-function-commas_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 1baa177a6c4eae594b60010d241ad23d
+// flow-typed version: <<STUB>>/babel-plugin-syntax-trailing-function-commas_v^6.22.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-plugin-syntax-trailing-function-commas'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-plugin-syntax-trailing-function-commas' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-plugin-syntax-trailing-function-commas/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-plugin-syntax-trailing-function-commas/lib/index.js' {
+  declare module.exports: $Exports<'babel-plugin-syntax-trailing-function-commas/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-plugin-transform-class-properties_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 767a7d3bf2a66c090e5050cb6c19194d
+// flow-typed version: <<STUB>>/babel-plugin-transform-class-properties_v^6.24.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-plugin-transform-class-properties'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-plugin-transform-class-properties' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-plugin-transform-class-properties/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-plugin-transform-class-properties/lib/index.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-class-properties/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-plugin-transform-es2015-modules-commonjs_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 7821899f0bd8a6e39338f44e881539e1
+// flow-typed version: <<STUB>>/babel-plugin-transform-es2015-modules-commonjs_v^6.26.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-plugin-transform-es2015-modules-commonjs'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-plugin-transform-es2015-modules-commonjs' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-plugin-transform-es2015-modules-commonjs/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-plugin-transform-es2015-modules-commonjs/lib/index.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-es2015-modules-commonjs/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-plugin-transform-imports_vx.x.x.js

@@ -0,0 +1,52 @@
+// flow-typed signature: c33012568e4736f7e1d96c628bfd42fe
+// flow-typed version: <<STUB>>/babel-plugin-transform-imports_v^1.5.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-plugin-transform-imports'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-plugin-transform-imports' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-plugin-transform-imports/test/invalidTransform' {
+  declare module.exports: any;
+}
+
+declare module 'babel-plugin-transform-imports/test/tests' {
+  declare module.exports: any;
+}
+
+declare module 'babel-plugin-transform-imports/test/transform' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-plugin-transform-imports/index' {
+  declare module.exports: $Exports<'babel-plugin-transform-imports'>;
+}
+declare module 'babel-plugin-transform-imports/index.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-imports'>;
+}
+declare module 'babel-plugin-transform-imports/test/invalidTransform.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-imports/test/invalidTransform'>;
+}
+declare module 'babel-plugin-transform-imports/test/tests.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-imports/test/tests'>;
+}
+declare module 'babel-plugin-transform-imports/test/transform.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-imports/test/transform'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-preset-env_vx.x.x.js

@@ -0,0 +1,88 @@
+// flow-typed signature: 84e004258eec612c8ccb08e44dce7287
+// flow-typed version: <<STUB>>/babel-preset-env_v^1.6.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-preset-env'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-preset-env' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-preset-env/data/built-in-features' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/data/plugin-features' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/default-includes' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/module-transformations' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/normalize-options' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/targets-parser' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/transform-polyfill-require-plugin' {
+  declare module.exports: any;
+}
+
+declare module 'babel-preset-env/lib/utils' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-preset-env/data/built-in-features.js' {
+  declare module.exports: $Exports<'babel-preset-env/data/built-in-features'>;
+}
+declare module 'babel-preset-env/data/plugin-features.js' {
+  declare module.exports: $Exports<'babel-preset-env/data/plugin-features'>;
+}
+declare module 'babel-preset-env/lib/default-includes.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/default-includes'>;
+}
+declare module 'babel-preset-env/lib/index.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/index'>;
+}
+declare module 'babel-preset-env/lib/module-transformations.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/module-transformations'>;
+}
+declare module 'babel-preset-env/lib/normalize-options.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/normalize-options'>;
+}
+declare module 'babel-preset-env/lib/targets-parser.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/targets-parser'>;
+}
+declare module 'babel-preset-env/lib/transform-polyfill-require-plugin.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/transform-polyfill-require-plugin'>;
+}
+declare module 'babel-preset-env/lib/utils.js' {
+  declare module.exports: $Exports<'babel-preset-env/lib/utils'>;
+}

devtools/client/debugger/new/flow-typed/npm/babel-preset-react_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: f5e04b898503558aa17c56b8ac7866c9
+// flow-typed version: <<STUB>>/babel-preset-react_v^6.24.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-preset-react'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-preset-react' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-preset-react/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-preset-react/lib/index.js' {
+  declare module.exports: $Exports<'babel-preset-react/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/babylon_vx.x.x.js

@@ -0,0 +1,39 @@
+// flow-typed signature: b285a8370cefe307037faf39b8087ead
+// flow-typed version: <<STUB>>/babylon_v^7.0.0-beta.39/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babylon'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babylon' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babylon/bin/babylon' {
+  declare module.exports: any;
+}
+
+declare module 'babylon/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babylon/bin/babylon.js' {
+  declare module.exports: $Exports<'babylon/bin/babylon'>;
+}
+declare module 'babylon/lib/index.js' {
+  declare module.exports: $Exports<'babylon/lib/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/classnames_v2.x.x.js

@@ -0,0 +1,23 @@
+// flow-typed signature: cf86673cc32d185bdab1d2ea90578d37
+// flow-typed version: 614bf49aa8/classnames_v2.x.x/flow_>=v0.25.x
+
+type $npm$classnames$Classes =
+  | string
+  | { [className: string]: * }
+  | false
+  | void
+  | null;
+
+declare module "classnames" {
+  declare module.exports: (
+    ...classes: Array<$npm$classnames$Classes | $npm$classnames$Classes[]>
+  ) => string;
+}
+
+declare module "classnames/bind" {
+  declare module.exports: $Exports<"classnames">;
+}
+
+declare module "classnames/dedupe" {
+  declare module.exports: $Exports<"classnames">;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-environment_vx.x.x.js

@@ -0,0 +1,38 @@
+// flow-typed signature: e571fcbee32871c14490c67cfb4ad7b8
+// flow-typed version: <<STUB>>/devtools-environment_v^0.0.5/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'devtools-environment'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'devtools-environment' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'devtools-environment/test-flag' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'devtools-environment/index' {
+  declare module.exports: $Exports<'devtools-environment'>;
+}
+declare module 'devtools-environment/index.js' {
+  declare module.exports: $Exports<'devtools-environment'>;
+}
+declare module 'devtools-environment/test-flag.js' {
+  declare module.exports: $Exports<'devtools-environment/test-flag'>;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-launchpad_vx.x.x.js

@@ -0,0 +1,437 @@
+// flow-typed signature: ed23545f5617d6eb257c02f9f2d95eea
+// flow-typed version: <<STUB>>/devtools-launchpad_v0.0.125/flow_v0.74.0
+
+/* 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/>. */
+
+declare module "devtools-launchpad" {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module "devtools-launchpad/assets/Svg" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/bin/chrome-driver" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/bin/dev-server" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/bin/firefox-driver" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/bin/validate-deps" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/postcss.config" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/actions/config" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/actions/index" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/actions/tabs" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/actions/types" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/client/chrome" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/client/firefox-types" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/client/firefox" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/client/index" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/client/types" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/LandingPage" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/LaunchpadApp" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/Root" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/Settings" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/Sidebar" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/components/Tabs" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/constants" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/development-server" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/feature" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/index" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/main" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/reducers/config" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/reducers/index" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/reducers/tabs" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/selectors" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/server/launch" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/server/utils/firefox" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/index" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/mc/make-bundle" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/mc/symlink-tests" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/tests/webpack.config" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/utils/copy-file" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/tools/utils/process-handler" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/assert" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/create-store" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/debug" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/defer" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/DevToolsUtils" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/event-emitter" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/fromJS" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/L10N" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/redux/middleware/history" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/redux/middleware/log" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/redux/middleware/promise" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/redux/middleware/thunk" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/redux/middleware/wait-service" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/src/utils/utils" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/webpack.config.devtools" {
+  declare module.exports: any;
+}
+
+declare module "devtools-launchpad/webpack.config" {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module "devtools-launchpad/assets/Svg.js" {
+  declare module.exports: $Exports<"devtools-launchpad/assets/Svg">;
+}
+declare module "devtools-launchpad/bin/chrome-driver.js" {
+  declare module.exports: $Exports<"devtools-launchpad/bin/chrome-driver">;
+}
+declare module "devtools-launchpad/bin/dev-server.js" {
+  declare module.exports: $Exports<"devtools-launchpad/bin/dev-server">;
+}
+declare module "devtools-launchpad/bin/firefox-driver.js" {
+  declare module.exports: $Exports<"devtools-launchpad/bin/firefox-driver">;
+}
+declare module "devtools-launchpad/bin/validate-deps.js" {
+  declare module.exports: $Exports<"devtools-launchpad/bin/validate-deps">;
+}
+declare module "devtools-launchpad/index" {
+  declare module.exports: $Exports<"devtools-launchpad">;
+}
+declare module "devtools-launchpad/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad">;
+}
+declare module "devtools-launchpad/postcss.config.js" {
+  declare module.exports: $Exports<"devtools-launchpad/postcss.config">;
+}
+declare module "devtools-launchpad/src/actions/config.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/actions/config">;
+}
+declare module "devtools-launchpad/src/actions/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/actions/index">;
+}
+declare module "devtools-launchpad/src/actions/tabs.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/actions/tabs">;
+}
+declare module "devtools-launchpad/src/actions/types.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/actions/types">;
+}
+declare module "devtools-launchpad/src/client/chrome.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/client/chrome">;
+}
+declare module "devtools-launchpad/src/client/firefox-types.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/client/firefox-types"
+  >;
+}
+declare module "devtools-launchpad/src/client/firefox.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/client/firefox">;
+}
+declare module "devtools-launchpad/src/client/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/client/index">;
+}
+declare module "devtools-launchpad/src/client/types.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/client/types">;
+}
+declare module "devtools-launchpad/src/components/LandingPage.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/components/LandingPage"
+  >;
+}
+declare module "devtools-launchpad/src/components/LaunchpadApp.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/components/LaunchpadApp"
+  >;
+}
+declare module "devtools-launchpad/src/components/Root.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/components/Root">;
+}
+declare module "devtools-launchpad/src/components/Settings.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/components/Settings"
+  >;
+}
+declare module "devtools-launchpad/src/components/Sidebar.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/components/Sidebar">;
+}
+declare module "devtools-launchpad/src/components/Tabs.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/components/Tabs">;
+}
+declare module "devtools-launchpad/src/constants.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/constants">;
+}
+declare module "devtools-launchpad/src/development-server.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/development-server">;
+}
+declare module "devtools-launchpad/src/feature.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/feature">;
+}
+declare module "devtools-launchpad/src/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/index">;
+}
+declare module "devtools-launchpad/src/main.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/main">;
+}
+declare module "devtools-launchpad/src/reducers/config.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/reducers/config">;
+}
+declare module "devtools-launchpad/src/reducers/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/reducers/index">;
+}
+declare module "devtools-launchpad/src/reducers/tabs.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/reducers/tabs">;
+}
+declare module "devtools-launchpad/src/selectors.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/selectors">;
+}
+declare module "devtools-launchpad/src/server/launch.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/server/launch">;
+}
+declare module "devtools-launchpad/src/server/utils/firefox.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/server/utils/firefox"
+  >;
+}
+declare module "devtools-launchpad/src/tools/index.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/tools/index">;
+}
+declare module "devtools-launchpad/src/tools/mc/make-bundle.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/tools/mc/make-bundle"
+  >;
+}
+declare module "devtools-launchpad/src/tools/mc/symlink-tests.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/tools/mc/symlink-tests"
+  >;
+}
+declare module "devtools-launchpad/src/tools/tests/webpack.config.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/tools/tests/webpack.config"
+  >;
+}
+declare module "devtools-launchpad/src/tools/utils/copy-file.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/tools/utils/copy-file"
+  >;
+}
+declare module "devtools-launchpad/src/tools/utils/process-handler.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/tools/utils/process-handler"
+  >;
+}
+declare module "devtools-launchpad/src/utils/assert.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/assert">;
+}
+declare module "devtools-launchpad/src/utils/create-store.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/create-store">;
+}
+declare module "devtools-launchpad/src/utils/debug.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/debug">;
+}
+declare module "devtools-launchpad/src/utils/defer.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/defer">;
+}
+declare module "devtools-launchpad/src/utils/DevToolsUtils.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/DevToolsUtils"
+  >;
+}
+declare module "devtools-launchpad/src/utils/event-emitter.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/event-emitter"
+  >;
+}
+declare module "devtools-launchpad/src/utils/fromJS.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/fromJS">;
+}
+declare module "devtools-launchpad/src/utils/L10N.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/L10N">;
+}
+declare module "devtools-launchpad/src/utils/redux/middleware/history.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/redux/middleware/history"
+  >;
+}
+declare module "devtools-launchpad/src/utils/redux/middleware/log.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/redux/middleware/log"
+  >;
+}
+declare module "devtools-launchpad/src/utils/redux/middleware/promise.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/redux/middleware/promise"
+  >;
+}
+declare module "devtools-launchpad/src/utils/redux/middleware/thunk.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/redux/middleware/thunk"
+  >;
+}
+declare module "devtools-launchpad/src/utils/redux/middleware/wait-service.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/src/utils/redux/middleware/wait-service"
+  >;
+}
+declare module "devtools-launchpad/src/utils/utils.js" {
+  declare module.exports: $Exports<"devtools-launchpad/src/utils/utils">;
+}
+declare module "devtools-launchpad/webpack.config.devtools.js" {
+  declare module.exports: $Exports<
+    "devtools-launchpad/webpack.config.devtools"
+  >;
+}
+declare module "devtools-launchpad/webpack.config.js" {
+  declare module.exports: $Exports<"devtools-launchpad/webpack.config">;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-services.vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "devtools-services" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-source-map_vx.x.x.js

@@ -0,0 +1,179 @@
+// flow-typed signature: db03a73bf0f88da620d049d0cbafe868
+// flow-typed version: <<STUB>>/devtools-source-map_v0.16.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'devtools-source-map'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'devtools-source-map' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'devtools-source-map/jest.config' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/index' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/source-map' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/absolute' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/bundle' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/empty' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/if' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/if.out' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/missingmap' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/noroot' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/fixtures/noroot2' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/getContentType' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/helpers' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/locations' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/source-map' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/tests/wasm-source-map' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/utils/assert' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/utils/fetchSourceMap' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/utils/index' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/utils/sourceMapRequests' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/utils/wasmRemap' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-source-map/src/worker' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'devtools-source-map/jest.config.js' {
+  declare module.exports: $Exports<'devtools-source-map/jest.config'>;
+}
+declare module 'devtools-source-map/src/index.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/index'>;
+}
+declare module 'devtools-source-map/src/source-map.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/source-map'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/absolute.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/absolute'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/bundle.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/bundle'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/empty.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/empty'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/if.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/if'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/if.out.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/if.out'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/missingmap.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/missingmap'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/noroot.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/noroot'>;
+}
+declare module 'devtools-source-map/src/tests/fixtures/noroot2.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/fixtures/noroot2'>;
+}
+declare module 'devtools-source-map/src/tests/getContentType.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/getContentType'>;
+}
+declare module 'devtools-source-map/src/tests/helpers.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/helpers'>;
+}
+declare module 'devtools-source-map/src/tests/locations.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/locations'>;
+}
+declare module 'devtools-source-map/src/tests/source-map.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/source-map'>;
+}
+declare module 'devtools-source-map/src/tests/wasm-source-map.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/tests/wasm-source-map'>;
+}
+declare module 'devtools-source-map/src/utils/assert.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/utils/assert'>;
+}
+declare module 'devtools-source-map/src/utils/fetchSourceMap.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/utils/fetchSourceMap'>;
+}
+declare module 'devtools-source-map/src/utils/index.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/utils/index'>;
+}
+declare module 'devtools-source-map/src/utils/sourceMapRequests.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/utils/sourceMapRequests'>;
+}
+declare module 'devtools-source-map/src/utils/wasmRemap.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/utils/wasmRemap'>;
+}
+declare module 'devtools-source-map/src/worker.js' {
+  declare module.exports: $Exports<'devtools-source-map/src/worker'>;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-splitter_vx.x.x.js

@@ -0,0 +1,52 @@
+// flow-typed signature: 0a9392144d4570b0a94c67ff862671c1
+// flow-typed version: <<STUB>>/devtools-splitter_v^0.0.6/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'devtools-splitter'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'devtools-splitter' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'devtools-splitter/src/Draggable' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-splitter/src/SplitBox' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-splitter/stories/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'devtools-splitter/index' {
+  declare module.exports: $Exports<'devtools-splitter'>;
+}
+declare module 'devtools-splitter/index.js' {
+  declare module.exports: $Exports<'devtools-splitter'>;
+}
+declare module 'devtools-splitter/src/Draggable.js' {
+  declare module.exports: $Exports<'devtools-splitter/src/Draggable'>;
+}
+declare module 'devtools-splitter/src/SplitBox.js' {
+  declare module.exports: $Exports<'devtools-splitter/src/SplitBox'>;
+}
+declare module 'devtools-splitter/stories/index.js' {
+  declare module.exports: $Exports<'devtools-splitter/stories/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/devtools-utils_vx.x.x.js

@@ -0,0 +1,66 @@
+// flow-typed signature: 92b2c276e7ab4727424c83e6c8c86d54
+// flow-typed version: <<STUB>>/devtools-utils_v0.0.13/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'devtools-utils'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'devtools-utils' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'devtools-utils/src/network-request' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-utils/src/privileged-network-request' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-utils/src/tests/network-request' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-utils/src/tests/worker-utils' {
+  declare module.exports: any;
+}
+
+declare module 'devtools-utils/src/worker-utils' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'devtools-utils/index' {
+  declare module.exports: $Exports<'devtools-utils'>;
+}
+declare module 'devtools-utils/index.js' {
+  declare module.exports: $Exports<'devtools-utils'>;
+}
+declare module 'devtools-utils/src/network-request.js' {
+  declare module.exports: $Exports<'devtools-utils/src/network-request'>;
+}
+declare module 'devtools-utils/src/privileged-network-request.js' {
+  declare module.exports: $Exports<'devtools-utils/src/privileged-network-request'>;
+}
+declare module 'devtools-utils/src/tests/network-request.js' {
+  declare module.exports: $Exports<'devtools-utils/src/tests/network-request'>;
+}
+declare module 'devtools-utils/src/tests/worker-utils.js' {
+  declare module.exports: $Exports<'devtools-utils/src/tests/worker-utils'>;
+}
+declare module 'devtools-utils/src/worker-utils.js' {
+  declare module.exports: $Exports<'devtools-utils/src/worker-utils'>;
+}

devtools/client/debugger/new/flow-typed/npm/enzyme-to-json_vx.x.x.js

@@ -0,0 +1,73 @@
+// flow-typed signature: 91885f62ac449aa24f8c250ab02458de
+// flow-typed version: <<STUB>>/enzyme-to-json_v3.3.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'enzyme-to-json'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'enzyme-to-json' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'enzyme-to-json/createSerializer' {
+  declare module.exports: any;
+}
+
+declare module 'enzyme-to-json/mount' {
+  declare module.exports: any;
+}
+
+declare module 'enzyme-to-json/render' {
+  declare module.exports: any;
+}
+
+declare module 'enzyme-to-json/serializer' {
+  declare module.exports: any;
+}
+
+declare module 'enzyme-to-json/shallow' {
+  declare module.exports: any;
+}
+
+declare module 'enzyme-to-json/utils' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'enzyme-to-json/createSerializer.js' {
+  declare module.exports: $Exports<'enzyme-to-json/createSerializer'>;
+}
+declare module 'enzyme-to-json/index' {
+  declare module.exports: $Exports<'enzyme-to-json'>;
+}
+declare module 'enzyme-to-json/index.js' {
+  declare module.exports: $Exports<'enzyme-to-json'>;
+}
+declare module 'enzyme-to-json/mount.js' {
+  declare module.exports: $Exports<'enzyme-to-json/mount'>;
+}
+declare module 'enzyme-to-json/render.js' {
+  declare module.exports: $Exports<'enzyme-to-json/render'>;
+}
+declare module 'enzyme-to-json/serializer.js' {
+  declare module.exports: $Exports<'enzyme-to-json/serializer'>;
+}
+declare module 'enzyme-to-json/shallow.js' {
+  declare module.exports: $Exports<'enzyme-to-json/shallow'>;
+}
+declare module 'enzyme-to-json/utils.js' {
+  declare module.exports: $Exports<'enzyme-to-json/utils'>;
+}

devtools/client/debugger/new/flow-typed/npm/expect.js_vx.x.x.js

@@ -0,0 +1,33 @@
+// flow-typed signature: c452cf69c057b2476b724ec1f70cb9ad
+// flow-typed version: <<STUB>>/expect.js_v^0.3.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'expect.js'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'expect.js' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+
+
+// Filename aliases
+declare module 'expect.js/index' {
+  declare module.exports: $Exports<'expect.js'>;
+}
+declare module 'expect.js/index.js' {
+  declare module.exports: $Exports<'expect.js'>;
+}

devtools/client/debugger/new/flow-typed/npm/flow-bin_v0.x.x.js

@@ -0,0 +1,6 @@
+// flow-typed signature: 6a5610678d4b01e13bbfbbc62bdaf583
+// flow-typed version: 3817bc6980/flow-bin_v0.x.x/flow_>=v0.25.x
+
+declare module "flow-bin" {
+  declare module.exports: string;
+}

devtools/client/debugger/new/flow-typed/npm/fuzzaldrin-plus_vx.x.x.js

@@ -0,0 +1,81 @@
+// flow-typed signature: d98fb4c8868e0b608d408476eabee964
+// flow-typed version: <<STUB>>/fuzzaldrin-plus_v^0.6.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'fuzzaldrin-plus'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'fuzzaldrin-plus' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus.min' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/filter' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/fuzzaldrin' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/matcher' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/pathScorer' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/query' {
+  declare module.exports: any;
+}
+
+declare module 'fuzzaldrin-plus/lib/scorer' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus'>;
+}
+declare module 'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus.min.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/dist-browser/fuzzaldrin-plus.min'>;
+}
+declare module 'fuzzaldrin-plus/lib/filter.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/filter'>;
+}
+declare module 'fuzzaldrin-plus/lib/fuzzaldrin.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/fuzzaldrin'>;
+}
+declare module 'fuzzaldrin-plus/lib/matcher.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/matcher'>;
+}
+declare module 'fuzzaldrin-plus/lib/pathScorer.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/pathScorer'>;
+}
+declare module 'fuzzaldrin-plus/lib/query.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/query'>;
+}
+declare module 'fuzzaldrin-plus/lib/scorer.js' {
+  declare module.exports: $Exports<'fuzzaldrin-plus/lib/scorer'>;
+}

devtools/client/debugger/new/flow-typed/npm/immutable_vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "immutable" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/jest-environment-jsdom_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: f25c9038252b037506845e1d84dc270d
+// flow-typed version: <<STUB>>/jest-environment-jsdom_v^23.0.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'jest-environment-jsdom'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'jest-environment-jsdom' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'jest-environment-jsdom/build/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'jest-environment-jsdom/build/index.js' {
+  declare module.exports: $Exports<'jest-environment-jsdom/build/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/jest-in-case_vx.x.x.js

@@ -0,0 +1,33 @@
+// flow-typed signature: a46f28fab8140a2f5213b9ef7a0ba1d3
+// flow-typed version: <<STUB>>/jest-in-case_v^1.0.2/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'jest-in-case'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'jest-in-case' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+
+
+// Filename aliases
+declare module 'jest-in-case/index' {
+  declare module.exports: $Exports<'jest-in-case'>;
+}
+declare module 'jest-in-case/index.js' {
+  declare module.exports: $Exports<'jest-in-case'>;
+}

devtools/client/debugger/new/flow-typed/npm/lodash-move-vx.x.x.js

@@ -0,0 +1,3 @@
+declare module "lodash-move" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/lodash.kebabcase_vx.x.x.js

@@ -0,0 +1,33 @@
+// flow-typed signature: fded679a66bcf70a9e3bbd92913b689e
+// flow-typed version: <<STUB>>/lodash.kebabcase_v^4.1.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'lodash.kebabcase'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'lodash.kebabcase' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+
+
+// Filename aliases
+declare module 'lodash.kebabcase/index' {
+  declare module.exports: $Exports<'lodash.kebabcase'>;
+}
+declare module 'lodash.kebabcase/index.js' {
+  declare module.exports: $Exports<'lodash.kebabcase'>;
+}

devtools/client/debugger/new/flow-typed/npm/md5_vx.x.x.js

@@ -0,0 +1,39 @@
+// flow-typed signature: a3dde1b969b0c2be5aa7e0c7b3d210df
+// flow-typed version: <<STUB>>/md5_v^2.2.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'md5'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'md5' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'md5/md5' {
+  declare module.exports: any;
+}
+
+declare module 'md5/test' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'md5/md5.js' {
+  declare module.exports: $Exports<'md5/md5'>;
+}
+declare module 'md5/test.js' {
+  declare module.exports: $Exports<'md5/test'>;
+}

devtools/client/debugger/new/flow-typed/npm/parse-script-tags-vx.x.x.js

@@ -0,0 +1,3 @@
+declare module "parse-script-tags" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/pretty-fast_vx.x.x.js

@@ -0,0 +1,39 @@
+// flow-typed signature: 8170c35dfee66c86bd43478050b3b28a
+// flow-typed version: <<STUB>>/pretty-fast_v^0.2.3/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'pretty-fast'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'pretty-fast' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'pretty-fast/pretty-fast' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-fast/test' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'pretty-fast/pretty-fast.js' {
+  declare module.exports: $Exports<'pretty-fast/pretty-fast'>;
+}
+declare module 'pretty-fast/test.js' {
+  declare module.exports: $Exports<'pretty-fast/test'>;
+}

devtools/client/debugger/new/flow-typed/npm/pretty-quick_vx.x.x.js

@@ -0,0 +1,81 @@
+// flow-typed signature: 141dc3330fe0ae5e18e258fd060e3bf7
+// flow-typed version: <<STUB>>/pretty-quick_v^1.4.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'pretty-quick'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'pretty-quick' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'pretty-quick/bin/pretty-quick' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/createIgnorer' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/formatFiles' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/index' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/isSupportedExtension' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/scms/git' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/scms/hg' {
+  declare module.exports: any;
+}
+
+declare module 'pretty-quick/dist/scms/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'pretty-quick/bin/pretty-quick.js' {
+  declare module.exports: $Exports<'pretty-quick/bin/pretty-quick'>;
+}
+declare module 'pretty-quick/dist/createIgnorer.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/createIgnorer'>;
+}
+declare module 'pretty-quick/dist/formatFiles.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/formatFiles'>;
+}
+declare module 'pretty-quick/dist/index.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/index'>;
+}
+declare module 'pretty-quick/dist/isSupportedExtension.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/isSupportedExtension'>;
+}
+declare module 'pretty-quick/dist/scms/git.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/scms/git'>;
+}
+declare module 'pretty-quick/dist/scms/hg.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/scms/hg'>;
+}
+declare module 'pretty-quick/dist/scms/index.js' {
+  declare module.exports: $Exports<'pretty-quick/dist/scms/index'>;
+}

devtools/client/debugger/new/flow-typed/npm/prop-types_v15.x.x.js

@@ -0,0 +1,35 @@
+// flow-typed signature: d9a983bb1ac458a256c31c139047bdbb
+// flow-typed version: 927687984d/prop-types_v15.x.x/flow_>=v0.41.x
+
+type $npm$propTypes$ReactPropsCheckType = (
+  props: any,
+  propName: string,
+  componentName: string,
+  href?: string) => ?Error;
+
+declare module 'prop-types' {
+  declare var array: React$PropType$Primitive<Array<any>>;
+  declare var bool: React$PropType$Primitive<boolean>;
+  declare var func: React$PropType$Primitive<Function>;
+  declare var number: React$PropType$Primitive<number>;
+  declare var object: React$PropType$Primitive<Object>;
+  declare var string: React$PropType$Primitive<string>;
+  declare var symbol: React$PropType$Primitive<Symbol>;
+  declare var any: React$PropType$Primitive<any>;
+  declare var arrayOf: React$PropType$ArrayOf;
+  declare var element: React$PropType$Primitive<any>; /* TODO */
+  declare var instanceOf: React$PropType$InstanceOf;
+  declare var node: React$PropType$Primitive<any>; /* TODO */
+  declare var objectOf: React$PropType$ObjectOf;
+  declare var oneOf: React$PropType$OneOf;
+  declare var oneOfType: React$PropType$OneOfType;
+  declare var shape: React$PropType$Shape;
+
+  declare function checkPropTypes<V>(
+    propTypes: $Subtype<{[_: $Keys<V>]: $npm$propTypes$ReactPropsCheckType}>,
+    values: V,
+    location: string,
+    componentName: string,
+    getStack: ?(() => ?string)
+  ) : void;
+}

devtools/client/debugger/new/flow-typed/npm/react-immutable-proptypes_vx.x.x.js

@@ -0,0 +1,39 @@
+// flow-typed signature: 40e4c09aa588b0cc7b5d025f9d5f2c32
+// flow-typed version: <<STUB>>/react-immutable-proptypes_v^2.1.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'react-immutable-proptypes'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'react-immutable-proptypes' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'react-immutable-proptypes/dist/ImmutablePropTypes' {
+  declare module.exports: any;
+}
+
+declare module 'react-immutable-proptypes/src/ImmutablePropTypes' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'react-immutable-proptypes/dist/ImmutablePropTypes.js' {
+  declare module.exports: $Exports<'react-immutable-proptypes/dist/ImmutablePropTypes'>;
+}
+declare module 'react-immutable-proptypes/src/ImmutablePropTypes.js' {
+  declare module.exports: $Exports<'react-immutable-proptypes/src/ImmutablePropTypes'>;
+}

devtools/client/debugger/new/flow-typed/npm/react-inlinesvg_vx.x.x.js

@@ -0,0 +1,67 @@
+// flow-typed signature: 99af6e352a97aa5f6e27db72daf43fef
+// flow-typed version: <<STUB>>/react-inlinesvg_v^0.8.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'react-inlinesvg'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'react-inlinesvg' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'react-inlinesvg/es/index' {
+  declare module.exports: any;
+}
+
+declare module 'react-inlinesvg/es/utils' {
+  declare module.exports: any;
+}
+
+declare module 'react-inlinesvg/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'react-inlinesvg/lib/utils' {
+  declare module.exports: any;
+}
+
+declare module 'react-inlinesvg/src/index' {
+  declare module.exports: any;
+}
+
+declare module 'react-inlinesvg/src/utils' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'react-inlinesvg/es/index.js' {
+  declare module.exports: $Exports<'react-inlinesvg/es/index'>;
+}
+declare module 'react-inlinesvg/es/utils.js' {
+  declare module.exports: $Exports<'react-inlinesvg/es/utils'>;
+}
+declare module 'react-inlinesvg/lib/index.js' {
+  declare module.exports: $Exports<'react-inlinesvg/lib/index'>;
+}
+declare module 'react-inlinesvg/lib/utils.js' {
+  declare module.exports: $Exports<'react-inlinesvg/lib/utils'>;
+}
+declare module 'react-inlinesvg/src/index.js' {
+  declare module.exports: $Exports<'react-inlinesvg/src/index'>;
+}
+declare module 'react-inlinesvg/src/utils.js' {
+  declare module.exports: $Exports<'react-inlinesvg/src/utils'>;
+}

devtools/client/debugger/new/flow-typed/npm/react-redux_v5.x.x.js

@@ -0,0 +1,192 @@
+// flow-typed signature: d4e793bc07ef1dc9906a244b12960f7b
+// flow-typed version: cf33ff8762/react-redux_v5.x.x/flow_>=v0.63.0
+
+import type { Dispatch, Store } from "redux";
+
+declare module "react-redux" {
+  import type { ComponentType, ElementConfig } from 'react';
+
+  declare export class Provider<S, A> extends React$Component<{
+    store: Store<S, A>,
+    children?: any
+  }> {}
+
+  declare export function createProvider(
+    storeKey?: string,
+    subKey?: string
+  ): Provider<*, *>;
+
+  /*
+
+  S = State
+  A = Action
+  OP = OwnProps
+  SP = StateProps
+  DP = DispatchProps
+  MP = Merge props
+  MDP = Map dispatch to props object
+  RSP = Returned state props
+  RDP = Returned dispatch props
+  RMP = Returned merge props
+  CP = Props for returned component
+  Com = React Component
+  */
+
+  declare type MapStateToProps<S: Object, SP: Object, RSP: Object> = (state: S, props: SP) => RSP;
+
+  declare type MapDispatchToProps<A, OP: Object, RDP: Object> = (dispatch: Dispatch<A>, ownProps: OP) => RDP;
+
+  declare type MergeProps<SP: Object, DP: Object, MP: Object, RMP: Object> = (
+    stateProps: SP,
+    dispatchProps: DP,
+    ownProps: MP
+  ) => RMP;
+
+  declare type ConnectOptions<S: Object, OP: Object, RSP: Object, RMP: Object> = {|
+    pure?: boolean,
+    withRef?: boolean,
+    areStatesEqual?: (next: S, prev: S) => boolean,
+    areOwnPropsEqual?: (next: OP, prev: OP) => boolean,
+    areStatePropsEqual?: (next: RSP, prev: RSP) => boolean,
+    areMergedPropsEqual?: (next: RMP, prev: RMP) => boolean,
+    storeKey?: string
+  |};
+
+  declare type OmitDispatch<Component> = $Diff<Component, {dispatch: Dispatch<*>}>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    S: Object,
+    DP: Object,
+    RSP: Object,
+    CP: $Diff<OmitDispatch<ElementConfig<Com>>, RSP>
+    >(
+    mapStateToProps: MapStateToProps<S, DP, RSP>,
+    mapDispatchToProps?: null
+  ): (component: Com) => ComponentType<CP & DP>;
+
+  declare export function connect<Com: ComponentType<*>>(
+    mapStateToProps?: null,
+    mapDispatchToProps?: null
+  ): (component: Com) => ComponentType<OmitDispatch<ElementConfig<Com>>>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    A,
+    S: Object,
+    DP: Object,
+    SP: Object,
+    RSP: Object,
+    RDP: Object,
+    CP: $Diff<$Diff<ElementConfig<Com>, RSP>, RDP>
+    >(
+    mapStateToProps: MapStateToProps<S, SP, RSP>,
+    mapDispatchToProps: MapDispatchToProps<A, DP, RDP>
+  ): (component: Com) => ComponentType<CP & SP & DP>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    A,
+    OP: Object,
+    DP: Object,
+    PR: Object,
+    CP: $Diff<ElementConfig<Com>, DP>
+    >(
+    mapStateToProps?: null,
+    mapDispatchToProps: MapDispatchToProps<A, OP, DP>
+  ): (Com) => ComponentType<CP & OP>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    MDP: Object
+    >(
+    mapStateToProps?: null,
+    mapDispatchToProps: MDP
+  ): (component: Com) => ComponentType<$Diff<ElementConfig<Com>, MDP>>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    S: Object,
+    SP: Object,
+    RSP: Object,
+    MDP: Object,
+    CP: $Diff<ElementConfig<Com>, RSP>
+    >(
+    mapStateToProps: MapStateToProps<S, SP, RSP>,
+    mapDispatchToPRops: MDP
+  ): (component: Com) => ComponentType<$Diff<CP, MDP> & SP>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    A,
+    S: Object,
+    DP: Object,
+    SP: Object,
+    RSP: Object,
+    RDP: Object,
+    MP: Object,
+    RMP: Object,
+    CP: $Diff<ElementConfig<Com>, RMP>
+    >(
+    mapStateToProps: MapStateToProps<S, SP, RSP>,
+    mapDispatchToProps: ?MapDispatchToProps<A, DP, RDP>,
+    mergeProps: MergeProps<RSP, RDP, MP, RMP>
+  ): (component: Com) => ComponentType<CP & SP & DP & MP>;
+
+  declare export function connect<
+    Com: ComponentType<*>,
+    A,
+    S: Object,
+    DP: Object,
+    SP: Object,
+    RSP: Object,
+    RDP: Object,
+    MDP: Object,
+    MP: Object,
+    RMP: Object,
+    CP: $Diff<ElementConfig<Com>, RMP>
+    >(
+    mapStateToProps: MapStateToProps<S, SP, RSP>,
+    mapDispatchToProps: MDP,
+    mergeProps: MergeProps<RSP, RDP, MP, RMP>
+  ): (component: Com) => ComponentType<CP & SP & DP & MP>;
+
+  declare export function connect<Com: ComponentType<*>,
+    A,
+    S: Object,
+    DP: Object,
+    SP: Object,
+    RSP: Object,
+    RDP: Object,
+    MP: Object,
+    RMP: Object
+    >(
+    mapStateToProps: ?MapStateToProps<S, SP, RSP>,
+    mapDispatchToProps: ?MapDispatchToProps<A, DP, RDP>,
+    mergeProps: ?MergeProps<RSP, RDP, MP, RMP>,
+    options: ConnectOptions<S, SP & DP & MP, RSP, RMP>
+  ): (component: Com) => ComponentType<$Diff<ElementConfig<Com>, RMP> & SP & DP & MP>;
+
+  declare export function connect<Com: ComponentType<*>,
+    A,
+    S: Object,
+    DP: Object,
+    SP: Object,
+    RSP: Object,
+    RDP: Object,
+    MDP: Object,
+    MP: Object,
+    RMP: Object
+    >(
+    mapStateToProps: ?MapStateToProps<S, SP, RSP>,
+    mapDispatchToProps: ?MapDispatchToProps<A, DP, RDP>,
+    mergeProps: MDP,
+    options: ConnectOptions<S, SP & DP & MP, RSP, RMP>
+  ): (component: Com) => ComponentType<$Diff<ElementConfig<Com>, RMP> & SP & DP & MP>;
+
+  declare export default {
+    Provider: typeof Provider,
+    createProvider: typeof createProvider,
+    connect: typeof connect,
+  };
+}

devtools/client/debugger/new/flow-typed/npm/react-transition-group_v2.x.x.js

@@ -0,0 +1,98 @@
+/* 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/>. */
+
+// flow-typed signature: f141dfa8c0b7f5df073148a65aa8cf8d
+// flow-typed version: b55e88afb4/react-transition-group_v2.x.x/flow_>=v0.60.x
+
+// @flow
+
+declare module "react-transition-group/Transition" {
+  declare module.exports: any;
+}
+
+declare module "react-transition-group" {
+  declare export type CSSTransitionClassNames = {
+    appear?: string,
+    appearActive?: string,
+    enter?: string,
+    enterActive?: string,
+    enterDone?: string,
+    exit?: string,
+    exitActive?: string,
+    exitDone?: string
+  };
+
+  declare export type TransitionStatus =
+    | "entering"
+    | "entered"
+    | "exiting"
+    | "exited"
+    | "unmounted";
+
+  declare export type EndHandler = (
+    node: HTMLElement,
+    done: () => void
+  ) => void;
+  declare export type EnterHandler = (
+    node: HTMLElement,
+    isAppearing: boolean
+  ) => void;
+  declare export type ExitHandler = (node: HTMLElement) => void;
+
+  declare type TransitionActions = {
+    appear?: boolean,
+    enter?: boolean,
+    exit?: boolean
+  };
+
+  declare type TransitionProps = TransitionActions & {
+    mountOnEnter?: boolean,
+    unmountOnExit?: boolean,
+    onEnter?: EnterHandler,
+    onEntering?: EnterHandler,
+    onEntered?: EnterHandler,
+    onExit?: ExitHandler,
+    onExiting?: ExitHandler,
+    onExited?: ExitHandler
+  } & (
+      | {
+          timeout: number | { enter?: number, exit?: number },
+          addEndListener?: null
+        }
+      | {
+          timeout?: number | { enter?: number, exit?: number },
+          addEndListener: EndHandler
+        }
+    );
+
+  declare export class Transition extends React$Component<
+    TransitionProps & {
+      in?: boolean,
+      children: ((status: TransitionStatus) => React$Node) | React$Node
+    }
+  > {}
+
+  declare export class TransitionGroup extends React$Component<
+    TransitionActions & {
+      component?: React$ElementType | null,
+      children?: React$Node,
+      childFactory?: (child: React$Node) => React$Node
+    }
+  > {}
+
+  declare export class ReplaceTransition extends React$Component<
+    TransitionProps & {
+      in: boolean,
+      children: React$Node
+    }
+  > {}
+
+  declare export class CSSTransition extends React$Component<
+    TransitionProps & {
+      in?: boolean,
+      classNames: string | CSSTransitionClassNames,
+      children?: React$Node
+    }
+  > {}
+}

devtools/client/debugger/new/flow-typed/npm/redux-vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "redux" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/reselect_v3.x.x.js

@@ -0,0 +1,895 @@
+// flow-typed signature: 84ab000391e0f17dd212d57ed0b180f5
+// flow-typed version: 5d8678f464/reselect_v3.x.x/flow_>=v0.47.x
+
+type ExtractReturnType = <Return>((...rest: any[]) => Return) => Return;
+
+declare module "reselect" {
+  declare type InputSelector<-TState, TProps, TResult> =
+    (state: TState, props: TProps, ...rest: any[]) => TResult
+
+  declare type OutputSelector<-TState, TProps, TResult> =
+    & InputSelector<TState, TProps, TResult>
+    & {
+      recomputations(): number,
+      resetRecomputations(): void,
+      resultFunc(state: TState, props: TProps, ...rest: Array<any>): TResult,
+    };
+
+  declare type SelectorCreator = {
+    <TState, TProps, TResult, T1>(
+      selector1: InputSelector<TState, TProps, T1>,
+      resultFunc: (arg1: T1) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1>(
+      selectors: [InputSelector<TState, TProps, T1>],
+      resultFunc: (arg1: T1) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      resultFunc: (arg1: T1, arg2: T2) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2>(
+      selectors: [InputSelector<TState, TProps, T1>, InputSelector<TState, TProps, T2>],
+      resultFunc: (arg1: T1, arg2: T2) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>
+      ],
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3, arg4: T4) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>
+      ],
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3, arg4: T4) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3, arg4: T4, arg5: T5) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>
+      ],
+      resultFunc: (arg1: T1, arg2: T2, arg3: T3, arg4: T4, arg5: T5) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9, T10>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9, T10>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9, T10, T11>(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <TState, TProps, TResult, T1, T2, T3, T4, T5, T6, T7, T8, T9, T10, T11>(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12
+    >(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      selector12: InputSelector<TState, TProps, T12>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12
+    >(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>,
+        InputSelector<TState, TProps, T12>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13
+    >(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      selector12: InputSelector<TState, TProps, T12>,
+      selector13: InputSelector<TState, TProps, T13>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13
+    >(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>,
+        InputSelector<TState, TProps, T12>,
+        InputSelector<TState, TProps, T13>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14
+    >(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      selector12: InputSelector<TState, TProps, T12>,
+      selector13: InputSelector<TState, TProps, T13>,
+      selector14: InputSelector<TState, TProps, T14>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14
+    >(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>,
+        InputSelector<TState, TProps, T12>,
+        InputSelector<TState, TProps, T13>,
+        InputSelector<TState, TProps, T14>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14,
+      T15
+    >(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      selector12: InputSelector<TState, TProps, T12>,
+      selector13: InputSelector<TState, TProps, T13>,
+      selector14: InputSelector<TState, TProps, T14>,
+      selector15: InputSelector<TState, TProps, T15>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14,
+        arg15: T15
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14,
+      T15
+    >(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>,
+        InputSelector<TState, TProps, T12>,
+        InputSelector<TState, TProps, T13>,
+        InputSelector<TState, TProps, T14>,
+        InputSelector<TState, TProps, T15>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14,
+        arg15: T15
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14,
+      T15,
+      T16
+    >(
+      selector1: InputSelector<TState, TProps, T1>,
+      selector2: InputSelector<TState, TProps, T2>,
+      selector3: InputSelector<TState, TProps, T3>,
+      selector4: InputSelector<TState, TProps, T4>,
+      selector5: InputSelector<TState, TProps, T5>,
+      selector6: InputSelector<TState, TProps, T6>,
+      selector7: InputSelector<TState, TProps, T7>,
+      selector8: InputSelector<TState, TProps, T8>,
+      selector9: InputSelector<TState, TProps, T9>,
+      selector10: InputSelector<TState, TProps, T10>,
+      selector11: InputSelector<TState, TProps, T11>,
+      selector12: InputSelector<TState, TProps, T12>,
+      selector13: InputSelector<TState, TProps, T13>,
+      selector14: InputSelector<TState, TProps, T14>,
+      selector15: InputSelector<TState, TProps, T15>,
+      selector16: InputSelector<TState, TProps, T16>,
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14,
+        arg15: T15,
+        arg16: T16
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>,
+    <
+      TState,
+      TProps,
+      TResult,
+      T1,
+      T2,
+      T3,
+      T4,
+      T5,
+      T6,
+      T7,
+      T8,
+      T9,
+      T10,
+      T11,
+      T12,
+      T13,
+      T14,
+      T15,
+      T16
+    >(
+      selectors: [
+        InputSelector<TState, TProps, T1>,
+        InputSelector<TState, TProps, T2>,
+        InputSelector<TState, TProps, T3>,
+        InputSelector<TState, TProps, T4>,
+        InputSelector<TState, TProps, T5>,
+        InputSelector<TState, TProps, T6>,
+        InputSelector<TState, TProps, T7>,
+        InputSelector<TState, TProps, T8>,
+        InputSelector<TState, TProps, T9>,
+        InputSelector<TState, TProps, T10>,
+        InputSelector<TState, TProps, T11>,
+        InputSelector<TState, TProps, T12>,
+        InputSelector<TState, TProps, T13>,
+        InputSelector<TState, TProps, T14>,
+        InputSelector<TState, TProps, T15>,
+        InputSelector<TState, TProps, T16>
+      ],
+      resultFunc: (
+        arg1: T1,
+        arg2: T2,
+        arg3: T3,
+        arg4: T4,
+        arg5: T5,
+        arg6: T6,
+        arg7: T7,
+        arg8: T8,
+        arg9: T9,
+        arg10: T10,
+        arg11: T11,
+        arg12: T12,
+        arg13: T13,
+        arg14: T14,
+        arg15: T15,
+        arg16: T16
+      ) => TResult
+    ): OutputSelector<TState, TProps, TResult>
+  };
+
+  declare type Reselect = {
+    createSelector: SelectorCreator,
+
+    defaultMemoize: <TFunc: Function>(
+      func: TFunc,
+      equalityCheck?: (a: any, b: any) => boolean
+    ) => TFunc,
+
+    createSelectorCreator: (
+      memoize: Function,
+      ...memoizeOptions: any[]
+    ) => SelectorCreator,
+
+    createStructuredSelector: <TState, TProps, InputSelectors: {[k: string | number]: InputSelector<TState, TProps, any>}>(
+      inputSelectors: InputSelectors,
+      selectorCreator?: SelectorCreator
+    ) => OutputSelector<TState, TProps, $ObjMap<InputSelectors, ExtractReturnType>>
+  };
+
+  declare module.exports: Reselect;
+}

devtools/client/debugger/new/flow-typed/npm/source-map_vx.x.x.js

@@ -0,0 +1,7 @@
+/* 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/>. */
+
+declare module "source-map" {
+  declare module.exports: any;
+}

devtools/client/debugger/new/flow-typed/npm/svg-inline-react_vx.x.x.js

@@ -0,0 +1,81 @@
+// flow-typed signature: d11ab437c6ca05384a381fc94c42baac
+// flow-typed version: <<STUB>>/svg-inline-react_v^3.0.0/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'svg-inline-react'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'svg-inline-react' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'svg-inline-react/dist/index' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/gulpfile' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/karma.conf' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/lib/util' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/src/index' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/src/util' {
+  declare module.exports: any;
+}
+
+declare module 'svg-inline-react/webpack.config' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'svg-inline-react/dist/index.js' {
+  declare module.exports: $Exports<'svg-inline-react/dist/index'>;
+}
+declare module 'svg-inline-react/gulpfile.js' {
+  declare module.exports: $Exports<'svg-inline-react/gulpfile'>;
+}
+declare module 'svg-inline-react/karma.conf.js' {
+  declare module.exports: $Exports<'svg-inline-react/karma.conf'>;
+}
+declare module 'svg-inline-react/lib/index.js' {
+  declare module.exports: $Exports<'svg-inline-react/lib/index'>;
+}
+declare module 'svg-inline-react/lib/util.js' {
+  declare module.exports: $Exports<'svg-inline-react/lib/util'>;
+}
+declare module 'svg-inline-react/src/index.js' {
+  declare module.exports: $Exports<'svg-inline-react/src/index'>;
+}
+declare module 'svg-inline-react/src/util.js' {
+  declare module.exports: $Exports<'svg-inline-react/src/util'>;
+}
+declare module 'svg-inline-react/webpack.config.js' {
+  declare module.exports: $Exports<'svg-inline-react/webpack.config'>;
+}

devtools/client/debugger/new/flow-typed/npm/wasmparser_vx.x.x.js

@@ -0,0 +1,102 @@
+// flow-typed signature: ec3d99479ac8517bf49a5ec084e71310
+// flow-typed version: <<STUB>>/wasmparser_v^0.6.1/flow_v0.74.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'wasmparser'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'wasmparser' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'wasmparser/disassemble-wasm' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/dist/index' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/dist/WasmDis' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/dist/WasmEmitter' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/dist/WasmParser' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/dist/WasmParserTransform' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/examples/disassemble-wasm-1' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/examples/disassemble-wasm-2' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/examples/dump-section' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/examples/print_imports_exports' {
+  declare module.exports: any;
+}
+
+declare module 'wasmparser/test' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'wasmparser/disassemble-wasm.js' {
+  declare module.exports: $Exports<'wasmparser/disassemble-wasm'>;
+}
+declare module 'wasmparser/dist/index.js' {
+  declare module.exports: $Exports<'wasmparser/dist/index'>;
+}
+declare module 'wasmparser/dist/WasmDis.js' {
+  declare module.exports: $Exports<'wasmparser/dist/WasmDis'>;
+}
+declare module 'wasmparser/dist/WasmEmitter.js' {
+  declare module.exports: $Exports<'wasmparser/dist/WasmEmitter'>;
+}
+declare module 'wasmparser/dist/WasmParser.js' {
+  declare module.exports: $Exports<'wasmparser/dist/WasmParser'>;
+}
+declare module 'wasmparser/dist/WasmParserTransform.js' {
+  declare module.exports: $Exports<'wasmparser/dist/WasmParserTransform'>;
+}
+declare module 'wasmparser/examples/disassemble-wasm-1.js' {
+  declare module.exports: $Exports<'wasmparser/examples/disassemble-wasm-1'>;
+}
+declare module 'wasmparser/examples/disassemble-wasm-2.js' {
+  declare module.exports: $Exports<'wasmparser/examples/disassemble-wasm-2'>;
+}
+declare module 'wasmparser/examples/dump-section.js' {
+  declare module.exports: $Exports<'wasmparser/examples/dump-section'>;
+}
+declare module 'wasmparser/examples/print_imports_exports.js' {
+  declare module.exports: $Exports<'wasmparser/examples/print_imports_exports'>;
+}
+declare module 'wasmparser/test.js' {
+  declare module.exports: $Exports<'wasmparser/test'>;
+}

devtools/client/debugger/new/src/actions/coverage.js

@@ -1,20 +0,0 @@
-/* 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/>. */
-
-// @flow
-
-import type { Action, ThunkArgs } from "./types";
-
-export function recordCoverage() {
-  return async function({ dispatch, getState, client }: ThunkArgs) {
-    const { coverage } = await client.recordCoverage();
-
-    return dispatch(
-      ({
-        type: "RECORD_COVERAGE",
-        value: { coverage }
-      }: Action)
-    );
-  };
-}

devtools/client/debugger/new/src/actions/pause/extra.js

@@ -1,112 +0,0 @@
-/* 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/>. */
-
-// @flow
-
-import {
-  getCurrentThread,
-  getSource,
-  inComponent,
-  getSelectedFrame
-} from "../../selectors";
-import { isImmutablePreview } from "../../utils/preview";
-
-import type { ThunkArgs } from "../types";
-
-async function getReactProps(evaluate, displayName) {
-  const componentNames = await evaluate(
-    `
-    if(this.hasOwnProperty('_reactInternalFiber')) {
-      let componentNames = [];
-      let componentNode = this._reactInternalFiber;
-      while(componentNode) {
-        componentNames.push(componentNode.type.name);
-        componentNode = componentNode._debugOwner
-      }
-      componentNames;
-    }
-    else {
-      [this._reactInternalInstance.getName()];
-    }
-    `
-  );
-
-  const items =
-    componentNames.result.preview && componentNames.result.preview.items;
-
-  let extra = { displayName };
-  if (items) {
-    extra = { displayName, componentStack: items };
-  }
-
-  return extra;
-}
-
-async function getImmutableProps(expression: string, evaluate) {
-  // NOTE: it's possible the expression is a statement e.g `_this.fields;`
-  expression = expression.replace(/;$/, "");
-
-  const immutableEntries = await evaluate(`${expression}.toJS()`);
-  const immutableType = await evaluate(`${expression}.constructor.name`);
-
-  return {
-    type: immutableType.result,
-    entries: immutableEntries.result
-  };
-}
-
-async function getExtraProps(getState, expression, result, evaluate) {
-  const props = {};
-
-  const component = inComponent(getState());
-
-  if (component) {
-    props.react = await getReactProps(evaluate, component);
-  }
-
-  if (isImmutablePreview(result)) {
-    props.immutable = await getImmutableProps(expression, evaluate);
-  }
-
-  return props;
-}
-
-export function fetchExtra() {
-  return async function({ dispatch, getState }: ThunkArgs) {
-    const frame = getSelectedFrame(getState());
-    if (!frame) {
-      return;
-    }
-
-    const extra = await dispatch(getExtra("this;", frame.this));
-    dispatch({
-      type: "ADD_EXTRA",
-      thread: getCurrentThread(getState()),
-      extra: extra
-    });
-  };
-}
-
-export function getExtra(expression: string, result: Object) {
-  return async ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
-    const selectedFrame = getSelectedFrame(getState());
-    if (!selectedFrame) {
-      return {};
-    }
-
-    const source = getSource(getState(), selectedFrame.location.sourceId);
-    if (!source) {
-      return {};
-    }
-
-    const extra = await getExtraProps(getState, expression, result, expr =>
-      client.evaluateInFrame(expr, {
-        frameId: selectedFrame.id,
-        thread: source.thread
-      })
-    );
-
-    return extra;
-  };
-}

devtools/client/debugger/new/src/components/A11yIntention.css

@@ -0,0 +1,3 @@
+.A11y-mouse :focus {
+  outline: 0;
+}

devtools/client/debugger/new/src/components/App.css

@@ -0,0 +1,97 @@
+/* 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/>. */
+
+* {
+  box-sizing: border-box;
+}
+
+button {
+  background: transparent;
+  border: none;
+}
+
+button:hover,
+button:focus {
+  background-color: var(--theme-toolbar-background-hover);
+}
+
+.debugger {
+  display: flex;
+  flex: 1;
+  height: 100%;
+}
+
+.editor-pane {
+  display: flex;
+  position: relative;
+  flex: 1;
+  background-color: var(--theme-tab-toolbar-background);
+  height: calc(100% - 1px);
+  overflow: hidden;
+}
+
+.theme-dark .editor-pane {
+  background-color: var(--theme-toolbar-background);
+}
+
+.editor-container {
+  width: 100%;
+}
+
+.search-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  z-index: 200;
+  background-color: var(--search-overlays-semitransparent);
+}
+
+.search-container .close-button {
+  width: 16px;
+  margin-top: 25px;
+  margin-right: 20px;
+}
+
+/* Utils */
+.absolute-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.d-flex {
+  display: flex;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.rounded-circle {
+  border-radius: 50%;
+}
+
+.text-white {
+  color: white;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.min-width-0 {
+  min-width: 0;
+}
+
+/*
+  Prevents horizontal scrollbar from displaying when
+  right pane collapsed (#7505)
+*/
+.split-box > .splitter:last-child {
+  display: none;
+}

devtools/client/debugger/new/src/components/Editor/CallSite.js

@@ -1,95 +0,0 @@
-/* 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/>. */
-
-// @flow
-import { Component } from "react";
-
-import { markText, toEditorRange } from "../../utils/editor";
-import "./CallSite.css";
-
-type MarkerType = {
-  clear: Function
-};
-
-type Props = {
-  callSite: Object,
-  editor: Object,
-  source: Object,
-  breakpoint: Object,
-  showCallSite: boolean
-};
-
-export default class CallSite extends Component<Props> {
-  addCallSite: Function;
-  marker: ?MarkerType;
-
-  constructor() {
-    super();
-
-    this.marker = undefined;
-  }
-
-  addCallSite = (nextProps: ?Props) => {
-    const { editor, callSite, breakpoint, source } = nextProps || this.props;
-    const className = !breakpoint ? "call-site" : "call-site-bp";
-    const sourceId = source.id;
-    const editorRange = toEditorRange(sourceId, callSite.location);
-    this.marker = markText(editor, className, editorRange);
-  };
-
-  clearCallSite = () => {
-    if (this.marker) {
-      this.marker.clear();
-      this.marker = null;
-    }
-  };
-
-  shouldComponentUpdate(nextProps: Props) {
-    return this.props.editor !== nextProps.editor;
-  }
-
-  componentDidMount() {
-    const { breakpoint, showCallSite } = this.props;
-
-    if (!breakpoint && !showCallSite) {
-      return;
-    }
-
-    this.addCallSite();
-  }
-
-  componentWillReceiveProps(nextProps: Props) {
-    const { breakpoint, showCallSite } = this.props;
-
-    if (nextProps.breakpoint !== breakpoint) {
-      if (this.marker) {
-        this.clearCallSite();
-      }
-      if (nextProps.showCallSite) {
-        this.addCallSite(nextProps);
-      }
-    }
-
-    if (nextProps.showCallSite !== showCallSite) {
-      if (nextProps.showCallSite) {
-        if (!this.marker) {
-          this.addCallSite();
-        }
-      } else if (!nextProps.breakpoint) {
-        this.clearCallSite();
-      }
-    }
-  }
-
-  componentWillUnmount() {
-    if (!this.marker) {
-      return;
-    }
-    this.marker.clear();
-  }
-
-  render() {
-    return null;
-  }
-}

devtools/client/debugger/new/src/components/Editor/ColumnBreakpoints.css

@@ -0,0 +1,47 @@
+/* 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/>. */
+
+.column-breakpoint {
+  display: inline;
+}
+
+.column-breakpoint svg {
+  display: inline;
+  cursor: pointer;
+  height: 12px;
+  width: 9px;
+  vertical-align: top;
+}
+
+.column-breakpoint.active svg {
+  fill: var(--blue-50);
+  stroke: var(--blue-60);
+}
+
+.column-breakpoint.disabled svg {
+  fill: var(--blue-50);
+  stroke: var(--blue-40);
+  fill-opacity: 0.5;
+}
+
+.column-breakpoint.has-condition svg {
+  fill: var(--theme-graphs-yellow);
+  stroke: var(--theme-graphs-orange);
+}
+
+.column-breakpoint.has-condition.log svg {
+  fill: var(--theme-graphs-orange);
+  stroke: var(--theme-graphs-yellow);
+}
+
+.theme-dark .column-breakpoint.active svg {
+  fill: var(--blue-55);
+  stroke: var(--blue-40);
+}
+
+.theme-dark .column-breakpoint.disabled svg {
+  fill: var(--blue-50);
+  stroke: var(--blue-60);
+  fill-opacity: 0.5;
+}

devtools/client/debugger/new/src/components/Editor/ConditionalPanel.css

@@ -0,0 +1,38 @@
+/* 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/>. */
+
+.conditional-breakpoint-panel {
+  cursor: initial;
+  margin: 1em 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  background: var(--theme-toolbar-background);
+  border-top: 1px solid var(--theme-splitter-color);
+  border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.conditional-breakpoint-panel .prompt {
+  font-size: 1.8em;
+  color: var(--theme-conditional-breakpoint-color);
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 3px;
+  text-align: right;
+  width: 30px;
+}
+
+.conditional-breakpoint-panel input {
+  margin: 5px 10px;
+  width: calc(100% - 4em);
+  border: none;
+  background: var(--theme-toolbar-background);
+  font-size: 14px;
+  color: var(--theme-conditional-breakpoint-color);
+  line-height: 30px;
+}
+
+.conditional-breakpoint-panel input:focus {
+  outline-width: 0;
+}

devtools/client/debugger/new/src/components/Editor/Editor.css

@@ -0,0 +1,291 @@
+/* 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/>. */
+
+.editor-wrapper {
+  --debug-line-border: rgb(145, 188, 219);
+  --debug-expression-background: rgba(202, 227, 255, 0.5);
+  --editor-searchbar-height: 27px;
+  --debug-line-error-border: rgb(255, 0, 0);
+  --debug-expression-error-background: rgba(231, 116, 113, 0.3);
+  --editor-header-height: 30px;
+}
+
+.theme-dark .editor-wrapper {
+  --debug-expression-background: rgba(202, 227, 255, 0.3);
+  --debug-line-border: #7786a2;
+}
+
+.editor-wrapper .CodeMirror-linewidget {
+  margin-right: -7px;
+  overflow: hidden;
+}
+
+.editor-wrapper {
+  min-width: 0 !important;
+}
+
+.theme-dark {
+  --theme-conditional-breakpoint-color: #9fa4a9;
+}
+
+.theme-light {
+  --theme-conditional-breakpoint-color: var(--theme-body-color);
+}
+
+/**
+ * There's a known codemirror flex issue with chrome that this addresses.
+ * BUG https://github.com/devtools-html/debugger.html/issues/63
+ */
+.editor-wrapper {
+  position: absolute;
+  height: calc(100% - var(--editor-header-height));
+  width: calc(100% - 1px);
+  top: var(--editor-header-height);
+  left: 0px;
+  --editor-footer-height: 24px;
+}
+
+html[dir="rtl"] .editor-mount {
+  direction: ltr;
+}
+
+.theme-light {
+  --gutter-hover-background-color: #dde1e4;
+  --breakpoint-fill: var(--blue-50);
+  --breakpoint-stroke: var(--blue-60);
+  --breakpoint-fill-disabled: var(--blue-50);
+  --breakpoint-stroke-disabled: var(--blue-40);
+}
+
+.theme-dark {
+  --gutter-hover-background-color: #414141;
+  --breakpoint-fill: var(--blue-55);
+  --breakpoint-stroke: var(--blue-40);
+  --breakpoint-fill-disabled: var(--blue-50);
+  --breakpoint-stroke-disabled: var(--blue-60);
+}
+
+.theme-light .cm-s-mozilla .empty-line .CodeMirror-linenumber {
+  color: var(--grey-40);
+}
+
+.theme-dark .cm-s-mozilla .empty-line .CodeMirror-linenumber {
+  color: var(--grey-60);
+}
+
+:not(.empty-line):not(.new-breakpoint)
+  > .CodeMirror-gutter-wrapper:hover
+  > .CodeMirror-linenumber {
+  height: 13px;
+  color: var(--theme-body-color);
+  /* Add 1px offset to the background to match it
+    with the actual breakpoint image dimensions */
+  background: linear-gradient(
+    to bottom,
+    transparent 1px,
+    var(--gutter-hover-background-color) 0
+  );
+}
+
+:not(.empty-line):not(.new-breakpoint)
+  > .CodeMirror-gutter-wrapper:hover
+  > .CodeMirror-linenumber::after {
+  content: "";
+  position: absolute;
+  top: 1px;
+  height: 12px;
+  width: 9px;
+  background-color: var(--gutter-hover-background-color);
+  mask: url(/images/breakpoint.svg) no-repeat;
+  mask-size: auto 12px;
+  mask-position: right;
+}
+
+.editor-wrapper .breakpoints {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.function-search {
+  max-height: 300px;
+  overflow: hidden;
+}
+
+.function-search .results {
+  height: auto;
+}
+
+.editor.hit-marker {
+  height: 14px;
+}
+
+.editor-wrapper .highlight-lines {
+  background: var(--theme-selection-background-hover);
+}
+
+.editor.new-breakpoint svg {
+  fill: var(--breakpoint-fill);
+  stroke: var(--breakpoint-stroke);
+  width: 60px;
+  height: 14px;
+  position: absolute;
+  top: 0px;
+  right: -4px;
+}
+
+.inline-bp {
+  background-color: #9ddfff;
+  width: 20px;
+  padding: 0px 5px;
+  margin: 0px 4px;
+  border-radius: 5px;
+  border-color: blue;
+  border: 1px solid #00b6ff;
+}
+
+.editor .breakpoint {
+  position: absolute;
+  right: -2px;
+}
+
+.editor.new-breakpoint.folding-enabled svg {
+  right: -16px;
+}
+
+.new-breakpoint.has-condition .CodeMirror-gutter-wrapper svg {
+  fill: var(--theme-graphs-yellow);
+  stroke: var(--theme-graphs-orange);
+}
+
+.new-breakpoint.has-condition.log .CodeMirror-gutter-wrapper svg {
+  fill: var(--theme-graphs-orange);
+  stroke: var(--theme-graphs-yellow);
+}
+
+.editor.new-breakpoint.breakpoint-disabled svg {
+  fill: var(--breakpoint-fill-disabled);
+  stroke: var(--breakpoint-stroke-disabled);
+  fill-opacity: 0.5;
+}
+
+.editor.column-breakpoint svg {
+  fill: var(--theme-selection-background);
+  vertical-align: middle;
+  width: 17px;
+  height: 14px;
+}
+
+.editor.column-breakpoint.breakpoint-disabled svg {
+  opacity: 0.3;
+}
+
+.CodeMirror {
+  width: 100%;
+  height: 100%;
+}
+
+.editor-wrapper .editor-mount {
+  width: 100%;
+  background-color: var(--theme-body-background);
+}
+
+.CodeMirror-linenumber {
+  font-size: 11px;
+  line-height: 14px;
+}
+
+.folding-enabled .CodeMirror-linenumber {
+  text-align: left;
+  padding: 0 0 0 2px;
+}
+
+/* set the linenumber white when there is a breakpoint */
+.cm-s-mozilla
+  .new-breakpoint
+  .CodeMirror-gutter-wrapper
+  .CodeMirror-linenumber {
+  color: white;
+}
+
+/* move the breakpoint below the other gutter elements */
+.new-breakpoint .CodeMirror-gutter-elt:nth-child(2) {
+  z-index: 0;
+}
+
+.editor-wrapper .CodeMirror-line {
+  font-size: 11px;
+}
+
+.theme-dark .editor-wrapper .CodeMirror-line .cm-comment {
+  color: var(--theme-comment);
+}
+
+.debug-expression,
+.new-debug-line .column-breakpoint {
+  background-color: var(--debug-expression-background);
+}
+
+debug-expression-error {
+  background-color: var(--debug-expression-error-background);
+}
+
+.new-debug-line .CodeMirror-line {
+  background-color: transparent !important;
+  outline: var(--debug-line-border) solid 1px;
+}
+
+/* Don't display the highlight color since the debug line
+   is already highlighted */
+.new-debug-line .CodeMirror-activeline-background {
+  display: none;
+}
+
+.new-debug-line-error .CodeMirror-line {
+  background-color: var(--debug-expression-error-background) !important;
+  outline: var(--debug-line-error-border) solid 1px;
+}
+
+/* Don't display the highlight color since the debug line
+  is already highlighted */
+.new-debug-line-error .CodeMirror-activeline-background {
+  display: none;
+}
+.highlight-line .CodeMirror-line {
+  animation: fade-highlight-out 1.5s normal forwards;
+}
+
+@keyframes fade-highlight-out {
+  0% {
+    background-color: var(--theme-highlight-gray);
+  }
+  100% {
+    background-color: transparent;
+  }
+}
+
+.theme-dark .highlight-line .CodeMirror-line {
+  animation: fade-highlight-out-dark 1s normal forwards;
+}
+
+@keyframes fade-highlight-out-dark {
+  0% {
+    background-color: var(--theme-comment);
+  }
+  100% {
+    background-color: transparent;
+  }
+}
+
+.CodeMirror-guttermarker-subtle {
+  visibility: hidden;
+}
+
+.visible {
+  visibility: visible;
+}
+
+.download-anchor {
+  display: none;
+}

devtools/client/debugger/new/src/components/Editor/Footer.css

@@ -0,0 +1,101 @@
+/* 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/>. */
+
+.source-footer {
+  background: var(--theme-body-background);
+  border-top: 1px solid var(--theme-splitter-color);
+  position: absolute;
+  display: flex;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 1;
+  z-index: 1;
+  -moz-user-select: none;
+  user-select: none;
+  height: var(--editor-footer-height);
+  box-sizing: border-box;
+  justify-content: space-between;
+}
+
+.source-footer .commands {
+  display: flex;
+  align-items: center;
+}
+
+.source-footer .commands * {
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.source-footer > .commands > .action {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: opacity 200ms;
+  border: none;
+  background: transparent;
+  padding: 6px;
+}
+
+.source-footer > .commands > .action .img {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.source-footer > .commands > button.action:hover {
+  background: var(--theme-toolbar-background-hover);
+}
+
+:root.theme-dark .source-footer > .commands > .action {
+  fill: var(--theme-body-color);
+}
+
+:root.theme-dark .source-footer > .commands > .action:hover {
+  fill: var(--theme-selection-color);
+}
+
+.source-footer > .commands > div.loader {
+  vertical-align: top;
+  width: 20px;
+  margin: 0 4px;
+}
+
+.source-footer > .commands > .action > .img.prettyPrint {
+  mask: url(/images/prettyPrint.svg) no-repeat;
+  height: 16px;
+  width: 16px;
+  background: var(--theme-body-color);
+}
+
+.source-footer > .commands > .action > .img.blackBox {
+  mask: url(/images/blackBox.svg) no-repeat;
+  height: 16px;
+  width: 16px;
+  background: var(--theme-body-color);
+}
+
+.source-footer > .commands > .blackboxed > .img.blackBox {
+  background: var(--theme-highlight-blue);
+}
+
+.source-footer .blackbox-summary,
+.source-footer .mapped-source,
+.source-footer .cursor-position {
+  color: var(--theme-body-color);
+  padding-left: 2.5px;
+}
+
+.source-footer .mapped-source {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.source-footer .cursor-position {
+  padding: 5px;
+  white-space: nowrap;
+}

devtools/client/debugger/new/src/components/Editor/Highlight.css

@@ -0,0 +1,29 @@
+/* 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/>. */
+
+.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);
+  border-radius: 2px;
+  margin: 0 -1px -1px -1px;
+}

devtools/client/debugger/new/src/components/Editor/Preview.css

@@ -0,0 +1,117 @@
+/* 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/>. */
+
+.popover .preview {
+  background: var(--theme-body-background);
+  width: 350px;
+  min-height: 80px;
+  border: 1px solid var(--theme-splitter-color);
+  padding: 10px;
+  height: auto;
+  min-height: inherit;
+  max-height: 200px;
+  overflow: auto;
+  box-shadow: 1px 2px 3px var(--popup-shadow-color);
+}
+
+.theme-dark .popover .preview {
+  box-shadow: 1px 2px 3px var(--popup-shadow-color);
+}
+
+.popover .preview .header {
+  width: 100%;
+  line-height: 20px;
+  border-bottom: 1px solid #cccccc;
+  display: flex;
+  flex-direction: column;
+}
+
+.popover .preview .header .link {
+  align-self: flex-end;
+  color: var(--theme-highlight-blue);
+  text-decoration: underline;
+}
+
+.selection,
+.debug-expression.selection {
+  background-color: var(--theme-highlight-yellow);
+}
+
+.theme-dark .selection,
+.theme-dark .debug-expression.selection {
+  background-color: #743884;
+}
+
+.theme-dark .cm-s-mozilla .selection,
+.theme-dark .cm-s-mozilla .debug-expression.selection {
+  color: #e7ebee;
+}
+
+.popover .preview .function-signature {
+  padding-top: 10px;
+}
+
+.theme-dark .popover .preview {
+  border-color: var(--theme-body-color);
+}
+
+.theme-dark .popover .preview .arrow svg {
+  fill: var(--theme-comment);
+}
+
+.tooltip {
+  position: fixed;
+  z-index: 100;
+}
+
+.tooltip .preview {
+  background: var(--theme-toolbar-background);
+  max-width: inherit;
+  min-height: 80px;
+  border: 1px solid var(--theme-splitter-color);
+  box-shadow: 1px 2px 4px 1px var(--theme-toolbar-background-alt);
+  padding: 5px;
+  height: auto;
+  min-height: inherit;
+  max-height: 200px;
+  overflow: auto;
+}
+
+.theme-dark .tooltip .preview {
+  border-color: var(--theme-body-color);
+}
+
+.tooltip .gap {
+  height: 4px;
+  padding-top: 4px;
+}
+
+.add-to-expression-bar {
+  border: 1px solid var(--theme-splitter-color);
+  border-top: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 14px;
+  line-height: 30px;
+  background: var(--theme-toolbar-background);
+  color: var(--theme-comment-alt);
+  padding: 0 4px;
+}
+
+.add-to-expression-bar .prompt {
+  width: 1em;
+}
+
+.add-to-expression-bar .expression-to-save-label {
+  width: calc(100% - 4em);
+}
+
+.add-to-expression-bar .expression-to-save-button {
+  font-size: 14px;
+  color: var(--theme-comment);
+}

devtools/client/debugger/new/src/components/Editor/Preview/Popup.css

@@ -0,0 +1,132 @@
+/* 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/>. */
+
+.popover .preview-popup {
+  background: var(--theme-body-background);
+  width: 350px;
+  border: 1px solid var(--theme-splitter-color);
+  padding: 10px;
+  height: auto;
+  overflow: auto;
+  box-shadow: 1px 2px 3px var(--popup-shadow-color);
+}
+
+.theme-dark .popover .preview-popup {
+  box-shadow: 1px 2px 3px var(--popup-shadow-color);
+}
+
+.popover .preview-popup .header-container {
+  width: 100%;
+  line-height: 15px;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 5px;
+}
+
+.popover .preview-popup .logo {
+  width: 20px;
+  margin-right: 5px;
+}
+
+.popover .preview-popup .header-container h3 {
+  margin: 0;
+  margin-bottom: 5px;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 20px;
+  margin-left: 4px;
+}
+
+.popover .preview-popup .header .link {
+  align-self: flex-end;
+  color: var(--theme-highlight-blue);
+  text-decoration: underline;
+}
+
+.preview-selection:hover {
+  cursor: default;
+}
+
+.preview-selection,
+.debug-expression.preview-selection {
+  background-color: var(--theme-highlight-yellow);
+}
+
+.theme-dark .preview-selection,
+.theme-dark .debug-expression.preview-selection {
+  background-color: #743884;
+}
+
+.theme-dark .cm-s-mozilla .preview-selection,
+.theme-dark .cm-s-mozilla .debug-expression.preview-selection {
+  color: #e7ebee;
+}
+
+.popover .preview-popup .function-signature {
+  padding-top: 10px;
+}
+
+.theme-dark .popover .preview-popup {
+  border-color: var(--theme-body-color);
+}
+
+.theme-dark .popover .preview-popup .arrow svg {
+  fill: var(--theme-comment);
+}
+
+.tooltip {
+  position: fixed;
+  z-index: 100;
+}
+
+.tooltip .preview-popup {
+  background: var(--theme-toolbar-background);
+  max-width: inherit;
+  min-height: 80px;
+  border: 1px solid var(--theme-splitter-color);
+  box-shadow: 1px 2px 4px 1px var(--theme-toolbar-background-alt);
+  padding: 5px;
+  height: auto;
+  min-height: inherit;
+  max-height: 200px;
+  overflow: auto;
+}
+
+.theme-dark .tooltip .preview-popup {
+  border-color: var(--theme-body-color);
+}
+
+.tooltip .gap {
+  height: 4px;
+  padding-top: 4px;
+}
+
+.add-to-expression-bar {
+  border: 1px solid var(--theme-splitter-color);
+  border-top: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 14px;
+  line-height: 30px;
+  background: var(--theme-toolbar-background);
+  color: var(--theme-comment-alt);
+  padding: 0 4px;
+}
+
+.add-to-expression-bar .prompt {
+  width: 1em;
+}
+
+.add-to-expression-bar .expression-to-save-label {
+  width: calc(100% - 4em);
+}
+
+.add-to-expression-bar .expression-to-save-button {
+  font-size: 14px;
+  color: var(--theme-comment);
+}

devtools/client/debugger/new/src/components/Editor/SearchBar.css

@@ -0,0 +1,142 @@
+/* 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/>. */
+
+.search-bar {
+  display: flex;
+  border: 1px solid transparent;
+  border-top: 1px solid var(--theme-splitter-color);
+  height: var(--editor-searchbar-height);
+}
+
+.search-bar.search-bar-focused {
+  border: 1px solid var(--blue-50);
+  transition: border-color 0.2s ease-in-out;
+}
+
+.search-bar .search-field {
+  padding-left: 7px;
+}
+
+.search-bar .search-shadow {
+  flex-grow: 1;
+  border-bottom: none;
+}
+
+.search-bar .search-shadow.focused {
+  border-color: transparent;
+  transition: none;
+}
+
+.search-bar .search-field {
+  border-bottom: none;
+  padding-right: 0;
+  height: 100%;
+}
+
+.search-field .close-btn {
+  align-self: center;
+}
+
+.search-bottom-bar * {
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.search-bottom-bar {
+  display: flex;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  background-color: var(--theme-toolbar-background);
+  padding: 0;
+  padding-inline-start: 1px;
+  padding-inline-end: 4px;
+}
+
+.search-bottom-bar .search-modifiers {
+  display: flex;
+  align-items: center;
+}
+
+.search-bottom-bar .search-modifiers button {
+  padding: 0 3px;
+  margin: 0 3px;
+  border: none;
+  background: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 3px;
+}
+
+.search-bottom-bar .search-modifiers button.close-btn.big .img {
+  width: 12px;
+  height: 12px;
+}
+
+.search-bottom-bar .search-modifiers .pipe-divider {
+  height: 70%;
+  border: 1px solid var(--grey-20);
+  vertical-align: middle;
+  margin-inline-start: 0.8em;
+  margin-inline-end: 0.3em;
+}
+
+.theme-dark .search-bottom-bar .search-modifiers .pipe-divider {
+  border-color: var(--grey-70);
+}
+
+.search-bottom-bar .search-modifiers button i {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  width: 16px;
+}
+
+.search-bottom-bar .search-modifiers button svg {
+  fill: var(--theme-comment);
+  height: 16px;
+  width: 16px;
+}
+
+.search-bottom-bar .search-modifiers button:hover {
+  background: var(--theme-toolbar-background-hover);
+}
+
+.search-bottom-bar .search-modifiers button.close-btn:hover {
+  background: var(--theme-selection-background);
+}
+
+.search-bottom-bar .search-modifiers button.active svg {
+  fill: var(--theme-selection-background);
+}
+
+.theme-dark .search-bottom-bar .search-modifiers button.active svg {
+  fill: white;
+}
+
+.search-bottom-bar .search-type-toggles {
+  display: flex;
+  align-items: center;
+  max-width: 68%;
+}
+
+.search-bottom-bar .search-type-name {
+  padding: 1px 0 0 0;
+  margin: 0 0 0 6px;
+  border: none;
+  background: transparent;
+  color: var(--theme-comment);
+}
+
+.search-bottom-bar .search-type-toggles .search-type-btn.active {
+  color: var(--theme-selection-background);
+}
+
+.theme-dark .search-bottom-bar .search-type-toggles .search-type-btn.active {
+  color: white;
+}
+
+.search-bar .result-list {
+  max-height: 230px;
+}

devtools/client/debugger/new/src/components/Editor/Tabs.css

@@ -0,0 +1,178 @@
+/* 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/>. */
+
+.source-header {
+  border-bottom: 1px solid var(--theme-splitter-color);
+  width: 100%;
+  height: 29px;
+  display: flex;
+}
+
+.source-header * {
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.source-header .new-tab-btn {
+  padding: 4px;
+  margin-top: 4px;
+  margin-left: 2px;
+  fill: var(--theme-comment);
+  transition: 0.1s ease;
+  align-self: center;
+}
+
+.source-header .new-tab-btn:hover {
+  background-color: var(--theme-toolbar-background-hover);
+}
+
+.source-header .new-tab-btn svg {
+  width: 12px;
+  display: block;
+}
+
+.source-tabs {
+  max-width: calc(100% - 80px);
+  align-self: flex-start;
+}
+
+.source-tab {
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  transition: all 0.15s ease;
+  min-width: 40px;
+  max-width: 100%;
+  overflow: hidden;
+  padding: 5px;
+  cursor: default;
+  height: 30px;
+  font-size: 12px;
+}
+
+.source-tab::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background: transparent;
+  transition: transform 250ms var(--animation-curve), opacity 250ms var(--animation-curve);
+  opacity: 0;
+  transform: scaleX(0);
+}
+
+.source-tab:first-child {
+  margin-inline-start: 0;
+}
+
+.source-tab:not(.active):hover {
+  background: linear-gradient(var(--theme-toolbar-hover) 28px, transparent 1px);
+}
+
+.source-tab:not(.active):hover::before {
+  background: var(--tab-line-hover-color);
+  opacity: 1;
+  transform: scaleX(1);
+}
+
+.source-tab.active {
+  color: var(--theme-toolbar-selected-color);
+  border-bottom-color: transparent;
+  border-left: 1px solid var(--theme-splitter-color);
+  border-right: 1px solid var(--theme-splitter-color);
+  background-color: var(--theme-body-background);
+}
+
+.source-tab.active::before {
+  background: var(--tab-line-selected-color);
+  opacity: 1;
+  transform: scaleX(1);
+}
+
+.theme-dark .source-tab.active {
+  color: var(--theme-toolbar-selected-color);
+}
+
+.source-tab.active path,
+.source-tab:hover path {
+  fill: var(--theme-body-color);
+}
+
+.source-tab .source-icon {
+  margin-inline-end: 0;
+}
+
+.source-tab .img.prettyPrint,
+.source-tab .source-icon.blackBox {
+  height: 12px;
+  width: 12px;
+  align-self: center;
+}
+
+.source-tab .prettyPrint path {
+  fill: var(--theme-textbox-box-shadow);
+}
+
+.source-tab .img.react {
+  mask: url(/images/react.svg) no-repeat;
+  mask-size: 100%;
+  height: 14px;
+  width: 14px;
+  background: var(--theme-highlight-bluegrey);
+  top: 0;
+}
+
+.source-tab .blackBox path {
+  fill: var(--theme-textbox-box-shadow);
+}
+
+.theme-dark .source-tab .blackBox circle {
+  fill: var(--theme-body-color);
+}
+
+img.moreTabs {
+  mask: url(/images/command-chevron.svg) no-repeat;
+  mask-size: 100%;
+  width: 12px;
+  height: 12px;
+  display: block;
+  background: var(--theme-body-color);
+  margin-left: 6px;
+}
+
+html[dir="rtl"] .img.moreTabs {
+  transform: rotate(180deg);
+  margin-right: 6px;
+}
+
+.source-tab .filename {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding: 0 4px;
+  align-self: center;
+  margin-bottom: 1px;
+}
+
+.source-tab .filename span {
+  opacity: 0.7;
+  padding-left: 4px;
+}
+
+.source-tab .close-btn {
+  visibility: hidden;
+  line-height: 0;
+}
+
+.source-tab.active .close-btn {
+  visibility: visible;
+}
+
+.source-tab:hover .close-btn {
+  visibility: visible;
+}

devtools/client/debugger/new/src/components/PrimaryPanes/Outline.css

@@ -0,0 +1,113 @@
+/* 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/>. */
+
+.outline {
+  overflow-y: hidden;
+}
+
+.outline > div {
+  width: 100%;
+  position: relative;
+}
+
+.outline-pane-info {
+  padding: 0.5em;
+  width: 100%;
+  font-style: italic;
+  text-align: center;
+  user-select: none;
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.outline-list {
+  margin: 0;
+  padding: 0 0 4px 0;
+  position: absolute;
+  top: 38px;
+  bottom: 25px;
+  left: 0;
+  right: 0;
+  list-style-type: none;
+  font-family: var(--monospace-font-family);
+  overflow: auto;
+}
+
+.outline-list__class-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.outline-list__class-list .function-signature .function-name {
+  color: var(--theme-highlight-green);
+}
+
+.outline-list .function-signature .paren {
+  color: inherit;
+}
+
+.outline-list h2 {
+  margin: 10px 0 10px 10px;
+  font-weight: normal;
+  font-size: 1em;
+  color: var(--blue-55);
+}
+
+.outline-list h2:hover {
+  background: var(--theme-toolbar-background-hover);
+}
+
+.theme-dark .outline-list h2 {
+  color: var(--theme-highlight-blue);
+}
+
+.outline-list h2 .keyword {
+  color: var(--theme-highlight-red);
+}
+
+.outline-list__element {
+  padding: 3px 10px 3px 10px;
+  cursor: default;
+  white-space: nowrap;
+}
+
+.outline-list__element-icon {
+  padding-right: 0.4rem;
+  padding-left: 1rem;
+}
+
+.outline-list__element:hover {
+  background: var(--theme-toolbar-background-hover);
+}
+
+.outline-footer {
+  display: flex;
+  box-sizing: border-box;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 25px;
+  background: var(--theme-body-background);
+  border-top: 1px solid var(--theme-splitter-color);
+  opacity: 1;
+  z-index: 1;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.theme-dark .outline-footer button {
+  color: var(--theme-body-color);
+}
+
+.outline-footer button.active {
+  background: var(--theme-highlight-blue);
+  color: #ffffff;
+}
+
+.theme-dark .outline-footer button.active {
+  background: var(--theme-selection-background);
+  color: #ffffff;
+}

devtools/client/debugger/new/src/components/PrimaryPanes/OutlineFilter.css

@@ -0,0 +1,28 @@
+.outline-filter {
+  margin: 5px 0 0 0;
+  padding: 0px 10px;
+}
+
+.outline-filter-input {
+  padding: 0.5em 1.6em;
+  width: 100%;
+  border: 1px solid var(--theme-splitter-color);
+  background-color: var(--theme-sidebar-background);
+  color: var(--theme-body-color);
+  font-size: 12px;
+  -moz-user-select: text;
+  user-select: text;
+}
+
+.outline-filter-input.focused {
+  border: 1px solid var(--theme-highlight-blue);
+}
+
+.outline-filter-input::placeholder {
+  font-style: italic;
+  color: var(--theme-comment);
+}
+
+.theme-dark .outline-filter-input.focused {
+  border: 1px solid var(--blue-50);
+}

devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css

@@ -0,0 +1,269 @@
+/* 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/>. */
+
+.sources-panel {
+  background-color: var(--theme-sidebar-background);
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+.sources-panel * {
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.sources-clear-root {
+  padding: 4px 3px 4px 3px;
+  width: 100%;
+  text-align: start;
+  white-space: nowrap;
+  color: inherit;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.sources-clear-root i {
+  margin-right: 5px;
+  position: relative;
+}
+
+.sources-clear-root svg {
+  width: 13px;
+  height: 13px;
+}
+
+.theme-dark .sources-clear-root svg {
+  fill: var(--theme-body-color);
+}
+
+.sources-clear-root .home {
+  opacity: 0.5;
+}
+
+.sources-clear-root .breadcrumb svg {
+  width: 5px;
+  top: 2px;
+  position: absolute;
+  margin-right: 5px;
+}
+
+.sources-clear-root-label {
+  margin-left: 5px;
+}
+
+.sources-pane {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+
+.sources-list {
+  flex: 1;
+  display: flex;
+}
+
+.sources-list .managed-tree {
+  flex: 1;
+  display: flex;
+}
+
+.sources-list .managed-tree .tree-node:first-child {
+  margin-top: 4px;
+}
+
+.sources-list .managed-tree .tree .node {
+  padding: 0 10px 0 3px;
+  width: 100%;
+}
+
+.sources-list .tree .img.arrow {
+  margin-right: 5px;
+}
+
+.sources-list .tree .focused .img:not(.vue):not(.angular),
+.sources-list .managed-tree .tree .node.focused .img.blackBox {
+  background: #ffffff;
+}
+
+.sources-list .tree .label .suffix {
+  font-style: italic;
+  font-size: 0.9em;
+  color: var(--theme-comment);
+}
+
+.sources-list .tree .focused .label .suffix {
+  color: inherit;
+}
+
+.sources-list .tree .img.arrow.expanded {
+  transform: rotate(0deg);
+}
+
+.theme-dark .source-list .tree .node.focused {
+  background-color: var(--theme-tab-toolbar-background);
+}
+
+.sources-list .tree .focused .label {
+  background-color: var(--theme-selection-background);
+}
+
+.sources-list .tree .label {
+  padding: 3px 0px 3px 0px;
+  display: inline-block;
+}
+
+.sources-list .tree .node .no-arrow {
+  width: 10px;
+  display: inline-block;
+}
+
+.no-sources-message {
+  width: 100%;
+  font-style: italic;
+  text-align: center;
+  padding: 0.5em;
+  font-size: 12px;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+}
+
+.sources-panel .outline {
+  display: flex;
+  height: 100%;
+}
+
+.tree-indent {
+  border-inline-start: 0 none;
+}
+
+.source-outline-tabs {
+  font-size: 12px;
+  width: 100%;
+  background: var(--theme-body-background);
+  border-top: 1px solid var(--theme-splitter-color);
+  display: flex;
+  -moz-user-select: none;
+  user-select: none;
+  box-sizing: border-box;
+  height: 29px;
+  margin: 0;
+  padding: 0;
+}
+
+.source-outline-tabs .tab {
+  background-color: var(--theme-toolbar-background);
+  border-top: 2px solid transparent;
+  border-bottom: 1px solid var(--theme-splitter-color);
+  color: var(--theme-toolbar-color);
+  cursor: default;
+  display: inline-flex;
+  flex: 1;
+  justify-content: center;
+  margin-bottom: 0px;
+  margin-top: -1px;
+  overflow: hidden;
+  padding: 5px 8px 7px 8px;
+  position: relative;
+  transition: all 0.25s ease;
+}
+
+.source-outline-tabs .tab:not(.active):hover {
+  background-color: var(--theme-toolbar-hover);
+  border-top: 2px solid rgba(0, 0, 0, 0.2);
+}
+
+.theme-dark .source-outline-tabs .tab:hover {
+  border-top: 2px solid var(--tab-line-hover-color);
+}
+
+.source-outline-tabs .tab.active {
+  border-top: 2px solid var(--tab-line-selected-color);
+  color: var(--theme-toolbar-selected-color);
+}
+
+.theme-dark .source-outline-tabs .tab.active {
+  color: var(--theme-toolbar-selected-color);
+}
+
+.theme-dark .source-outline-tabs .tab.active:hover {
+  border-top: 2px solid var(--tab-line-selected-color);
+}
+
+.source-outline-tabs .tab.active path,
+.source-outline-tabs .tab:hover path {
+  fill: var(--theme-body-color);
+}
+
+.source-outline-panel {
+  flex: 1;
+  overflow: auto;
+}
+
+.source-outline-panel.has-root > div {
+  height: 100%;
+}
+
+.sources-list .managed-tree .tree .node .img.blackBox {
+  mask: url(/images/blackBox.svg) no-repeat;
+  mask-size: 100%;
+  background-color: var(--theme-highlight-blue);
+  width: 13px;
+  height: 13px;
+  display: inline-block;
+  margin-inline-end: 6px;
+  margin-inline-start: 1px;
+  margin-top: 2px;
+}
+
+.theme-dark .sources-list .managed-tree .tree .node .img.blackBox {
+  background-color: var(--theme-body-color);
+}
+
+/*
+  Custom root styles
+*/
+.sources-pane.sources-list-custom-root {
+  display: block;
+  position: relative;
+}
+
+.sources-list-custom-root .sources-pane {
+  display: block;
+}
+
+.sources-list-custom-root .sources-list,
+.sources-list-custom-root .no-sources-message {
+  position: absolute;
+  top: 26px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+/* Removes start margin when a custom root is used */
+.sources-list-custom-root
+  .tree
+  > .tree-node[data-expandable="false"][aria-level="0"] {
+  padding-inline-start: 4px;
+}
+
+.sources-list .tree-node[data-expandable="false"] .tree-indent:last-of-type {
+  margin-inline-end: 0;
+}
+
+.thread-header {
+  margin-top: 10px;
+}
+
+.thread-header .label {
+  line-height: 15px;
+}

devtools/client/debugger/new/src/components/ProjectSearch.css

@@ -0,0 +1,144 @@
+/* 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/>. */
+
+.search-container {
+  position: absolute;
+  top: 30px;
+  left: 0;
+  width: calc(100% - 1px);
+  height: calc(100% - 31px);
+  display: flex;
+  flex-direction: column;
+  z-index: 20;
+  background-color: var(--theme-body-background);
+  overflow-y: hidden;
+}
+
+.project-text-search {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: hidden;
+  height: 100%;
+}
+
+.project-text-search .result {
+  display: contents;
+  cursor: default;
+  padding: 4px 0 4px 5px;
+  line-height: 16px;
+  font-size: 10px;
+  width: 100%;
+}
+
+.project-text-search .matches-summary {
+  margin-left: 5px;
+}
+
+.project-text-search .result {
+  font-family: Menlo, monospace;
+}
+
+.project-text-search .result .query-match {
+  background-color: var(--theme-selection-background);
+  color: white;
+  padding: 1px 4px;
+  margin: 0 2px 0 2px;
+  border-radius: 2px;
+}
+
+.project-text-search .result .line-number {
+  padding-left: 5px;
+  min-width: 33px;
+  width: 100%;
+  text-align: right;
+  grid-column: 1/2;
+}
+
+.project-text-search .result .line-value {
+  grid-column: 2/3;
+  padding-left: 5px;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+}
+
+.project-text-search .tree-indent {
+  display: none;
+}
+
+.project-text-search .no-result-msg {
+  color: var(--theme-body-color-inactive);
+  font-size: 24px;
+  padding: 4px 15px;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  hyphens: auto;
+}
+
+.project-text-search .file-result {
+  font-weight: bold;
+  line-height: 20px;
+  cursor: default;
+  padding: 2px 0 2px 5px;
+  font-size: 12px;
+  grid-column: 1/3;
+}
+
+.project-text-search .file-result .arrow {
+  margin: 2px 0 2px 0;
+}
+
+.project-text-search .line-match {
+  display: "flex";
+  flex-grow: 1;
+}
+
+.project-text-search .search-field {
+  display: flex;
+  align-self: stretch;
+  flex-grow: 1;
+  width: 100%;
+  border-bottom: none;
+}
+
+.project-text-search .search-field .close-btn.big {
+  margin-top: 2px;
+}
+
+.project-text-search .managed-tree {
+  overflow-y: auto;
+  height: 100%;
+}
+
+.project-text-search .managed-tree .tree {
+  height: 100%;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  overflow-x: hidden;
+}
+
+.project-text-search .managed-tree .tree .tree-node {
+  display: contents;
+}
+
+/* Focus values */
+
+.project-text-search .file-result.focused .img.file {
+  background-color: white;
+}
+
+.project-text-search .file-result.focused,
+.project-text-search .result.focused .line-value {
+  background-color: var(--theme-selection-background);
+}
+
+.project-text-search .result.focused .line-number {
+  font-weight: bolder;
+  background-color: var(--theme-selection-background);
+}
+
+.project-text-search .result.focused .query-match {
+  background-color: #ffffff;
+  color: #000000;
+}

devtools/client/debugger/new/src/components/QuickOpenModal.css

@@ -0,0 +1,28 @@
+/* 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/>. */
+
+.result-item .title .highlight {
+  font-weight: bold;
+  background-color: transparent;
+}
+
+.selected .highlight {
+  color: white;
+}
+
+.result-item .subtitle .highlight {
+  color: var(--grey-90);
+  font-weight: 500;
+  background-color: transparent;
+}
+
+.theme-dark .result-item .title .highlight,
+.theme-dark .result-item .subtitle .highlight {
+  color: white;
+}
+
+.loading-indicator {
+  padding: 5px 0 5px 0;
+  text-align: center;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css

@@ -0,0 +1,259 @@
+/* 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/>. */
+
+.breakpoints-toggle {
+  margin: 2px 3px;
+}
+
+.pane.breakpoints-list {
+  padding-bottom: 0.35em;
+}
+
+.breakpoints-list * {
+  user-select: none;
+}
+
+.breakpoints-list .breakpoint-heading {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+
+.breakpoints-list .breakpoint-heading .filename {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.breakpoints-list .breakpoint-heading .filename span {
+  opacity: 0.7;
+  padding-left: 4px;
+}
+
+/* temporary until we refactor the sources tree and tab icon styles */
+.breakpoints-list .breakpoint-heading .source-icon.file {
+  top: 0;
+}
+
+.breakpoints-list .breakpoint-heading,
+.breakpoints-list .breakpoint {
+  font-size: 12px;
+  color: var(--theme-content-color1);
+  position: relative;
+  transition: all 0.25s ease;
+  cursor: pointer;
+}
+
+.breakpoints-list .breakpoint-heading,
+.breakpoints-list .breakpoint,
+.breakpoints-exceptions,
+.breakpoints-exceptions-caught {
+  padding: 0.25em 1em;
+}
+
+.breakpoints-exceptions {
+  padding-bottom: 0.5em;
+  padding-top: 0.5em;
+  user-select: none;
+}
+
+.breakpoints-list .breakpoint {
+  min-height: var(--breakpoint-expression-height);
+}
+
+.breakpoints-exceptions-caught {
+  padding: 0 1em 0.5em 3em;
+  margin-top: -0.25em;
+}
+
+html[dir="rtl"] .breakpoints-exceptions-caught {
+  padding: 0 3em 0.5em 1em;
+}
+
+.breakpoints-exceptions-options:not(.empty) {
+  border-bottom: 1px solid var(--theme-splitter-color);
+  margin-bottom: 3px;
+}
+
+.breakpoints-exceptions input,
+.breakpoints-exceptions-caught input {
+  padding-inline-start: 2px;
+  margin-inline-start: 0;
+  vertical-align: text-bottom;
+}
+
+.breakpoint-exceptions-label {
+  padding-top: 2px;
+  padding-inline-start: 2px;
+  padding-inline-end: 8px;
+  cursor: default;
+}
+
+.breakpoints-list .breakpoint,
+.breakpoints-exceptions,
+.breakpoints-exceptions-caught {
+  display: flex;
+  align-items: center;
+}
+
+html[dir="rtl"] .breakpoints-list .breakpoint,
+html[dir="rtl"] .breakpoints-list .breakpoint-heading,
+html[dir="rtl"] .breakpoints-exceptions {
+  border-right: 4px solid transparent;
+}
+
+html:not([dir="rtl"]) .breakpoints-list .breakpoint,
+html:not([dir="rtl"]) .breakpoints-list .breakpoint-heading,
+html:not([dir="rtl"]) .breakpoints-exceptions {
+  border-left: 4px solid transparent;
+}
+
+html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional {
+  border-left-color: var(--theme-graphs-yellow);
+}
+
+html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional {
+  border-right-color: var(--theme-graphs-yellow);
+}
+
+html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional.log {
+  border-left-color: var(--theme-graphs-orange);
+}
+
+html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional.log {
+  border-right-color: var(--theme-graphs-orange);
+}
+
+html .breakpoints-list .breakpoint.paused {
+  background-color: var(--theme-toolbar-background-alt);
+  border-color: var(--breakpoint-active-color);
+}
+
+.breakpoints-list .breakpoint.disabled .breakpoint-label {
+  color: var(--theme-comment);
+  transition: color 0.15s linear;
+}
+
+.breakpoints-list .breakpoint:hover {
+  background-color: var(--search-overlays-semitransparent);
+}
+
+.breakpoints-list .breakpoint .breakpoint-line,
+.breakpoints-list .breakpoint-label {
+  font-family: var(--monospace-font-family);
+}
+
+.breakpoints-list .breakpoint .breakpoint-line {
+  font-size: 11px;
+  color: var(--theme-comment);
+  min-width: 16px;
+  text-align: right;
+}
+
+html[dir="rtl"] .breakpoints-list .breakpoint .breakpoint-line {
+  text-align: left;
+}
+
+.breakpoints-list .breakpoint:hover .breakpoint-line {
+  color: transparent;
+}
+
+.breakpoints-list .breakpoint.paused:hover {
+  border-color: var(--breakpoint-active-color-hover);
+}
+
+.breakpoints-list .breakpoint-label {
+  max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
+  display: inline-block;
+  padding-inline-end: 8px;
+  cursor: pointer;
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding-top: 2px;
+  font-size: 11px;
+}
+
+.breakpoints-list .breakpoint-label,
+.breakpoint-line-close {
+  line-height: 1.4em;
+}
+
+.breakpoint-checkbox {
+  margin-inline-start: 0;
+  vertical-align: text-bottom;
+}
+
+.breakpoint-label .location {
+  width: 100%;
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  padding: 1px 0;
+  vertical-align: bottom;
+}
+
+.breakpoints-list .pause-indicator {
+  flex: 0 1 content;
+  order: 3;
+}
+
+.breakpoint .close-btn {
+  offset-inline-end: 15px;
+  inset-inline-end: 15px;
+  offset-inline-start: auto;
+  inset-inline-start: auto;
+  position: absolute;
+  top: 8px;
+  display: none;
+}
+
+.breakpoint:hover .close-btn {
+  display: flex;
+}
+
+.breakpoint .close {
+  visibility: hidden;
+}
+
+.breakpoint:hover .close {
+  visibility: visible;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint {
+  cursor: pointer;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-lines {
+  padding: 0;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-sizer {
+  min-width: initial !important;
+}
+
+.breakpoints-list .breakpoint .CodeMirror.cm-s-mozilla-breakpoint {
+  transition: opacity 0.15s linear;
+}
+
+.breakpoints-list .breakpoint.disabled .CodeMirror.cm-s-mozilla-breakpoint {
+  opacity: 0.5;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-line span[role="presentation"] {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-code,
+.CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-scroll {
+  pointer-events: none;
+}
+
+.CodeMirror.cm-s-mozilla-breakpoint {
+  padding-top: 1px;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css

@@ -0,0 +1,139 @@
+/* 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/>. */
+
+.command-bar {
+  flex: 0 0 29px;
+  border-bottom: 1px solid var(--theme-splitter-color);
+  display: flex;
+  overflow: hidden;
+  z-index: 1;
+  background-color: var(--theme-toolbar-background);
+}
+
+html[dir="rtl"] .command-bar {
+  border-right: 1px solid var(--theme-splitter-color);
+}
+
+.theme-dark .command-bar {
+  background-color: var(--theme-toolbar-background);
+}
+
+.img.pause,
+.img.stepOver,
+.img.stepIn,
+.img.stepOut,
+.img.resume,
+.img.rewind,
+.img.reverseStepOver,
+.img.reverseStepIn,
+.img.reverseStepOut,
+.img.replay-previous,
+.img.replay-next,
+.img.resume,
+.img.shortcuts,
+.img.skipPausing {
+  background-color: var(--theme-body-color);
+}
+
+.img.pause {
+  mask: url(/images/pause.svg) no-repeat;
+}
+
+.img.stepOver {
+  mask: url(/images/stepOver.svg) no-repeat;
+}
+
+.img.stepIn {
+  mask: url(/images/stepIn.svg) no-repeat;
+}
+
+.img.stepOut {
+  mask: url(/images/stepOut.svg) no-repeat;
+}
+
+.img.resume {
+  mask: url(/images/resume.svg) no-repeat;
+}
+
+.img.rewind {
+  mask: url(/images/resume.svg) no-repeat;
+  transform: scaleX(-1);
+}
+
+.img.reverseStepOver {
+  mask: url(/images/stepOver.svg) no-repeat;
+  transform: scaleX(-1);
+}
+
+.img.reverseStepIn {
+  mask: url(/images/stepIn.svg) no-repeat;
+  transform: scaleX(-1);
+}
+
+.img.reverseStepOut {
+  mask: url(/images/stepOut.svg) no-repeat;
+  transform: scaleX(-1);
+}
+
+.command-bar .filler {
+  flex-grow: 1;
+}
+
+.command-bar .img.shortcuts {
+  mask: url(/images/help.svg) no-repeat;
+  mask-size: contain;
+}
+
+.command-bar .replay-inactive {
+  opacity: 0.5;
+}
+
+.command-bar .step-position {
+  color: var(--theme-comment-alt);
+  padding-top: 8px;
+  margin-inline-end: 4px;
+}
+
+.command-bar .replay-active {
+  color: var(--theme-highlight-blue);
+}
+
+.command-bar .subSettings {
+  float: right;
+}
+
+.command-bar .skipPausing {
+  mask: url(/images/disable-pausing.svg) no-repeat;
+  mask-size: 100%;
+}
+
+.command-bar .active .skipPausing {
+  background-color: var(--theme-highlight-blue);
+}
+
+.bottom {
+  border-bottom: none;
+  background-color: var(--theme-body-background);
+  border-top: 1px solid var(--theme-splitter-color);
+  flex: 0 0 25px;
+}
+
+.command-bar.bottom {
+  justify-content: flex-end;
+}
+
+.command-bar.bottom > button {
+  color: var(--theme-comment);
+  width: 26px;
+}
+.command-bar.bottom > button:hover {
+  color: var(--theme-body-color);
+}
+
+.command-bar .divider {
+  width: 1px;
+  background: var(--theme-splitter-color);
+  height: 10px;
+  margin: 11px 6px 0 6px;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.js

@@ -1,124 +0,0 @@
-/* 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/>. */
-
-// @flow
-import React, { Component } from "react";
-import { connect } from "react-redux";
-import actions from "../../actions";
-import { getEventListeners, getBreakpoint } from "../../selectors";
-import { CloseButton } from "../shared/Button";
-import "./EventListeners.css";
-
-import type { Breakpoint, Location, SourceId } from "../../types";
-
-type Listener = {
-  selector: string,
-  type: string,
-  sourceId: SourceId,
-  line: number,
-  breakpoint: ?Breakpoint
-};
-
-type Props = {
-  listeners: Array<Listener>,
-  selectLocation: ({ sourceId: SourceId, line: number }) => void,
-  addBreakpoint: ({ sourceId: SourceId, line: number }) => void,
-  enableBreakpoint: Location => void,
-  disableBreakpoint: Location => void,
-  removeBreakpoint: Location => void
-};
-
-class EventListeners extends Component<Props> {
-  renderListener: Function;
-
-  constructor(...args) {
-    super(...args);
-  }
-
-  renderListener = ({ type, selector, line, sourceId, breakpoint }) => {
-    const checked = breakpoint && !breakpoint.disabled;
-    const location = { sourceId, line };
-
-    return (
-      <div
-        className="listener"
-        onClick={() => this.props.selectLocation({ sourceId, line })}
-        key={`${type}.${selector}.${sourceId}.${line}`}
-      >
-        <input
-          type="checkbox"
-          className="listener-checkbox"
-          checked={checked}
-          onChange={() => this.handleCheckbox(breakpoint, location)}
-        />
-        <span className="type">{type}</span>
-        <span className="selector">{selector}</span>
-        {breakpoint ? (
-          <CloseButton
-            handleClick={ev => this.removeBreakpoint(ev, breakpoint)}
-          />
-        ) : (
-          ""
-        )}
-      </div>
-    );
-  };
-
-  handleCheckbox(breakpoint, location) {
-    if (!breakpoint) {
-      return this.props.addBreakpoint(location);
-    }
-
-    if (breakpoint.loading) {
-      return;
-    }
-
-    if (breakpoint.disabled) {
-      this.props.enableBreakpoint(breakpoint.location);
-    } else {
-      this.props.disableBreakpoint(breakpoint.location);
-    }
-  }
-
-  removeBreakpoint(event, breakpoint) {
-    event.stopPropagation();
-    if (breakpoint) {
-      this.props.removeBreakpoint(breakpoint.location);
-    }
-  }
-
-  render() {
-    const { listeners } = this.props;
-    return (
-      <div className="pane event-listeners">
-        {listeners.map(this.renderListener)}
-      </div>
-    );
-  }
-}
-
-const mapStateToProps = state => {
-  const listeners = getEventListeners(state).map(listener => {
-    return {
-      ...listener,
-      breakpoint: getBreakpoint(state, {
-        sourceId: listener.sourceId,
-        line: listener.line
-      })
-    };
-  });
-
-  return { listeners };
-};
-
-export default connect(
-  mapStateToProps,
-  {
-    selectLocation: actions.selectLocation,
-    addBreakpoint: actions.addBreakpoint,
-    enableBreakpoint: actions.enableBreakpoint,
-    disableBreakpoint: actions.disableBreakpoint,
-    removeBreakpoint: actions.removeBreakpoint
-  }
-)(EventListeners);

devtools/client/debugger/new/src/components/SecondaryPanes/Expressions.css

@@ -0,0 +1,121 @@
+/* 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/>. */
+
+.expression-input-form {
+  width: 100%;
+}
+
+.input-expression {
+  width: 100%;
+  margin: 0;
+  border: 1px;
+  background-color: var(--theme-sidebar-background);
+  font-size: 12px;
+  padding: 0.5em 1.6em;
+  color: var(--theme-body-color);
+  outline: 0;
+}
+
+@keyframes shake {
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  20%,
+  60% {
+    transform: translateX(-10px);
+  }
+  40%,
+  80% {
+    transform: translateX(10px);
+  }
+}
+
+.input-expression::placeholder {
+  font-style: italic;
+  color: var(--theme-comment);
+}
+
+.input-expression:focus {
+  cursor: text;
+}
+
+.expressions-list {
+  /* TODO: add normalize */
+  margin: 0;
+  padding: 0;
+}
+
+.expression-input-container {
+  display: flex;
+  border: 1px solid transparent;
+}
+
+.expression-input-container.focused {
+  border: 1px solid var(--theme-highlight-blue);
+}
+
+:root.theme-dark .expression-input-container.focused {
+  border: 1px solid var(--blue-50);
+}
+
+.expression-input-container.error {
+  border: 1px solid red;
+}
+
+.expression-container {
+  border: 1px;
+  padding: 0.6em 1em 0.6em 0.5em;
+  width: 100%;
+  color: var(--theme-body-color);
+  background-color: var(--theme-body-background);
+  display: block;
+  position: relative;
+  min-height: var(--breakpoint-expression-height);
+}
+
+.expression-container > .tree {
+  width: 100%;
+  overflow: hidden;
+}
+
+:root.theme-light .expression-container:hover {
+  background-color: var(--theme-selection-background-hover);
+}
+
+:root.theme-dark .expression-container:hover {
+  background-color: var(--theme-selection-background-hover);
+}
+
+.tree .tree-node:not(.focused):hover {
+  background-color: transparent;
+}
+
+.expression-container__close-btn {
+  position: absolute;
+  offset-inline-end: 0px;
+  inset-inline-end: 0px;
+  top: 1px;
+}
+
+.expression-content {
+  position: relative;
+}
+
+.expression-content .tree {
+  overflow-x: hidden;
+  max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
+}
+
+.expression-content .tree-node {
+  overflow-x: hidden;
+}
+
+.expression-content .tree-node[data-expandable="false"][aria-level="1"] {
+  padding-inline-start: 10px;
+}
+
+.expression-input {
+  max-width: 50%;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Frames/Frames.css

@@ -0,0 +1,113 @@
+/* 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/>. */
+
+.frames ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.frames ul li {
+  padding: 7px 10px 7px 21px;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  column-gap: 0.5em;
+  flex-direction: row;
+  align-items: center;
+  margin: 0;
+  max-width: 100%;
+  flex-wrap: wrap;
+}
+
+.frames ul li * {
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.frames .badge {
+  flex-shrink: 0;
+  margin-right: 4px;
+}
+
+.frames .location {
+  font-weight: normal;
+  margin: 0;
+  flex-grow: 1;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  /* Trick to get the ellipsis at the start of the string */
+  text-overflow: ellipsis;
+  direction: rtl;
+  text-align: right;
+}
+
+.theme-light .frames .location {
+  color: var(--theme-comment);
+}
+
+:root.theme-dark .frames .location {
+  color: var(--theme-body-color);
+  opacity: 0.6;
+}
+
+.frames .title {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.frames ul li:hover,
+.frames ul li:focus {
+  background-color: var(--theme-toolbar-background-alt);
+}
+
+.theme-dark .frames ul li:focus {
+  background-color: var(--theme-tab-toolbar-background);
+}
+
+.frames ul li.selected {
+  background-color: var(--theme-selection-background);
+  color: white;
+}
+
+.frames ul li.selected i.annotation-logo svg path {
+  fill: white;
+}
+
+:root.theme-light .frames ul li.selected .location,
+:root.theme-dark .frames ul li.selected .location {
+  color: white;
+}
+
+.show-more-container {
+  display: flex;
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+.show-more {
+  text-align: center;
+  padding: 8px 0px;
+  margin: 7px 10px 7px 7px;
+  border: 1px solid var(--theme-splitter-color);
+  background-color: var(--theme-tab-toolbar-background);
+  width: 100%;
+  font-size: inherit;
+  color: inherit;
+}
+
+.show-more:hover {
+  background-color: var(--theme-toolbar-background-hover);
+}
+
+.annotation-logo {
+  display: inline-block;
+  width: 12px;
+  margin-inline-start: 4px;
+}
+
+:root.theme-dark .annotation-logo:not(.angular) svg path {
+  fill: var(--theme-highlight-blue);
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Frames/Group.css

@@ -0,0 +1,37 @@
+/* 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/>. */
+
+.frames ul .frames-group .group,
+.frames ul .frames-group .group .location {
+  font-weight: 500;
+  cursor: default;
+  /*
+   * direction:rtl is set in Frames.css to overflow the location text from the
+   * start. Here we need to reset it in order to display the framework icon
+   * after the framework name.
+   */
+  direction: ltr;
+}
+
+.frames ul .frames-group.expanded .group,
+.frames ul .frames-group.expanded .group .location {
+  color: var(--theme-highlight-blue);
+}
+
+.frames ul .frames-group.expanded .react path {
+  fill: var(--theme-highlight-blue);
+}
+
+.frames ul .frames-group .frames-list li {
+  padding-left: 30px;
+}
+
+.frames ul .frames-group .frames-list {
+  border-top: 1px solid var(--theme-splitter-color);
+  border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.frames ul .frames-group.expanded .badge {
+  color: var(--theme-highlight-blue);
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Frames/WhyPaused.css

@@ -0,0 +1,37 @@
+/* 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/>. */
+
+.why-paused {
+  display: flex;
+  background-color: var(--theme-body-background);
+  color: var(--theme-body-color);
+  opacity: 0.6;
+  font-size: 12px;
+  text-align: center;
+  font-style: italic;
+  font-weight: 300;
+  cursor: default;
+  min-height: 24px;
+  white-space: normal;
+}
+
+.why-paused > div {
+  margin: auto;
+}
+
+.theme-dark .secondary-panes .why-paused {
+  color: white;
+}
+
+.why-paused .message {
+  padding: 4px;
+  font-size: 10px;
+}
+
+.why-paused .message.warning {
+  font-size: 10px;
+  color: var(--theme-graphs-red);
+  font-weight: bold;
+  font-style: normal;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Scopes.css

@@ -0,0 +1,60 @@
+/* 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/>. */
+
+.object-node.default-property {
+  opacity: 0.6;
+}
+
+.object-node {
+  padding-left: 4px;
+}
+
+html[dir="rtl"] .object-node {
+  padding-right: 4px;
+}
+
+.object-label {
+  color: var(--theme-highlight-blue);
+}
+
+.objectBox-object,
+.objectBox-string,
+.objectBox-text,
+.objectBox-table,
+.objectLink-textNode,
+.objectLink-event,
+.objectLink-eventLog,
+.objectLink-regexp,
+.objectLink-object,
+.objectLink-Date,
+.theme-dark .objectBox-object,
+.theme-light .objectBox-object {
+  white-space: nowrap;
+}
+
+.scopes-pane {
+  overflow: auto;
+}
+
+.scopes-list .function-signature {
+  display: inline-block;
+}
+
+.scopes-list .scope-type-toggle {
+  text-align: center;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.scopes-list .scope-type-toggle button {
+  /* Override color so that the link doesn't turn purple */
+  color: var(--theme-body-color);
+  font-size: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.scopes-list .scope-type-toggle button:hover {
+  background: transparent;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/SecondaryPanes.css

@@ -0,0 +1,73 @@
+/* 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/>. */
+
+.secondary-panes {
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  white-space: nowrap;
+  --breakpoint-expression-right-clear-space: 36px;
+  --breakpoint-expression-height: 2.4em;
+}
+
+/*
+  We apply overflow to the container with the commandbar.
+  This allows the commandbar to remain fixed when scrolling
+  until the content completely ends. Not just the height of
+  the wrapper.
+  Ref: https://github.com/devtools-html/debugger.html/issues/3426
+*/
+
+.secondary-panes-wrapper {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.secondary-panes .accordion {
+  flex: 1 0 auto;
+  margin-bottom: 0;
+}
+
+.secondary-panes-wrapper .accordion li:last-child ._content {
+  border-bottom: 0;
+}
+
+.pane {
+  color: var(--theme-body-color);
+}
+
+.pane .pane-info {
+  font-style: italic;
+  text-align: center;
+  padding: 0.5em;
+  -moz-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.secondary-panes .breakpoints-buttons {
+  display: flex;
+}
+
+.secondary-panes .accordion .plus {
+  margin-top: -2px;
+}
+
+.secondary-panes .accordion .plus svg {
+  width: 12px;
+  margin-top: 3px;
+  fill: var(--theme-body-color);
+}
+
+.secondary-panes .accordion .plus.active svg {
+  fill: var(--theme-highlight-blue);
+}
+
+.dropdown {
+  width: 20em;
+  overflow: auto;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/Workers.css

@@ -0,0 +1,50 @@
+/* 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/>. */
+
+.workers-list * {
+  user-select: none;
+}
+
+.workers-list > .worker {
+  font-size: 1rem;
+  color: var(--theme-content-color1);
+  padding: 0 0.5em;
+  line-height: 25px;
+  position: relative;
+  transition: all 0.25s ease;
+  cursor: pointer;
+  display: flex;
+}
+
+.workers-list .worker:hover {
+  background-color: var(--search-overlays-semitransparent);
+}
+
+.workers-list .worker.selected {
+  background-color: var(--tab-line-selected-color);
+}
+
+.workers-list .icon {
+  align-self: center;
+}
+
+.workers-list .label {
+  display: inline-block;
+  flex-grow: 1;
+}
+
+.workers-list .pause-badge {
+  align-self: center;
+}
+
+.workers-list .worker.selected {
+  background: var(--theme-selection-background);
+  color: white;
+}
+
+.workers-list .selected .img.file,
+.workers-list .selected .img.worker,
+.workers-list .selected .pause-badge .img.pause {
+  background: white;
+}

devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css

@@ -0,0 +1,87 @@
+/* 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/>. */
+
+.xhr-input-form {
+  width: 100%;
+}
+
+.xhr-input {
+  width: 100%;
+  margin: 0;
+  border: 1px;
+  background-color: var(--theme-sidebar-background);
+  font-size: 12px;
+  padding: 0.5em 1.6em;
+  color: var(--theme-body-color);
+  outline: 0;
+}
+
+.xhr-input::placeholder {
+  font-style: italic;
+  color: var(--theme-comment);
+}
+
+.xhr-input:focus {
+  cursor: text;
+}
+
+.xhr-input-container {
+  display: flex;
+  border: 1px solid transparent;
+}
+
+.xhr-input-container.focused {
+  border: 1px solid var(--theme-highlight-blue);
+}
+
+:root.theme-dark .xhr-input-container.focused {
+  border: 1px solid var(--blue-50);
+}
+
+.xhr-input-container.error {
+  border: 1px solid red;
+}
+
+.xhr-container {
+  border-left: 4px solid transparent;
+  width: 100%;
+  color: var(--theme-body-color);
+  padding: 0.25em 1em;
+  background-color: var(--theme-body-background);
+  display: flex;
+  align-items: center;
+  position: relative;
+  min-height: var(--breakpoint-expression-height);
+}
+
+:root.theme-light .xhr-container:hover {
+  background-color: var(--theme-selection-background-hover);
+}
+
+:root.theme-dark .xhr-container:hover {
+  background-color: var(--theme-selection-background-hover);
+}
+
+.xhr-checkbox {
+    margin-left: 0px;
+}
+
+.xhr-label {
+  max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
+  display: inline-block;
+  cursor: text;
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  padding-inline-end: 8px;
+  font-size: 11px;
+}
+
+.xhr-container .close-btn {
+  offset-inline-end: 12px;
+  inset-inline-end: 12px;
+  offset-inline-start: auto;
+  inset-inline-start: auto;
+  position: absolute;
+  top: 8px;
+}

devtools/client/debugger/new/src/components/ShortcutsModal.css

@@ -0,0 +1,47 @@
+/* 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/>. */
+
+.shortcuts-content {
+  padding: 15px;
+  column-width: 250px;
+  cursor: default;
+  user-select: none;
+}
+
+.shortcuts-content h2 {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  color: var(--theme-content-color1);
+}
+
+.shortcuts-section {
+  display: inline-block;
+  margin: 5px;
+  margin-bottom: 15px;
+  width: 250px;
+}
+
+.shortcuts-list {
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+  overflow: auto;
+  width: calc(100% - 1px); /* 1px fixes the hidden right border */
+}
+
+.shortcuts-list li {
+  font-size: 12px;
+  color: var(--theme-body-color);
+  padding-top: 5px;
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid transparent;
+  white-space: pre;
+}
+
+@media (max-width: 640px) {
+  .shortcuts-section {
+    width: 100%;
+  }
+}

devtools/client/debugger/new/src/components/WelcomeBox.css

@@ -0,0 +1,93 @@
+/* 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/>. */
+
+.welcomebox {
+  width: calc(100% - 1px);
+
+  /* Offsetting it by 30px for the sources-header area */
+  height: calc(100% - 30px);
+  position: absolute;
+  top: 30px;
+  left: 0;
+  padding: 50px 0 0 0;
+  text-align: center;
+  font-size: 1.25em;
+  background-color: var(--theme-toolbar-background);
+  font-weight: lighter;
+  z-index: 10;
+  user-select: none;
+}
+
+.theme-dark .welcomebox {
+  background-color: var(--theme-body-background);
+}
+
+.welcomebox .command-bar-button {
+  position: absolute;
+  top: auto;
+  offset-inline-end: 0;
+  inset-inline-end: 0;
+  offset-inline-start: auto;
+  inset-inline-start: auto;
+  bottom: 0;
+}
+
+.alignlabel {
+  display: flex;
+  white-space: nowrap;
+}
+
+.shortcutKeys {
+  font-family: Courier;
+}
+
+.shortcutKey,
+.shortcutLabel {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+.welcomebox__searchSources:hover,
+.welcomebox__searchProject:hover,
+.welcomebox__allShortcuts:hover {
+  color: var(--theme-body-color);
+}
+
+.shortcutKey {
+  text-align: right;
+  padding-right: 10px;
+  font-family: var(--monospace-font-family);
+  font-size: 14px;
+  line-height: 18px;
+  color: var(--theme-body-color);
+}
+
+.shortcutLabel {
+  text-align: left;
+  padding-left: 10px;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.shortcutFunction {
+  margin: 0 auto;
+  color: var(--theme-comment);
+  display: table;
+}
+
+.shortcutFunction p {
+  display: table-row;
+}
+
+.shortcutFunction .shortcutKey,
+.shortcutFunction .shortcutLabel {
+  padding: 10px 5px;
+  display: table-cell;
+}
+
+html .welcomebox .toggle-button-end.collapsed {
+  bottom: 1px;
+}

devtools/client/debugger/new/src/components/shared/AccessibleImage.css

@@ -0,0 +1,7 @@
+.img {
+  /* default height an width which will likely be overrode */
+  width: 12px;
+  height: 12px;
+  /* makes span appear like an image */
+  display: inline-block;
+}

devtools/client/debugger/new/src/components/shared/Accordion.css

@@ -0,0 +1,90 @@
+/* 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/>. */
+
+:root {
+  --accordion-header-background: var(--theme-toolbar-background);
+  --disclosure-arrow: #b2b2b2;
+}
+
+:root.theme-dark {
+  --accordion-header-background: #222225;
+  --disclosure-arrow: #7f7f81;
+}
+
+.accordion {
+  background-color: var(--theme-sidebar-background);
+  width: 100%;
+  list-style-type: none;
+  padding: 0px;
+  margin-top: 0px;
+}
+
+.accordion ._header {
+  background-color: var(--accordion-header-background);
+  border-bottom: 1px solid var(--theme-splitter-color);
+  display: flex;
+  font-size: 12px;
+  padding: 4px;
+  transition: all 0.25s ease;
+  width: 100%;
+  height: 24px;
+  align-items: center;
+  margin: 0px;
+  font-weight: normal;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.accordion ._header:hover {
+  background-color: var(--theme-toolbar-background-hover);
+}
+
+.accordion ._header button svg,
+.accordion ._header:hover button svg {
+  fill: currentColor;
+  height: 16px;
+}
+
+.accordion ._content {
+  border-bottom: 1px solid var(--theme-splitter-color);
+  font-size: 12px;
+}
+
+.accordion div:last-child ._content {
+  border-bottom: none;
+}
+
+.accordion ._header .header-buttons {
+  display: flex;
+  margin-left: auto;
+  padding-right: 5px;
+}
+
+.accordion .header-buttons .add-button {
+  font-size: 180%;
+  text-align: center;
+  line-height: 16px;
+}
+
+.accordion .header-buttons button {
+  color: var(--theme-body-color);
+  border: none;
+  background: none;
+  padding: 0;
+  width: 16px;
+  height: 16px;
+}
+
+.accordion .header-buttons button::-moz-focus-inner {
+  border: none;
+}
+
+.accordion .arrow svg {
+  fill: var(--disclosure-arrow);
+}

devtools/client/debugger/new/src/components/shared/Badge.css

@@ -0,0 +1,16 @@
+/* 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/>. */
+
+.badge {
+  --size: 17px;
+  --radius: calc(var(--size) / 2);
+  height: var(--size);
+  min-width: var(--size);
+  line-height: var(--size);
+  background: var(--theme-toolbar-background-hover);
+  color: var(--theme-body-color);
+  border-radius: var(--radius);
+  padding: 0 4px;
+  font-size: 0.9em;
+}