[cleanup] Fix typos

Bug:  none
Change-Id: Iab89e50fb348c14526aa74e26c42ef5250339957
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6768731
Reviewed-by: Jack Franklin <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>

Author: Lightning00Blade

DEPS

@@ -63,12 +63,12 @@ vars = {
 }
 
 # Only these hosts are allowed for dependencies in this DEPS file.
-# If you need to add a new host, contact chrome infrastracture team.
+# If you need to add a new host, contact chrome infrastructure team.
 allowed_hosts = [
   'chromium.googlesource.com',
   'chrome-infra-packages.appspot.com',
 
-  # TODO(b/337061377): Move into a separate alllowed gcs bucket list.
+  # TODO(b/337061377): Move into a separate allowed gcs bucket list.
   'chromium-nodejs',
 ]
 

front_end/core/sdk/EventBreakpointsModel.ts

@@ -33,7 +33,7 @@ export const enum InstrumentationNames {
   CANVAS_CONTEXT_CREATED = 'canvasContextCreated',
   GEOLOCATION_GET_CURRENT_POSITION = 'Geolocation.getCurrentPosition',
   GEOLOCATION_WATCH_POSITION = 'Geolocation.watchPosition',
-  NOTIFCATION_REQUEST_PERMISSION = 'Notification.requestPermission',
+  NOTIFICATION_REQUEST_PERMISSION = 'Notification.requestPermission',
   DOM_WINDOW_CLOSE = 'DOMWindow.close',
   DOCUMENT_WRITE = 'Document.write',
   AUDIO_CONTEXT_CREATED = 'audioContextCreated',
@@ -102,7 +102,7 @@ export class EventBreakpointsManager implements SDKModelObserver<EventBreakpoint
       InstrumentationNames.GEOLOCATION_WATCH_POSITION,
     ]);
     this.createInstrumentationBreakpoints(Category.NOTIFICATION, [
-      InstrumentationNames.NOTIFCATION_REQUEST_PERMISSION,
+      InstrumentationNames.NOTIFICATION_REQUEST_PERMISSION,
     ]);
     this.createInstrumentationBreakpoints(Category.PARSE, [
       InstrumentationNames.ELEMENT_SET_INNER_HTML,

front_end/panels/ai_assistance/PatchWidget.ts

@@ -155,7 +155,7 @@ enum SelectedProjectType {
   /**
    * The selected project is a disconnected automatic workspace project
    */
-  AUTOMATIC_DISCONNECTED = 'automaticDisconncted',
+  AUTOMATIC_DISCONNECTED = 'automaticDisconnected',
   /**
    * The selected project is a connected automatic workspace project
    */

front_end/panels/application/AppManifestView.ts

@@ -817,19 +817,19 @@ export class AppManifestView extends Common.ObjectWrapper.eventMixin<EventTypes,
       urlField.appendChild(link);
 
       const shortcutIcons = shortcut.icons || [];
-      let hasShorcutIconLargeEnough = false;
+      let hasShortcutIconLargeEnough = false;
       for (const shortcutIcon of shortcutIcons) {
         const {imageResourceErrors: shortcutIconErrors} =
             await this.appendImageResourceToSection(url, shortcutIcon, shortcutSection, /** isScreenshot= */ false);
         imageErrors.push(...shortcutIconErrors);
-        if (!hasShorcutIconLargeEnough && shortcutIcon.sizes) {
+        if (!hasShortcutIconLargeEnough && shortcutIcon.sizes) {
           const shortcutIconSize = shortcutIcon.sizes.match(/^(\d+)x(\d+)$/);
           if (shortcutIconSize && shortcutIconSize[1] >= 96 && shortcutIconSize[2] >= 96) {
-            hasShorcutIconLargeEnough = true;
+            hasShortcutIconLargeEnough = true;
           }
         }
       }
-      if (!hasShorcutIconLargeEnough) {
+      if (!hasShortcutIconLargeEnough) {
         imageErrors.push(i18nString(UIStrings.shortcutSShouldIncludeAXPixel, {PH1: shortcutIndex}));
       }
       shortcutIndex++;

front_end/panels/application/IndexedDBModel.test.ts

@@ -43,7 +43,7 @@ describeWithMockConnection('IndexedDBModel', () => {
 
   describe('StorageKeyAdded', () => {
     it('registers database only when the model is enabled', async () => {
-      const databaseAdeddSpy = sinon.spy(indexedDBModel, 'dispatchEventToListeners');
+      const databaseAddedSpy = sinon.spy(indexedDBModel, 'dispatchEventToListeners');
       const dbNamePromise = new Promise<string>(resolve => {
         indexedDBModel.addEventListener(Resources.IndexedDBModel.Events.DatabaseAdded, event => {
           resolve(event.data.databaseId.name);
@@ -52,7 +52,7 @@ describeWithMockConnection('IndexedDBModel', () => {
       setMockConnectionResponseHandler('IndexedDB.requestDatabaseNames', () => ({databaseNames: ['test-database']}));
 
       manager?.storageBucketCreatedOrUpdated({bucketInfo: testStorageBucketInfo});
-      assert.isFalse(databaseAdeddSpy.calledWithExactly(
+      assert.isFalse(databaseAddedSpy.calledWithExactly(
           Resources.IndexedDBModel.Events.DatabaseAdded as unknown as sinon.SinonMatcher,
           {model: indexedDBModel, databaseId: testDBId}));
 

front_end/panels/application/KeyValueStorageItemsView.ts

@@ -47,7 +47,7 @@ type VBox = UI.Widget.VBox;
 
 const UIStrings = {
   /**
-   *@description Text that shows in the Applicaiton Panel if no value is selected for preview
+   *@description Text that shows in the Application Panel if no value is selected for preview
    */
   noPreviewSelected: 'No value selected',
   /**

front_end/panels/application/components/BackForwardCacheView.ts

@@ -52,7 +52,7 @@ const UIStrings = {
   unknown: 'Unknown Status',
   /**
    * @description Status text for the status of the back/forward cache status indicating that
-   * the back/forward cache was not used and a normal navigation occured instead.
+   * the back/forward cache was not used and a normal navigation occurred instead.
    */
   normalNavigation:
       'Not served from back/forward cache: to trigger back/forward cache, use Chrome\'s back/forward buttons, or use the test button below to automatically navigate away and back.',
@@ -310,8 +310,8 @@ export class BackForwardCacheView extends LegacyWrapper.LegacyWrapper.WrappableC
     // clang-format on
   }
 
-  #maybeRenderFrameTree(explanationTree: Protocol.Page.BackForwardCacheNotRestoredExplanationTree|
-                        undefined): Lit.LitTemplate {
+  #maybeRenderFrameTree(explanationTree: Protocol.Page.BackForwardCacheNotRestoredExplanationTree|undefined):
+      Lit.LitTemplate {
     if (!explanationTree || (explanationTree.explanations.length === 0 && explanationTree.children.length === 0)) {
       return Lit.nothing;
     }

front_end/panels/application/components/StackTrace.ts

@@ -20,7 +20,7 @@ const {html} = Lit;
 
 const UIStrings = {
   /**
-   *@description Error message stating that something went wrong when tring to render stack trace
+   *@description Error message stating that something went wrong when trying to render stack trace
    */
   cannotRenderStackTrace: 'Cannot render stack trace',
   /**
@@ -180,8 +180,7 @@ export class StackTrace extends HTMLElement {
         if ('functionName' in item) {
           expandableRows.push(html`
           <devtools-stack-trace-row data-stack-trace-row .data=${{
-            stackTraceRowItem:
-              item,
+            stackTraceRowItem: item,
           }}></devtools-stack-trace-row>`);
         }
         if ('asyncDescription' in item) {

front_end/panels/application/preloading/components/PreloadingDetailsReportView.ts

@@ -264,9 +264,9 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
 
     const action = PreloadingString.capitalizedAction(attempt.action);
 
-    let maybeFellback: Lit.LitTemplate = Lit.nothing;
+    let maybeFallback: Lit.LitTemplate = Lit.nothing;
     if (isFallbackToPrefetch) {
-      maybeFellback = html`${i18nString(UIStrings.automaticallyFellBackToPrefetch)}`;
+      maybeFallback = html`${i18nString(UIStrings.automaticallyFellBackToPrefetch)}`;
     }
 
     let maybeInspectButton: Lit.LitTemplate = Lit.nothing;
@@ -313,7 +313,7 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
         <devtools-report-key>${i18nString(UIStrings.detailsAction)}</devtools-report-key>
         <devtools-report-value>
           <div class="text-ellipsis" title="">
-            ${action} ${maybeFellback} ${maybeInspectButton}
+            ${action} ${maybeFallback} ${maybeInspectButton}
           </div>
         </devtools-report-value>
     `;

front_end/panels/application/preloading/components/PreloadingDisabledInfobar.ts

@@ -98,7 +98,6 @@ const str_ =
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class PreloadingDisabledInfobar extends LegacyWrapper.LegacyWrapper.WrappableComponent<UI.Widget.VBox> {
-
   readonly #shadow = this.attachShadow({mode: 'open'});
   #data: Protocol.Preload.PreloadEnabledStateUpdatedEvent = {
     disabledByPreference: false,
@@ -179,11 +178,11 @@ export class PreloadingDisabledInfobar extends LegacyWrapper.LegacyWrapper.Wrapp
     return html`
       <div id='contents'>
         <devtools-report>
-          ${this.#maybeDisalebByPreference()}
-          ${this.#maybeDisalebByDataSaver()}
-          ${this.#maybeDisalebByBatterySaver()}
-          ${this.#maybeDisalebByHoldbackPrefetchSpeculationRules()}
-          ${this.#maybeDisalebByHoldbackPrerenderSpeculationRules()}
+          ${this.#maybeDisableByPreference()}
+          ${this.#maybeDisableByDataSaver()}
+          ${this.#maybeDisableByBatterySaver()}
+          ${this.#maybeDisableByHoldbackPrefetchSpeculationRules()}
+          ${this.#maybeDisableByHoldbackPrerenderSpeculationRules()}
         </devtools-report>
         <div id='footer'>
           ${learnMoreLink}
@@ -208,7 +207,7 @@ export class PreloadingDisabledInfobar extends LegacyWrapper.LegacyWrapper.Wrapp
     `;
   }
 
-  #maybeDisalebByPreference(): Lit.LitTemplate {
+  #maybeDisableByPreference(): Lit.LitTemplate {
     const preloadingSettingLink = new ChromeLink.ChromeLink.ChromeLink();
     preloadingSettingLink.href = 'chrome://settings/performance' as Platform.DevToolsPath.UrlString;
     preloadingSettingLink.textContent = i18nString(UIStrings.preloadingPagesSettings);
@@ -221,26 +220,26 @@ export class PreloadingDisabledInfobar extends LegacyWrapper.LegacyWrapper.Wrapp
         this.#data.disabledByPreference, i18nString(UIStrings.headerDisabledByPreference), description);
   }
 
-  #maybeDisalebByDataSaver(): Lit.LitTemplate {
+  #maybeDisableByDataSaver(): Lit.LitTemplate {
     return this.#maybeKeyValue(
         this.#data.disabledByDataSaver, i18nString(UIStrings.headerDisabledByDataSaver),
         i18nString(UIStrings.descriptionDisabledByDataSaver));
   }
 
-  #maybeDisalebByBatterySaver(): Lit.LitTemplate {
+  #maybeDisableByBatterySaver(): Lit.LitTemplate {
     return this.#maybeKeyValue(
         this.#data.disabledByBatterySaver, i18nString(UIStrings.headerDisabledByBatterySaver),
         i18nString(UIStrings.descriptionDisabledByBatterySaver));
   }
 
-  #maybeDisalebByHoldbackPrefetchSpeculationRules(): Lit.LitTemplate {
+  #maybeDisableByHoldbackPrefetchSpeculationRules(): Lit.LitTemplate {
     return this.#maybeKeyValue(
         this.#data.disabledByHoldbackPrefetchSpeculationRules,
         i18nString(UIStrings.headerDisabledByHoldbackPrefetchSpeculationRules),
         i18nString(UIStrings.descriptionDisabledByHoldbackPrefetchSpeculationRules));
   }
 
-  #maybeDisalebByHoldbackPrerenderSpeculationRules(): Lit.LitTemplate {
+  #maybeDisableByHoldbackPrerenderSpeculationRules(): Lit.LitTemplate {
     return this.#maybeKeyValue(
         this.#data.disabledByHoldbackPrerenderSpeculationRules,
         i18nString(UIStrings.headerDisabledByHoldbackPrerenderSpeculationRules),