Adds source tracking to upgrade commands for promos and walkthrough

Author: d13

src/commands/walkthroughs.ts

@@ -79,7 +79,7 @@ export class WalkthroughPlusUpgradeCommand extends GlCommandBase {
 			name: 'plus/upgrade',
 			command: command,
 		});
-		executeCommand(command);
+		executeCommand(command, { source: 'walkthrough' });
 	}
 }
 

src/webviews/apps/home/components/promo-banner.ts

@@ -46,7 +46,13 @@ export class GlPromoBanner extends LitElement {
 		}
 
 		return html`
-			<gl-promo .promo=${this.promo} class="promo-banner promo-banner--eyebrow" id="promo" type="link"></gl-promo>
+			<gl-promo
+				.promo=${this.promo}
+				source="home"
+				class="promo-banner promo-banner--eyebrow"
+				id="promo"
+				type="link"
+			></gl-promo>
 		`;
 	}
 }

src/webviews/apps/plus/shared/components/account-chip.ts

@@ -523,6 +523,6 @@ export class GLAccountChip extends LitElement {
 	}
 
 	private renderPromo(promo: Promo | undefined) {
-		return html`<gl-promo .promo=${promo}></gl-promo>`;
+		return html`<gl-promo .promo=${promo} source="account"></gl-promo>`;
 	}
 }

src/webviews/apps/plus/shared/components/feature-gate-plus-state.ts

@@ -324,7 +324,7 @@ export class GlFeatureGatePlusState extends LitElement {
 	}
 
 	private renderPromo(promo: Promo | undefined) {
-		return html`<gl-promo .promo=${promo}></gl-promo>`;
+		return html`<gl-promo .promo=${promo} .source=${this.source}></gl-promo>`;
 	}
 }
 

src/webviews/apps/shared/components/feature-badge.ts

@@ -345,7 +345,7 @@ export class GlFeatureBadge extends LitElement {
 	}
 
 	private renderPromo(promo: Promo | undefined) {
-		return html`<gl-promo .promo=${promo}></gl-promo>`;
+		return html`<gl-promo .promo=${promo} .source=${this.source}></gl-promo>`;
 	}
 }
 

src/webviews/apps/shared/components/promo.ts

@@ -51,6 +51,9 @@ export class GlPromo extends LitElement {
 	@property({ type: Object })
 	promo: Promo | undefined;
 
+	@property({ type: String })
+	source?: string;
+
 	@property({ reflect: true, type: String })
 	type: 'link' | 'info' = 'info';
 
@@ -59,17 +62,21 @@ export class GlPromo extends LitElement {
 		return this.promo != null;
 	}
 
-	override render() {
+	private get commandUrl() {
+		const command = this.promo?.command?.command ?? 'command:gitlens.plus.upgrade';
+		if (this.source == null) return command;
+
+		return `${command}?${encodeURIComponent(JSON.stringify({ source: this.source }))}`;
+	}
+
+	override render(): unknown {
 		if (!this.promo) return;
 
 		const promoHtml = this.renderPromo(this.promo);
 		if (!promoHtml) return;
 
 		if (this.type === 'link') {
-			return html`<a
-				class="link"
-				href="${this.promo.command?.command ?? 'command:gitlens.plus.upgrade'}"
-				title="${ifDefined(this.promo.command?.tooltip)}"
+			return html`<a class="link" href="${this.commandUrl}" title="${ifDefined(this.promo.command?.tooltip)}"
 				>${promoHtml}</a
 			>`;
 		}