Connects using a different flow when cloudIntegrations are disabled.

(#3621)

Author: sergeibbb

src/plus/startWork/startWork.ts

@@ -35,6 +35,7 @@ import { getScopedCounter } from '../../system/counter';
 import { fromNow } from '../../system/date';
 import { some } from '../../system/iterable';
 import { executeCommand } from '../../system/vscode/command';
+import { configuration } from '../../system/vscode/configuration';
 
 export type StartWorkItem = {
 	item: SearchedIssue;
@@ -126,7 +127,10 @@ export class StartWorkCommand extends QuickCommand<State> {
 						this.source,
 					);
 				}
-				const result = yield* this.confirmCloudIntegrationsConnectStep(state, context);
+				const isUsingCloudIntegrations = configuration.get('cloudIntegrations.enabled', undefined, false);
+				const result = isUsingCloudIntegrations
+					? yield* this.confirmCloudIntegrationsConnectStep(state, context)
+					: yield* this.confirmLocalIntegrationConnectStep(state, context);
 				if (result === StepResultBreak) {
 					return result;
 				}
@@ -180,6 +184,86 @@ export class StartWorkCommand extends QuickCommand<State> {
 		return state.counter < 0 ? StepResultBreak : undefined;
 	}
 
+	private async *confirmLocalIntegrationConnectStep(
+		state: StepState<State>,
+		context: Context,
+	): AsyncStepResultGenerator<{ connected: boolean | IntegrationId; resume: () => void }> {
+		const confirmations: (QuickPickItemOfT<IntegrationId> | DirectiveQuickPickItem)[] = [
+			createDirectiveQuickPickItem(Directive.Cancel, undefined, {
+				label: 'Start Work lets you start work on an issue',
+				detail: 'Click to learn more about Start Work',
+				iconPath: new ThemeIcon('rocket'),
+				onDidSelect: () =>
+					// TODO: navigate to "start-work" related place
+					void executeCommand<OpenWalkthroughCommandArgs>(Commands.OpenWalkthrough, {
+						step: 'launchpad',
+						source: 'launchpad',
+						detail: 'info',
+					}),
+			}),
+			createQuickPickSeparator(),
+		];
+
+		for (const integration of supportedStartWorkIntegrations) {
+			if (context.connectedIntegrations.get(integration)) {
+				continue;
+			}
+			switch (integration) {
+				case HostingIntegrationId.GitHub:
+					confirmations.push(
+						createQuickPickItemOfT(
+							{
+								label: 'Connect to GitHub...',
+								detail: 'Will connect to GitHub to provide access your pull requests and issues',
+							},
+							integration,
+						),
+					);
+					break;
+				default:
+					break;
+			}
+		}
+
+		const step = this.createConfirmStep(
+			`${this.title} \u00a0\u2022\u00a0 Connect an Integration`,
+			confirmations,
+			createDirectiveQuickPickItem(Directive.Cancel, false, { label: 'Cancel' }),
+			{
+				placeholder: 'Connect an integration to view their issues in Start Work',
+				buttons: [],
+				ignoreFocusOut: false,
+			},
+		);
+
+		// Note: This is a hack to allow the quickpick to stay alive after the user finishes connecting the integration.
+		// Otherwise it disappears.
+		let freeze!: () => Disposable;
+		step.onDidActivate = qp => {
+			freeze = () => freezeStep(step, qp);
+		};
+
+		const selection: StepSelection<typeof step> = yield step;
+		if (canPickStepContinue(step, state, selection)) {
+			const resume = freeze();
+			const chosenIntegrationId = selection[0].item;
+			const connected = await this.ensureIntegrationConnected(chosenIntegrationId);
+			return { connected: connected ? chosenIntegrationId : false, resume: () => resume[Symbol.dispose]() };
+		}
+
+		return StepResultBreak;
+	}
+
+	private async ensureIntegrationConnected(id: IntegrationId) {
+		const integration = await this.container.integrations.get(id);
+		let connected = integration.maybeConnected ?? (await integration.isConnected());
+		if (!connected) {
+			connected = await integration.connect('startWork');
+		}
+
+		return connected;
+	}
+
 	private async *confirmCloudIntegrationsConnectStep(
 		state: StepState<State>,
 		context: Context,