Add a What's New blurb to the start page (#2767)

Author: bwateratmsft

resources/startPage.html.template

@@ -83,9 +83,28 @@
             </div>
         </div>
         <hr />
+        {{#if showWhatsNew}}
         <div class="row">
             <div class="icon">
-                <i class="codicon codicon-new-file" aria-label="Add Docker files"></i>
+                <i class="codicon codicon-star-empty" alt=""></i>
+            </div>
+            <div>
+                <div>
+                    <h2>What's New</h2>
+                </div>
+                <div>
+                    <ul>
+                        <li>The <a href="command:workbench.view.extension.dockerView">Docker Explorer</a> now has advanced tooltips! Hover your mouse over an item to see useful info.</li>
+                        <li>You can now open and download the files in a running container! Expand a container node to get started.</li>
+                        <li>Right-click on a Docker Compose file to try our new <a href="command:vscode-docker.compose.up.subset?%7B%22commandReason%22%3A%22startPage%22%7D">Docker: Compose Up - Select Services</a> command!</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        {{/if}}
+        <div class="row">
+            <div class="icon">
+                <i class="codicon codicon-new-file" alt=""></i>
             </div>
             <div>
                 <div>
@@ -101,7 +120,7 @@
         </div>
         <div class="row">
             <div class="icon">
-                <i class="codicon codicon-play" aria-label="Run an image"></i>
+                <i class="codicon codicon-play" alt=""></i>
             </div>
             <div>
                 <div>
@@ -147,7 +166,7 @@
         </div>
         <div class="row">
             <div class="icon">
-                <i class="codicon codicon-cloud-upload" aria-label="Publish to the Cloud"></i>
+                <i class="codicon codicon-cloud-upload" alt=""></i>
             </div>
             <div>
                 <div>

src/commands/startPage/StartPage.ts

@@ -21,6 +21,7 @@ interface StartPageContext {
     dockerIconUri: string;
     showStartPageChecked: 'checked' | '';
     isMac: boolean;
+    showWhatsNew: boolean;
 }
 
 class StartPage {
@@ -70,6 +71,7 @@ class StartPage {
             dockerIconUri: webview.asWebviewUri(vscode.Uri.joinPath(resourcesRoot, 'docker_blue.png')).toString(),
             showStartPageChecked: vscode.workspace.getConfiguration('docker').get('showStartPage', false) ? 'checked' : '',
             isMac: isMac(),
+            showWhatsNew: !!(await ext.experimentationService.isLiveFlightEnabled('vscode-docker.whatsNew')),
         };
 
         const template = Handlebars.compile(await fse.readFile(templatePath.fsPath, 'utf-8'));

src/tree/AzExtParentTreeItemIntermediate.ts

@@ -24,7 +24,6 @@ export abstract class AzExtParentTreeItemIntermediate extends AzExtParentTreeIte
                 // TODO: when possible we should remove this
                 // @ts-expect-error
                 return await callWithTelemetryAndErrorHandling('resolveTooltip', async (actionContext: IActionContext) => {
-                    actionContext.telemetry.suppressIfSuccessful = true;
                     actionContext.errorHandling.suppressDisplay = true;
                     actionContext.errorHandling.rethrow = true;
 

src/tree/containers/ContainerTreeItem.ts

@@ -136,6 +136,7 @@ export class ContainerTreeItem extends AzExtParentTreeItemIntermediate implement
     }
 
     public async resolveTooltipInternal(actionContext: IActionContext): Promise<vscode.MarkdownString> {
+        actionContext.telemetry.properties.tooltipType = 'container';
         return resolveTooltipMarkdown(containerTooltipTemplate, { NormalizedName: this.containerName, ...await ext.dockerClient.inspectContainer(actionContext, this.containerId) });
     }
 

src/tree/contexts/ContextTreeItem.ts

@@ -85,6 +85,7 @@ export class ContextTreeItem extends AzExtTreeItemIntermediate {
     }
 
     public async resolveTooltipInternal(actionContext: IActionContext): Promise<MarkdownString> {
+        actionContext.telemetry.properties.tooltipType = 'context';
         return resolveTooltipMarkdown(contextTooltipTemplate, await this.inspect(actionContext));
     }
 }

src/tree/images/ImageTreeItem.ts

@@ -77,6 +77,7 @@ export class ImageTreeItem extends AzExtTreeItemIntermediate {
     }
 
     public async resolveTooltipInternal(actionContext: IActionContext): Promise<MarkdownString> {
+        actionContext.telemetry.properties.tooltipType = 'image';
         return resolveTooltipMarkdown(imageTooltipTemplate, { NormalizedName: this.fullTag, NormalizedSize: getCommonPropertyValue(this._item, 'Size'), ...await ext.dockerClient.inspectImage(actionContext, this.imageId) });
     }
 }

src/tree/networks/NetworkTreeItem.ts

@@ -60,6 +60,7 @@ export class NetworkTreeItem extends AzExtTreeItemIntermediate {
     }
 
     public async resolveTooltipInternal(actionContext: IActionContext): Promise<MarkdownString> {
+        actionContext.telemetry.properties.tooltipType = 'network';
         return resolveTooltipMarkdown(networkTooltipTemplate, await ext.dockerClient.inspectNetwork(actionContext, this.networkName));
     }
 }

src/tree/volumes/VolumeTreeItem.ts

@@ -50,6 +50,7 @@ export class VolumeTreeItem extends AzExtTreeItemIntermediate {
     }
 
     public async resolveTooltipInternal(actionContext: IActionContext): Promise<MarkdownString> {
+        actionContext.telemetry.properties.tooltipType = 'volume';
         return resolveTooltipMarkdown(volumeTooltipTemplate, await ext.dockerClient.inspectVolume(actionContext, this.volumeName));
     }
 }