Fix missing utm_source=devtools for several links.

The Sources panel "Learn more" links as well as the links in the What's
new in DevTools panel were missing the `utm_source=devtools`.

Fixed: 400655696
Change-Id: I450c19446f48afef5007ff835d9a330e9b202aec
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6339707
Commit-Queue: Alex Rudenko <[email protected]>
Auto-Submit: Benedikt Meurer <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: bmeurer

front_end/panels/sources/SourcesNavigator.ts

@@ -203,7 +203,7 @@ export class FilesNavigatorView extends NavigatorView {
     const placeholder =
         new UI.EmptyWidget.EmptyWidget(i18nString(UIStrings.noWorkspace), i18nString(UIStrings.explainWorkspace));
     this.setPlaceholder(placeholder);
-    placeholder.appendLink('https://goo.gle/devtools-workspace' as Platform.DevToolsPath.UrlString);
+    placeholder.appendLink('https://developer.chrome.com/docs/devtools/workspaces/' as Platform.DevToolsPath.UrlString);
 
     const toolbar = document.createElement('devtools-toolbar');
     toolbar.classList.add('navigator-toolbar');
@@ -285,7 +285,7 @@ export class OverridesNavigatorView extends NavigatorView {
     const placeholder = new UI.EmptyWidget.EmptyWidget(
         i18nString(UIStrings.noLocalOverrides), i18nString(UIStrings.explainLocalOverrides));
     this.setPlaceholder(placeholder);
-    placeholder.appendLink('https://goo.gle/devtools-overrides' as Platform.DevToolsPath.UrlString);
+    placeholder.appendLink('https://developer.chrome.com/docs/devtools/overrides/' as Platform.DevToolsPath.UrlString);
 
     this.toolbar = document.createElement('devtools-toolbar');
     this.toolbar.classList.add('navigator-toolbar');
@@ -392,7 +392,8 @@ export class SnippetsNavigatorView extends NavigatorView {
     super('navigator-snippets');
     const placeholder = new UI.EmptyWidget.EmptyWidget(UIStrings.noSnippets, UIStrings.explainSnippets);
     this.setPlaceholder(placeholder);
-    placeholder.appendLink('https://goo.gle/devtools-snippets' as Platform.DevToolsPath.UrlString);
+    placeholder.appendLink(
+        'https://developer.chrome.com/docs/devtools/javascript/snippets/' as Platform.DevToolsPath.UrlString);
 
     const toolbar = document.createElement('devtools-toolbar');
     toolbar.classList.add('navigator-toolbar');

front_end/panels/whats_new/ReleaseNoteView.ts

@@ -78,7 +78,7 @@ export class ReleaseNoteView extends UI.Widget.VBox {
             <devtools-button
                   .variant=${Buttons.Button.Variant.PRIMARY}
                   .jslogContext=${'learn-more'}
-                  @click=${() => input.openNewTab(releaseNote.link)}
+                  @click=${() => input.openNewTab(UI.UIUtils.addReferrerToURLIfNecessary(releaseNote.link as Platform.DevToolsPath.UrlString))}
               >${i18nString(UIStrings.seeFeatures)}</devtools-button>
           </div>
 
@@ -87,7 +87,7 @@ export class ReleaseNoteView extends UI.Widget.VBox {
               ${releaseNote.videoLinks.map((value: {description: string, link: Platform.DevToolsPath.UrlString, type?: VideoType}) => {
                 return html`
                   <x-link
-                  href=${value.link}
+                  href=${UI.UIUtils.addReferrerToURLIfNecessary(value.link)}
                   jslog=${VisualLogging.link().track({click: true}).context('learn-more')}>
                     <div class="video">
                       <img class="thumbnail" src=${input.getThumbnailPath(value.type ?? VideoType.WHATS_NEW)}>

front_end/ui/legacy/EmptyWidget.ts

@@ -33,6 +33,7 @@ import type * as Platform from '../../core/platform/platform.js';
 import * as VisualLogging from '../visual_logging/visual_logging.js';
 
 import emptyWidgetStyles from './emptyWidget.css.js';
+import {addReferrerToURLIfNecessary} from './UIUtils.js';
 import {VBox} from './Widget.js';
 import {XLink} from './XLink.js';
 
@@ -62,7 +63,13 @@ export class EmptyWidget extends VBox {
   }
 
   appendLink(link: Platform.DevToolsPath.UrlString): HTMLElement {
-    const learnMoreLink = XLink.create(link, i18nString(UIStrings.learnMore), undefined, undefined, 'learn-more');
+    const learnMoreLink = XLink.create(
+        addReferrerToURLIfNecessary(link),
+        i18nString(UIStrings.learnMore),
+        undefined,
+        undefined,
+        'learn-more',
+    );
     this.#textElement.insertAdjacentElement('afterend', learnMoreLink);
     return learnMoreLink;
   }