Bug 1792847 - [devtools] Use absolute URLs to import modules in devtools/client/application. r=jdescottes

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

devtools/client/application/initializer.js

@@ -12,34 +12,44 @@ const require = BrowserLoader({
   window,
 }).require;
 
-const { createFactory } = require("devtools/client/shared/vendor/react");
+const {
+  createFactory,
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   render,
   unmountComponentAtNode,
-} = require("devtools/client/shared/vendor/react-dom");
+} = require("resource://devtools/client/shared/vendor/react-dom.js");
 const Provider = createFactory(
-  require("devtools/client/shared/vendor/react-redux").Provider
+  require("resource://devtools/client/shared/vendor/react-redux.js").Provider
 );
-const { bindActionCreators } = require("devtools/client/shared/vendor/redux");
-const { l10n } = require("devtools/client/application/src/modules/l10n");
+const {
+  bindActionCreators,
+} = require("resource://devtools/client/shared/vendor/redux.js");
+const {
+  l10n,
+} = require("resource://devtools/client/application/src/modules/l10n.js");
 
 const {
   configureStore,
-} = require("devtools/client/application/src/create-store");
-const actions = require("devtools/client/application/src/actions/index");
+} = require("resource://devtools/client/application/src/create-store.js");
+const actions = require("resource://devtools/client/application/src/actions/index.js");
 
-const { WorkersListener } = require("devtools/client/shared/workers-listener");
-const Telemetry = require("devtools/client/shared/telemetry");
+const {
+  WorkersListener,
+} = require("resource://devtools/client/shared/workers-listener.js");
+const Telemetry = require("resource://devtools/client/shared/telemetry.js");
 
 const {
   services,
-} = require("devtools/client/application/src/modules/application-services");
+} = require("resource://devtools/client/application/src/modules/application-services.js");
 
 const App = createFactory(
-  require("devtools/client/application/src/components/App")
+  require("resource://devtools/client/application/src/components/App.js")
 );
 
-const { safeAsyncMethod } = require("devtools/shared/async-utils");
+const {
+  safeAsyncMethod,
+} = require("resource://devtools/shared/async-utils.js");
 
 /**
  * Global Application object in this panel. This object is expected by panel.js and is

devtools/client/application/src/actions/index.js

@@ -4,9 +4,9 @@
 
 "use strict";
 
-const workers = require("devtools/client/application/src/actions/workers");
-const page = require("devtools/client/application/src/actions/page");
-const ui = require("devtools/client/application/src/actions/ui");
-const manifest = require("devtools/client/application/src/actions/manifest");
+const workers = require("resource://devtools/client/application/src/actions/workers.js");
+const page = require("resource://devtools/client/application/src/actions/page.js");
+const ui = require("resource://devtools/client/application/src/actions/ui.js");
+const manifest = require("resource://devtools/client/application/src/actions/manifest.js");
 
 Object.assign(exports, workers, page, ui, manifest);

devtools/client/application/src/actions/manifest.js

@@ -4,18 +4,20 @@
 
 "use strict";
 
-const { l10n } = require("devtools/client/application/src/modules/l10n");
+const {
+  l10n,
+} = require("resource://devtools/client/application/src/modules/l10n.js");
 
 const {
   services,
   ManifestDevToolsError,
-} = require("devtools/client/application/src/modules/application-services");
+} = require("resource://devtools/client/application/src/modules/application-services.js");
 const {
   FETCH_MANIFEST_FAILURE,
   FETCH_MANIFEST_START,
   FETCH_MANIFEST_SUCCESS,
   RESET_MANIFEST,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function fetchManifest() {
   return async ({ dispatch, getState }) => {

devtools/client/application/src/actions/page.js

@@ -4,7 +4,9 @@
 
 "use strict";
 
-const { UPDATE_DOMAIN } = require("devtools/client/application/src/constants");
+const {
+  UPDATE_DOMAIN,
+} = require("resource://devtools/client/application/src/constants.js");
 
 function updateDomain(url) {
   return {

devtools/client/application/src/actions/ui.js

@@ -6,7 +6,7 @@
 
 const {
   UPDATE_SELECTED_PAGE,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function updateSelectedPage(selectedPage) {
   return {

devtools/client/application/src/actions/workers.js

@@ -9,7 +9,7 @@ const {
   UNREGISTER_WORKER,
   UPDATE_CAN_DEBUG_WORKERS,
   UPDATE_WORKERS,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function startWorker(worker) {
   const { registrationFront } = worker;

devtools/client/application/src/components/App.js

@@ -4,21 +4,23 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const { main } = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+  main,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const LocalizationProvider = createFactory(FluentReact.LocalizationProvider);
 
 const PageSwitcher = createFactory(
-  require("devtools/client/application/src/components/routing/PageSwitcher")
+  require("resource://devtools/client/application/src/components/routing/PageSwitcher.js")
 );
 const Sidebar = createFactory(
-  require("devtools/client/application/src/components/routing/Sidebar")
+  require("resource://devtools/client/application/src/components/routing/Sidebar.js")
 );
 
 /**

devtools/client/application/src/components/manifest/Manifest.js

@@ -7,44 +7,46 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   article,
   h1,
   table,
   tbody,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
-const { l10n } = require("devtools/client/application/src/modules/l10n");
+const {
+  l10n,
+} = require("resource://devtools/client/application/src/modules/l10n.js");
 
 const ManifestColorItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestColorItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestColorItem.js")
 );
 const ManifestIconItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIconItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIconItem.js")
 );
 const ManifestUrlItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestUrlItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestUrlItem.js")
 );
 const ManifestItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestItem.js")
 );
 const ManifestIssueList = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIssueList")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIssueList.js")
 );
 const ManifestSection = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestSection")
+  require("resource://devtools/client/application/src/components/manifest/ManifestSection.js")
 );
 const ManifestJsonLink = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestJsonLink")
+  require("resource://devtools/client/application/src/components/manifest/ManifestJsonLink.js")
 );
 
 const {
   MANIFEST_MEMBER_VALUE_TYPES,
-} = require("devtools/client/application/src/constants");
-const Types = require("devtools/client/application/src/types/index");
+} = require("resource://devtools/client/application/src/constants.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 /**
  * A canonical manifest, splitted in different sections

devtools/client/application/src/components/manifest/ManifestColorItem.js

@@ -7,12 +7,14 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const { div } = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+  div,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 const ManifestItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestItem.js")
 );
 
 /**

devtools/client/application/src/components/manifest/ManifestEmpty.js

@@ -4,12 +4,12 @@
 
 "use strict";
 
-const { openDocLink } = require("devtools/client/shared/link");
+const { openDocLink } = require("resource://devtools/client/shared/link.js");
 
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   a,
   article,
@@ -18,9 +18,9 @@ const {
   h1,
   img,
   p,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
 const DOC_URL =

devtools/client/application/src/components/manifest/ManifestIconItem.js

@@ -7,21 +7,23 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   br,
   code,
   img,
   span,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
-const { l10n } = require("devtools/client/application/src/modules/l10n");
+const {
+  l10n,
+} = require("resource://devtools/client/application/src/modules/l10n.js");
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 const ManifestItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestItem.js")
 );
 
 /**

devtools/client/application/src/components/manifest/ManifestIssue.js

@@ -4,24 +4,24 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   img,
   li,
   span,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
 const {
   MANIFEST_ISSUE_LEVELS,
-} = require("devtools/client/application/src/constants");
-const Types = require("devtools/client/application/src/types/index");
+} = require("resource://devtools/client/application/src/constants.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 /**
  * A Manifest validation issue (warning, error)

devtools/client/application/src/components/manifest/ManifestIssueList.js

@@ -7,16 +7,18 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const { ul } = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+  ul,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
 const {
   MANIFEST_ISSUE_LEVELS,
-} = require("devtools/client/application/src/constants");
-const Types = require("devtools/client/application/src/types/index");
+} = require("resource://devtools/client/application/src/constants.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const ManifestIssue = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIssue")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIssue.js")
 );
 
 /**

devtools/client/application/src/components/manifest/ManifestItem.js

@@ -4,13 +4,15 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { PureComponent } = require("devtools/client/shared/vendor/react");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  PureComponent,
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   tr,
   td,
   th,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
 /**
  * This component displays a key-value data pair from a manifest

devtools/client/application/src/components/manifest/ManifestJsonLink.js

@@ -4,17 +4,20 @@
 
 "use strict";
 
-const { openDocLink } = require("devtools/client/shared/link");
+const { openDocLink } = require("resource://devtools/client/shared/link.js");
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 
-const { a, p } = require("devtools/client/shared/vendor/react-dom-factories");
+const {
+  a,
+  p,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
 /**

devtools/client/application/src/components/manifest/ManifestLoader.js

@@ -7,23 +7,25 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 
 const {
   aside,
   h1,
   p,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
 const {
   fetchManifest,
-} = require("devtools/client/application/src/actions/manifest");
+} = require("resource://devtools/client/application/src/actions/manifest.js");
 
 class ManifestLoader extends PureComponent {
   static get propTypes() {

devtools/client/application/src/components/manifest/ManifestPage.js

@@ -4,27 +4,29 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   section,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const ManifestLoader = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestLoader")
+  require("resource://devtools/client/application/src/components/manifest/ManifestLoader.js")
 );
 const Manifest = createFactory(
-  require("devtools/client/application/src/components/manifest/Manifest")
+  require("resource://devtools/client/application/src/components/manifest/Manifest.js")
 );
 const ManifestEmpty = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestEmpty")
+  require("resource://devtools/client/application/src/components/manifest/ManifestEmpty.js")
 );
 
 class ManifestPage extends PureComponent {

devtools/client/application/src/components/manifest/ManifestSection.js

@@ -4,12 +4,14 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { PureComponent } = require("devtools/client/shared/vendor/react");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  PureComponent,
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   h2,
   section,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
 /**
  * A section of a manifest in the form of a captioned table.

devtools/client/application/src/components/manifest/ManifestUrlItem.js

@@ -7,12 +7,14 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const { div } = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+  div,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 const ManifestItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestItem.js")
 );
 
 /**

devtools/client/application/src/components/routing/PageSwitcher.js

@@ -7,17 +7,21 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
-const Types = require("devtools/client/application/src/types/index");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const ManifestPage = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestPage")
+  require("resource://devtools/client/application/src/components/manifest/ManifestPage.js")
 );
 const WorkersPage = createFactory(
-  require("devtools/client/application/src/components/service-workers/WorkersPage")
+  require("resource://devtools/client/application/src/components/service-workers/WorkersPage.js")
 );
 
 class PageSwitcher extends PureComponent {

devtools/client/application/src/components/routing/Sidebar.js

@@ -7,20 +7,24 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   aside,
   ul,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
 const SidebarItem = createFactory(
-  require("devtools/client/application/src/components/routing/SidebarItem")
+  require("resource://devtools/client/application/src/components/routing/SidebarItem.js")
 );
 
-const Types = require("devtools/client/application/src/types/index");
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
+const Types = require("resource://devtools/client/application/src/types/index.js");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
 
 class Sidebar extends PureComponent {
   static get propTypes() {

devtools/client/application/src/components/routing/SidebarItem.js

@@ -7,23 +7,27 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   img,
   li,
   span,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 
-const Actions = require("devtools/client/application/src/actions/index");
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+const Actions = require("resource://devtools/client/application/src/actions/index.js");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
-const Types = require("devtools/client/application/src/types/index");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const ICONS = {
   [PAGE_TYPES.MANIFEST]:

devtools/client/application/src/components/service-workers/Registration.js

@@ -7,10 +7,12 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 
-const { connect } = require("devtools/client/shared/vendor/react-redux");
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 
 const {
   article,
@@ -21,25 +23,27 @@ const {
   p,
   time,
   ul,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const { getUnicodeUrl } = require("devtools/client/shared/unicode-url");
+const {
+  getUnicodeUrl,
+} = require("resource://devtools/client/shared/unicode-url.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const {
   unregisterWorker,
-} = require("devtools/client/application/src/actions/workers");
+} = require("resource://devtools/client/application/src/actions/workers.js");
 
 const UIButton = createFactory(
-  require("devtools/client/application/src/components/ui/UIButton")
+  require("resource://devtools/client/application/src/components/ui/UIButton.js")
 );
 
 const Worker = createFactory(
-  require("devtools/client/application/src/components/service-workers/Worker")
+  require("resource://devtools/client/application/src/components/service-workers/Worker.js")
 );
 
 /**

devtools/client/application/src/components/service-workers/RegistrationList.js

@@ -4,12 +4,14 @@
 
 "use strict";
 
-const { openTrustedLink } = require("devtools/client/shared/link");
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const {
+  openTrustedLink,
+} = require("resource://devtools/client/shared/link.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   a,
   article,
@@ -17,14 +19,14 @@ const {
   h1,
   p,
   ul,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 const Registration = createFactory(
-  require("devtools/client/application/src/components/service-workers/Registration")
+  require("resource://devtools/client/application/src/components/service-workers/Registration.js")
 );
 
 /**

devtools/client/application/src/components/service-workers/RegistrationListEmpty.js

@@ -4,11 +4,14 @@
 
 "use strict";
 
-const { openDocLink, openTrustedLink } = require("devtools/client/shared/link");
+const {
+  openDocLink,
+  openTrustedLink,
+} = require("resource://devtools/client/shared/link.js");
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 const {
   a,
   article,
@@ -17,14 +20,14 @@ const {
   h1,
   img,
   p,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
 
 const {
   services,
-} = require("devtools/client/application/src/modules/application-services");
+} = require("resource://devtools/client/application/src/modules/application-services.js");
 
 const DOC_URL =
   "https://developer.mozilla.org/docs/Web/API/Service_Worker_API/Using_Service_Workers" +

devtools/client/application/src/components/service-workers/Worker.js

@@ -7,10 +7,12 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
+} = require("resource://devtools/client/shared/vendor/react.js");
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
 const {
   a,
@@ -18,25 +20,29 @@ const {
   p,
   section,
   span,
-} = require("devtools/client/shared/vendor/react-dom-factories");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
-const { getUnicodeUrlPath } = require("devtools/client/shared/unicode-url");
+const {
+  getUnicodeUrlPath,
+} = require("resource://devtools/client/shared/unicode-url.js");
 
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const Localized = createFactory(FluentReact.Localized);
-const { l10n } = require("devtools/client/application/src/modules/l10n");
+const {
+  l10n,
+} = require("resource://devtools/client/application/src/modules/l10n.js");
 
 const {
   services,
-} = require("devtools/client/application/src/modules/application-services");
-const Types = require("devtools/client/application/src/types/index");
+} = require("resource://devtools/client/application/src/modules/application-services.js");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 
 const {
   startWorker,
-} = require("devtools/client/application/src/actions/workers");
+} = require("resource://devtools/client/application/src/actions/workers.js");
 
 const UIButton = createFactory(
-  require("devtools/client/application/src/components/ui/UIButton")
+  require("resource://devtools/client/application/src/components/ui/UIButton.js")
 );
 
 /**

devtools/client/application/src/components/service-workers/WorkersPage.js

@@ -7,19 +7,21 @@
 const {
   createFactory,
   PureComponent,
-} = require("devtools/client/shared/vendor/react");
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+} = require("resource://devtools/client/shared/vendor/react.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 const {
   section,
-} = require("devtools/client/shared/vendor/react-dom-factories");
-const { connect } = require("devtools/client/shared/vendor/react-redux");
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
 
-const Types = require("devtools/client/application/src/types/index");
+const Types = require("resource://devtools/client/application/src/types/index.js");
 const RegistrationList = createFactory(
-  require("devtools/client/application/src/components/service-workers/RegistrationList")
+  require("resource://devtools/client/application/src/components/service-workers/RegistrationList.js")
 );
 const RegistrationListEmpty = createFactory(
-  require("devtools/client/application/src/components/service-workers/RegistrationListEmpty")
+  require("resource://devtools/client/application/src/components/service-workers/RegistrationListEmpty.js")
 );
 
 class WorkersPage extends PureComponent {

devtools/client/application/src/components/ui/UIButton.js

@@ -4,9 +4,13 @@
 
 "use strict";
 
-const { PureComponent } = require("devtools/client/shared/vendor/react");
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { button } = require("devtools/client/shared/vendor/react-dom-factories");
+const {
+  PureComponent,
+} = require("resource://devtools/client/shared/vendor/react.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  button,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
 class UIButton extends PureComponent {
   static get propTypes() {

devtools/client/application/src/create-store.js

@@ -4,29 +4,31 @@
 
 "use strict";
 
-const { thunk } = require("devtools/client/shared/redux/middleware/thunk");
-const eventTelemetryMiddleware = require("devtools/client/application/src/middleware/event-telemetry");
+const {
+  thunk,
+} = require("resource://devtools/client/shared/redux/middleware/thunk.js");
+const eventTelemetryMiddleware = require("resource://devtools/client/application/src/middleware/event-telemetry.js");
 
 const {
   applyMiddleware,
   createStore,
-} = require("devtools/client/shared/vendor/redux");
+} = require("resource://devtools/client/shared/vendor/redux.js");
 
 // Reducers
 
-const rootReducer = require("devtools/client/application/src/reducers/index");
+const rootReducer = require("resource://devtools/client/application/src/reducers/index.js");
 const {
   ManifestState,
-} = require("devtools/client/application/src/reducers/manifest-state");
+} = require("resource://devtools/client/application/src/reducers/manifest-state.js");
 const {
   WorkersState,
-} = require("devtools/client/application/src/reducers/workers-state");
+} = require("resource://devtools/client/application/src/reducers/workers-state.js");
 const {
   PageState,
-} = require("devtools/client/application/src/reducers/page-state");
+} = require("resource://devtools/client/application/src/reducers/page-state.js");
 const {
   UiState,
-} = require("devtools/client/application/src/reducers/ui-state");
+} = require("resource://devtools/client/application/src/reducers/ui-state.js");
 
 function configureStore(telemetry, sessionId) {
   // Prepare initial state.

devtools/client/application/src/middleware/event-telemetry.js

@@ -8,7 +8,7 @@ const {
   START_WORKER,
   UNREGISTER_WORKER,
   UPDATE_SELECTED_PAGE,
-} = require("devtools/client/application/src/constants.js");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function eventTelemetryMiddleware(telemetry, sessionId) {
   function recordEvent(method, details = {}) {

devtools/client/application/src/modules/l10n.js

@@ -6,7 +6,7 @@
 
 const {
   FluentL10n,
-} = require("devtools/client/shared/fluent-l10n/fluent-l10n");
+} = require("resource://devtools/client/shared/fluent-l10n/fluent-l10n.js");
 
 // exports a singleton, which will be used across all application panel modules
 exports.l10n = new FluentL10n();

devtools/client/application/src/reducers/index.js

@@ -4,19 +4,21 @@
 
 "use strict";
 
-const { combineReducers } = require("devtools/client/shared/vendor/redux");
+const {
+  combineReducers,
+} = require("resource://devtools/client/shared/vendor/redux.js");
 const {
   workersReducer,
-} = require("devtools/client/application/src/reducers/workers-state");
+} = require("resource://devtools/client/application/src/reducers/workers-state.js");
 const {
   pageReducer,
-} = require("devtools/client/application/src/reducers/page-state");
+} = require("resource://devtools/client/application/src/reducers/page-state.js");
 const {
   uiReducer,
-} = require("devtools/client/application/src/reducers/ui-state");
+} = require("resource://devtools/client/application/src/reducers/ui-state.js");
 const {
   manifestReducer,
-} = require("devtools/client/application/src/reducers/manifest-state");
+} = require("resource://devtools/client/application/src/reducers/manifest-state.js");
 
 module.exports = combineReducers({
   manifest: manifestReducer,

devtools/client/application/src/reducers/manifest-state.js

@@ -12,7 +12,7 @@ const {
   FETCH_MANIFEST_START,
   FETCH_MANIFEST_SUCCESS,
   RESET_MANIFEST,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function _processRawManifestIcons(rawIcons) {
   // NOTE: about `rawIcons` array we are getting from platform:

devtools/client/application/src/reducers/page-state.js

@@ -4,7 +4,9 @@
 
 "use strict";
 
-const { UPDATE_DOMAIN } = require("devtools/client/application/src/constants");
+const {
+  UPDATE_DOMAIN,
+} = require("resource://devtools/client/application/src/constants.js");
 
 function PageState() {
   return {

devtools/client/application/src/reducers/ui-state.js

@@ -7,7 +7,7 @@
 const {
   DEFAULT_PAGE,
   UPDATE_SELECTED_PAGE,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function UiState() {
   return {

devtools/client/application/src/reducers/workers-state.js

@@ -9,7 +9,7 @@ const {
   UNREGISTER_WORKER,
   UPDATE_CAN_DEBUG_WORKERS,
   UPDATE_WORKERS,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 function WorkersState() {
   return {

devtools/client/application/src/types/index.js

@@ -4,9 +4,9 @@
 
 "use strict";
 
-const manifestTypes = require("devtools/client/application/src/types/manifest");
-const routingTypes = require("devtools/client/application/src/types/routing");
-const workersTypes = require("devtools/client/application/src/types/service-workers");
+const manifestTypes = require("resource://devtools/client/application/src/types/manifest.js");
+const routingTypes = require("resource://devtools/client/application/src/types/routing.js");
+const workersTypes = require("resource://devtools/client/application/src/types/service-workers.js");
 
 module.exports = Object.assign(
   {},

devtools/client/application/src/types/manifest.js

@@ -4,14 +4,14 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 
 const {
   MANIFEST_ISSUE_LEVELS,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 const {
   MANIFEST_MEMBER_VALUE_TYPES,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 const manifestIssue = {
   level: PropTypes.oneOf(Object.values(MANIFEST_ISSUE_LEVELS)).isRequired,

devtools/client/application/src/types/routing.js

@@ -4,8 +4,10 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
 
 const page = PropTypes.oneOf(Object.values(PAGE_TYPES));
 

devtools/client/application/src/types/service-workers.js

@@ -4,7 +4,7 @@
 
 "use strict";
 
-const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
 
 const worker = {
   id: PropTypes.string.isRequired,

devtools/client/application/test/browser/browser_application_panel_open-links.js

@@ -3,7 +3,7 @@
 
 "use strict";
 
-const { Toolbox } = require("devtools/client/framework/toolbox");
+const { Toolbox } = require("resource://devtools/client/framework/toolbox.js");
 
 /**
  * Check that links work when the devtools are detached in a separate window.

devtools/client/application/test/node/actions/actions_application_panel-manifest.test.js

@@ -5,24 +5,26 @@
 
 const {
   MANIFEST_NO_ISSUES,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
 const {
   ManifestDevToolsError,
   services,
-} = require("devtools/client/application/src/modules/application-services");
+} = require("resource://devtools/client/application/src/modules/application-services.js");
 
 const {
   FETCH_MANIFEST_FAILURE,
   FETCH_MANIFEST_START,
   FETCH_MANIFEST_SUCCESS,
-} = require("devtools/client/application/src/constants");
+} = require("resource://devtools/client/application/src/constants.js");
 
 const {
   fetchManifest,
-} = require("devtools/client/application/src/actions/manifest");
+} = require("resource://devtools/client/application/src/actions/manifest.js");
 
 describe("Manifest actions: fetchManifest", () => {
   it("dispatches a START - SUCCESS sequence when fetching is OK", async () => {

devtools/client/application/test/node/components/components_application_panel-App.test.js

@@ -8,12 +8,12 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 // Import & init localization
-const FluentReact = require("devtools/client/shared/vendor/fluent-react");
+const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js");
 const LocalizationProvider = createFactory(FluentReact.LocalizationProvider);
 
 // Import component
 const App = createFactory(
-  require("devtools/client/application/src/components/App")
+  require("resource://devtools/client/application/src/components/App.js")
 );
 
 describe("App", () => {

devtools/client/application/test/node/components/manifest/components_application_panel-Manifest.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const Manifest = createFactory(
-  require("devtools/client/application/src/components/manifest/Manifest")
+  require("resource://devtools/client/application/src/components/manifest/Manifest.js")
 );
 
 const {
@@ -19,7 +19,7 @@ const {
   MANIFEST_URL_MEMBERS,
   MANIFEST_NO_ISSUES,
   MANIFEST_WITH_ISSUES,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 /*
  * Test for Manifest component

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestColorItem.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestColorItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestColorItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestColorItem.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestEmpty.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestEmpty = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestEmpty")
+  require("resource://devtools/client/application/src/components/manifest/ManifestEmpty.js")
 );
 
 /**

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestIconItem.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestIconItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIconItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIconItem.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestIssue.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestIssue = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIssue")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIssue.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestIssueList.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestIssueList = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestIssueList")
+  require("resource://devtools/client/application/src/components/manifest/ManifestIssueList.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestItem.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestItem.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestJsonLink.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestJsonLink = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestJsonLink")
+  require("resource://devtools/client/application/src/components/manifest/ManifestJsonLink.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestLoader.test.js

@@ -7,19 +7,21 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 // Import test helpers
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 // Import fixtures
 const {
   MANIFEST_NO_ISSUES,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
-const manifestActions = require("devtools/client/application/src/actions/manifest");
+const manifestActions = require("resource://devtools/client/application/src/actions/manifest.js");
 // NOTE: we need to spy on the action before we load the component, so it gets
 //       bound to the spy, not the original implementation
 const fetchManifestActionSpy = jest.spyOn(manifestActions, "fetchManifest");
 
 const ManifestLoader = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestLoader")
+  require("resource://devtools/client/application/src/components/manifest/ManifestLoader.js")
 );
 
 describe("ManifestLoader", () => {

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestPage.test.js

@@ -7,13 +7,15 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 const {
   MANIFEST_SIMPLE,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 const ManifestPage = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestPage")
+  require("resource://devtools/client/application/src/components/manifest/ManifestPage.js")
 );
 
 /**

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestSection.test.js

@@ -6,10 +6,13 @@
 // Import libs
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
-const { td, tr } = require("devtools/client/shared/vendor/react-dom-factories");
+const {
+  td,
+  tr,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
 
 const ManifestSection = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestSection")
+  require("resource://devtools/client/application/src/components/manifest/ManifestSection.js")
 );
 
 /*

devtools/client/application/test/node/components/manifest/components_application_panel-ManifestUrlItem.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const ManifestUrlItem = createFactory(
-  require("devtools/client/application/src/components/manifest/ManifestUrlItem")
+  require("resource://devtools/client/application/src/components/manifest/ManifestUrlItem.js")
 );
 
 /*

devtools/client/application/test/node/components/routing/components_application_panel-PageSwitcher.test.js

@@ -8,13 +8,17 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 // Import setupStore with imported & combined reducers
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
 const PageSwitcher = createFactory(
-  require("devtools/client/application/src/components/routing/PageSwitcher")
+  require("resource://devtools/client/application/src/components/routing/PageSwitcher.js")
 );
 
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
 
 /**
  * Test for workerListEmpty.js component

devtools/client/application/test/node/components/routing/components_application_panel-Sidebar.test.js

@@ -7,12 +7,16 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
 
 const Sidebar = createFactory(
-  require("devtools/client/application/src/components/routing/Sidebar")
+  require("resource://devtools/client/application/src/components/routing/Sidebar.js")
 );
 
 /**

devtools/client/application/test/node/components/routing/components_application_panel-SidebarItem.test.js

@@ -7,12 +7,16 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
-const { PAGE_TYPES } = require("devtools/client/application/src/constants");
+const {
+  PAGE_TYPES,
+} = require("resource://devtools/client/application/src/constants.js");
 
 const SidebarItem = createFactory(
-  require("devtools/client/application/src/components/routing/SidebarItem")
+  require("resource://devtools/client/application/src/components/routing/SidebarItem.js")
 );
 
 /**

devtools/client/application/test/node/components/service-workers/components_application_panel-Registration.test.js

@@ -7,15 +7,17 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 // Import test helpers
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
 const {
   REGISTRATION_SINGLE_WORKER,
   REGISTRATION_MULTIPLE_WORKERS,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 const Registration = createFactory(
-  require("devtools/client/application/src/components/service-workers/Registration")
+  require("resource://devtools/client/application/src/components/service-workers/Registration.js")
 );
 
 describe("Registration", () => {

devtools/client/application/test/node/components/service-workers/components_application_panel-RegistrationList.test.js

@@ -11,10 +11,10 @@ const { createFactory } = require("react");
 const {
   SINGLE_WORKER_DEFAULT_DOMAIN_LIST,
   MULTIPLE_WORKER_LIST,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 const RegistrationList = createFactory(
-  require("devtools/client/application/src/components/service-workers/RegistrationList")
+  require("resource://devtools/client/application/src/components/service-workers/RegistrationList.js")
 );
 
 /**

devtools/client/application/test/node/components/service-workers/components_application_panel-RegistrationListEmpty.test.js

@@ -8,7 +8,7 @@ const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 
 const RegistrationListEmpty = createFactory(
-  require("devtools/client/application/src/components/service-workers/RegistrationListEmpty")
+  require("resource://devtools/client/application/src/components/service-workers/RegistrationListEmpty.js")
 );
 
 /**

devtools/client/application/test/node/components/service-workers/components_application_panel-Worker.test.js

@@ -7,16 +7,18 @@
 const { shallow } = require("enzyme");
 const { createFactory } = require("react");
 // Import test helpers
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
 const {
   WORKER_RUNNING,
   WORKER_STOPPED,
   WORKER_WAITING,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 const Worker = createFactory(
-  require("devtools/client/application/src/components/service-workers/Worker")
+  require("resource://devtools/client/application/src/components/service-workers/Worker.js")
 );
 
 describe("Worker", () => {

devtools/client/application/test/node/components/service-workers/components_application_panel-WorkersPage.test.js

@@ -14,14 +14,16 @@ const {
   SINGLE_WORKER_DIFFERENT_DOMAIN_LIST,
   MULTIPLE_WORKER_LIST,
   MULTIPLE_WORKER_MIXED_DOMAINS_LIST,
-} = require("devtools/client/application/test/node/fixtures/data/constants");
+} = require("resource://devtools/client/application/test/node/fixtures/data/constants.js");
 
 // Import setupStore with imported & combined reducers
-const { setupStore } = require("devtools/client/application/test/node/helpers");
+const {
+  setupStore,
+} = require("resource://devtools/client/application/test/node/helpers.js");
 
 // Import component
 const WorkersPage = createFactory(
-  require("devtools/client/application/src/components/service-workers/WorkersPage")
+  require("resource://devtools/client/application/src/components/service-workers/WorkersPage.js")
 );
 
 /**

devtools/client/application/test/node/helpers.js

@@ -3,7 +3,9 @@
 
 "use strict";
 
-const { thunk } = require("devtools/client/shared/redux/middleware/thunk.js");
+const {
+  thunk,
+} = require("resource://devtools/client/shared/redux/middleware/thunk.js");
 const configureStore = require("redux-mock-store").default;
 
 /**

devtools/client/application/test/node/setup.js

@@ -11,5 +11,5 @@ Enzyme.configure({ adapter: new Adapter() });
 
 const {
   setMocksInGlobal,
-} = require("devtools/client/shared/test-helpers/shared-node-helpers");
+} = require("resource://devtools/client/shared/test-helpers/shared-node-helpers.js");
 setMocksInGlobal();

devtools/client/application/test/xpcshell/test_manifest_reducer.js

@@ -9,14 +9,14 @@ const {
   FETCH_MANIFEST_SUCCESS,
   RESET_MANIFEST,
   MANIFEST_MEMBER_VALUE_TYPES,
-} = require("devtools/client/application/src/constants.js");
+} = require("resource://devtools/client/application/src/constants.js");
 
 const { ICON, COLOR, STRING, URL } = MANIFEST_MEMBER_VALUE_TYPES;
 
 const {
   manifestReducer,
   ManifestState,
-} = require("devtools/client/application/src/reducers/manifest-state.js");
+} = require("resource://devtools/client/application/src/reducers/manifest-state.js");
 
 const MANIFEST_PROCESSING = [
   // empty manifest

devtools/client/application/test/xpcshell/test_page_reducer.js

@@ -5,12 +5,12 @@ http://creativecommons.org/publicdomain/zero/1.0/ */
 
 const {
   updateDomain,
-} = require("devtools/client/application/src/actions/page.js");
+} = require("resource://devtools/client/application/src/actions/page.js");
 
 const {
   pageReducer,
   PageState,
-} = require("devtools/client/application/src/reducers/page-state.js");
+} = require("resource://devtools/client/application/src/reducers/page-state.js");
 
 add_task(async function() {
   info("Test page reducer: UPDATE_DOMAIN action");

devtools/client/application/test/xpcshell/test_ui_reducer.js

@@ -5,12 +5,12 @@ http://creativecommons.org/publicdomain/zero/1.0/ */
 
 const {
   updateSelectedPage,
-} = require("devtools/client/application/src/actions/ui.js");
+} = require("resource://devtools/client/application/src/actions/ui.js");
 
 const {
   uiReducer,
   UiState,
-} = require("devtools/client/application/src/reducers/ui-state.js");
+} = require("resource://devtools/client/application/src/reducers/ui-state.js");
 
 add_task(async function() {
   info("Test ui reducer: UPDATE_SELECTED_PAGE action");

devtools/client/application/test/xpcshell/test_workers_reducer.js

@@ -6,17 +6,17 @@ http://creativecommons.org/publicdomain/zero/1.0/ */
 const {
   updateCanDebugWorkers,
   updateWorkers,
-} = require("devtools/client/application/src/actions/workers.js");
+} = require("resource://devtools/client/application/src/actions/workers.js");
 
 const {
   START_WORKER,
   UNREGISTER_WORKER,
-} = require("devtools/client/application/src/constants.js");
+} = require("resource://devtools/client/application/src/constants.js");
 
 const {
   workersReducer,
   WorkersState,
-} = require("devtools/client/application/src/reducers/workers-state.js");
+} = require("resource://devtools/client/application/src/reducers/workers-state.js");
 
 add_task(async function() {
   info("Test workers reducer: UPDATE_CAN_DEBUG_WORKERS action");