@codingame/monaco-vscode-walkthrough-service-override 13.1.6 → 14.0.0

package/assets/multi-file-edits.svg

@@ -1,4 +1,4 @@
-<svg width="631" height="531" viewBox="0 0 631 531" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg viewBox="0 0 631 531" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <g>
     <g>
       <g clip-path="url(#clip0_304_6548)">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-walkthrough-service-override",
-  "version": "13.1.6",
+  "version": "14.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
   "keywords": [],
@@ -15,16 +15,16 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-56402b83-4a60-5b15-86f9-71fe99c32744-common": "13.1.6",
-    "@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "13.1.6",
-    "@codingame/monaco-vscode-7443a901-21f6-577a-9674-42893b997ee0-common": "13.1.6",
-    "@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "13.1.6",
-    "@codingame/monaco-vscode-82e231ca-6ed7-5920-b2b8-1874ccc0be07-common": "13.1.6",
-    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "13.1.6",
-    "@codingame/monaco-vscode-9e888134-1a6f-58d9-b0e6-0fc047448366-common": "13.1.6",
-    "@codingame/monaco-vscode-api": "13.1.6",
-    "@codingame/monaco-vscode-cc9ccbec-e2a1-599d-84ae-46f5efc666e3-common": "13.1.6",
-    "@codingame/monaco-vscode-e7080bda-ce3e-5243-9a35-98cd9634dbda-common": "13.1.6",
+    "@codingame/monaco-vscode-2cbab29e-9393-5de6-b701-9a9555360b6b-common": "14.0.0",
+    "@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "14.0.0",
+    "@codingame/monaco-vscode-7443a901-21f6-577a-9674-42893b997ee0-common": "14.0.0",
+    "@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "14.0.0",
+    "@codingame/monaco-vscode-91789cdf-e3cb-5a04-aaeb-6f7df7d3d231-common": "14.0.0",
+    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "14.0.0",
+    "@codingame/monaco-vscode-a17f5129-e16c-5dac-857e-dcd91bfeffa2-common": "14.0.0",
+    "@codingame/monaco-vscode-api": "14.0.0",
+    "@codingame/monaco-vscode-d0fb86d3-2a47-594e-955b-9a24631a7124-common": "14.0.0",
+    "@codingame/monaco-vscode-eea37658-2307-56a5-8ed0-b2752c7b7a50-common": "14.0.0",
     "marked": "14.0.0"
   },
   "main": "index.js",

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js

@@ -12,7 +12,7 @@ import { SIDE_GROUP } from '@codingame/monaco-vscode-api/vscode/vs/workbench/ser
 import { IEditorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service';
 import { KeybindingWeight } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybindingsRegistry';
 import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
-import { EditorPaneDescriptor } from '@codingame/monaco-vscode-9e888134-1a6f-58d9-b0e6-0fc047448366-common/vscode/vs/workbench/browser/editor';
+import { EditorPaneDescriptor } from '@codingame/monaco-vscode-d0fb86d3-2a47-594e-955b-9a24631a7124-common/vscode/vs/workbench/browser/editor';
 import { SyncDescriptor } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/descriptors';
 import { IWalkthroughsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service';
 import { GettingStartedInput } from './gettingStartedInput.js';
@@ -40,7 +40,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.openWalkthrough',
-            title: ( localize2(10735, 'Welcome')),
+            title: ( localize2(10932, 'Welcome')),
             category: Categories.Help,
             f1: true,
             menu: {
@@ -49,7 +49,7 @@ registerAction2(class extends Action2 {
                 order: 1,
             },
             metadata: {
-                description: ( localize2(10736, 'Opens a Walkthrough to help you get started in VS Code.'))
+                description: ( localize2(10933, 'Opens a Walkthrough to help you get started in VS Code.'))
             }
         });
     }
@@ -127,15 +127,15 @@ registerAction2(class extends Action2 {
     }
 });
 ( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
-( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(10737, "Welcome"))), [
+( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(10934, "Welcome"))), [
     ( new SyncDescriptor(GettingStartedInput))
 ]);
-const category = ( localize2(10737, "Welcome"));
+const category = ( localize2(10934, "Welcome"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.goBack',
-            title: ( localize2(10738, 'Go Back')),
+            title: ( localize2(10935, 'Go Back')),
             category,
             keybinding: {
                 weight: KeybindingWeight.EditorContrib,
@@ -171,7 +171,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepComplete',
-            title: ( localize(10739, "Mark Step Complete")),
+            title: ( localize(10936, "Mark Step Complete")),
             category,
         });
     }
@@ -187,7 +187,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepIncomplete',
-            title: ( localize(10740, "Mark Step Incomplete")),
+            title: ( localize(10937, "Mark Step Incomplete")),
             category,
         });
     }
@@ -203,7 +203,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.showAllWalkthroughs',
-            title: ( localize2(10741, 'Open Walkthrough...')),
+            title: ( localize2(10938, 'Open Walkthrough...')),
             category,
             f1: true,
         });
@@ -230,7 +230,7 @@ registerAction2(class extends Action2 {
         quickPick.canSelectMany = false;
         quickPick.matchOnDescription = true;
         quickPick.matchOnDetail = true;
-        quickPick.placeholder = ( localize(10742, 'Select a walkthrough to open'));
+        quickPick.placeholder = ( localize(10939, 'Select a walkthrough to open'));
         quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
         quickPick.busy = true;
         disposables.add(quickPick.onDidAccept(() => {
@@ -250,7 +250,7 @@ registerAction2(class extends Action2 {
     }
 });
 const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
-    10743,
+    10940,
     "The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
 ))));
 let WorkspacePlatformContribution = class WorkspacePlatformContribution {
@@ -302,7 +302,7 @@ configurationRegistry.registerConfiguration({
             type: 'boolean',
             default: true,
             description: ( localize(
-                10744,
+                10941,
                 "When enabled, an extension's walkthrough will open upon install of the extension."
             ))
         },
@@ -311,25 +311,25 @@ configurationRegistry.registerConfiguration({
             'type': 'string',
             'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
             'enumDescriptions': [
-                ( localize(10745, "Start without an editor.")),
+                ( localize(10942, "Start without an editor.")),
                 ( localize(
-                10746,
+                10943,
                 "Open the Welcome page, with content to aid in getting started with VS Code and extensions."
             )),
                 ( localize(
-                10747,
+                10944,
                 "Open the README when opening a folder that contains one, fallback to 'welcomePage' otherwise. Note: This is only observed as a global configuration, it will be ignored if set in a workspace or folder configuration."
             )),
                 ( localize(
-                10748,
+                10945,
                 "Open a new untitled text file (only applies when opening an empty window)."
             )),
-                ( localize(10749, "Open the Welcome page when opening an empty workbench.")),
-                ( localize(10750, "Open a new terminal in the editor area.")),
+                ( localize(10946, "Open the Welcome page when opening an empty workbench.")),
+                ( localize(10947, "Open a new terminal in the editor area.")),
             ],
             'default': 'welcomePage',
             'description': ( localize(
-                10751,
+                10948,
                 "Controls which editor is shown at startup, if none are restored from the previous session."
             ))
         },
@@ -337,8 +337,8 @@ configurationRegistry.registerConfiguration({
             scope: ConfigurationScope.APPLICATION,
             type: 'boolean',
             default: false,
-            deprecationMessage: ( localize(10752, "Deprecated, use the global `workbench.reduceMotion`.")),
-            description: ( localize(10753, "When enabled, reduce motion in welcome page."))
+            deprecationMessage: ( localize(10949, "Deprecated, use the global `workbench.reduceMotion`.")),
+            description: ( localize(10950, "When enabled, reduce motion in welcome page."))
         }
     }
 });

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.d.ts

@@ -20,7 +20,7 @@ import { IStorageService } from "@codingame/monaco-vscode-api/vscode/vs/platform
 import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
 import { IWorkspaceContextService } from "@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service";
 import { IWorkspacesService } from "@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service";
-import { EditorPane } from "@codingame/monaco-vscode-9e888134-1a6f-58d9-b0e6-0fc047448366-common/vscode/vs/workbench/browser/parts/editor/editorPane";
+import { EditorPane } from "@codingame/monaco-vscode-d0fb86d3-2a47-594e-955b-9a24631a7124-common/vscode/vs/workbench/browser/parts/editor/editorPane";
 import { IEditorOpenContext, IEditorSerializer } from "@codingame/monaco-vscode-api/vscode/vs/workbench/common/editor";
 import { IWebviewService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service";
 import { GettingStartedInput } from "./gettingStartedInput.js";

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js

@@ -34,7 +34,7 @@ import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platf
 import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
-import { Verbosity } from '@codingame/monaco-vscode-82e231ca-6ed7-5920-b2b8-1874ccc0be07-common/vscode/vs/platform/label/common/label';
+import { Verbosity } from '@codingame/monaco-vscode-2cbab29e-9393-5de6-b701-9a9555360b6b-common/vscode/vs/platform/label/common/label';
 import { ILabelService } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service';
 import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
 import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
@@ -49,11 +49,11 @@ import { getTelemetryLevel } from '@codingame/monaco-vscode-api/vscode/vs/platfo
 import { defaultToggleStyles, defaultButtonStyles, defaultKeybindingLabelStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { UNKNOWN_EMPTY_WINDOW_WORKSPACE } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace';
 import { IWorkspaceContextService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service';
-import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-56402b83-4a60-5b15-86f9-71fe99c32744-common/vscode/vs/platform/workspaces/common/workspaces';
+import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-2cbab29e-9393-5de6-b701-9a9555360b6b-common/vscode/vs/platform/workspaces/common/workspaces';
 import { IWorkspacesService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service';
-import { OpenRecentAction } from '@codingame/monaco-vscode-56402b83-4a60-5b15-86f9-71fe99c32744-common/vscode/vs/workbench/browser/actions/windowActions';
-import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-cc9ccbec-e2a1-599d-84ae-46f5efc666e3-common/vscode/vs/workbench/browser/actions/workspaceActions';
-import { EditorPane } from '@codingame/monaco-vscode-9e888134-1a6f-58d9-b0e6-0fc047448366-common/vscode/vs/workbench/browser/parts/editor/editorPane';
+import { OpenRecentAction } from '@codingame/monaco-vscode-2cbab29e-9393-5de6-b701-9a9555360b6b-common/vscode/vs/workbench/browser/actions/windowActions';
+import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-eea37658-2307-56a5-8ed0-b2752c7b7a50-common/vscode/vs/workbench/browser/actions/workspaceActions';
+import { EditorPane } from '@codingame/monaco-vscode-d0fb86d3-2a47-594e-955b-9a24631a7124-common/vscode/vs/workbench/browser/parts/editor/editorPane';
 import { WorkbenchStateContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/contextkeys';
 import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
 import './gettingStartedColors.js';
@@ -128,7 +128,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(10754, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(10951, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -410,7 +410,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(10755, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(10952, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -452,10 +452,15 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 this.webview = this.mediaDisposables.add(this.webviewService.createWebviewElement({ options: {}, contentOptions: { localResourceRoots: [stepToExpand.media.root], allowScripts: true }, title: '', extension: undefined }));
                 this.webview.mountTo(this.stepMediaComponent, this.window);
             }
+            else if (stepToExpand.media.type === 'video') {
+                this.webview = this.mediaDisposables.add(this.webviewService.createWebviewElement({ options: {}, contentOptions: { localResourceRoots: [stepToExpand.media.root], allowScripts: true }, title: '', extension: undefined }));
+                this.webview.mountTo(this.stepMediaComponent, this.window);
+            }
         }
         if (stepToExpand.media.type === 'image') {
             this.stepsContent.classList.add('image');
             this.stepsContent.classList.remove('markdown');
+            this.stepsContent.classList.remove('video');
             const media = stepToExpand.media;
             const mediaElement = $('img');
             clearNode(this.stepMediaComponent);
@@ -477,6 +482,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         else if (stepToExpand.media.type === 'svg') {
             this.stepsContent.classList.add('image');
             this.stepsContent.classList.remove('markdown');
+            this.stepsContent.classList.remove('video');
             const media = stepToExpand.media;
             this.webview.setHtml(await this.detailsRenderer.renderSVG(media.path));
             let isDisposed = false;
@@ -506,6 +512,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         else if (stepToExpand.media.type === 'markdown') {
             this.stepsContent.classList.remove('image');
             this.stepsContent.classList.add('markdown');
+            this.stepsContent.classList.remove('video');
             const media = stepToExpand.media;
             const rawHTML = await this.detailsRenderer.renderMarkdown(media.path, media.base);
             this.webview.setHtml(rawHTML);
@@ -576,6 +583,28 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 }
             }));
         }
+        else if (stepToExpand.media.type === 'video') {
+            this.stepsContent.classList.add('video');
+            this.stepsContent.classList.remove('markdown');
+            this.stepsContent.classList.remove('image');
+            const media = stepToExpand.media;
+            const themeType = this.themeService.getColorTheme().type;
+            const videoPath = media.path[themeType];
+            const videoPoster = media.poster ? media.poster[themeType] : undefined;
+            const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster);
+            this.webview.setHtml(rawHTML);
+            let isDisposed = false;
+            this.stepDisposables.add(toDisposable(() => { isDisposed = true; }));
+            this.stepDisposables.add(this.themeService.onDidColorThemeChange(async () => {
+                const themeType = this.themeService.getColorTheme().type;
+                const videoPath = media.path[themeType];
+                const videoPoster = media.poster ? media.poster[themeType] : undefined;
+                const body = await this.detailsRenderer.renderVideo(videoPath, videoPoster);
+                if (!isDisposed) {
+                    this.webview.setHtml(body);
+                }
+            }));
+        }
     }
     async selectStepLoose(id) {
         if (id.startsWith(`${this.editorInput.selectedCategory}#`)) {
@@ -589,8 +618,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     provideScreenReaderUpdate() {
         if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
             const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
-            return kbLabel ? ( localize(10756, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                10757,
+            return kbLabel ? ( localize(10953, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                10954,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -650,7 +679,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.categoriesPageScrollbar.dispose();
         }
         this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
-        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(10758, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(10955, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, { className: 'full-height-scrollable' })));
@@ -671,11 +700,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(10759, "When checked, this page will be shown on startup.")),
+            title: ( localize(10956, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(10760, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(10957, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -694,7 +723,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
             onShowOnStartupChanged();
         }));
-        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(10761, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(10958, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -789,7 +818,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(10762, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(10959, "Open folder {0} with path {1}", name, parentPath)));
             link.addEventListener('click', e => {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
                 this.hostService.openWindow([windowOpenable], {
@@ -812,18 +841,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(10763, "Recent")),
+            title: ( localize(10960, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(10764, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(10765, "open a folder"))), ( localize(10766, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(10961, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(10962, "open a folder"))), ( localize(10963, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    10767,
+                    10964,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(10768, "More...")))),
+            }, ( localize(10965, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -851,7 +880,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(10769, "Start")),
+            title: ( localize(10966, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -867,10 +896,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
             const newBadge = $('.new-badge', {});
             if (category.newEntry) {
-                reset(newBadge, $('.new-category', {}, ( localize(10770, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(10967, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(10771, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(10968, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -886,9 +915,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
                 'tabindex': 0,
                 'x-dispatch': 'hideCategory:' + category.id,
-                'title': ( localize(10772, "Hide")),
+                'title': ( localize(10969, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(10773, "Hide")),
+                'aria-label': ( localize(10970, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -914,10 +943,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(10774, "Walkthroughs")),
+            title: ( localize(10971, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(10768, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(10965, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -970,10 +999,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             bar.style.width = `${progress}%`;
             element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
             if (stats.stepsTotal === stats.stepsComplete) {
-                bar.title = ( localize(10775, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(10972, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(10776, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(10973, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1096,7 +1125,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(10777, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(10974, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1119,7 +1148,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         }
                     }
                     else {
-                        const link = this.instantiationService.createInstance(Link, p, node, { opener: (href) => this.runStepCommand(href) });
+                        const nodeWithTitle = matchesScheme(node.href, Schemas.http) || matchesScheme(node.href, Schemas.https) ? { ...node, title: node.href } : node;
+                        const link = this.instantiationService.createInstance(Link, p, nodeWithTitle, { opener: (href) => this.runStepCommand(href) });
                         this.detailsPageDisposables.add(link);
                     }
                 }
@@ -1188,7 +1218,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 reset(stepTitle, ...renderLabelWithIcons(step.title));
                 const stepDescription = $('.step-container', {}, stepTitle, container);
                 if (step.media.type === 'image') {
-                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(10778, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(10975, "Image showing {0}", step.media.altText)) }));
+                }
+                else if (step.media.type === 'video') {
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(10976, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1201,15 +1234,15 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         };
         buildStepList();
         this.detailsPageDisposables.add(this.contextService.onDidChangeContext(e => {
-            if (e.affectsSome(contextKeysToWatch)) {
+            if (e.affectsSome(contextKeysToWatch) && this.currentWalkthrough) {
                 buildStepList();
                 this.registerDispatchListeners();
                 this.selectStep(this.editorInput.selectedStep, false);
             }
         }));
         const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
-        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(10779, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(10780, "Next Section")), $('span.codicon.codicon-arrow-right'))]
+        const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(10977, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(10978, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1226,19 +1259,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     buildTelemetryFooter(parent) {
         const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(10781, "privacy statement"));
+        const privacyStatementCopy = ( localize(10979, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(10782, "opt out"));
+        const optOutCopy = ( localize(10980, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            10783,
+            10981,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
             optOutButton
         ));
         parent.append(mdRenderer.render({ value: text, isTrusted: true }).element);
-        mdRenderer.dispose();
     }
     getKeybindingLabel(command) {
         command = command.replace(/^command:/, '');
@@ -1303,7 +1335,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const prevButton = this.container.querySelector('.prev-button.button-link');
             prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
             const moreTextElement = prevButton.querySelector('.moreText');
-            moreTextElement.textContent = firstLaunch ? ( localize(10784, "Welcome")) : ( localize(10758, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(10982, "Welcome")) : ( localize(10955, "Go Back"));
             this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('input').forEach(button => button.disabled = true);

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.d.ts

@@ -1,7 +1,7 @@
 import { AccessibleViewType, AccessibleContentProvider, ExtensionContentProvider } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/browser/accessibleView";
-import { IAccessibleViewImplentation } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/browser/accessibleViewRegistry";
+import { IAccessibleViewImplementation } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/browser/accessibleViewRegistry";
 import { ServicesAccessor } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
-export declare class GettingStartedAccessibleView implements IAccessibleViewImplentation {
+export declare class GettingStartedAccessibleView implements IAccessibleViewImplementation {
     readonly type = AccessibleViewType.View;
     readonly priority = 110;
     readonly name = "walkthroughs";

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js

@@ -116,11 +116,11 @@ class GettingStartedAccessibleProvider extends Disposable {
     }
     _getContent(waltkrough, step, includeTitle) {
         const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === 'string'))).join('\n');
-        const stepsContent = ( localize(10785, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(10983, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(10786, 'Title: {0}', waltkrough.title)),
-                ( localize(10787, 'Description: {0}', waltkrough.description)),
+                ( localize(10984, 'Title: {0}', waltkrough.title)),
+                ( localize(10985, 'Description: {0}', waltkrough.description)),
                 stepsContent
             ].join('\n');
         }

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js

@@ -12,10 +12,10 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quic
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 
-registerColor('welcomePage.background', null, ( localize(10788, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10789, 'Background color for the tiles on the Welcome page.')));
-registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(10790, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10791, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(10792, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10793, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10794, 'Foreground color of the heading of each walkthrough step')));
+registerColor('welcomePage.background', null, ( localize(10986, 'Background color for the Welcome page.')));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10987, 'Background color for the tiles on the Welcome page.')));
+registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(10988, 'Hover background color for the tiles on the Welcome.')));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10989, 'Border color for the tiles on the Welcome page.')));
+registerColor('welcomePage.progress.background', inputBackground, ( localize(10990, 'Foreground color for the Welcome page progress bars.')));
+registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10991, 'Background color for the Welcome page progress bars.')));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10992, 'Foreground color of the heading of each walkthrough step')));

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedDetailsRenderer.d.ts

@@ -13,6 +13,7 @@ export declare class GettingStartedDetailsRenderer {
     constructor(fileService: IFileService, notificationService: INotificationService, extensionService: IExtensionService, languageService: ILanguageService);
     renderMarkdown(path: URI, base: URI): Promise<string>;
     renderSVG(path: URI): Promise<string>;
+    renderVideo(path: URI, poster?: URI): Promise<string>;
     private readAndCacheSVGFile;
     private readAndCacheStepMarkdown;
     private readContentsOfPath;