Bug 1593919 - Moved RequestList* related files into request-list directory. r=Honza
authorljyjeff <linjia18@mail.utoronto.ca>
Thu, 14 Nov 2019 14:45:27 +0000
changeset 501940 8b7a0fc358f3fc42fc639baff2aa43a60797be66
parent 501939 5d7640ffbf2ad18d3bc99bac56b6500d80db987b
child 501941 23293a56f4790a29a30f35739c4ad72c60d74ff2
push id114172
push userdluca@mozilla.com
push dateTue, 19 Nov 2019 11:31:10 +0000
treeherdermozilla-inbound@b5c5ba07d3db [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1593919
milestone72.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1593919 - Moved RequestList* related files into request-list directory. r=Honza Moved RequestList* related files into new directory. Updated necessary references to and within these components. Differential Revision: https://phabricator.services.mozilla.com/D52981
devtools/client/netmonitor/src/components/MonitorPanel.js
devtools/client/netmonitor/src/components/RequestList.js
devtools/client/netmonitor/src/components/RequestListColumnCause.js
devtools/client/netmonitor/src/components/RequestListColumnContentSize.js
devtools/client/netmonitor/src/components/RequestListColumnCookies.js
devtools/client/netmonitor/src/components/RequestListColumnDomain.js
devtools/client/netmonitor/src/components/RequestListColumnFile.js
devtools/client/netmonitor/src/components/RequestListColumnMethod.js
devtools/client/netmonitor/src/components/RequestListColumnProtocol.js
devtools/client/netmonitor/src/components/RequestListColumnRemoteIP.js
devtools/client/netmonitor/src/components/RequestListColumnResponseHeader.js
devtools/client/netmonitor/src/components/RequestListColumnScheme.js
devtools/client/netmonitor/src/components/RequestListColumnSetCookies.js
devtools/client/netmonitor/src/components/RequestListColumnStatus.js
devtools/client/netmonitor/src/components/RequestListColumnTime.js
devtools/client/netmonitor/src/components/RequestListColumnTransferredSize.js
devtools/client/netmonitor/src/components/RequestListColumnType.js
devtools/client/netmonitor/src/components/RequestListColumnUrl.js
devtools/client/netmonitor/src/components/RequestListColumnWaterfall.js
devtools/client/netmonitor/src/components/RequestListContent.js
devtools/client/netmonitor/src/components/RequestListEmptyNotice.js
devtools/client/netmonitor/src/components/RequestListHeader.js
devtools/client/netmonitor/src/components/RequestListItem.js
devtools/client/netmonitor/src/components/moz.build
devtools/client/netmonitor/src/components/request-list/RequestList.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnCause.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnDomain.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnFile.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnMethod.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnProtocol.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnRemoteIP.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnScheme.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnStatus.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnType.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnUrl.js
devtools/client/netmonitor/src/components/request-list/RequestListColumnWaterfall.js
devtools/client/netmonitor/src/components/request-list/RequestListContent.js
devtools/client/netmonitor/src/components/request-list/RequestListEmptyNotice.js
devtools/client/netmonitor/src/components/request-list/RequestListHeader.js
devtools/client/netmonitor/src/components/request-list/RequestListItem.js
devtools/client/netmonitor/src/components/request-list/moz.build
--- a/devtools/client/netmonitor/src/components/MonitorPanel.js
+++ b/devtools/client/netmonitor/src/components/MonitorPanel.js
@@ -22,17 +22,17 @@ const {
   getSelectedRequest,
   isSelectedRequestVisible,
 } = require("../selectors/index");
 
 // Components
 const SplitBox = createFactory(
   require("devtools/client/shared/components/splitter/SplitBox")
 );
-const RequestList = createFactory(require("./RequestList"));
+const RequestList = createFactory(require("./request-list/RequestList"));
 const Toolbar = createFactory(require("./Toolbar"));
 
 loader.lazyGetter(this, "NetworkDetailsPanel", function() {
   return createFactory(require("./NetworkDetailsPanel"));
 });
 
 loader.lazyGetter(this, "NetworkActionBar", function() {
   return createFactory(require("./NetworkActionBar"));
--- a/devtools/client/netmonitor/src/components/moz.build
+++ b/devtools/client/netmonitor/src/components/moz.build
@@ -1,14 +1,15 @@
 # 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/.
 
 DIRS += [
     'request-blocking',
+    'request-list',
     'search',
     'websockets',
 ]
 
 DevToolsModules(
     'App.js',
     'CachePanel.js',
     'CookiesPanel.js',
@@ -17,38 +18,16 @@ DevToolsModules(
     'HeadersPanel.js',
     'HtmlPreview.js',
     'JSONPreview.js',
     'MonitorPanel.js',
     'NetworkActionBar.js',
     'NetworkDetailsPanel.js',
     'ParamsPanel.js',
     'PropertiesView.js',
-    'RequestList.js',
-    'RequestListColumnCause.js',
-    'RequestListColumnContentSize.js',
-    'RequestListColumnCookies.js',
-    'RequestListColumnDomain.js',
-    'RequestListColumnFile.js',
-    'RequestListColumnMethod.js',
-    'RequestListColumnProtocol.js',
-    'RequestListColumnRemoteIP.js',
-    'RequestListColumnResponseHeader.js',
-    'RequestListColumnScheme.js',
-    'RequestListColumnSetCookies.js',
-    'RequestListColumnStatus.js',
-    'RequestListColumnTime.js',
-    'RequestListColumnTransferredSize.js',
-    'RequestListColumnType.js',
-    'RequestListColumnUrl.js',
-    'RequestListColumnWaterfall.js',
-    'RequestListContent.js',
-    'RequestListEmptyNotice.js',
-    'RequestListHeader.js',
-    'RequestListItem.js',
     'ResponsePanel.js',
     'SecurityPanel.js',
     'SecurityState.js',
     'SourceEditor.js',
     'StackTracePanel.js',
     'StatisticsPanel.js',
     'StatusBar.js',
     'StatusCode.js',
rename from devtools/client/netmonitor/src/components/RequestList.js
rename to devtools/client/netmonitor/src/components/request-list/RequestList.js
--- a/devtools/client/netmonitor/src/components/RequestList.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestList.js
@@ -5,17 +5,17 @@
 "use strict";
 
 const { createFactory } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const { div } = dom;
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 
 // Components
-const StatusBar = createFactory(require("./StatusBar"));
+const StatusBar = createFactory(require("../StatusBar"));
 
 loader.lazyGetter(this, "RequestListContent", function() {
   return createFactory(require("./RequestListContent"));
 });
 loader.lazyGetter(this, "RequestListEmptyNotice", function() {
   return createFactory(require("./RequestListEmptyNotice"));
 });
 
rename from devtools/client/netmonitor/src/components/RequestListColumnCause.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnCause.js
rename from devtools/client/netmonitor/src/components/RequestListColumnContentSize.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnContentSize.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnContentSize.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedSize } = require("../utils/format-utils");
+const { getFormattedSize } = require("../../utils/format-utils");
 
 class RequestListColumnContentSize extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
   }
 
rename from devtools/client/netmonitor/src/components/RequestListColumnCookies.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnCookies.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnCookies.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { fetchNetworkUpdatePacket } = require("../utils/request-utils");
+const { fetchNetworkUpdatePacket } = require("../../utils/request-utils");
 
 class RequestListColumnCookies extends Component {
   static get propTypes() {
     return {
       connector: PropTypes.object.isRequired,
       item: PropTypes.object.isRequired,
     };
   }
rename from devtools/client/netmonitor/src/components/RequestListColumnDomain.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnDomain.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnDomain.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnDomain.js
@@ -5,19 +5,19 @@
 "use strict";
 
 const {
   Component,
   createFactory,
 } = require("devtools/client/shared/vendor/react");
 const { td } = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedIPAndPort } = require("../utils/format-utils");
-const { propertiesEqual } = require("../utils/request-utils");
-const SecurityState = createFactory(require("./SecurityState"));
+const { getFormattedIPAndPort } = require("../../utils/format-utils");
+const { propertiesEqual } = require("../../utils/request-utils");
+const SecurityState = createFactory(require("../SecurityState"));
 
 const UPDATED_DOMAIN_PROPS = ["remoteAddress", "securityState", "urlDetails"];
 
 class RequestListColumnDomain extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
       onSecurityIconMouseDown: PropTypes.func.isRequired,
rename from devtools/client/netmonitor/src/components/RequestListColumnFile.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnFile.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnFile.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnFile.js
@@ -1,19 +1,19 @@
 /* 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
-const { L10N } = require("../utils/l10n");
+const { L10N } = require("../../utils/l10n");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { propertiesEqual } = require("../utils/request-utils");
+const { propertiesEqual } = require("../../utils/request-utils");
 
 const UPDATED_FILE_PROPS = ["urlDetails"];
 
 class RequestListColumnFile extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
rename from devtools/client/netmonitor/src/components/RequestListColumnMethod.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnMethod.js
rename from devtools/client/netmonitor/src/components/RequestListColumnProtocol.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnProtocol.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnProtocol.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnProtocol.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedProtocol } = require("../utils/request-utils");
+const { getFormattedProtocol } = require("../../utils/request-utils");
 
 class RequestListColumnProtocol extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
   }
 
rename from devtools/client/netmonitor/src/components/RequestListColumnRemoteIP.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnRemoteIP.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnRemoteIP.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnRemoteIP.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedIPAndPort } = require("../utils/format-utils");
+const { getFormattedIPAndPort } = require("../../utils/format-utils");
 
 class RequestListColumnRemoteIP extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
   }
 
rename from devtools/client/netmonitor/src/components/RequestListColumnResponseHeader.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnResponseHeader.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnResponseHeader.js
@@ -5,17 +5,17 @@
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 const {
   getResponseHeader,
   fetchNetworkUpdatePacket,
-} = require("../utils/request-utils");
+} = require("../../utils/request-utils");
 
 /**
  * Renders a response header column in the requests list.  The actual
  * header to show is passed as a prop.
  */
 class RequestListColumnResponseHeader extends Component {
   static get propTypes() {
     return {
rename from devtools/client/netmonitor/src/components/RequestListColumnScheme.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnScheme.js
rename from devtools/client/netmonitor/src/components/RequestListColumnSetCookies.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnSetCookies.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnSetCookies.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { fetchNetworkUpdatePacket } = require("../utils/request-utils");
+const { fetchNetworkUpdatePacket } = require("../../utils/request-utils");
 
 class RequestListColumnSetCookies extends Component {
   static get propTypes() {
     return {
       connector: PropTypes.object.isRequired,
       item: PropTypes.object.isRequired,
     };
   }
rename from devtools/client/netmonitor/src/components/RequestListColumnStatus.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnStatus.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnStatus.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnStatus.js
@@ -8,17 +8,17 @@ const {
   Component,
   createFactory,
 } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 
 // Components
 
-const StatusCode = createFactory(require("./StatusCode"));
+const StatusCode = createFactory(require("../StatusCode"));
 
 class RequestListColumnStatus extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
   }
 
rename from devtools/client/netmonitor/src/components/RequestListColumnTime.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnTime.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnTime.js
@@ -2,23 +2,23 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedTime } = require("../utils/format-utils");
+const { getFormattedTime } = require("../../utils/format-utils");
 const {
   fetchNetworkUpdatePacket,
   getResponseTime,
   getStartTime,
   getEndTime,
-} = require("../utils/request-utils");
+} = require("../../utils/request-utils");
 
 /**
  * This component represents a column displaying selected
  * timing value. There are following possible values this
  * column can render:
  * - Start Time
  * - End Time
  * - Response Time
rename from devtools/client/netmonitor/src/components/RequestListColumnTransferredSize.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnTransferredSize.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnTransferredSize.js
@@ -2,20 +2,20 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedSize } = require("../utils/format-utils");
-const { L10N } = require("../utils/l10n");
-const { propertiesEqual } = require("../utils/request-utils");
-const { BLOCKED_REASON_MESSAGES } = require("../constants");
+const { getFormattedSize } = require("../../utils/format-utils");
+const { L10N } = require("../../utils/l10n");
+const { propertiesEqual } = require("../../utils/request-utils");
+const { BLOCKED_REASON_MESSAGES } = require("../../constants");
 
 const SIZE_CACHED = L10N.getStr("networkMenu.sizeCached");
 const SIZE_SERVICE_WORKER = L10N.getStr("networkMenu.sizeServiceWorker");
 const SIZE_UNAVAILABLE = L10N.getStr("networkMenu.sizeUnavailable");
 const SIZE_UNAVAILABLE_TITLE = L10N.getStr("networkMenu.sizeUnavailable.title");
 const UPDATED_TRANSFERRED_PROPS = [
   "transferredSize",
   "fromCache",
rename from devtools/client/netmonitor/src/components/RequestListColumnType.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnType.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnType.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnType.js
@@ -2,17 +2,17 @@
  * 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/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getAbbreviatedMimeType } = require("../utils/request-utils");
+const { getAbbreviatedMimeType } = require("../../utils/request-utils");
 
 class RequestListColumnType extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
     };
   }
 
rename from devtools/client/netmonitor/src/components/RequestListColumnUrl.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnUrl.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnUrl.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnUrl.js
@@ -4,21 +4,21 @@
 
 "use strict";
 
 const {
   Component,
   createFactory,
 } = require("devtools/client/shared/vendor/react");
 const { td } = require("devtools/client/shared/vendor/react-dom-factories");
-const { L10N } = require("../utils/l10n");
+const { L10N } = require("../../utils/l10n");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { getFormattedIPAndPort } = require("../utils/format-utils");
-const { propertiesEqual } = require("../utils/request-utils");
-const SecurityState = createFactory(require("./SecurityState"));
+const { getFormattedIPAndPort } = require("../../utils/format-utils");
+const { propertiesEqual } = require("../../utils/request-utils");
+const SecurityState = createFactory(require("../SecurityState"));
 const UPDATED_FILE_PROPS = ["remoteAddress", "securityState", "urlDetails"];
 
 class RequestListColumnUrl extends Component {
   static get propTypes() {
     return {
       item: PropTypes.object.isRequired,
       onSecurityIconMouseDown: PropTypes.func.isRequired,
     };
rename from devtools/client/netmonitor/src/components/RequestListColumnWaterfall.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListColumnWaterfall.js
--- a/devtools/client/netmonitor/src/components/RequestListColumnWaterfall.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListColumnWaterfall.js
@@ -3,24 +3,24 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
 
 const { Component } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 
-const { L10N } = require("../utils/l10n");
+const { L10N } = require("../../utils/l10n");
 const {
   fetchNetworkUpdatePacket,
   propertiesEqual,
-} = require("../utils/request-utils");
+} = require("../../utils/request-utils");
 
 // List of properties of the timing info we want to create boxes for
-const { TIMING_KEYS } = require("../constants");
+const { TIMING_KEYS } = require("../../constants");
 
 const { div } = dom;
 
 const UPDATED_WATERFALL_PROPS = [
   "eventTimings",
   "fromCache",
   "fromServiceWorker",
   "totalTime",
rename from devtools/client/netmonitor/src/components/RequestListContent.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListContent.js
--- a/devtools/client/netmonitor/src/components/RequestListContent.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListContent.js
@@ -12,24 +12,24 @@ const dom = require("devtools/client/sha
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 const {
   connect,
 } = require("devtools/client/shared/redux/visibility-handler-connect");
 const {
   HTMLTooltip,
 } = require("devtools/client/shared/widgets/tooltip/HTMLTooltip");
 
-const Actions = require("../actions/index");
-const { formDataURI } = require("../utils/request-utils");
+const Actions = require("../../actions/index");
+const { formDataURI } = require("../../utils/request-utils");
 const {
   getDisplayedRequests,
   getColumns,
   getSelectedRequest,
   getWaterfallScale,
-} = require("../selectors/index");
+} = require("../../selectors/index");
 
 loader.lazyRequireGetter(
   this,
   "openRequestInTab",
   "devtools/client/netmonitor/src/utils/firefox/open-request-in-tab",
   true
 );
 loader.lazyGetter(this, "setImageTooltip", function() {
@@ -39,17 +39,17 @@ loader.lazyGetter(this, "setImageTooltip
 loader.lazyGetter(this, "getImageDimensions", function() {
   return require("devtools/client/shared/widgets/tooltip/ImageTooltipHelper")
     .getImageDimensions;
 });
 
 // Components
 const RequestListHeader = createFactory(require("./RequestListHeader"));
 const RequestListItem = createFactory(require("./RequestListItem"));
-const RequestListContextMenu = require("../widgets/RequestListContextMenu");
+const RequestListContextMenu = require("../../widgets/RequestListContextMenu");
 
 const { div } = dom;
 
 // Tooltip show / hide delay in ms
 const REQUESTS_TOOLTIP_TOGGLE_DELAY = 500;
 // Tooltip image maximum dimension in px
 const REQUESTS_TOOLTIP_IMAGE_MAX_DIM = 400;
 // Gecko's scrollTop is int32_t, so the maximum value is 2^31 - 1 = 2147483647
rename from devtools/client/netmonitor/src/components/RequestListEmptyNotice.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListEmptyNotice.js
--- a/devtools/client/netmonitor/src/components/RequestListEmptyNotice.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListEmptyNotice.js
@@ -8,20 +8,20 @@ const {
   Component,
   createFactory,
 } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 const {
   connect,
 } = require("devtools/client/shared/redux/visibility-handler-connect");
-const Actions = require("../actions/index");
-const { ACTIVITY_TYPE } = require("../constants");
-const { L10N } = require("../utils/l10n");
-const { getPerformanceAnalysisURL } = require("../utils/mdn-utils");
+const Actions = require("../../actions/index");
+const { ACTIVITY_TYPE } = require("../../constants");
+const { L10N } = require("../../utils/l10n");
+const { getPerformanceAnalysisURL } = require("../../utils/mdn-utils");
 
 // Components
 const MDNLink = createFactory(
   require("devtools/client/shared/components/MdnLink")
 );
 
 const { button, div, span } = dom;
 
rename from devtools/client/netmonitor/src/components/RequestListHeader.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListHeader.js
--- a/devtools/client/netmonitor/src/components/RequestListHeader.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListHeader.js
@@ -14,28 +14,28 @@ const PropTypes = require("devtools/clie
 const {
   connect,
 } = require("devtools/client/shared/redux/visibility-handler-connect");
 const {
   getTheme,
   addThemeObserver,
   removeThemeObserver,
 } = require("devtools/client/shared/theme");
-const Actions = require("../actions/index");
+const Actions = require("../../actions/index");
 const {
   HEADERS,
   REQUESTS_WATERFALL,
   MIN_COLUMN_WIDTH,
   DEFAULT_COLUMN_WIDTH,
-} = require("../constants");
-const { getColumns, getWaterfallScale } = require("../selectors/index");
-const { getFormattedTime } = require("../utils/format-utils");
-const { L10N } = require("../utils/l10n");
-const RequestListHeaderContextMenu = require("../widgets/RequestListHeaderContextMenu");
-const WaterfallBackground = require("../widgets/WaterfallBackground");
+} = require("../../constants");
+const { getColumns, getWaterfallScale } = require("../../selectors/index");
+const { getFormattedTime } = require("../../utils/format-utils");
+const { L10N } = require("../../utils/l10n");
+const RequestListHeaderContextMenu = require("../../widgets/RequestListHeaderContextMenu");
+const WaterfallBackground = require("../../widgets/WaterfallBackground");
 const Draggable = createFactory(
   require("devtools/client/shared/components/splitter/Draggable")
 );
 
 const { div, button } = dom;
 
 /**
  * Render the request list header with sorting arrows for columns.
rename from devtools/client/netmonitor/src/components/RequestListItem.js
rename to devtools/client/netmonitor/src/components/request-list/RequestListItem.js
--- a/devtools/client/netmonitor/src/components/RequestListItem.js
+++ b/devtools/client/netmonitor/src/components/request-list/RequestListItem.js
@@ -8,18 +8,18 @@ const {
   Component,
   createFactory,
 } = require("devtools/client/shared/vendor/react");
 const dom = require("devtools/client/shared/vendor/react-dom-factories");
 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
 const {
   fetchNetworkUpdatePacket,
   propertiesEqual,
-} = require("../utils/request-utils");
-const { RESPONSE_HEADERS } = require("../constants");
+} = require("../../utils/request-utils");
+const { RESPONSE_HEADERS } = require("../../constants");
 
 // Components
 /* global
   RequestListColumnCause,
   RequestListColumnContentSize,
   RequestListColumnCookies,
   RequestListColumnDomain,
   RequestListColumnFile,
new file mode 100644
--- /dev/null
+++ b/devtools/client/netmonitor/src/components/request-list/moz.build
@@ -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/.
+
+DevToolsModules(
+    'RequestList.js',
+    'RequestListColumnCause.js',
+    'RequestListColumnContentSize.js',
+    'RequestListColumnCookies.js',
+    'RequestListColumnDomain.js',
+    'RequestListColumnFile.js',
+    'RequestListColumnMethod.js',
+    'RequestListColumnProtocol.js',
+    'RequestListColumnRemoteIP.js',
+    'RequestListColumnResponseHeader.js',
+    'RequestListColumnScheme.js',
+    'RequestListColumnSetCookies.js',
+    'RequestListColumnStatus.js',
+    'RequestListColumnTime.js',
+    'RequestListColumnTransferredSize.js',
+    'RequestListColumnType.js',
+    'RequestListColumnUrl.js',
+    'RequestListColumnWaterfall.js',
+    'RequestListContent.js',
+    'RequestListEmptyNotice.js',
+    'RequestListHeader.js',
+    'RequestListItem.js',
+)