chrome-devtools-frontend 1.0.945884 → 1.0.948295

package/front_end/ui/legacy/XWidget.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as ComponentHelpers from '../components/helpers/helpers.js';
-import * as Utils from './utils/utils.js';
 
 import {XElement} from './XElement.js';
 
@@ -55,10 +54,6 @@ export class XWidget extends XElement {
     return this.visible;
   }
 
-  registerRequiredCSS(cssFile: string): void {
-    Utils.appendStyle(this.shadowRootInternal || this, cssFile);
-  }
-
   setOnShown(callback: (() => void)|null): void {
     this.onShownCallback = callback;
   }

package/front_end/ui/legacy/components/inline_editor/CSSVarSwatch.ts

@@ -113,7 +113,7 @@ export class CSSVarSwatch extends HTMLElement {
     // The this.variableName's space must be removed, otherwise it cannot be triggered when clicked.
     const onActivate = isDefined ? this.onLinkActivate.bind(this, this.variableName.trim()) : null;
 
-    return html`<span class="${classes}" title="${title}" @mousedown=${onActivate} @keydown=${
+    return html`<span class=${classes} title=${title} @mousedown=${onActivate} @keydown=${
         onActivate} role="link" tabindex="-1">${variableName}</span>`;
   }
 
@@ -129,7 +129,7 @@ export class CSSVarSwatch extends HTMLElement {
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
     render(
-      html`<span title="${this.computedValue || ''}">${functionParts.pre}${link}${functionParts.post}</span>`,
+      html`<span title=${this.computedValue || ''}>${functionParts.pre}${link}${functionParts.post}</span>`,
       this.shadow, { host: this });
     // clang-format on
   }

package/front_end/ui/legacy/components/inline_editor/ColorSwatch.ts

@@ -118,7 +118,7 @@ export class ColorSwatch extends HTMLElement {
     // Note also that whitespace between nodes is removed on purpose to avoid pushing these elements apart. Do not
     // re-format the HTML code.
     LitHtml.render(
-      LitHtml.html`<span class="color-swatch" title="${this.tooltip}"><span class="color-swatch-inner"
+      LitHtml.html`<span class="color-swatch" title=${this.tooltip}><span class="color-swatch-inner"
         style="background-color: ${this.text};"
         @click=${this.onClick}
         @mousedown=${this.consume}

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -37,10 +37,10 @@ import * as Platform from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
 import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import * as IconButton from '../../../components/icon_button/icon_button.js';
+import * as TextEditor from '../../../components/text_editor/text_editor.js';
 import * as UI from '../../legacy.js';
 
 import {CustomPreviewComponent} from './CustomPreviewComponent.js';
-import {JavaScriptAutocomplete} from './JavaScriptAutocomplete.js';
 import {JavaScriptREPL} from './JavaScriptREPL.js';
 import {createSpansForNodeTitle, RemoteObjectPreviewFormatter} from './RemoteObjectPreviewFormatter.js';
 import objectValueStyles from './objectValue.css.js';
@@ -1513,8 +1513,7 @@ export class ArrayGroupingTreeElement extends UI.TreeOutline.TreeElement {
 export class ObjectPropertyPrompt extends UI.TextPrompt.TextPrompt {
   constructor() {
     super();
-    const javaScriptAutocomplete = JavaScriptAutocomplete.instance();
-    this.initialize(javaScriptAutocomplete.completionsForTextInCurrentContext.bind(javaScriptAutocomplete));
+    this.initialize(TextEditor.JavaScript.completeInContext);
   }
 }
 

package/front_end/ui/legacy/components/object_ui/objectPropertiesSection.css

@@ -61,7 +61,6 @@
 
 .name-and-value {
   overflow: hidden;
-  text-overflow: ellipsis;
   line-height: 16px;
 }
 

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

@@ -12,14 +12,6 @@ ObjectUI = ObjectUI || {};
 /** @constructor */
 ObjectUI.CustomPreviewComponent = ObjectUIModule.CustomPreviewComponent.CustomPreviewComponent;
 
-/** @constructor */
-ObjectUI.JavaScriptAutocomplete = ObjectUIModule.JavaScriptAutocomplete.JavaScriptAutocomplete;
-
-/** @constructor */
-ObjectUI.JavaScriptAutocompleteConfig = ObjectUIModule.JavaScriptAutocomplete.JavaScriptAutocompleteConfig;
-
-ObjectUI.javaScriptAutocomplete = ObjectUIModule.javaScriptAutocomplete;
-
 /** @constructor */
 ObjectUI.JavaScriptREPL = ObjectUIModule.JavaScriptREPL.JavaScriptREPL;
 

package/front_end/ui/legacy/components/object_ui/object_ui.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as CustomPreviewComponent from './CustomPreviewComponent.js';
-import * as JavaScriptAutocomplete from './JavaScriptAutocomplete.js';
 import * as JavaScriptREPL from './JavaScriptREPL.js';
 import * as ObjectPopoverHelper from './ObjectPopoverHelper.js';
 import * as ObjectPropertiesSection from './ObjectPropertiesSection.js';
@@ -11,11 +10,8 @@ import * as RemoteObjectPreviewFormatter from './RemoteObjectPreviewFormatter.js
 
 export {
   CustomPreviewComponent,
-  JavaScriptAutocomplete,
   JavaScriptREPL,
   ObjectPopoverHelper,
   ObjectPropertiesSection,
   RemoteObjectPreviewFormatter,
 };
-
-export const javaScriptAutocomplete = JavaScriptAutocomplete.JavaScriptAutocomplete.instance();

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -112,8 +112,9 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   private shouldAutoPrettyPrint: boolean;
   private readonly progressToolbarItem: UI.Toolbar.ToolbarItem;
   private textEditorInternal: TextEditor.TextEditor.TextEditor;
-  private prettyBaseDoc: CodeMirror.Text|null = null;
+  // The 'clean' document, before editing
   private baseDoc: CodeMirror.Text;
+  private prettyBaseDoc: CodeMirror.Text|null = null;
   private displayedSelection: CodeMirror.EditorSelection|null = null;
   private searchConfig: UI.SearchableView.SearchConfig|null;
   private delayedFindSearchMatches: (() => void)|null;
@@ -212,24 +213,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
       TextEditor.Config.allowScrollPastEof.instance(),
       TextEditor.Config.codeFolding.instance(),
       TextEditor.Config.autoDetectIndent.instance(),
-      CodeMirror.EditorView.theme({
-        '&.cm-editor': {height: '100%'},
-        '.cm-scroller': {overflow: 'auto'},
-        '.cm-lineNumbers .cm-gutterElement.cm-nonBreakableLine': {color: 'var(--color-non-breakable-line)'},
-        '.cm-searchMatch': {
-          border: '1px solid var(--color-search-match-border)',
-          borderRadius: '3px',
-          margin: '0 -1px',
-          '&.cm-searchMatch-selected': {
-            borderRadius: '1px',
-            backgroundColor: 'var(--color-selected-search-match-background)',
-            borderColor: 'var(--color-selected-search-match-background)',
-            '&, & *': {
-              color: 'var(--color-selected-search-match) !important',
-            },
-          },
-        },
-      }),
+      sourceFrameTheme,
       CodeMirror.EditorView.domEventHandlers({
         focus: () => this.onFocus(),
         blur: () => this.onBlur(),
@@ -349,6 +333,9 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
     this.updatePrettyPrintState();
   }
 
+  // If this is a disassembled WASM file or a pretty-printed file,
+  // wire in a line number formatter that shows binary offsets or line
+  // numbers in the original source.
   private getLineNumberFormatter(): CodeMirror.Extension {
     if (this.options.lineNumbers === false) {
       return [];
@@ -1096,18 +1083,20 @@ const searchHighlighter = CodeMirror.ViewPlugin.fromClass(class {
     const {doc} = view.state;
     for (const {from, to} of view.visibleRanges) {
       let pos = from;
-      for (const line of doc.iterLines(doc.lineAt(from).number, doc.lineAt(to).number + 1)) {
-        active.regexp.lastIndex = 0;
-        for (;;) {
-          const match = active.regexp.exec(line);
-          if (!match) {
-            break;
+      for (const part of doc.iterRange(from, to)) {
+        if (part !== '\n') {
+          active.regexp.lastIndex = 0;
+          for (;;) {
+            const match = active.regexp.exec(part);
+            if (!match) {
+              break;
+            }
+            const start = pos + match.index, end = start + match[0].length;
+            const current = active.currentRange && active.currentRange.from === start && active.currentRange.to === end;
+            builder.add(start, end, current ? currentSearchMatchDeco : searchMatchDeco);
           }
-          const start = pos + match.index, end = start + match[0].length;
-          const current = active.currentRange && active.currentRange.from === start && active.currentRange.to === end;
-          builder.add(start, end, current ? currentSearchMatchDeco : searchMatchDeco);
         }
-        pos += line.length + 1;
+        pos += part.length;
       }
     }
     return builder.finish();
@@ -1160,3 +1149,25 @@ function markNonBreakableLines(disassembly: Common.WasmDisassembly.WasmDisassemb
     return CodeMirror.RangeSet.of(marks);
   });
 }
+
+const sourceFrameTheme = CodeMirror.EditorView.theme({
+  '&.cm-editor': {height: '100%'},
+  '.cm-scroller': {overflow: 'auto'},
+  '.cm-lineNumbers .cm-gutterElement.cm-nonBreakableLine': {color: 'var(--color-non-breakable-line)'},
+  '.cm-searchMatch': {
+    border: '1px solid var(--color-search-match-border)',
+    borderRadius: '3px',
+    margin: '0 -1px',
+    '&.cm-searchMatch-selected': {
+      borderRadius: '1px',
+      backgroundColor: 'var(--color-selected-search-match-background)',
+      borderColor: 'var(--color-selected-search-match-background)',
+      '&, & *': {
+        color: 'var(--color-selected-search-match) !important',
+      },
+    },
+  },
+  ':host-context(.pretty-printed) & .cm-lineNumbers .cm-gutterElement': {
+    color: 'var(--legacy-accent-color)',
+  },
+});

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/front_end/ui/legacy/themeColors.css

@@ -110,7 +110,7 @@
   --color-image-preview-background: rgb(255 255 255);
 
   /* Colors for styling inputs */
-  --color-input-outline: rgb(128 134 139);
+  --color-input-outline: rgb(218 220 224);
   --color-input-outline-active: rgb(26 115 232);
   --color-input-outline-error: rgb(217 48 37);
   --color-input-outline-disabled: rgba(128 134 139 / 20%);

package/front_end/ui/legacy/utils/append-style.ts

@@ -2,19 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Root from '../../../core/root/root.js';
-
-export function appendStyle(node: Node, cssReference: string|{cssContent: string}): void {
-  let content: string;
-  if (typeof cssReference === 'string') {
-    content = Root.Runtime.cachedResources.get(cssReference) || '';
-    if (!content) {
-      console.error(cssReference + ' not preloaded. Check module.json');
-    }
-  } else {
-    content = cssReference.cssContent;
-  }
+export function appendStyle(node: Node, {cssContent}: {cssContent: string}): void {
   const styleElement = document.createElement('style');
-  styleElement.textContent = content;
+  styleElement.textContent = cssContent;
   node.appendChild(styleElement);
 }

package/front_end/ui/legacy/utils/create-shadow-root-with-core-styles.ts

@@ -7,7 +7,7 @@ import {focusChanged} from './focus-changed.js';
 import {injectCoreStyles} from './inject-core-styles.js';
 
 interface Options {
-  cssFile?: string|CSSStyleSheet[]|{cssContent: string};
+  cssFile?: CSSStyleSheet[]|{cssContent: string};
   delegatesFocus?: boolean;
 }
 
@@ -22,10 +22,12 @@ export function createShadowRootWithCoreStyles(element: Element, options: Option
 
   const shadowRoot = element.attachShadow({mode: 'open', delegatesFocus});
   injectCoreStyles(shadowRoot);
-  if (typeof cssFile === 'string' || (cssFile !== undefined && 'cssContent' in cssFile)) {
-    appendStyle(shadowRoot, cssFile);
-  } else if (cssFile) {
-    shadowRoot.adoptedStyleSheets = cssFile;
+  if (cssFile) {
+    if ('cssContent' in cssFile) {
+      appendStyle(shadowRoot, cssFile);
+    } else {
+      shadowRoot.adoptedStyleSheets = cssFile;
+    }
   }
   shadowRoot.addEventListener('focus', focusChanged, true);
   return shadowRoot;

package/package.json

@@ -27,10 +27,8 @@
     "auto-unittest": "scripts/test/run_auto_unittests.py --no-text-coverage",
     "build": "autoninja -C out/Default",
     "build-release": "autoninja -C out/Release",
-    "check": "npm run check-json && npm run check-gn && npm run check-lint && npm run check-loc",
+    "check": "npm run check-lint && npm run check-loc",
     "check-external-links": "third_party/node/node.py --output scripts/check_external_links.js",
-    "check-gn": "third_party/node/node.py --output scripts/check_gn.js",
-    "check-json": "third_party/node/node.py --output scripts/json_validator/validate_module_json.js",
     "check-lint": "third_party/node/node.py --output scripts/test/run_lint_check_js.mjs && third_party/node/node.py --output scripts/test/run_lint_check_css.js",
     "check-lint-css": "third_party/node/node.py --output scripts/test/run_lint_check_css.js",
     "collect-strings": "third_party/node/node.py --output third_party/i18n/collect-strings.js front_end",
@@ -55,5 +53,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.948295"
 }

package/scripts/build/build_inspector_overlay.py

@@ -12,7 +12,6 @@ Builds inspector overlay:
 
 from os import path
 from os.path import join
-from modular_build import read_file, write_file
 from itertools import tee
 
 import os
@@ -29,6 +28,21 @@ finally:
     sys.path = original_sys_path
 
 
+def read_file(filename):
+    with open(path.normpath(filename), 'rt', encoding='utf-8') as input:
+        return input.read()
+
+
+def write_file(filename, content):
+    if path.exists(filename):
+        os.remove(filename)
+    directory = path.dirname(filename)
+    if not path.exists(directory):
+        os.makedirs(directory)
+    with open(filename, 'wt', encoding='utf-8') as output:
+        output.write(content)
+
+
 def check_size(filename, data, max_size):
     assert len(
         data