@codingame/monaco-vscode-walkthrough-service-override 22.1.8 → 23.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-walkthrough-service-override",
-  "version": "22.1.8",
+  "version": "23.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
   "keywords": [],
@@ -15,14 +15,14 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "22.1.8",
-    "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "22.1.8",
-    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "22.1.8",
-    "@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common": "22.1.8",
-    "@codingame/monaco-vscode-api": "22.1.8",
-    "@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "22.1.8",
-    "@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "22.1.8",
-    "@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "22.1.8",
+    "@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "23.0.0",
+    "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "23.0.0",
+    "@codingame/monaco-vscode-7b19b93e-7a49-5c48-81f5-091a64f468d2-common": "23.0.0",
+    "@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "23.0.0",
+    "@codingame/monaco-vscode-api": "23.0.0",
+    "@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "23.0.0",
+    "@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "23.0.0",
+    "@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "23.0.0",
     "marked": "14.0.0"
   },
   "main": "index.js",

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

@@ -37,7 +37,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.openWalkthrough',
-            title: ( localize2(12640, 'Welcome')),
+            title: ( localize2(12951, 'Welcome')),
             category: Categories.Help,
             f1: true,
             menu: {
@@ -46,7 +46,7 @@ registerAction2(class extends Action2 {
                 order: 1,
             },
             metadata: {
-                description: ( localize2(12641, 'Opens a Walkthrough to help you get started in VS Code.'))
+                description: ( localize2(12952, 'Opens a Walkthrough to help you get started in VS Code.'))
             }
         });
     }
@@ -54,11 +54,7 @@ registerAction2(class extends Action2 {
         const editorService = accessor.get(IEditorService);
         const commandService = accessor.get(ICommandService);
         const toSide = typeof optionsOrToSide === 'object' ? optionsOrToSide.toSide : optionsOrToSide;
-        let inactive = typeof optionsOrToSide === 'object' ? optionsOrToSide.inactive : false;
         const activeEditor = editorService.activeEditor;
-        if (!inactive && !toSide && activeEditor instanceof GettingStartedInput) {
-            inactive = true;
-        }
         if (walkthroughID) {
             const selectedCategory = typeof walkthroughID === 'string' ? walkthroughID : walkthroughID.category;
             let selectedStep;
@@ -75,10 +71,10 @@ registerAction2(class extends Action2 {
             }
             let options;
             if (selectedCategory) {
-                options = { selectedCategory: selectedCategory, selectedStep: selectedStep, showWelcome: false, preserveFocus: toSide ?? false, inactive };
+                options = { selectedCategory, selectedStep, showWelcome: false, preserveFocus: toSide ?? false };
             }
             else {
-                options = { selectedCategory: selectedCategory, selectedStep: selectedStep, showWelcome: true, preserveFocus: toSide ?? false, inactive };
+                options = { selectedCategory, selectedStep, showWelcome: true, preserveFocus: toSide ?? false };
             }
             editorService.openEditor({
                 resource: GettingStartedInput.RESOURCE,
@@ -88,21 +84,21 @@ registerAction2(class extends Action2 {
         else {
             editorService.openEditor({
                 resource: GettingStartedInput.RESOURCE,
-                options: { preserveFocus: toSide ?? false, inactive }
+                options: { preserveFocus: toSide ?? false }
             }, toSide ? SIDE_GROUP : undefined);
         }
     }
 });
 ( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
-( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(12642, "Welcome"))), [
+( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(12953, "Welcome"))), [
     ( new SyncDescriptor(GettingStartedInput))
 ]);
-const category = ( localize2(12642, "Welcome"));
+const category = ( localize2(12953, "Welcome"));
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.goBack',
-            title: ( localize2(12643, 'Go Back')),
+            title: ( localize2(12954, 'Go Back')),
             category,
             keybinding: {
                 weight: KeybindingWeight.EditorContrib,
@@ -138,7 +134,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepComplete',
-            title: ( localize(12644, "Mark Step Complete")),
+            title: ( localize(12955, "Mark Step Complete")),
             category,
         });
     }
@@ -154,7 +150,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.markStepIncomplete',
-            title: ( localize(12645, "Mark Step Incomplete")),
+            title: ( localize(12956, "Mark Step Incomplete")),
             category,
         });
     }
@@ -170,7 +166,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'welcome.showAllWalkthroughs',
-            title: ( localize2(12646, 'Open Walkthrough...')),
+            title: ( localize2(12957, 'Open Walkthrough...')),
             category,
             f1: true,
             menu: {
@@ -202,7 +198,7 @@ registerAction2(class extends Action2 {
         quickPick.canSelectMany = false;
         quickPick.matchOnDescription = true;
         quickPick.matchOnDetail = true;
-        quickPick.placeholder = ( localize(12647, 'Select a walkthrough to open'));
+        quickPick.placeholder = ( localize(12958, 'Select a walkthrough to open'));
         quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
         quickPick.busy = true;
         disposables.add(quickPick.onDidAccept(() => {
@@ -229,7 +225,7 @@ CommandsRegistry.registerCommand({
     }
 });
 const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
-    12648,
+    12959,
     "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 {
@@ -281,7 +277,7 @@ configurationRegistry.registerConfiguration({
             type: 'boolean',
             default: true,
             description: ( localize(
-                12649,
+                12960,
                 "When enabled, an extension's walkthrough will open upon install of the extension."
             ))
         },
@@ -290,25 +286,25 @@ configurationRegistry.registerConfiguration({
             'type': 'string',
             'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
             'enumDescriptions': [
-                ( localize(12650, "Start without an editor.")),
+                ( localize(12961, "Start without an editor.")),
                 ( localize(
-                12651,
+                12962,
                 "Open the Welcome page, with content to aid in getting started with VS Code and extensions."
             )),
                 ( localize(
-                12652,
+                12963,
                 "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(
-                12653,
+                12964,
                 "Open a new untitled text file (only applies when opening an empty window)."
             )),
-                ( localize(12654, "Open the Welcome page when opening an empty workbench.")),
-                ( localize(12655, "Open a new terminal in the editor area.")),
+                ( localize(12965, "Open the Welcome page when opening an empty workbench.")),
+                ( localize(12966, "Open a new terminal in the editor area.")),
             ],
             'default': 'welcomePage',
             'description': ( localize(
-                12656,
+                12967,
                 "Controls which editor is shown at startup, if none are restored from the previous session."
             ))
         },
@@ -316,8 +312,8 @@ configurationRegistry.registerConfiguration({
             scope: ConfigurationScope.APPLICATION,
             type: 'boolean',
             default: false,
-            deprecationMessage: ( localize(12657, "Deprecated, use the global `workbench.reduceMotion`.")),
-            description: ( localize(12658, "When enabled, reduce motion in welcome page."))
+            deprecationMessage: ( localize(12968, "Deprecated, use the global `workbench.reduceMotion`.")),
+            description: ( localize(12969, "When enabled, reduce motion in welcome page."))
         }
     }
 });

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

@@ -2,12 +2,12 @@ import { Dimension } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/d
 import { CancellationToken } from "@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation";
 import { ThemeIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/common/themables";
 import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
+import { IMarkdownRendererService } from "@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service";
 import { IAccessibilityService } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service";
 import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
 import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
 import { ContextKeyExpression, RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
 import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
-import { IEditorOptions } from "@codingame/monaco-vscode-api/vscode/vs/platform/editor/common/editor";
 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";
@@ -23,7 +23,7 @@ import { IWorkspacesService } from "@codingame/monaco-vscode-api/vscode/vs/platf
 import { EditorPane } from "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-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";
+import { GettingStartedEditorOptions, GettingStartedInput } from "./gettingStartedInput.js";
 import { IWalkthroughsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service";
 import { IEditorGroup } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService";
 import { IEditorGroupsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service";
@@ -66,8 +66,8 @@ export declare class GettingStartedPage extends EditorPane {
     private readonly webviewService;
     private readonly workspaceContextService;
     private readonly accessibilityService;
+    private readonly markdownRendererService;
     static readonly ID = "gettingStartedPage";
-    private editorInput;
     private inProgressScroll;
     private readonly dispatchListeners;
     private readonly stepDisposables;
@@ -95,10 +95,13 @@ export declare class GettingStartedPage extends EditorPane {
     private detailsRenderer;
     private readonly categoriesSlideDisposables;
     private showFeaturedWalkthrough;
-    constructor(group: IEditorGroup, commandService: ICommandService, productService: IProductService, keybindingService: IKeybindingService, gettingStartedService: IWalkthroughsService, configurationService: IConfigurationService, telemetryService: ITelemetryService, languageService: ILanguageService, fileService: IFileService, openerService: IOpenerService, themeService: IWorkbenchThemeService, storageService: IStorageService, extensionService: IExtensionService, instantiationService: IInstantiationService, notificationService: INotificationService, groupsService: IEditorGroupsService, contextService: IContextKeyService, quickInputService: IQuickInputService, workspacesService: IWorkspacesService, labelService: ILabelService, hostService: IHostService, webviewService: IWebviewService, workspaceContextService: IWorkspaceContextService, accessibilityService: IAccessibilityService);
+    get editorInput(): GettingStartedInput;
+    constructor(group: IEditorGroup, commandService: ICommandService, productService: IProductService, keybindingService: IKeybindingService, gettingStartedService: IWalkthroughsService, configurationService: IConfigurationService, telemetryService: ITelemetryService, languageService: ILanguageService, fileService: IFileService, openerService: IOpenerService, themeService: IWorkbenchThemeService, storageService: IStorageService, extensionService: IExtensionService, instantiationService: IInstantiationService, notificationService: INotificationService, groupsService: IEditorGroupsService, contextService: IContextKeyService, quickInputService: IQuickInputService, workspacesService: IWorkspacesService, labelService: ILabelService, hostService: IHostService, webviewService: IWebviewService, workspaceContextService: IWorkspaceContextService, accessibilityService: IAccessibilityService, markdownRendererService: IMarkdownRendererService);
     private shouldAnimate;
     private getWalkthroughCompletionStats;
-    setInput(newInput: GettingStartedInput, options: IEditorOptions | undefined, context: IEditorOpenContext, token: CancellationToken): Promise<void>;
+    setInput(newInput: GettingStartedInput, options: GettingStartedEditorOptions | undefined, context: IEditorOpenContext, token: CancellationToken): Promise<void>;
+    setOptions(options: GettingStartedEditorOptions | undefined): Promise<void>;
+    private applyInput;
     makeCategoryVisibleWhenAvailable(categoryID: string, stepId?: string): Promise<void>;
     private registerDispatchListeners;
     private runDispatchCommand;

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

@@ -24,7 +24,7 @@ import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { generateUuid } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
 import * as gettingStarted from './media/gettingStarted.css';
 import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
-import { MarkdownRenderer } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/widget/markdownRenderer/browser/markdownRenderer';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { IAccessibilityService } from '@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service';
 import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
@@ -95,7 +95,10 @@ const REDUCED_MOTION_KEY = 'workbench.welcomePage.preferReducedMotion';
 let GettingStartedPage = class GettingStartedPage extends EditorPane {
     static { GettingStartedPage_1 = this; }
     static { this.ID = 'gettingStartedPage'; }
-    constructor(group, commandService, productService, keybindingService, gettingStartedService, configurationService, telemetryService, languageService, fileService, openerService, themeService, storageService, extensionService, instantiationService, notificationService, groupsService, contextService, quickInputService, workspacesService, labelService, hostService, webviewService, workspaceContextService, accessibilityService) {
+    get editorInput() {
+        return this._input;
+    }
+    constructor(group, commandService, productService, keybindingService, gettingStartedService, configurationService, telemetryService, languageService, fileService, openerService, themeService, storageService, extensionService, instantiationService, notificationService, groupsService, contextService, quickInputService, workspacesService, labelService, hostService, webviewService, workspaceContextService, accessibilityService, markdownRendererService) {
         super(GettingStartedPage_1.ID, group, telemetryService, themeService, storageService);
         this.commandService = commandService;
         this.productService = productService;
@@ -118,6 +121,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.webviewService = webviewService;
         this.workspaceContextService = workspaceContextService;
         this.accessibilityService = accessibilityService;
+        this.markdownRendererService = markdownRendererService;
         this.inProgressScroll = Promise.resolve();
         this.dispatchListeners = ( new DisposableStore());
         this.stepDisposables = ( new DisposableStore());
@@ -130,7 +134,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(12659, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(12970, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -206,14 +210,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         badgeelement.parentElement?.setAttribute('aria-checked', 'true');
                         badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
                         badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
-                        badgeelement.setAttribute('aria-label', ( localize(12660, "Checkbox for Step {0}: Completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12971, "Checkbox for Step {0}: Completed", step.title)));
                     }
                     else {
                         badgeelement.setAttribute('aria-checked', 'false');
                         badgeelement.parentElement?.setAttribute('aria-checked', 'false');
                         badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
                         badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
-                        badgeelement.setAttribute('aria-label', ( localize(12661, "Checkbox for Step {0}: Not completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12972, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
             }
@@ -254,10 +258,21 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         };
     }
     async setInput(newInput, options, context, token) {
-        this.container.classList.remove('animatable');
-        this.editorInput = newInput;
-        this.editorInput.showTelemetryNotice = options?.showTelemetryNotice ?? true;
         await super.setInput(newInput, options, context, token);
+        await this.applyInput(options);
+    }
+    async setOptions(options) {
+        super.setOptions(options);
+        if (this.editorInput.selectedCategory !== options?.selectedCategory ||
+            this.editorInput.selectedStep !== options?.selectedStep) {
+            await this.applyInput(options);
+        }
+    }
+    async applyInput(options) {
+        this.editorInput.showTelemetryNotice = options?.showTelemetryNotice ?? true;
+        this.editorInput.selectedCategory = options?.selectedCategory;
+        this.editorInput.selectedStep = options?.selectedStep;
+        this.container.classList.remove('animatable');
         await this.buildCategoriesSlide();
         if (this.shouldAnimate()) {
             setTimeout(() => this.container.classList.add('animatable'), 0);
@@ -415,7 +430,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12662, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12973, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -444,6 +459,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
         });
         if (this.currentMediaType !== stepToExpand.media.type) {
+            this.mediaDisposables.clear();
             this.currentMediaType = stepToExpand.media.type;
             this.mediaDisposables.add(toDisposable(() => {
                 this.currentMediaType = undefined;
@@ -596,7 +612,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const themeType = this.themeService.getColorTheme().type;
             const videoPath = media.path[themeType];
             const videoPoster = media.poster ? media.poster[themeType] : undefined;
-            const altText = media.altText ? media.altText : ( localize(12663, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(12974, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -624,8 +640,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(12664, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                12665,
+            return kbLabel ? ( localize(12975, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                12976,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -685,7 +701,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(12666, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12977, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -709,11 +725,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(12667, "When checked, this page will be shown on startup.")),
+            title: ( localize(12978, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12668, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12979, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -732,7 +748,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(12669, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(12980, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -768,7 +784,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.categoriesPageScrollbar?.scanDomNode();
         this.updateCategoryProgress();
         this.registerDispatchListeners();
-        if (this.editorInput.selectedCategory) {
+        if (this.editorInput?.selectedCategory) {
             this.currentWalkthrough = this.gettingStartedCategories.find(category => category.id === this.editorInput.selectedCategory);
             if (!this.currentWalkthrough) {
                 this.gettingStartedCategories = this.gettingStartedService.getWalkthroughs();
@@ -785,7 +801,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 return;
             }
         }
-        if (this.editorInput.showTelemetryNotice && this.productService.openToWelcomeMainPage) {
+        if (this.editorInput?.showTelemetryNotice && this.productService.openToWelcomeMainPage) {
             const telemetryNotice = $('p.telemetry-notice');
             this.buildTelemetryFooter(telemetryNotice);
             footer.appendChild(telemetryNotice);
@@ -796,7 +812,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const fistContentBehaviour = daysSinceFirstSession < 1 ? 'openToFirstCategory' : 'index';
             if (fistContentBehaviour === 'openToFirstCategory') {
                 const first = this.gettingStartedCategories.filter(c => !c.when || this.contextService.contextMatchesRules(c.when))[0];
-                if (first) {
+                if (first && this.editorInput) {
                     this.currentWalkthrough = first;
                     this.editorInput.selectedCategory = this.currentWalkthrough?.id;
                     this.editorInput.walkthroughPageTitle = this.currentWalkthrough.walkthroughPageTitle;
@@ -825,7 +841,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(12670, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(12981, "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], {
@@ -848,18 +864,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(12671, "Recent")),
+            title: ( localize(12982, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(12672, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12673, "open a folder"))), ( localize(12674, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(12983, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12984, "open a folder"))), ( localize(12985, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    12675,
+                    12986,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(12676, "More...")))),
+            }, ( localize(12987, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -887,7 +903,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(12677, "Start")),
+            title: ( localize(12988, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -903,10 +919,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(12678, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(12989, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(12679, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(12990, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -922,9 +938,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(12680, "Hide")),
+                'title': ( localize(12991, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(12681, "Hide")),
+                'aria-label': ( localize(12992, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -950,10 +966,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(12682, "Walkthroughs")),
+            title: ( localize(12993, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12676, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12987, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -1006,10 +1022,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(12683, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(12994, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(12684, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(12995, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1130,7 +1146,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(12685, 'Tip: Use keyboard shortcut ')));
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(12996, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1218,8 +1234,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'role': 'checkbox',
                     'aria-checked': step.done ? 'true' : 'false',
                     'aria-label': step.done
-                        ? ( localize(12660, "Checkbox for Step {0}: Completed", step.title))
-                        : ( localize(12661, "Checkbox for Step {0}: Not completed", step.title)),
+                        ? ( localize(12971, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(12972, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1227,10 +1243,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(12686, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(12997, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12687, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12998, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1250,8 +1266,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
         }));
         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(12688, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12689, "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(12999, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13000, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1267,19 +1283,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.registerDispatchListeners();
     }
     buildTelemetryFooter(parent) {
-        const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(12690, "privacy statement"));
+        const privacyStatementCopy = ( localize(13001, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(12691, "opt out"));
+        const optOutCopy = ( localize(13002, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            12692,
+            13003,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
             optOutButton
         ));
-        const renderedContents = this.detailsPageDisposables.add(mdRenderer.render({ value: text, isTrusted: true }));
+        const renderedContents = this.detailsPageDisposables.add(this.markdownRendererService.render({ value: text, isTrusted: true }));
         parent.append(renderedContents.element);
     }
     getKeybindingLabel(command) {
@@ -1345,7 +1360,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(12693, "Welcome")) : ( localize(12666, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(13004, "Welcome")) : ( localize(12977, "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);
@@ -1386,7 +1401,8 @@ GettingStartedPage = GettingStartedPage_1 = ( __decorate([
     ( __param(20, IHostService)),
     ( __param(21, IWebviewService)),
     ( __param(22, IWorkspaceContextService)),
-    ( __param(23, IAccessibilityService))
+    ( __param(23, IAccessibilityService)),
+    ( __param(24, IMarkdownRendererService))
 ], GettingStartedPage));
 class GettingStartedInputSerializer {
     canSerialize(editorInput) {

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(12694, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(13005, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(12695, 'Title: {0}', waltkrough.title)),
-                ( localize(12696, 'Description: {0}', waltkrough.description)),
+                ( localize(13006, 'Title: {0}', waltkrough.title)),
+                ( localize(13007, 'Description: {0}', waltkrough.description)),
                 stepsContent
             ].join('\n');
         }