Adds home.preview.enabled setting

Author: d13

package.json

@@ -1223,6 +1223,20 @@
 					}
 				}
 			},
+			{
+				"id": "home",
+				"title": "Home",
+				"order": 55,
+				"properties": {
+					"gitlens.home.preview.enabled": {
+						"type": "boolean",
+						"default": false,
+						"markdownDescription": "Specifies whether to enable the new home preview",
+						"scope": "window",
+						"order": 10
+					}
+				}
+			},
 			{
 				"id": "launchpad",
 				"title": "Launchpad (ᴘʀᴏ)",

src/config.ts

@@ -89,6 +89,11 @@ export interface Config {
 		readonly command: string | null;
 		readonly dismissOnEscape: boolean;
 	};
+	readonly home: {
+		readonly preview: {
+			readonly enabled: boolean;
+		};
+	};
 	readonly launchpad: {
 		readonly allowMultiple: boolean;
 		readonly includedOrganizations: string[];

src/webviews/apps/home/home.ts

@@ -3,6 +3,7 @@ import './home.scss';
 import { provide } from '@lit/context';
 import { html } from 'lit';
 import { customElement, query } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
 import type { State } from '../../home/protocol';
 import { DidFocusAccount } from '../../home/protocol';
 import { OverviewState, overviewStateContext } from '../plus/home/components/overviewState';
@@ -68,13 +69,15 @@ export class GlHomeApp extends GlApp<State> {
 				<main class="home__main scrollable" id="main">
 					<gl-onboarding></gl-onboarding>
 					<gl-integration-banner></gl-integration-banner>
-					<gl-active-work></gl-active-work>
-					<gl-launchpad></gl-launchpad>
-					<gl-overview></gl-overview>
-					<details>
-						<summary>GitLens Features</summary>
-						<gl-feature-nav .badgeSource=${this.badgeSource}></gl-feature-nav>
-					</details>
+					${when(
+						this.state.previewEnabled,
+						() => html`
+							<gl-active-work></gl-active-work>
+							<gl-launchpad></gl-launchpad>
+							<gl-overview></gl-overview>
+						`,
+						() => html` <gl-feature-nav .badgeSource=${this.badgeSource}></gl-feature-nav> `,
+					)}
 				</main>
 
 				<footer class="home__footer">

src/webviews/apps/home/stateProvider.ts

@@ -4,6 +4,7 @@ import type { State } from '../../home/protocol';
 import {
 	DidChangeIntegrationsConnections,
 	DidChangeOrgSettings,
+	DidChangePreviewEnabled,
 	DidChangeRepositories,
 	DidChangeSubscription,
 	DidChangeWalkthroughProgress,
@@ -62,6 +63,14 @@ export class HomeStateProvider implements Disposable {
 
 					this.provider.setValue(this.state, true);
 					break;
+
+				case DidChangePreviewEnabled.is(msg):
+					this.state.previewEnabled = msg.params;
+					this.state.timestamp = Date.now();
+
+					this.provider.setValue(this.state, true);
+					host.requestUpdate?.();
+					break;
 			}
 		});
 	}

src/webviews/home/homeWebview.ts

@@ -1,3 +1,4 @@
+import type { ConfigurationChangeEvent } from 'vscode';
 import { Disposable, workspace } from 'vscode';
 import { getAvatarUriFromGravatarEmail } from '../../avatars';
 import type { ContextKeys } from '../../constants.context';
@@ -14,6 +15,7 @@ import { getLaunchpadSummary } from '../../plus/launchpad/utils';
 import { map } from '../../system/iterable';
 import { getSettledValue } from '../../system/promise';
 import { registerCommand } from '../../system/vscode/command';
+import { configuration } from '../../system/vscode/configuration';
 import { getContext, onDidChangeContext } from '../../system/vscode/context';
 import type { IpcMessage } from '../protocol';
 import type { WebviewHost, WebviewProvider, WebviewShowingArgs } from '../webviewProvider';
@@ -30,6 +32,7 @@ import {
 	CollapseSectionCommand,
 	DidChangeIntegrationsConnections,
 	DidChangeOrgSettings,
+	DidChangePreviewEnabled,
 	DidChangeRepositories,
 	DidChangeSubscription,
 	DidChangeWalkthroughProgress,
@@ -63,6 +66,7 @@ export class HomeWebviewProvider implements WebviewProvider<State, State, HomeWe
 			onDidChangeContext(this.onContextChanged, this),
 			this.container.integrations.onDidChangeConnectionState(this.onChangeConnectionState, this),
 			this.container.walkthrough.onProgressChanged(this.onWalkthroughChanged, this),
+			configuration.onDidChange(this.onDidChangeConfig, this),
 		);
 	}
 
@@ -105,6 +109,12 @@ export class HomeWebviewProvider implements WebviewProvider<State, State, HomeWe
 		this.notifyDidChangeProgress();
 	}
 
+	private onDidChangeConfig(e?: ConfigurationChangeEvent) {
+		if (configuration.changed(e, 'home.preview.enabled')) {
+			this.notifyDidChangeConfig();
+		}
+	}
+
 	registerCommands(): Disposable[] {
 		return [
 			registerCommand(`${this.host.id}.refresh`, () => this.host.refresh(true), this),
@@ -233,9 +243,14 @@ export class HomeWebviewProvider implements WebviewProvider<State, State, HomeWe
 				progress: this.container.walkthrough.progress,
 			},
 			showWalkthroughProgress: !this.getWalkthroughDismissed(),
+			previewEnabled: this.getPreviewEnabled(),
 		};
 	}
 
+	private getPreviewEnabled() {
+		return configuration.get('home.preview.enabled') ?? false;
+	}
+
 	private getRepositoriesState(): DidChangeRepositoriesParams {
 		return {
 			count: this.container.git.repositoryCount,
@@ -287,6 +302,10 @@ export class HomeWebviewProvider implements WebviewProvider<State, State, HomeWe
 		});
 	}
 
+	private notifyDidChangeConfig() {
+		void this.host.notify(DidChangePreviewEnabled, this.getPreviewEnabled());
+	}
+
 	private notifyDidChangeOnboardingIntegration() {
 		// force rechecking
 		const isConnected = this.isAnyIntegrationConnected(true);

src/webviews/home/protocol.ts

@@ -24,6 +24,7 @@ export interface State extends WebviewState {
 		progress: number;
 	};
 	showWalkthroughProgress?: boolean;
+	previewEnabled?: boolean;
 }
 
 // REQUESTS
@@ -120,6 +121,8 @@ export const DismissWalkthroughSection = new IpcCommand<void>(scope, 'walkthroug
 
 // NOTIFICATIONS
 
+export const DidChangePreviewEnabled = new IpcNotification<boolean>(scope, 'previewEnabled/didChange');
+
 export interface DidChangeRepositoriesParams {
 	count: number;
 	openCount: number;