chrome-devtools-frontend 1.0.945884 → 1.0.948295

package/front_end/core/sdk/Cookie.ts

@@ -263,28 +263,3 @@ export enum Attributes {
   Priority = 'priority',
   PartitionKey = 'partitionKey',
 }
-
-/**
- * A `CookieReference` uniquely identifies a cookie by the triple (#name,domain,#path). Additionally, a context may be
- * included to make it clear which site under Application>Cookies should be opened when revealing a `CookieReference`.
- */
-export class CookieReference {
-  readonly #name: string;
-  readonly #domainInternal: string;
-  readonly #path: string;
-  readonly #contextUrlInternal: string|undefined;
-  constructor(name: string, domain: string, path: string, contextUrl: string|undefined) {
-    this.#name = name;
-    this.#domainInternal = domain;
-    this.#path = path;
-    this.#contextUrlInternal = contextUrl;
-  }
-
-  domain(): string {
-    return this.#domainInternal;
-  }
-
-  contextUrl(): string|undefined {
-    return this.#contextUrlInternal;
-  }
-}

package/front_end/core/sdk/EmulationModel.ts

@@ -15,7 +15,6 @@ import {SDKModel} from './SDKModel.js';
 
 export class EmulationModel extends SDKModel<void> {
   readonly #emulationAgent: ProtocolProxyApi.EmulationApi;
-  readonly #pageAgent: ProtocolProxyApi.PageApi;
   readonly #deviceOrientationAgent: ProtocolProxyApi.DeviceOrientationApi;
   #cssModel: CSSModel|null;
   readonly #overlayModelInternal: OverlayModel|null;
@@ -31,7 +30,6 @@ export class EmulationModel extends SDKModel<void> {
   constructor(target: Target) {
     super(target);
     this.#emulationAgent = target.emulationAgent();
-    this.#pageAgent = target.pageAgent();
     this.#deviceOrientationAgent = target.deviceOrientationAgent();
     this.#cssModel = target.model(CSSModel);
     this.#overlayModelInternal = target.model(OverlayModel);

package/front_end/core/sdk/HeapProfilerModel.ts

@@ -15,7 +15,6 @@ import {SDKModel} from './SDKModel.js';
 export class HeapProfilerModel extends SDKModel<EventTypes> {
   #enabled: boolean;
   readonly #heapProfilerAgent: ProtocolProxyApi.HeapProfilerApi;
-  readonly #memoryAgent: ProtocolProxyApi.MemoryApi;
   readonly #runtimeModelInternal: RuntimeModel;
   #samplingProfilerDepth: number;
 
@@ -24,7 +23,6 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
     target.registerHeapProfilerDispatcher(new HeapProfilerDispatcher(this));
     this.#enabled = false;
     this.#heapProfilerAgent = target.heapProfilerAgent();
-    this.#memoryAgent = target.memoryAgent();
     this.#runtimeModelInternal = (target.model(RuntimeModel) as RuntimeModel);
     this.#samplingProfilerDepth = 0;
   }

package/front_end/core/sdk/NetworkManager.ts

@@ -1575,7 +1575,6 @@ class ExtraInfoBuilder {
   #requestExtraInfos: (ExtraRequestInfo|null)[];
   #responseExtraInfos: (ExtraResponseInfo|null)[];
   #finishedInternal: boolean;
-  #hasExtraInfo: boolean;
   #webBundleInfo: WebBundleInfo|null;
   #webBundleInnerRequestInfo: WebBundleInnerRequestInfo|null;
 
@@ -1584,7 +1583,6 @@ class ExtraInfoBuilder {
     this.#requestExtraInfos = [];
     this.#responseExtraInfos = [];
     this.#finishedInternal = false;
-    this.#hasExtraInfo = false;
     this.#webBundleInfo = null;
     this.#webBundleInnerRequestInfo = null;
   }
@@ -1595,7 +1593,6 @@ class ExtraInfoBuilder {
   }
 
   addRequestExtraInfo(info: ExtraRequestInfo): void {
-    this.#hasExtraInfo = true;
     this.#requestExtraInfos.push(info);
     this.sync(this.#requestExtraInfos.length - 1);
   }

package/front_end/core/sdk/Resource.ts

@@ -52,7 +52,6 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
   #lastModifiedInternal: Date|null;
   readonly #contentSizeInternal: number|null;
   #contentInternal!: string|null;
-  #contentLoadError!: string|null;
   #contentEncodedInternal!: boolean;
   readonly #pendingContentCallbacks: ((arg0: Object|null) => void)[];
   #parsedURLInternal?: Common.ParsedURL.ParsedURL;
@@ -245,12 +244,10 @@ export class Resource implements TextUtils.ContentProvider.ContentProvider {
           {frameId: this.frameId as Protocol.Page.FrameId, url: this.url});
       const protocolError = response.getError();
       if (protocolError) {
-        this.#contentLoadError = protocolError;
         this.#contentInternal = null;
         loadResult = {content: null, error: protocolError, isEncoded: false};
       } else {
         this.#contentInternal = response.content;
-        this.#contentLoadError = null;
         loadResult = {content: response.content, isEncoded: response.base64Encoded};
       }
       this.#contentEncodedInternal = response.base64Encoded;

package/front_end/core/sdk/ResourceTreeModel.ts

@@ -604,7 +604,6 @@ export class ResourceTreeFrame {
   #urlInternal: string;
   #domainAndRegistryInternal: string;
   #securityOriginInternal: string|null;
-  #mimeType: string|null;
   #unreachableUrlInternal: string;
   #adFrameStatusInternal?: Protocol.Page.AdFrameStatus;
   #secureContextType: Protocol.Page.SecureContextType|null;
@@ -632,7 +631,6 @@ export class ResourceTreeFrame {
     this.#urlInternal = (payload && payload.url) || '';
     this.#domainAndRegistryInternal = (payload && payload.domainAndRegistry) || '';
     this.#securityOriginInternal = payload && payload.securityOrigin;
-    this.#mimeType = payload && payload.mimeType;
     this.#unreachableUrlInternal = (payload && payload.unreachableUrl) || '';
     this.#adFrameStatusInternal = payload?.adFrameStatus;
     this.#secureContextType = payload && payload.secureContextType;
@@ -685,7 +683,6 @@ export class ResourceTreeFrame {
     this.#urlInternal = framePayload.url;
     this.#domainAndRegistryInternal = framePayload.domainAndRegistry;
     this.#securityOriginInternal = framePayload.securityOrigin;
-    this.#mimeType = framePayload.mimeType;
     this.#unreachableUrlInternal = framePayload.unreachableUrl || '';
     this.#adFrameStatusInternal = framePayload?.adFrameStatus;
     this.#secureContextType = framePayload.secureContextType;

package/front_end/core/sdk/ServiceWorkerManager.ts

@@ -98,7 +98,6 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
 export class ServiceWorkerManager extends SDKModel<EventTypes> {
-  readonly #lastAnonymousTargetId: number;
   readonly #agent: ProtocolProxyApi.ServiceWorkerApi;
   readonly #registrationsInternal: Map<string, ServiceWorkerRegistration>;
   #enabled: boolean;
@@ -111,7 +110,6 @@ export class ServiceWorkerManager extends SDKModel<EventTypes> {
   constructor(target: Target) {
     super(target);
     target.registerServiceWorkerDispatcher(new ServiceWorkerDispatcher(this));
-    this.#lastAnonymousTargetId = 0;
     this.#agent = target.serviceWorkerAgent();
     this.#registrationsInternal = new Map();
     this.#enabled = false;

package/front_end/core/sdk/sdk-legacy.ts

@@ -73,9 +73,6 @@ SDK.ConsoleMessage.FrontendMessageSource = SDKModule.ConsoleModel.FrontendMessag
 /** @constructor */
 SDK.Cookie = SDKModule.Cookie.Cookie;
 
-/** @constructor */
-SDK.CookieReference = SDKModule.Cookie.CookieReference;
-
 /** @constructor */
 SDK.CookieParser = SDKModule.CookieParser.CookieParser;
 

package/front_end/devtools_compatibility.js

@@ -389,7 +389,6 @@
     ExperimentEnabledAtLaunch: 'DevTools.ExperimentEnabledAtLaunch',
     ExperimentEnabled: 'DevTools.ExperimentEnabled',
     ExperimentDisabled: 'DevTools.ExperimentDisabled',
-    CssEditorOpened: 'DevTools.CssEditorOpened',
     DeveloperResourceLoaded: 'DevTools.DeveloperResourceLoaded',
     DeveloperResourceScheme: 'DevTools.DeveloperResourceScheme',
     LinearMemoryInspectorRevealedFrom: 'DevTools.LinearMemoryInspector.RevealedFrom',
@@ -401,6 +400,7 @@
     RecordingReplayFinished: 'DevTools.RecordingReplayFinished',
     RecordingReplayStarted: 'DevTools.RecordingReplayStarted',
     RecordingToggled: 'DevTools.RecordingToggled',
+    SyncSetting: 'DevTools.SyncSetting',
   };
 
   /**
@@ -1490,13 +1490,6 @@
       styleRules.push('* { min-width: 0; min-height: 0; }');
     }
 
-    if (majorVersion <= 51) {
-      // Support for quirky border-image behavior (<M51), see:
-      // https://bugs.chromium.org/p/chromium/issues/detail?id=559258
-      styleRules.push('.cm-breakpoint .CodeMirror-linenumber { border-style: solid !important; }');
-      styleRules.push(
-          '.cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber { border-style: solid !important; }');
-    }
     if (majorVersion <= 71) {
       styleRules.push(
           '.coverage-toolbar-container, .animation-timeline-toolbar-container, .computed-properties { flex-basis: auto; }');

package/front_end/entrypoints/devtools_app/{devtools_app-meta-files.ts → devtools_app.ts}

@@ -1,7 +1,7 @@
-// Copyright 2021 The Chromium Authors. All rights reserved.
+// Copyright 2018 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-
+import '../shell/shell.js';
 import '../../panels/css_overview/css_overview-meta.js';
 import '../../panels/elements/elements-meta.js';
 import '../../panels/browser_debugger/browser_debugger-meta.js';
@@ -25,3 +25,10 @@ import '../../panels/timeline/timeline-meta.js';
 import '../../panels/web_audio/web_audio-meta.js';
 import '../../panels/webauthn/webauthn-meta.js';
 import '../../panels/layer_viewer/layer_viewer-meta.js';
+
+import * as Root from '../../core/root/root.js';
+import * as Main from '../main/main.js';
+
+// @ts-ignore Exposed for legacy layout tests
+self.runtime = Root.Runtime.Runtime.instance({forceNew: true});
+new Main.MainImpl.MainImpl();

package/front_end/entrypoints/formatter_worker/CSSFormatter.ts

@@ -86,9 +86,7 @@ export class CSSFormatter {
     if (startLine !== this.lastLine) {
       this.state.eatWhitespace = true;
     }
-    // The css- prefix is optional, as we override that in the tokenizer defined
-    // in CodeMirrorTextEditor.js. In a worker context, we don't use the prefix.
-    if (type && (/^(css-)?property/.test(type) || /^(css-)?variable-2/.test(type)) && !this.state.inPropertyValue) {
+    if (type && (/^property/.test(type) || /^variable-2/.test(type)) && !this.state.inPropertyValue) {
       this.state.seenProperty = true;
     }
     this.lastLine = startLine;

package/front_end/entrypoints/formatter_worker/FormatterActions.ts

@@ -9,7 +9,5 @@ export const enum FormatterActions {
   JAVASCRIPT_OUTLINE = 'javaScriptOutline',
   JAVASCRIPT_IDENTIFIERS = 'javaScriptIdentifiers',
   EVALUATE_JAVASCRIPT_SUBSTRING = 'evaluatableJavaScriptSubstring',
-  FIND_LAST_EXPRESSION = 'findLastExpression',
-  FIND_LAST_FUNCTION_CALL = 'findLastFunctionCall',
   ARGUMENTS_LIST = 'argumentsList',
 }

package/front_end/entrypoints/formatter_worker/FormatterWorker.ts

@@ -230,55 +230,6 @@ export function format(
   return result;
 }
 
-export function findLastFunctionCall(content: string): {
-  baseExpression: string,
-  receiver: string,
-  argumentIndex: number,
-  functionName: string,
-}|null {
-  if (content.length > 10000) {
-    return null;
-  }
-  try {
-    const tokenizer = Acorn.tokenizer(content, {ecmaVersion: ECMA_VERSION});
-    while (tokenizer.getToken().type !== Acorn.tokTypes.eof) {
-    }
-  } catch (e) {
-    return null;
-  }
-
-  const suffix = '000)';
-  const base = _lastCompleteExpression(content, suffix, new Set(['CallExpression', 'NewExpression']));
-  if (!base) {
-    return null;
-  }
-  if (base.baseNode.type !== 'CallExpression' && base.baseNode.type !== 'NewExpression') {
-    return null;
-  }
-  const callee = base.baseNode['callee'];
-
-  let functionName = '';
-  const functionProperty = callee.type === 'Identifier' ? callee : (callee as Acorn.ESTree.MemberExpression).property;
-  if (functionProperty) {
-    if (functionProperty.type === 'Identifier') {
-      functionName = functionProperty.name;
-    } else if (functionProperty.type === 'Literal') {
-      functionName = (functionProperty.value as string);
-    }
-  }
-
-  const argumentIndex = base.baseNode['arguments'].length - 1;
-  const baseExpression =
-      `(${base.baseExpression.substring(callee.start - base.baseNode.start, callee.end - base.baseNode.start)})`;
-  let receiver = '(function(){return this})()';
-  if (callee.type === 'MemberExpression') {
-    const receiverBase = callee['object'];
-    receiver =
-        base.baseExpression.substring(receiverBase.start - base.baseNode.start, receiverBase.end - base.baseNode.start);
-  }
-  return {baseExpression, receiver, argumentIndex, functionName};
-}
-
 export function argumentsList(content: string): string[] {
   if (content.length > 10000) {
     return [];
@@ -349,77 +300,6 @@ export function argumentsList(content: string): string[] {
   }
 }
 
-export function findLastExpression(content: string): string|null {
-  if (content.length > 10000) {
-    return null;
-  }
-  try {
-    const tokenizer = Acorn.tokenizer(content, {ecmaVersion: ECMA_VERSION});
-    while (tokenizer.getToken().type !== Acorn.tokTypes.eof) {
-    }
-  } catch (e) {
-    return null;
-  }
-
-  const suffix = '.DEVTOOLS';
-  try {
-    Acorn.parse(content + suffix, {ecmaVersion: ECMA_VERSION});
-  } catch (parseError) {
-    // If this is an invalid location for a '.', don't attempt to give autocomplete
-    if (parseError.message.startsWith('Unexpected token') && parseError.pos === content.length) {
-      return null;
-    }
-  }
-  const base = _lastCompleteExpression(content, suffix, new Set(['MemberExpression', 'Identifier']));
-  if (base) {
-    return base.baseExpression;
-  }
-  return null;
-}
-
-// TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function _lastCompleteExpression(content: string, suffix: string, types: Set<string>): {
-  baseNode: Acorn.ESTree.Node,
-  baseExpression: string,
-}|null {
-  let ast: Acorn.ESTree.Node|null = null;
-  let parsedContent = '';
-  for (let i = 0; i < content.length; i++) {
-    try {
-      // Wrap content in paren to successfully parse object literals
-      parsedContent = content[i] === '{' ? `(${content.substring(i)})${suffix}` : `${content.substring(i)}${suffix}`;
-      ast = (Acorn.parse(parsedContent, {ecmaVersion: ECMA_VERSION}) as Acorn.ESTree.Node);
-      break;
-    } catch (e) {
-    }
-  }
-  if (!ast) {
-    return null;
-  }
-  const astEnd = ast.end;
-  let baseNode: Acorn.ESTree.Node|null = null;
-  const walker = new ESTreeWalker(node => {
-    if (baseNode || node.end < astEnd) {
-      return ESTreeWalker.SkipSubtree;
-    }
-    if (types.has(node.type)) {
-      baseNode = node;
-    }
-    return;
-  });
-  walker.walk(ast);
-  if (!baseNode) {
-    return null;
-  }
-  let baseExpression =
-      parsedContent.substring((baseNode as Acorn.ESTree.Node).start, parsedContent.length - suffix.length);
-  if (baseExpression.startsWith('{')) {
-    baseExpression = `(${baseExpression})`;
-  }
-  return {baseNode, baseExpression};
-}
-
 (function disableLoggingForTest(): void {
   if (Root.Runtime.Runtime.queryParam('test')) {
     console.error = (): undefined => undefined;

package/front_end/entrypoints/formatter_worker/formatter_worker-entrypoint.ts

@@ -2,12 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import '../../third_party/codemirror/package/addon/runmode/runmode-standalone.js';
-import '../../third_party/codemirror/package/mode/css/css.js';
-import '../../third_party/codemirror/package/mode/xml/xml.js';
-import '../../third_party/codemirror/package/mode/javascript/javascript.js';
-
 import * as Platform from '../../core/platform/platform.js';
+
 import * as FormatterWorker from './formatter_worker.js';
 
 import {FormatterActions} from './FormatterActions.js';
@@ -38,12 +34,6 @@ self.onmessage = function(event: MessageEvent): void {
     case FormatterActions.EVALUATE_JAVASCRIPT_SUBSTRING:
       self.postMessage(FormatterWorker.FormatterWorker.evaluatableJavaScriptSubstring(params.content));
       break;
-    case FormatterActions.FIND_LAST_EXPRESSION:
-      self.postMessage(FormatterWorker.FormatterWorker.findLastExpression(params.content));
-      break;
-    case FormatterActions.FIND_LAST_FUNCTION_CALL:
-      self.postMessage(FormatterWorker.FormatterWorker.findLastFunctionCall(params.content));
-      break;
     case FormatterActions.ARGUMENTS_LIST:
       self.postMessage(FormatterWorker.FormatterWorker.argumentsList(params.content));
       break;

package/front_end/entrypoints/formatter_worker/formatter_worker.ts

@@ -2,6 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import '../../third_party/codemirror/package/addon/runmode/runmode-standalone.js';
+import '../../third_party/codemirror/package/mode/css/css.js';
+import '../../third_party/codemirror/package/mode/xml/xml.js';
+import '../../third_party/codemirror/package/mode/javascript/javascript.js';
+
 import * as CSSFormatter from './CSSFormatter.js';
 import * as CSSRuleParser from './CSSRuleParser.js';
 import * as FormattedContentBuilder from './FormattedContentBuilder.js';

package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshot.ts

@@ -909,7 +909,8 @@ export abstract class HeapSnapshot {
       return matchedStringIndexes;
     }
 
-    const regexp = searchConfig.isRegex ? new RegExp(query) : createPlainTextSearchRegex(query, 'i');
+    const regexp =
+        searchConfig.isRegex ? new RegExp(query) : Platform.StringUtilities.createPlainTextSearchRegex(query, 'i');
 
     function filterRegexp(matchedStringIndexes: Set<number>, string: string, index: number): Set<number> {
       if (regexp.test(string)) {

package/front_end/entrypoints/inspector/{inspector.js → inspector.ts}

@@ -3,6 +3,3 @@
 // found in the LICENSE file.
 import '../devtools_app/devtools_app.js';
 import '../../panels/screencast/screencast-meta.js';
-import * as Startup from '../startup/startup.js';
-
-Startup.RuntimeInstantiator.startApplication('inspector');

package/front_end/entrypoints/js_app/{JsMain.ts → js_app.ts}

@@ -1,12 +1,15 @@
 // Copyright 2018 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
+import '../shell/shell.js';
+import '../../panels/js_profiler/js_profiler-meta.js';
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
+import * as Main from '../main/main.js';
 
 const UIStrings = {
   /**
@@ -15,7 +18,7 @@ const UIStrings = {
   main: 'Main',
 };
 
-const str_ = i18n.i18n.registerUIStrings('entrypoints/js_app/JsMain.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('entrypoints/js_app/js_app.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let jsMainImplInstance: JsMainImpl;
@@ -41,3 +44,4 @@ export class JsMainImpl implements Common.Runnable.Runnable {
 }
 
 Common.Runnable.registerEarlyInitializationRunnable(JsMainImpl.instance);
+new Main.MainImpl.MainImpl();

package/front_end/entrypoints/main/MainImpl.ts

@@ -139,7 +139,6 @@ export class MainImpl {
 
   private async loaded(): Promise<void> {
     console.timeStamp('Main._loaded');
-    await Root.Runtime.appStarted;
     Root.Runtime.Runtime.setPlatform(Host.Platform.platform());
     const prefs = await new Promise<{[key: string]: string}>(resolve => {
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.getPreferences(resolve);
@@ -299,9 +298,6 @@ export class MainImpl {
         'keyboardShortcutEditor', 'Enable keyboard shortcut editor', true,
         'https://developer.chrome.com/blog/new-in-devtools-88/#keyboard-shortcuts');
 
-    // Back/forward cache
-    Root.Runtime.experiments.register('bfcacheDebugging', 'Enable back/forward cache debugging support');
-
     // Timeline
     Root.Runtime.experiments.register('timelineEventInitiators', 'Timeline: event initiators');
     Root.Runtime.experiments.register('timelineInvalidationTracking', 'Timeline: invalidation tracking', true);
@@ -371,7 +367,6 @@ export class MainImpl {
     Root.Runtime.experiments.enableExperimentsByDefault([
       'sourceOrderViewer',
       'hideIssuesFeature',
-      'bfcacheDebugging',
       'cssTypeComponentLength',
       'preciseChanges',
       Root.Runtime.ExperimentName.SYNC_SETTINGS,
@@ -1011,5 +1006,3 @@ export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegat
     return false;
   }
 }
-
-new MainImpl();

package/front_end/entrypoints/ndb_app/{ndb_app.js → ndb_app.ts}

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 import '../shell/shell.js';
-import * as Startup from '../startup/startup.js';
 
-Startup.RuntimeInstantiator.startApplication('ndb_app');
+import * as Main from '../main/main.js';
+
+new Main.MainImpl.MainImpl();

package/front_end/entrypoints/{node_main → node_app}/NodeConnectionsPanel.ts

@@ -32,7 +32,7 @@ const UIStrings = {
   */
   networkAddressEgLocalhost: 'Network address (e.g. localhost:9229)',
 };
-const str_ = i18n.i18n.registerUIStrings('entrypoints/node_main/NodeConnectionsPanel.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('entrypoints/node_app/NodeConnectionsPanel.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let nodeConnectionsPanelInstance: NodeConnectionsPanel;

package/front_end/entrypoints/{node_main → node_app}/NodeMain.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Common from '../../core/common/common.js';
+import type * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
@@ -23,7 +23,7 @@ const UIStrings = {
   */
   nodejsS: 'Node.js: {PH1}',
 };
-const str_ = i18n.i18n.registerUIStrings('entrypoints/node_main/NodeMain.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('entrypoints/node_app/NodeMain.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 let nodeMainImplInstance: NodeMainImpl;
 
@@ -45,8 +45,6 @@ export class NodeMainImpl implements Common.Runnable.Runnable {
   }
 }
 
-Common.Runnable.registerEarlyInitializationRunnable(NodeMainImpl.instance);
-
 export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implements ProtocolProxyApi.TargetDispatcher {
   private readonly targetManager: SDK.TargetManager.TargetManager;
   private readonly parentTarget: SDK.Target.Target;

package/front_end/entrypoints/node_app/node_app.ts

@@ -0,0 +1,79 @@
+// Copyright 2018 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+import '../shell/shell.js';
+import '../../panels/js_profiler/js_profiler-meta.js';
+import type * as Sources from '../../panels/sources/sources.js';
+import * as i18n from '../../core/i18n/i18n.js';
+import * as UI from '../../ui/legacy/legacy.js';
+import * as Common from '../../core/common/common.js';
+import * as Root from '../../core/root/root.js';
+import * as Main from '../main/main.js';
+
+import {NodeMainImpl} from './NodeMain.js';                      // eslint-disable-line rulesdir/es_modules_import
+import {NodeConnectionsPanel} from './NodeConnectionsPanel.js';  // eslint-disable-line rulesdir/es_modules_import
+
+const UIStrings = {
+  /**
+  *@description Text that refers to the network connection
+  */
+  connection: 'Connection',
+  /**
+ *@description A tag of Node.js Connection Panel that can be searched in the command menu
+ */
+  node: 'node',
+  /**
+   *@description Command for showing the Connection tool
+   */
+  showConnection: 'Show Connection',
+  /**
+   *@description Title of the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+  */
+  networkTitle: 'Node',
+  /**
+   *@description Command for showing the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+  */
+  showNode: 'Node',
+};
+
+const str_ = i18n.i18n.registerUIStrings('entrypoints/node_app/node_app.ts', UIStrings);
+const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+
+let loadedSourcesModule: (typeof Sources|undefined);
+
+async function loadSourcesModule(): Promise<typeof Sources> {
+  if (!loadedSourcesModule) {
+    loadedSourcesModule = await import('../../panels/sources/sources.js');
+  }
+  return loadedSourcesModule;
+}
+
+UI.ViewManager.registerViewExtension({
+  location: UI.ViewManager.ViewLocationValues.PANEL,
+  id: 'node-connection',
+  title: i18nLazyString(UIStrings.connection),
+  commandPrompt: i18nLazyString(UIStrings.showConnection),
+  order: 0,
+  async loadView() {
+    return NodeConnectionsPanel.instance();
+  },
+  tags: [i18nLazyString(UIStrings.node)],
+});
+
+UI.ViewManager.registerViewExtension({
+  location: UI.ViewManager.ViewLocationValues.NAVIGATOR_VIEW,
+  id: 'navigator-network',
+  title: i18nLazyString(UIStrings.networkTitle),
+  commandPrompt: i18nLazyString(UIStrings.showNode),
+  order: 2,
+  persistence: UI.ViewManager.ViewPersistence.PERMANENT,
+  async loadView() {
+    const Sources = await loadSourcesModule();
+    return Sources.SourcesNavigator.NetworkNavigatorView.instance();
+  },
+});
+
+// @ts-ignore Exposed for legacy layout tests
+self.runtime = Root.Runtime.Runtime.instance({forceNew: true});
+Common.Runnable.registerEarlyInitializationRunnable(NodeMainImpl.instance);
+new Main.MainImpl.MainImpl();

package/front_end/entrypoints/shell/{shell-meta-files.ts → shell.ts}

@@ -1,7 +1,11 @@
-// Copyright 2021 The Chromium Authors. All rights reserved.
+// Copyright 2020 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import '../../Images/Images.js';
+import '../../core/root/root-legacy.js';
+import '../../core/dom_extension/dom_extension.js';
+
 import '../../panels/sources/sources-meta.js';
 import '../../panels/profiler/profiler-meta.js';
 import '../../panels/console/console-meta.js';
@@ -20,3 +24,5 @@ import '../../core/sdk/sdk-meta.js';
 import '../../ui/legacy/components/source_frame/source_frame-meta.js';
 import '../../panels/console_counters/console_counters-meta.js';
 import '../../ui/legacy/components/object_ui/object_ui-meta.js';
+import '../main/main.js';
+// We generate the descriptors in this file, which depend on the runtime.

package/front_end/entrypoints/worker_app/{worker_app.js → worker_app.ts}

@@ -13,6 +13,10 @@ import '../../panels/network/network-meta.js';
 import '../../panels/application/application-meta.js';
 import '../../panels/timeline/timeline-meta.js';
 import './WorkerMain.js';
-import * as Startup from '../startup/startup.js';
 
-Startup.RuntimeInstantiator.startApplication('worker_app');
+import * as Root from '../../core/root/root.js';
+import * as Main from '../main/main.js';
+
+// @ts-ignore Exposed for legacy layout tests
+self.runtime = Root.Runtime.Runtime.instance({forceNew: true});
+new Main.MainImpl.MainImpl();