@codingame/monaco-vscode-walkthrough-service-override 18.4.0 → 19.0.0

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

@@ -20,7 +20,7 @@ import { parse } from '@codingame/monaco-vscode-api/vscode/vs/base/common/marsha
 import { matchesScheme, Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
 import { OS } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
-import { assertIsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
+import { assertReturnsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
 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';
@@ -54,7 +54,7 @@ import { IWorkspaceContextService } from '@codingame/monaco-vscode-api/vscode/vs
 import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-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-158b9837-fc78-5d9c-86f5-9134e4358643-common/vscode/vs/workbench/browser/actions/windowActions';
-import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-97284942-b044-5fbb-b53b-3f46d2468746-common/vscode/vs/workbench/browser/actions/workspaceActions';
+import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common/vscode/vs/workbench/browser/actions/workspaceActions';
 import { EditorPane } from '@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-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';
@@ -76,7 +76,7 @@ import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vs
 import { AccessibleViewAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
 import { KeybindingLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/keybindingLabel/keybindingLabel';
 import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
-import { IGettingStartedExperimentService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedExpService.service';
+import { startupExpContext, StartupExperimentGroup } from '@codingame/monaco-vscode-516ccb00-d5b9-5317-baf0-fcc96e99669a-common/vscode/vs/workbench/services/coreExperimentation/common/coreExperimentationService';
 
 var GettingStartedPage_1;
 registerCss(gettingStarted);
@@ -97,7 +97,7 @@ 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, gettingStartedExperimentService) {
+    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) {
         super(GettingStartedPage_1.ID, group, telemetryService, themeService, storageService);
         this.commandService = commandService;
         this.productService = productService;
@@ -120,7 +120,6 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.webviewService = webviewService;
         this.workspaceContextService = workspaceContextService;
         this.accessibilityService = accessibilityService;
-        this.gettingStartedExperimentService = gettingStartedExperimentService;
         this.inProgressScroll = Promise.resolve();
         this.dispatchListeners = ( new DisposableStore());
         this.stepDisposables = ( new DisposableStore());
@@ -134,7 +133,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container = $('.gettingStartedContainer', {
             role: 'document',
             tabindex: 0,
-            'aria-label': ( localize(11785, "Overview of how to get up to speed with your editor."))
+            'aria-label': ( localize(12057, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $('.getting-started-media');
         this.stepMediaComponent.id = generateUuid();
@@ -204,21 +203,21 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }));
             ourStep.done = step.done;
             if (category.id === this.currentWalkthrough?.id) {
-                const badgeelements = assertIsDefined(this.window.document.querySelectorAll(`[data-done-step-id="${step.id}"]`));
+                const badgeelements = assertReturnsDefined(this.window.document.querySelectorAll(`[data-done-step-id="${step.id}"]`));
                 badgeelements.forEach(badgeelement => {
                     if (step.done) {
                         badgeelement.setAttribute('aria-checked', 'true');
                         badgeelement.parentElement?.setAttribute('aria-checked', 'true');
                         badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
                         badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
-                        badgeelement.setAttribute('aria-label', ( localize(11786, "Checkbox for Step {0}: Completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12058, "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(11787, "Checkbox for Step {0}: Not completed", step.title)));
+                        badgeelement.setAttribute('aria-label', ( localize(12059, "Checkbox for Step {0}: Not completed", step.title)));
                     }
                 });
             }
@@ -404,7 +403,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         }
     }
     toggleStepCompletion(argument) {
-        const stepToggle = assertIsDefined(this.currentWalkthrough?.steps.find(step => step.id === argument));
+        const stepToggle = assertReturnsDefined(this.currentWalkthrough?.steps.find(step => step.id === argument));
         if (stepToggle.done) {
             this.gettingStartedService.deprogressStep(argument);
         }
@@ -420,7 +419,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             label: x.title,
             detail: x.description,
             description: x.source,
-        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(11788, "Open Walkthrough...")) });
+        }))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12060, "Open Walkthrough...")) });
         if (selection) {
             this.runDispatchCommand('selectCategory', selection.id);
         }
@@ -437,7 +436,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         if (!this.currentWalkthrough) {
             throw Error('no walkthrough selected');
         }
-        const stepToExpand = assertIsDefined(this.currentWalkthrough.steps.find(step => step.id === stepId));
+        const stepToExpand = assertReturnsDefined(this.currentWalkthrough.steps.find(step => step.id === stepId));
         if (!forceRebuild && this.currentMediaComponent === stepId) {
             return;
         }
@@ -601,7 +600,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(11789, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(12061, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -629,8 +628,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(11790, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                11791,
+            return kbLabel ? ( localize(12062, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                12063,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -644,7 +643,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (!stepElement) {
                     return;
                 }
-                id = assertIsDefined(stepElement.getAttribute('data-step-id'));
+                id = assertReturnsDefined(stepElement.getAttribute('data-step-id'));
             }
             stepElement.parentElement?.querySelectorAll('.expanded').forEach(node => {
                 if (node.getAttribute('data-step-id') !== id) {
@@ -690,7 +689,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(11792, "Go Back"))));
+        const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12064, "Go Back"))));
         this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
         this.stepsContent = $('.gettingStartedDetailsContent', {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(
@@ -714,11 +713,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: 'getting-started-checkbox',
             isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
-            title: ( localize(11793, "When checked, this page will be shown on startup.")),
+            title: ( localize(12065, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = 'showOnStartup';
-        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(11794, "Show welcome page on startup")));
+        const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12066, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
@@ -737,7 +736,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(11795, "Editing evolved"))));
+        const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(12067, "Editing evolved"))));
         const leftColumn = $('.categories-column.categories-column-left', {});
         const rightColumn = $('.categories-column.categories-column-right', {});
         const startList = this.buildStartList();
@@ -811,9 +810,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const firstSessionDateString = this.storageService.get(firstSessionDateStorageKey, StorageScope.APPLICATION) || ( new Date()).toUTCString();
             const daysSinceFirstSession = ((+( new Date())) - (+( new Date(firstSessionDateString)))) / 1000 / 60 / 60 / 24;
             const fistContentBehaviour = daysSinceFirstSession < 1 ? 'openToFirstCategory' : 'index';
-            if (fistContentBehaviour === 'openToFirstCategory') {
-                const exp = this.gettingStartedExperimentService.getCurrentExperiment();
-                const first = exp?.walkthroughId ? this.gettingStartedService.getWalkthrough(exp.walkthroughId) : this.gettingStartedCategories.filter(c => !c.when || this.contextService.contextMatchesRules(c.when))[0];
+            const startupExpValue = startupExpContext.getValue(this.contextService);
+            if (fistContentBehaviour === 'openToFirstCategory' && ((!startupExpValue || startupExpValue === '' || startupExpValue === StartupExperimentGroup.Control))) {
+                const first = this.gettingStartedCategories.filter(c => !c.when || this.contextService.contextMatchesRules(c.when))[0];
                 if (first) {
                     this.hasScrolledToFirstCategory = true;
                     this.currentWalkthrough = first;
@@ -849,7 +848,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $('button.button-link');
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute('aria-label', ( localize(11796, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute('aria-label', ( localize(12068, "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], {
@@ -872,18 +871,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.recentlyOpenedList.dispose();
         }
         const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(11797, "Recent")),
+            title: ( localize(12069, "Recent")),
             klass: 'recently-opened',
             limit: 5,
-            empty: $('.empty-recent', {}, ( localize(11798, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(11799, "open a folder"))), ( localize(11800, "to start."))),
+            empty: $('.empty-recent', {}, ( localize(12070, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12071, "open a folder"))), ( localize(12072, "to start."))),
             more: $('.more', {}, $('button.button-link', {
                 'x-dispatch': 'showMoreRecents',
                 title: ( localize(
-                    11801,
+                    12073,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(11802, "More...")))),
+            }, ( localize(12074, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -911,7 +910,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.startList.dispose();
         }
         const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(11803, "Start")),
+            title: ( localize(12075, "Start")),
             klass: 'start-container',
             limit: 10,
             renderElement: renderStartEntry,
@@ -927,10 +926,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(11804, "New"))));
+                reset(newBadge, $('.new-category', {}, ( localize(12076, "New"))));
             }
             else if (category.newItems) {
-                reset(newBadge, $('.new-items', {}, ( localize(11805, "Updated"))));
+                reset(newBadge, $('.new-items', {}, ( localize(12077, "Updated"))));
             }
             const featuredBadge = $('.featured-badge', {});
             const descriptionContent = $('.description-content', {});
@@ -946,9 +945,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(11806, "Hide")),
+                'title': ( localize(12078, "Hide")),
                 'role': 'button',
-                'aria-label': ( localize(11807, "Hide")),
+                'aria-label': ( localize(12079, "Hide")),
             })), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
         };
         if (this.gettingStartedList) {
@@ -974,10 +973,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             return rank;
         };
         const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(11808, "Walkthroughs")),
+            title: ( localize(12080, "Walkthroughs")),
             klass: 'getting-started',
             limit: 5,
-            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(11802, "More..."))),
+            footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12074, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService,
@@ -1024,7 +1023,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 throw Error('Could not find category with ID ' + categoryID);
             }
             const stats = this.getWalkthroughCompletionStats(category);
-            const bar = assertIsDefined(element.querySelector('.progress-bar-inner'));
+            const bar = assertReturnsDefined(element.querySelector('.progress-bar-inner'));
             bar.setAttribute('aria-valuemin', '0');
             bar.setAttribute('aria-valuenow', '' + stats.stepsComplete);
             bar.setAttribute('aria-valuemax', '' + stats.stepsTotal);
@@ -1032,10 +1031,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(11809, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(12081, "All {0} steps complete!", stats.stepsComplete));
             }
             else {
-                bar.title = ( localize(11810, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(12082, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1065,7 +1064,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     focusSideEditorGroup() {
         const fullSize = this.groupsService.getPart(this.group).contentDimension;
-        if (!fullSize || fullSize.width <= 700) {
+        if (!fullSize || fullSize.width <= 700 || this.container.classList.contains('width-constrained') || this.container.classList.contains('width-semi-constrained')) {
             return;
         }
         if (this.groupsService.count === 1) {
@@ -1073,7 +1072,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.groupsService.activateGroup(sideGroup);
             const gettingStartedSize = Math.floor(fullSize.width / 2);
             const gettingStartedGroup = this.groupsService.getGroups(GroupsOrder.MOST_RECENTLY_ACTIVE).find(group => (group.activeEditor instanceof GettingStartedInput));
-            this.groupsService.setSize(assertIsDefined(gettingStartedGroup), { width: gettingStartedSize, height: fullSize.height });
+            this.groupsService.setSize(assertReturnsDefined(gettingStartedGroup), { width: gettingStartedSize, height: fullSize.height });
         }
         const nonGettingStartedGroup = this.groupsService.getGroups(GroupsOrder.MOST_RECENTLY_ACTIVE).find(group => !(group.activeEditor instanceof GettingStartedInput));
         if (nonGettingStartedGroup) {
@@ -1158,8 +1157,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 }, null, this.detailsPageDisposables);
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
-                    if (keybinding && this.editorInput.selectedCategory !== NEW_WELCOME_EXPERIENCE) {
-                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(11811, 'Tip: Use keyboard shortcut ')));
+                    if (keybinding) {
+                        const shortcutMessage = $('span.shortcut-message', {}, ( localize(12083, 'Tip: Use keyboard shortcut ')));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
                         label.set(keybinding);
@@ -1270,6 +1269,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 prevButton.removeAttribute('tabindex');
             }
         }
+        if (this.nextButton) {
+            const isLastSlide = newIndex === steps.length - 1;
+            const textNode = this.nextButton.firstChild;
+            if (textNode && textNode.nodeType === Node.TEXT_NODE) {
+                textNode.textContent = isLastSlide
+                    ? ( localize(12084, "Start coding"))
+                    : ( localize(12085, "Next"));
+            }
+            this.nextButton.setAttribute('aria-label', isLastSlide
+                ? ( localize(12086, "Start coding"))
+                : ( localize(12087, "Next")));
+        }
     }
     buildNewCategorySlide(categoryID, selectedStep) {
         this.container.classList.add('newSlide');
@@ -1295,9 +1306,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         const slidesContainer = $('.step-slides-container');
         const navigationContainer = $('.step-dots-container');
         const prevButton = $('button.button-link.navigation.back', {
-            'aria-label': ( localize(11812, "Previous Step")),
+            'aria-label': ( localize(12088, "Previous Step")),
             'tabindex': '0'
-        }, $('span.codicon.codicon-arrow-left'), ( localize(11813, "Back")));
+        }, $('span.codicon.codicon-arrow-left'), ( localize(12089, "Back")));
         const dotsContainer = $('.dots-centered');
         navigationContainer.appendChild(prevButton);
         navigationContainer.appendChild(dotsContainer);
@@ -1378,17 +1389,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 this.selectStepByIndex(index, ( allSlides.map(s => s.steps[0])), index > currentIndex ? 1 : -1);
             }));
         });
-        const nextButton = $('button.button-link.navigation.next', {
-            'aria-label': ( localize(11814, "Next")),
-        }, ( localize(11815, "Next")), $('span.codicon.codicon-arrow-right'));
-        navigationContainer.appendChild(nextButton);
+        this.nextButton = $('button.button-link.navigation.next', {
+            'aria-label': ( localize(12087, "Next")),
+        }, ( localize(12085, "Next")), $('span.codicon.codicon-arrow-right'));
+        navigationContainer.appendChild(this.nextButton);
         this.detailsPageDisposables.add(addDisposableListener(prevButton, 'click', () => {
             const currentIndex = this.getCurrentSlideIndex(allSlides);
             if (currentIndex > 0) {
                 this.selectStepByIndex(currentIndex - 1, ( allSlides.map(s => s.steps[0])), -1);
             }
         }));
-        this.detailsPageDisposables.add(addDisposableListener(nextButton, 'click', () => {
+        this.detailsPageDisposables.add(addDisposableListener(this.nextButton, 'click', () => {
             const currentIndex = this.getCurrentSlideIndex(allSlides);
             if (currentIndex < allSlides.length - 1) {
                 this.selectStepByIndex(currentIndex + 1, ( allSlides.map(s => s.steps[0])), 1);
@@ -1596,8 +1607,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     'role': 'checkbox',
                     'aria-checked': step.done ? 'true' : 'false',
                     'aria-label': step.done
-                        ? ( localize(11786, "Checkbox for Step {0}: Completed", step.title))
-                        : ( localize(11787, "Checkbox for Step {0}: Not completed", step.title)),
+                        ? ( localize(12058, "Checkbox for Step {0}: Completed", step.title))
+                        : ( localize(12059, "Checkbox for Step {0}: Not completed", step.title)),
                 });
                 const container = $('.step-description-container', { 'x-step-description-for': step.id });
                 this.buildMarkdownDescription(container, step.description);
@@ -1605,10 +1616,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(11816, "Image showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(12090, "Image showing {0}", step.media.altText)) }));
                 }
                 else if (step.media.type === 'video') {
-                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(11817, "Video showing {0}", step.media.altText)) }));
+                    stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12091, "Video showing {0}", step.media.altText)) }));
                 }
                 return $('button.getting-started-step', {
                     'x-dispatch': 'selectTask:' + step.id,
@@ -1628,8 +1639,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(11818, "Mark Done"))), ...(showNextCategory
-            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(11819, "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(12092, "Mark Done"))), ...(showNextCategory
+            ? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12093, "Next Section")), $('span.codicon.codicon-arrow-right'))]
             : [])));
         this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
         const stepListComponent = this.detailsScrollbar.getDomNode();
@@ -1646,12 +1657,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     }
     buildTelemetryFooter(parent) {
         const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
-        const privacyStatementCopy = ( localize(11820, "privacy statement"));
+        const privacyStatementCopy = ( localize(12094, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(11821, "opt out"));
+        const optOutCopy = ( localize(12095, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            11822,
+            12096,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1708,7 +1719,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         }
     }
     setSlide(toEnable, firstLaunch = false) {
-        const slideManager = assertIsDefined(this.container.querySelector('.gettingStarted'));
+        const slideManager = assertReturnsDefined(this.container.querySelector('.gettingStarted'));
         if (toEnable === 'categories') {
             slideManager.classList.remove('showDetails');
             slideManager.classList.add('showCategories');
@@ -1727,7 +1738,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
             else {
                 const moreTextElement = prevButton.querySelector('.moreText');
-                moreTextElement.textContent = firstLaunch ? ( localize(11823, "Welcome")) : ( localize(11792, "Go Back"));
+                moreTextElement.textContent = firstLaunch ? ( localize(12097, "Welcome")) : ( localize(12064, "Go Back"));
             }
             this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
             this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
@@ -1769,8 +1780,7 @@ GettingStartedPage = GettingStartedPage_1 = ( __decorate([
     ( __param(20, IHostService)),
     ( __param(21, IWebviewService)),
     ( __param(22, IWorkspaceContextService)),
-    ( __param(23, IAccessibilityService)),
-    ( __param(24, IGettingStartedExperimentService))
+    ( __param(23, IAccessibilityService))
 ], 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(11824, '{0}\n{1}', step.title, description));
+        const stepsContent = ( localize(12098, '{0}\n{1}', step.title, description));
         if (includeTitle) {
             return [
-                ( localize(11825, 'Title: {0}', waltkrough.title)),
-                ( localize(11826, 'Description: {0}', waltkrough.description)),
+                ( localize(12099, 'Title: {0}', waltkrough.title)),
+                ( localize(12100, '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(11827, 'Background color for the Welcome page.')));
-registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(11828, '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(11829, 'Hover background color for the tiles on the Welcome.')));
-registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(11830, 'Border color for the tiles on the Welcome page.')));
-registerColor('welcomePage.progress.background', inputBackground, ( localize(11831, 'Foreground color for the Welcome page progress bars.')));
-registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(11832, 'Background color for the Welcome page progress bars.')));
-registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(11833, 'Foreground color of the heading of each walkthrough step')));
+registerColor('welcomePage.background', null, ( localize(12101, 'Background color for the Welcome page.')));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(12102, '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(12103, 'Hover background color for the tiles on the Welcome.')));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(12104, 'Border color for the tiles on the Welcome page.')));
+registerColor('welcomePage.progress.background', inputBackground, ( localize(12105, 'Foreground color for the Welcome page progress bars.')));
+registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(12106, 'Background color for the Welcome page progress bars.')));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(12107, 'Foreground color of the heading of each walkthrough step')));

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

@@ -6,7 +6,7 @@ import { TokenizationRegistry } from '@codingame/monaco-vscode-api/vscode/vs/edi
 import { DEFAULT_MARKDOWN_STYLES, renderMarkdownDocument } from '@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common/vscode/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer';
 import { language } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
 import { joinPath } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
-import { assertIsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
+import { assertReturnsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
 import { asWebviewUri } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/common/webview';
 import { ResourceMap } from '@codingame/monaco-vscode-api/vscode/vs/base/common/map';
 import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
@@ -216,7 +216,7 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
             const contents = await this.readContentsOfPath(path, false);
             this.svgCache.set(path, contents);
         }
-        return assertIsDefined(this.svgCache.get(path));
+        return assertReturnsDefined(this.svgCache.get(path));
     }
     async readAndCacheStepMarkdown(path, base) {
         if (!( this.mdCache.has(path))) {
@@ -224,7 +224,7 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
             const markdownContents = await renderMarkdownDocument(transformUris(contents, base), this.extensionService, this.languageService, { allowUnknownProtocols: true });
             this.mdCache.set(path, markdownContents);
         }
-        return assertIsDefined(this.mdCache.get(path));
+        return assertReturnsDefined(this.mdCache.get(path));
     }
     async readContentsOfPath(path, useModuleId = true) {
         try {