chrome-devtools-frontend 1.0.1019017 → 1.0.1019389

package/front_end/core/i18n/locales/en-US.json

@@ -903,7 +903,7 @@
     "message": "Show Rendering"
   },
   "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
-    "message": "Toggle forces CSS prefers-color-scheme color"
+    "message": "Toggle CSS media feature prefers-color-scheme"
   },
   "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
     "message": "vision deficiency"

package/front_end/core/i18n/locales/en-XL.json

@@ -903,7 +903,7 @@
     "message": "Ŝh́ôẃ R̂én̂d́êŕîńĝ"
   },
   "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
-    "message": "T̂óĝǵl̂é f̂ór̂ćêś ĈŚŜ ṕr̂éf̂ér̂ś-ĉól̂ór̂-śĉh́êḿê ćôĺôŕ"
+    "message": "T̂óĝǵl̂é ĈŚŜ ḿêd́îá f̂éât́ûŕê ṕr̂éf̂ér̂ś-ĉól̂ór̂-śĉh́êḿê"
   },
   "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
     "message": "v̂íŝíôń d̂éf̂íĉíêńĉý"

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -366,13 +366,14 @@ export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegat
         Common.Settings.Settings.instance().moduleSetting('emulatedCSSMediaFeaturePrefersColorScheme');
 
     switch (actionId) {
-      case 'rendering.toggle-prefers-color-scheme':
-        if (emulatedCSSMediaFeaturePrefersColorSchemeSetting.get() === 'light') {
-          emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('dark');
-        } else {
-          emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('light');
-        }
+      case 'rendering.toggle-prefers-color-scheme': {
+        // Cycle between no emulation, light, dark
+        const options = ['', 'light', 'dark'];
+        const current = options.findIndex(x => x === emulatedCSSMediaFeaturePrefersColorSchemeSetting.get() || '');
+        emulatedCSSMediaFeaturePrefersColorSchemeSetting.set(options[(current + 1) % 3]);
+
         return true;
+      }
     }
     return false;
   }

package/front_end/entrypoints/inspector_main/inspector_main-meta.ts

@@ -103,7 +103,7 @@ const UIStrings = {
   * @description Title of an action that toggle
   * "forces CSS prefers-color-scheme" color
   */
-  toggleCssPrefersColorSchemeMedia: 'Toggle forces CSS prefers-color-scheme color',
+  toggleCssPrefersColorSchemeMedia: 'Toggle CSS media feature prefers-color-scheme',
 };
 const str_ = i18n.i18n.registerUIStrings('entrypoints/inspector_main/inspector_main-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);

package/front_end/generated/InspectorBackendCommands.js

@@ -615,6 +615,13 @@ export function registerCommands(inspectorBackend) {
         {'name': 'range', 'type': 'object', 'optional': false}, {'name': 'text', 'type': 'string', 'optional': false}
       ],
       ['supports']);
+  inspectorBackend.registerCommand(
+      'CSS.setScopeText',
+      [
+        {'name': 'styleSheetId', 'type': 'string', 'optional': false},
+        {'name': 'range', 'type': 'object', 'optional': false}, {'name': 'text', 'type': 'string', 'optional': false}
+      ],
+      ['scope']);
   inspectorBackend.registerCommand(
       'CSS.setRuleSelector',
       [
@@ -2149,9 +2156,12 @@ export function registerCommands(inspectorBackend) {
     WindowPlacement: 'window-placement',
     XrSpatialTracking: 'xr-spatial-tracking'
   });
-  inspectorBackend.registerEnum(
-      'Page.PermissionsPolicyBlockReason',
-      {Header: 'Header', IframeAttribute: 'IframeAttribute', InFencedFrameTree: 'InFencedFrameTree'});
+  inspectorBackend.registerEnum('Page.PermissionsPolicyBlockReason', {
+    Header: 'Header',
+    IframeAttribute: 'IframeAttribute',
+    InFencedFrameTree: 'InFencedFrameTree',
+    InIsolatedApp: 'InIsolatedApp'
+  });
   inspectorBackend.registerEnum('Page.OriginTrialTokenStatus', {
     Success: 'Success',
     NotSupported: 'NotSupported',

package/front_end/generated/SupportedCSSProperties.js

@@ -333,7 +333,7 @@ export const generatedProperties = [
   {'name': 'contain-intrinsic-width', 'keywords': ['auto', 'none']},
   {'longhands': ['container-name', 'container-type'], 'name': 'container'},
   {'name': 'container-name', 'keywords': ['none']},
-  {'name': 'container-type', 'keywords': ['none', 'inline-size', 'size']},
+  {'name': 'container-type', 'keywords': ['none', 'inline-size', 'size', 'style']},
   {'name': 'content'},
   {'name': 'content-visibility', 'keywords': ['visible', 'auto', 'hidden', 'hidden-matchable']},
   {'name': 'counter-increment', 'keywords': ['none']},
@@ -952,7 +952,7 @@ export const generatedPropertyValues = {
   'contain-intrinsic-height': {'values': ['auto', 'none']},
   'contain-intrinsic-width': {'values': ['auto', 'none']},
   'container-name': {'values': ['none']},
-  'container-type': {'values': ['none', 'inline-size', 'size']},
+  'container-type': {'values': ['none', 'inline-size', 'size', 'style']},
   'content-visibility': {'values': ['visible', 'auto', 'hidden', 'hidden-matchable']},
   'counter-increment': {'values': ['none']},
   'counter-reset': {'values': ['none']},

package/front_end/generated/protocol-mapping.d.ts

@@ -1032,6 +1032,11 @@ export namespace ProtocolMapping {
      */
     'CSS.setSupportsText':
         {paramsType: [Protocol.CSS.SetSupportsTextRequest]; returnType: Protocol.CSS.SetSupportsTextResponse;};
+    /**
+     * Modifies the expression of a scope at-rule.
+     */
+    'CSS.setScopeText':
+        {paramsType: [Protocol.CSS.SetScopeTextRequest]; returnType: Protocol.CSS.SetScopeTextResponse;};
     /**
      * Modifies the rule selector.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -645,6 +645,11 @@ declare namespace ProtocolProxyApi {
      */
     invoke_setSupportsText(params: Protocol.CSS.SetSupportsTextRequest): Promise<Protocol.CSS.SetSupportsTextResponse>;
 
+    /**
+     * Modifies the expression of a scope at-rule.
+     */
+    invoke_setScopeText(params: Protocol.CSS.SetScopeTextRequest): Promise<Protocol.CSS.SetScopeTextResponse>;
+
     /**
      * Modifies the rule selector.
      */

package/front_end/generated/protocol.ts

@@ -1985,6 +1985,11 @@ export namespace CSS {
      * with the innermost layer and going outwards.
      */
     layers?: CSSLayer[];
+    /**
+     * @scope CSS at-rule array.
+     * The array enumerates @scope at-rules starting with the innermost one, going outwards.
+     */
+    scopes?: CSSScope[];
   }
 
   /**
@@ -2250,6 +2255,25 @@ export namespace CSS {
     styleSheetId?: StyleSheetId;
   }
 
+  /**
+   * CSS Scope at-rule descriptor.
+   */
+  export interface CSSScope {
+    /**
+     * Scope rule text.
+     */
+    text: string;
+    /**
+     * The associated rule header range in the enclosing stylesheet (if
+     * available).
+     */
+    range?: SourceRange;
+    /**
+     * Identifier of the stylesheet containing this object (if exists).
+     */
+    styleSheetId?: StyleSheetId;
+  }
+
   /**
    * CSS Layer at-rule descriptor.
    */
@@ -2686,6 +2710,19 @@ export namespace CSS {
     supports: CSSSupports;
   }
 
+  export interface SetScopeTextRequest {
+    styleSheetId: StyleSheetId;
+    range: SourceRange;
+    text: string;
+  }
+
+  export interface SetScopeTextResponse extends ProtocolResponseWithError {
+    /**
+     * The resulting CSS Scope rule after modification.
+     */
+    scope: CSSScope;
+  }
+
   export interface SetRuleSelectorRequest {
     styleSheetId: StyleSheetId;
     range: SourceRange;
@@ -10291,6 +10328,7 @@ export namespace Page {
     Header = 'Header',
     IframeAttribute = 'IframeAttribute',
     InFencedFrameTree = 'InFencedFrameTree',
+    InIsolatedApp = 'InIsolatedApp',
   }
 
   export interface PermissionsPolicyBlockLocator {
@@ -13640,6 +13678,11 @@ export namespace Tracing {
      * Controls how the trace buffer stores data.
      */
     recordMode?: TraceConfigRecordMode;
+    /**
+     * Size of the trace buffer in kilobytes. If not specified or zero is passed, a default value
+     * of 200 MB would be used.
+     */
+    traceBufferSizeInKb?: number;
     /**
      * Turns on JavaScript stack sampling.
      */

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -981,11 +981,6 @@ export const NativeFunctions = [
     signatures: [['?returnValue']],
     receivers: ['HTMLDialogElement']
   },
-  {
-    name: 'close',
-    signatures: [['?options']],
-    receivers: ['TCPSocket','UDPSocket']
-  },
   {
     name: 'close',
     signatures: [['?closeInfo']],
@@ -6780,20 +6775,6 @@ export const NativeFunctions = [
     name: 'FederatedCredential',
     signatures: [['data']]
   },
-  {
-    name: 'login',
-    signatures: [['?request']]
-  },
-  {
-    name: 'revoke',
-    signatures: [['hint']],
-    receivers: ['FederatedCredential']
-  },
-  {
-    name: 'revoke',
-    signatures: [['permission']],
-    receivers: ['Permissions']
-  },
   {
     name: 'logoutRps',
     signatures: [['?logout_requests']]
@@ -7384,6 +7365,10 @@ export const NativeFunctions = [
     name: 'RTCSessionDescription',
     signatures: [['?descriptionInitDict']]
   },
+  {
+    name: 'revoke',
+    signatures: [['permission']]
+  },
   {
     name: 'requestAll',
     signatures: [['permissions']]

package/front_end/panels/emulation/DeviceModeToolbar.ts

@@ -415,6 +415,7 @@ export class DeviceModeToolbar {
     boundAppendScaleItem('100%', 1);
     boundAppendScaleItem('125%', 1.25);
     boundAppendScaleItem('150%', 1.5);
+    boundAppendScaleItem('200%', 2);
 
     function appendScaleItem(this: DeviceModeToolbar, title: string, value: number): void {
       contextMenu.defaultSection().appendCheckboxItem(

package/front_end/panels/network/components/RequestHeadersView.ts

@@ -20,23 +20,23 @@ const UIStrings = {
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  fromMemoryCache: '(from memory cache)',
+  fromDiskCache: '(from disk cache)',
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  fromServiceWorker: '(from `service worker`)',
+  fromMemoryCache: '(from memory cache)',
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  fromSignedexchange: '(from signed-exchange)',
+  fromPrefetchCache: '(from prefetch cache)',
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  fromPrefetchCache: '(from prefetch cache)',
+  fromServiceWorker: '(from `service worker`)',
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  fromDiskCache: '(from disk cache)',
+  fromSignedexchange: '(from signed-exchange)',
   /**
   *@description Text in Request Headers View of the Network panel
   */
@@ -52,16 +52,24 @@ const UIStrings = {
   /**
   *@description Text in Request Headers View of the Network panel
   */
-  requestHeaders: 'Request Headers',
+  referrerPolicy: 'Referrer Policy',
   /**
-  *@description The URL of a request
+  *@description Text in Network Log View Columns of the Network panel
   */
-  requestUrl: 'Request URL',
+  remoteAddress: 'Remote Address',
+  /**
+  *@description Text in Request Headers View of the Network panel
+  */
+  requestHeaders: 'Request Headers',
   /**
   *@description The HTTP method of a request
   */
   requestMethod: 'Request Method',
   /**
+  *@description The URL of a request
+  */
+  requestUrl: 'Request URL',
+  /**
   *@description A context menu item in the Network Log View Columns of the Network panel
   */
   responseHeaders: 'Response Headers',
@@ -73,14 +81,6 @@ const UIStrings = {
   *@description HTTP response code
   */
   statusCode: 'Status Code',
-  /**
-  *@description Text in Network Log View Columns of the Network panel
-  */
-  remoteAddress: 'Remote Address',
-  /**
-  *@description Text in Request Headers View of the Network panel
-  */
-  referrerPolicy: 'Referrer Policy',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/network/components/RequestHeadersView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/components/node_text/nodeText.css

@@ -7,21 +7,21 @@
 /* See: https://crbug.com/1227651 for details on changing these to --override pattern. */
 
 .node-label-name {
-  color: var(--override-node-text-label-color, --color-token-tag);
+  color: var(--override-node-text-label-color, var(--color-token-tag));
 }
 
 .node-label-class {
-  color: var(--override-node-text-class-color, --color-token-attribute);
+  color: var(--override-node-text-class-color, var(--color-token-attribute));
 }
 
 .node-label-id {
-  color: var(--override-node-text-id-color);
+  color: var(--override-node-text-id-color, var(--color-token-attribute));
 }
 
 .node-label-class.node-multiple-descriptors {
-  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, --color-token-attribute));
+  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, var(--color-token-attribute)));
 }
 
 .node-label-id.node-multiple-descriptors {
-  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, --color-token-attribute));
+  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, var(--color-token-attribute)));
 }

package/front_end/ui/components/tree_outline/treeOutline.css

@@ -38,6 +38,7 @@ li {
   height: 12px;
   width: 13px;
   overflow: hidden;
+  flex: none;
 }
 
 ul {

package/package.json

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