Updates tracking on home & welcome

Author: eamodio

src/webviews/apps/home/home.ts

@@ -63,7 +63,7 @@ export class HomeApp extends App<State> {
 				this.state.subscription = msg.params.subscription;
 				this.setState(this.state);
 				this.updatePromos();
-				this.updateSubscription();
+				this.updateSourceAndSubscription();
 
 				break;
 
@@ -155,10 +155,11 @@ export class HomeApp extends App<State> {
 		}
 	}
 
-	private updateSubscription() {
+	private updateSourceAndSubscription() {
 		const { subscription } = this.state;
 		const els = document.querySelectorAll<GlFeatureBadge>('gl-feature-badge');
 		for (const el of els) {
+			el.source = { source: 'home', detail: 'badge' };
 			el.subscription = subscription;
 		}
 	}
@@ -170,7 +171,7 @@ export class HomeApp extends App<State> {
 	private updateState() {
 		this.updateNoRepo();
 		this.updatePromos();
-		this.updateSubscription();
+		this.updateSourceAndSubscription();
 		this.updateOrgSettings();
 		this.updateCollapsedSections();
 	}

src/webviews/apps/welcome/welcome.html

@@ -98,10 +98,15 @@ <h2 class="sticky">Get Started</h2>
 					<div data-visible="try-pro">
 						<p class="h-space-half">Unlock the full power of GitLens</p>
 						<p>
-							<gl-button appearance="secondary" href="command:gitlens.plus.signUp"
+							<gl-button
+								appearance="secondary"
+								href="command:gitlens.plus.signUp?%7B%22source%22%3A%22welcome%22%7D"
 								>Start Pro trial</gl-button
 							>
-							&nbsp;or <a href="command:gitlens.plus.login" title="Sign In">sign in</a>
+							&nbsp;or
+							<a href="command:gitlens.plus.login?%7B%22source%22%3A%22welcome%22%7D" title="Sign In"
+								>sign in</a
+							>
 						</p>
 					</div>
 				</div>
@@ -568,10 +573,15 @@ <h2 class="sticky">Get Started</h2>
 					<div data-visible="try-pro">
 						<p class="h-space-half">Unlock the full power of GitLens</p>
 						<p>
-							<gl-button appearance="secondary" href="command:gitlens.plus.signUp"
+							<gl-button
+								appearance="secondary"
+								href="command:gitlens.plus.signUp?%7B%22source%22%3A%22welcome%22%7D"
 								>Start Pro Trial</gl-button
 							>
-							&nbsp;or <a href="command:gitlens.plus.login" title="Sign In">sign in</a>
+							&nbsp;or
+							<a href="command:gitlens.plus.login?%7B%22source%22%3A%22welcome%22%7D" title="Sign In"
+								>sign in</a
+							>
 						</p>
 					</div>
 				</div>

src/webviews/apps/welcome/welcome.ts

@@ -5,6 +5,7 @@ import type { IpcMessage } from '../../protocol';
 import type { State } from '../../welcome/protocol';
 import { DidChangeNotification, DidChangeOrgSettings, UpdateConfigurationCommand } from '../../welcome/protocol';
 import { App } from '../shared/appBase';
+import type { GlFeatureBadge } from '../shared/components/feature-badge';
 import { DOM } from '../shared/dom';
 import type { BlameSvg } from './components/svg-blame';
 // import { Snow } from '../shared/snow';
@@ -101,6 +102,7 @@ export class WelcomeApp extends App<State> {
 		this.updateRepoState();
 		this.updateAccountState();
 		this.updatePromo();
+		this.updateSource();
 		this.updateOrgSettings();
 	}
 
@@ -118,6 +120,13 @@ export class WelcomeApp extends App<State> {
 		document.getElementById('promo')!.hidden = !(canShowPromo ?? false);
 	}
 
+	private updateSource() {
+		const els = document.querySelectorAll<GlFeatureBadge>('gl-feature-badge');
+		for (const el of els) {
+			el.source = { source: 'welcome', detail: 'badge' };
+		}
+	}
+
 	private updateVersion() {
 		document.getElementById('version')!.textContent = this.state.version;
 	}