chrome-devtools-frontend 1.0.945884 → 1.0.946351

package/front_end/ui/legacy/inspectorSyntaxHighlight.css

@@ -25,121 +25,11 @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-.cm-js-keyword {
-  color: hsl(310deg 86% 36%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-number {
-  color: hsl(248deg 100% 41%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-comment {
-  color: hsl(120deg 100% 23%); /* stylelint-disable-line plugin/use_theme_colors */
-  /* See: crbug.com/1152736 for color variable migration. */
-  font-style: italic;
-}
-
-.cm-js-string {
-  color: hsl(1deg 80% 43%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-string-2 {
-  color: hsl(1deg 99% 39%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-atom {
-  color: hsl(310deg 86% 36%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-def {
-  color: hsl(240deg 73% 38%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-operator {
-  color: hsl(27deg 100% 30%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-meta {
-  color: hsl(27deg 100% 30%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-js-variable-2 {
-  color: hsl(240deg 73% 38%); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-keyword {
-  color: rgb(7 144 154); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-number {
-  color: rgb(50 0 255); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-comment {
-  color: rgb(0 116 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
 
-.cm-css-def {
-  color: rgb(200 0 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-meta {
-  color: rgb(200 0 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-atom {
-  color: rgb(7 144 154); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-string {
-  color: rgb(7 144 154); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-string-2 {
-  color: rgb(7 144 154); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-link {
-  color: rgb(7 144 154); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-variable {
-  color: rgb(200 0 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-variable-2 {
-  color: rgb(0 0 128); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-css-property,
 .webkit-css-property {
   color: var(--webkit-css-property-color, rgb(200 0 0)); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
 }
 
-.cm-xml-meta {
-  color: rgb(192 192 192); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-xml-comment {
-  color: rgb(35 110 37); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-xml-string {
-  color: rgb(26 26 166); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-xml-tag {
-  color: var(--color-token-tag);
-}
-
-.cm-xml-attribute {
-  color: rgb(153 69 0); /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-xml-link {
-  color: #00e; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
 .webkit-html-comment {
   /* Keep this in sync with view-source.css (.webkit-html-comment) */
   color: rgb(35 110 37); /* stylelint-disable-line plugin/use_theme_colors */
@@ -228,107 +118,6 @@
 .devtools-link:not(.devtools-link-prevent-click) {
   cursor: pointer;
 }
-/* Default CodeMirror Theme */
-.cm-negative {
-  color: #d44; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-positive {
-  color: #292; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-header,
-.cm-strong { font-weight: bold; }
-.cm-em { font-style: italic; }
-
-.cm-link {
-  text-decoration: underline;
-  color: #00c; /* stylelint-disable-line plugin/use_theme_colors */
-  /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-strikethrough { text-decoration: line-through; }
-
-.cm-invalidchar {
-  color: #f00; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-header {
-  color: #00f; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-quote {
-  color: #090; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-keyword {
-  color: #708; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-atom {
-  color: #219; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-number {
-  color: #164; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-def {
-  color: #00f; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-variable-2 {
-  color: #05a; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-variable-3,
-.cm-type {
-  color: #085; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-comment {
-  color: #a50; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-string {
-  color: #a11; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-string-2 {
-  color: #f50; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-meta {
-  color: #555; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-qualifier {
-  color: #555; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-builtin {
-  color: #30a; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-bracket {
-  color: #997; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-tag {
-  color: #170; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-attribute {
-  color: #00c; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-hr {
-  color: #999; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
-
-.cm-error {
-  color: #f00; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */
-}
 
 @media (forced-colors: active) {
   .devtools-link:not(.devtools-link-prevent-click) {

package/front_end/ui/legacy/legacy-legacy.ts

@@ -166,12 +166,6 @@ UI.TabbedPane = UIModule.TabbedPane.TabbedPane;
 /** @enum {symbol} */
 UI.TabbedPane.Events = UIModule.TabbedPane.Events;
 
-/** @interface */
-UI.TextEditor = UIModule.TextEditor.TextEditor;
-
-/** @interface */
-UI.TextEditorFactory = UIModule.TextEditor.TextEditorFactory;
-
 /** @constructor */
 UI.TextPrompt = UIModule.TextPrompt.TextPrompt;
 

package/front_end/ui/legacy/legacy.ts

@@ -43,7 +43,6 @@ import * as SplitWidget from './SplitWidget.js';
 import * as SuggestBox from './SuggestBox.js';
 import * as TabbedPane from './TabbedPane.js';
 import * as TargetCrashedScreen from './TargetCrashedScreen.js';
-import * as TextEditor from './TextEditor.js';
 import * as TextPrompt from './TextPrompt.js';
 import * as ThrottledWidget from './ThrottledWidget.js';
 import * as Toolbar from './Toolbar.js';
@@ -101,7 +100,6 @@ export {
   SuggestBox,
   TabbedPane,
   TargetCrashedScreen,
-  TextEditor,
   TextPrompt,
   ThrottledWidget,
   Toolbar,

package/front_end/ui/legacy/tabbedPane.css

@@ -134,7 +134,7 @@
 .tabbed-pane-header-tab:hover,
 .tabbed-pane-shadow .tabbed-pane-header-tab:focus-visible {
   color: var(--color-text-primary);
-  background-color: var(--color-background-elevation-1);
+  background-color: var(--color-background-elevation-2);
 }
 
 .tabbed-pane-header-tab-title {

package/inspector_overlay/main.ts

@@ -80,6 +80,9 @@ type MessageLookup = {
   drawingFinished: '',
 };
 
+let queue: unknown[][] = [];
+let prevQueue: string = '';
+
 const dispatch = <K extends keyof MessageLookup>(message: [a: K, b: MessageLookup[K]]) => {
   const functionName = message[0];
   if (functionName === 'setOverlay') {
@@ -97,9 +100,16 @@ const dispatch = <K extends keyof MessageLookup>(message: [a: K, b: MessageLooku
   } else if (functionName === 'setPlatform') {
     platformName = message[1];
   } else if (functionName === 'drawingFinished') {
-    // TODO The logic needs to be added here once the backend starts sending this event.
+    const currentQueue = JSON.stringify(queue);
+    if (currentQueue !== prevQueue) {
+      for (const message of queue) {
+        currentOverlay.dispatch(message);
+      }
+    }
+    prevQueue = currentQueue;
+    queue = [];
   } else {
-    currentOverlay.dispatch(message);
+    queue.push(message);
   }
 };
 

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.945884"
+  "version": "1.0.946351"
 }

package/scripts/check_gn.js

@@ -9,7 +9,7 @@ const path = require('path');
 const FRONTEND_PATH = path.resolve(__dirname, '..', 'front_end');
 
 const manifestModules = [];
-for (const config of ['inspector', 'devtools_app', 'js_app', 'node_app', 'shell', 'worker_app']) {
+for (const config of ['inspector', 'devtools_app', 'js_app', 'node_app', 'worker_app']) {
   manifestModules.push(...require(path.resolve(FRONTEND_PATH, 'entrypoints', config, `${config}.json`)).modules);
 }
 

package/scripts/hosted_mode/server.js

@@ -66,10 +66,19 @@ wss.on('connection', ws => {
   });
 });
 
+let delayResolve = null;
+
 server.listen(requestedPort);
 
 async function requestHandler(request, response) {
-  const filePath = unescape(parseURL(request.url).pathname);
+  const url = parseURL(request.url);
+  const filePath = unescape(url.pathname);
+
+  if (url.search === '?send_delayed' && delayResolve) {
+    delayResolve();
+    delayResolve = null;
+  }
+
   if (filePath === '/') {
     const landingURL = `http://localhost:${remoteDebuggingPort}#custom=true`;
     sendResponse(200, `<html>Please go to <a href="${landingURL}">${landingURL}</a></html>`, 'utf8');
@@ -147,7 +156,13 @@ async function requestHandler(request, response) {
     return null;
   }
 
-  function sendResponse(statusCode, data, encoding, headers) {
+  async function sendResponse(statusCode, data, encoding, headers) {
+    if (url.search === '?delay') {
+      delayPromise = new Promise(resolve => {
+        delayResolve = resolve;
+      });
+      await delayPromise;
+    }
     if (!headers) {
       headers = new Map();
     }

package/front_end/entrypoints/shell/shell-meta-files.ts

@@ -1,22 +0,0 @@
-// Copyright 2021 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 '../../panels/sources/sources-meta.js';
-import '../../panels/profiler/profiler-meta.js';
-import '../../panels/console/console-meta.js';
-import '../../panels/coverage/coverage-meta.js';
-import '../../panels/changes/changes-meta.js';
-import '../../panels/input/input-meta.js';
-import '../../ui/components/linear_memory_inspector/linear_memory_inspector-meta.js';
-import '../../panels/settings/settings-meta.js';
-import '../../panels/protocol_monitor/protocol_monitor-meta.js';
-import '../../models/persistence/persistence-meta.js';
-import '../../models/logs/logs-meta.js';
-import '../main/main-meta.js';
-import '../../ui/legacy/components/perf_ui/perf_ui-meta.js';
-import '../../ui/legacy/components/quick_open/quick_open-meta.js';
-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';

package/front_end/entrypoints/shell/shell.json

@@ -1,5 +0,0 @@
-{
-  "modules": [
-    { "name": "ui/legacy/components/text_editor", "type": "autostart" }
-  ]
-}

package/front_end/ui/legacy/TextEditor.ts

@@ -1,82 +0,0 @@
-// Copyright 2016 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 type * as Common from '../../core/common/common.js';
-import type * as TextUtils from '../../models/text_utils/text_utils.js';
-
-import type {AnchorBehavior} from './GlassPane.js';
-import type {Suggestion} from './SuggestBox.js';
-import type {Widget} from './Widget.js';
-
-export interface TextEditorFactory {
-  createEditor(options: Options): TextEditor;
-}
-
-export interface TextEditor extends Common.EventTarget.EventTarget<EventTypes> {
-  widget(): Widget;
-  fullRange(): TextUtils.TextRange.TextRange;
-  selection(): TextUtils.TextRange.TextRange;
-  setSelection(selection: TextUtils.TextRange.TextRange): void;
-  text(textRange?: TextUtils.TextRange.TextRange): string;
-  textWithCurrentSuggestion(): string;
-  setText(text: string): void;
-  line(lineNumber: number): string;
-  newlineAndIndent(): void;
-  addKeyDownHandler(handler: (arg0: KeyboardEvent) => void): void;
-  configureAutocomplete(config: AutocompleteConfig|null): void;
-  clearAutocomplete(): void;
-  visualCoordinates(lineNumber: number, columnNumber: number): {
-    x: number,
-    y: number,
-  };
-  tokenAtTextPosition(lineNumber: number, columnNumber: number): {
-    startColumn: number,
-    endColumn: number,
-    type: string,
-  }|null;
-  setPlaceholder(placeholder: string): void;
-}
-
-// TODO(crbug.com/1167717): Make this a const enum again
-// eslint-disable-next-line rulesdir/const_enum
-export enum Events {
-  CursorChanged = 'CursorChanged',
-  TextChanged = 'TextChanged',
-  SuggestionChanged = 'SuggestionChanged',
-}
-
-export interface TextChangedEvent {
-  newRange: TextUtils.TextRange.TextRange;
-  oldRange: TextUtils.TextRange.TextRange;
-}
-
-export type EventTypes = {
-  [Events.CursorChanged]: void,
-  [Events.TextChanged]: TextChangedEvent,
-  [Events.SuggestionChanged]: void,
-};
-
-export interface Options {
-  bracketMatchingSetting?: Common.Settings.Setting<boolean>;
-  devtoolsAccessibleName?: string;
-  lineNumbers: boolean;
-  lineWrapping: boolean;
-  mimeType?: string;
-  autoHeight?: boolean;
-  padBottom?: boolean;
-  maxHighlightLength?: number;
-  placeholder?: string;
-  lineWiseCopyCut?: boolean;
-  inputStyle?: string;
-}
-
-export interface AutocompleteConfig {
-  substituteRangeCallback?: ((arg0: number, arg1: number) => TextUtils.TextRange.TextRange | null);
-  tooltipCallback?: ((arg0: number, arg1: number) => Promise<Element|null>);
-  suggestionsCallback?:
-      ((arg0: TextUtils.TextRange.TextRange, arg1: TextUtils.TextRange.TextRange,
-        arg2?: boolean|undefined) => Promise<Suggestion[]>| null);
-  isWordChar?: ((arg0: string) => boolean);
-  anchorBehavior?: AnchorBehavior;
-}