@codingame/monaco-vscode-walkthrough-service-override 19.1.4 → 20.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +10 -10
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +21 -21
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +46 -46
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js +7 -7
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedExtensionPoint.js +37 -37
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedIcons.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedInput.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService._contribution.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.d.ts +1 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +16 -23
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +188 -182
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/ai-powered-suggestions.svg +23 -23
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/customize-ai.svg +3 -8
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/multi-file-edits.svg +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/notebookProfile.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker.js +5 -5
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker_small.js +4 -4
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/editor/editorWalkThrough.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThrough.contribution.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.d.ts +1 -0
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +19 -5
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codingame/monaco-vscode-walkthrough-service-override",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "20.0.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,15 +15,15 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "
|
|
19
|
-
"@codingame/monaco-vscode-
|
|
20
|
-
"@codingame/monaco-vscode-
|
|
21
|
-
"@codingame/monaco-vscode-
|
|
22
|
-
"@codingame/monaco-vscode-
|
|
23
|
-
"@codingame/monaco-vscode-api": "
|
|
24
|
-
"@codingame/monaco-vscode-
|
|
25
|
-
"@codingame/monaco-vscode-
|
|
26
|
-
"@codingame/monaco-vscode-
|
|
18
|
+
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "20.0.1",
|
|
19
|
+
"@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "20.0.1",
|
|
20
|
+
"@codingame/monaco-vscode-6883db80-c313-54eb-8fbc-5872c56b0326-common": "20.0.1",
|
|
21
|
+
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "20.0.1",
|
|
22
|
+
"@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common": "20.0.1",
|
|
23
|
+
"@codingame/monaco-vscode-api": "20.0.1",
|
|
24
|
+
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "20.0.1",
|
|
25
|
+
"@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "20.0.1",
|
|
26
|
+
"@codingame/monaco-vscode-f6f55824-df83-5ffc-ac26-50fd4df4fe0e-common": "20.0.1",
|
|
27
27
|
"marked": "14.0.0"
|
|
28
28
|
},
|
|
29
29
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js
CHANGED
|
@@ -37,7 +37,7 @@ registerAction2(class extends Action2 {
|
|
|
37
37
|
constructor() {
|
|
38
38
|
super({
|
|
39
39
|
id: 'workbench.action.openWalkthrough',
|
|
40
|
-
title: ( localize2(
|
|
40
|
+
title: ( localize2(12287, 'Welcome')),
|
|
41
41
|
category: Categories.Help,
|
|
42
42
|
f1: true,
|
|
43
43
|
menu: {
|
|
@@ -46,7 +46,7 @@ registerAction2(class extends Action2 {
|
|
|
46
46
|
order: 1,
|
|
47
47
|
},
|
|
48
48
|
metadata: {
|
|
49
|
-
description: ( localize2(
|
|
49
|
+
description: ( localize2(12288, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -85,15 +85,15 @@ registerAction2(class extends Action2 {
|
|
|
85
85
|
}
|
|
86
86
|
});
|
|
87
87
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
88
|
-
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
88
|
+
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(12289, "Welcome"))), [
|
|
89
89
|
( new SyncDescriptor(GettingStartedInput))
|
|
90
90
|
]);
|
|
91
|
-
const category = ( localize2(
|
|
91
|
+
const category = ( localize2(12289, "Welcome"));
|
|
92
92
|
registerAction2(class extends Action2 {
|
|
93
93
|
constructor() {
|
|
94
94
|
super({
|
|
95
95
|
id: 'welcome.goBack',
|
|
96
|
-
title: ( localize2(
|
|
96
|
+
title: ( localize2(12290, 'Go Back')),
|
|
97
97
|
category,
|
|
98
98
|
keybinding: {
|
|
99
99
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -129,7 +129,7 @@ registerAction2(class extends Action2 {
|
|
|
129
129
|
constructor() {
|
|
130
130
|
super({
|
|
131
131
|
id: 'welcome.markStepComplete',
|
|
132
|
-
title: ( localize(
|
|
132
|
+
title: ( localize(12291, "Mark Step Complete")),
|
|
133
133
|
category,
|
|
134
134
|
});
|
|
135
135
|
}
|
|
@@ -145,7 +145,7 @@ registerAction2(class extends Action2 {
|
|
|
145
145
|
constructor() {
|
|
146
146
|
super({
|
|
147
147
|
id: 'welcome.markStepIncomplete',
|
|
148
|
-
title: ( localize(
|
|
148
|
+
title: ( localize(12292, "Mark Step Incomplete")),
|
|
149
149
|
category,
|
|
150
150
|
});
|
|
151
151
|
}
|
|
@@ -161,7 +161,7 @@ registerAction2(class extends Action2 {
|
|
|
161
161
|
constructor() {
|
|
162
162
|
super({
|
|
163
163
|
id: 'welcome.showAllWalkthroughs',
|
|
164
|
-
title: ( localize2(
|
|
164
|
+
title: ( localize2(12293, 'Open Walkthrough...')),
|
|
165
165
|
category,
|
|
166
166
|
f1: true,
|
|
167
167
|
menu: {
|
|
@@ -193,7 +193,7 @@ registerAction2(class extends Action2 {
|
|
|
193
193
|
quickPick.canSelectMany = false;
|
|
194
194
|
quickPick.matchOnDescription = true;
|
|
195
195
|
quickPick.matchOnDetail = true;
|
|
196
|
-
quickPick.placeholder = ( localize(
|
|
196
|
+
quickPick.placeholder = ( localize(12294, 'Select a walkthrough to open'));
|
|
197
197
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
198
198
|
quickPick.busy = true;
|
|
199
199
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -216,7 +216,7 @@ registerAction2(class extends Action2 {
|
|
|
216
216
|
constructor() {
|
|
217
217
|
super({
|
|
218
218
|
id: 'welcome.showNewWelcome',
|
|
219
|
-
title: ( localize2(
|
|
219
|
+
title: ( localize2(12295, 'Open New Welcome Experience')),
|
|
220
220
|
f1: true,
|
|
221
221
|
});
|
|
222
222
|
}
|
|
@@ -237,7 +237,7 @@ CommandsRegistry.registerCommand({
|
|
|
237
237
|
}
|
|
238
238
|
});
|
|
239
239
|
const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
240
|
-
|
|
240
|
+
12296,
|
|
241
241
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
242
242
|
))));
|
|
243
243
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -289,7 +289,7 @@ configurationRegistry.registerConfiguration({
|
|
|
289
289
|
type: 'boolean',
|
|
290
290
|
default: true,
|
|
291
291
|
description: ( localize(
|
|
292
|
-
|
|
292
|
+
12297,
|
|
293
293
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
294
294
|
))
|
|
295
295
|
},
|
|
@@ -298,25 +298,25 @@ configurationRegistry.registerConfiguration({
|
|
|
298
298
|
'type': 'string',
|
|
299
299
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
300
300
|
'enumDescriptions': [
|
|
301
|
-
( localize(
|
|
301
|
+
( localize(12298, "Start without an editor.")),
|
|
302
302
|
( localize(
|
|
303
|
-
|
|
303
|
+
12299,
|
|
304
304
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
305
305
|
)),
|
|
306
306
|
( localize(
|
|
307
|
-
|
|
307
|
+
12300,
|
|
308
308
|
"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."
|
|
309
309
|
)),
|
|
310
310
|
( localize(
|
|
311
|
-
|
|
311
|
+
12301,
|
|
312
312
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
313
313
|
)),
|
|
314
|
-
( localize(
|
|
315
|
-
( localize(
|
|
314
|
+
( localize(12302, "Open the Welcome page when opening an empty workbench.")),
|
|
315
|
+
( localize(12303, "Open a new terminal in the editor area.")),
|
|
316
316
|
],
|
|
317
317
|
'default': 'welcomePage',
|
|
318
318
|
'description': ( localize(
|
|
319
|
-
|
|
319
|
+
12304,
|
|
320
320
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
321
321
|
))
|
|
322
322
|
},
|
|
@@ -324,8 +324,8 @@ configurationRegistry.registerConfiguration({
|
|
|
324
324
|
scope: ConfigurationScope.APPLICATION,
|
|
325
325
|
type: 'boolean',
|
|
326
326
|
default: false,
|
|
327
|
-
deprecationMessage: ( localize(
|
|
328
|
-
description: ( localize(
|
|
327
|
+
deprecationMessage: ( localize(12305, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
328
|
+
description: ( localize(12306, "When enabled, reduce motion in welcome page."))
|
|
329
329
|
}
|
|
330
330
|
}
|
|
331
331
|
});
|
|
@@ -76,7 +76,7 @@ import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vs
|
|
|
76
76
|
import { AccessibleViewAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
|
|
77
77
|
import { KeybindingLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/keybindingLabel/keybindingLabel';
|
|
78
78
|
import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
|
|
79
|
-
import { startupExpContext, StartupExperimentGroup } from '@codingame/monaco-vscode-
|
|
79
|
+
import { startupExpContext, StartupExperimentGroup } from '@codingame/monaco-vscode-f6f55824-df83-5ffc-ac26-50fd4df4fe0e-common/vscode/vs/workbench/services/coreExperimentation/common/coreExperimentationService';
|
|
80
80
|
|
|
81
81
|
var GettingStartedPage_1;
|
|
82
82
|
registerCss(gettingStarted);
|
|
@@ -133,7 +133,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
133
133
|
this.container = $('.gettingStartedContainer', {
|
|
134
134
|
role: 'document',
|
|
135
135
|
tabindex: 0,
|
|
136
|
-
'aria-label': ( localize(
|
|
136
|
+
'aria-label': ( localize(12307, "Overview of how to get up to speed with your editor."))
|
|
137
137
|
});
|
|
138
138
|
this.stepMediaComponent = $('.getting-started-media');
|
|
139
139
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -210,14 +210,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
210
210
|
badgeelement.parentElement?.setAttribute('aria-checked', 'true');
|
|
211
211
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
212
212
|
badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
213
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
213
|
+
badgeelement.setAttribute('aria-label', ( localize(12308, "Checkbox for Step {0}: Completed", step.title)));
|
|
214
214
|
}
|
|
215
215
|
else {
|
|
216
216
|
badgeelement.setAttribute('aria-checked', 'false');
|
|
217
217
|
badgeelement.parentElement?.setAttribute('aria-checked', 'false');
|
|
218
218
|
badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
219
219
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
220
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
220
|
+
badgeelement.setAttribute('aria-label', ( localize(12309, "Checkbox for Step {0}: Not completed", step.title)));
|
|
221
221
|
}
|
|
222
222
|
});
|
|
223
223
|
}
|
|
@@ -419,7 +419,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
419
419
|
label: x.title,
|
|
420
420
|
detail: x.description,
|
|
421
421
|
description: x.source,
|
|
422
|
-
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
422
|
+
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12310, "Open Walkthrough...")) });
|
|
423
423
|
if (selection) {
|
|
424
424
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
425
425
|
}
|
|
@@ -600,7 +600,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
600
600
|
const themeType = this.themeService.getColorTheme().type;
|
|
601
601
|
const videoPath = media.path[themeType];
|
|
602
602
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
603
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
603
|
+
const altText = media.altText ? media.altText : ( localize(12311, "Video for {0}", stepToExpand.title));
|
|
604
604
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
605
605
|
this.webview.setHtml(rawHTML);
|
|
606
606
|
let isDisposed = false;
|
|
@@ -628,8 +628,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
628
628
|
provideScreenReaderUpdate() {
|
|
629
629
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
630
630
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
631
|
-
return kbLabel ? ( localize(
|
|
632
|
-
|
|
631
|
+
return kbLabel ? ( localize(12312, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
632
|
+
12313,
|
|
633
633
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
634
634
|
));
|
|
635
635
|
}
|
|
@@ -689,7 +689,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
689
689
|
this.categoriesPageScrollbar.dispose();
|
|
690
690
|
}
|
|
691
691
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
692
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
692
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12314, "Go Back"))));
|
|
693
693
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
694
694
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
695
695
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
@@ -713,11 +713,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
713
713
|
icon: Codicon.check,
|
|
714
714
|
actionClassName: 'getting-started-checkbox',
|
|
715
715
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
716
|
-
title: ( localize(
|
|
716
|
+
title: ( localize(12315, "When checked, this page will be shown on startup.")),
|
|
717
717
|
...defaultToggleStyles
|
|
718
718
|
}));
|
|
719
719
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
720
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
720
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12316, "Show welcome page on startup")));
|
|
721
721
|
const onShowOnStartupChanged = () => {
|
|
722
722
|
if (showOnStartupCheckbox.checked) {
|
|
723
723
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -736,7 +736,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
736
736
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
737
737
|
onShowOnStartupChanged();
|
|
738
738
|
}));
|
|
739
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
739
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(12317, "Editing evolved"))));
|
|
740
740
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
741
741
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
742
742
|
const startList = this.buildStartList();
|
|
@@ -848,7 +848,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
848
848
|
const link = $('button.button-link');
|
|
849
849
|
link.innerText = name;
|
|
850
850
|
link.title = fullPath;
|
|
851
|
-
link.setAttribute('aria-label', ( localize(
|
|
851
|
+
link.setAttribute('aria-label', ( localize(12318, "Open folder {0} with path {1}", name, parentPath)));
|
|
852
852
|
link.addEventListener('click', e => {
|
|
853
853
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
854
854
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -871,18 +871,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
871
871
|
this.recentlyOpenedList.dispose();
|
|
872
872
|
}
|
|
873
873
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
874
|
-
title: ( localize(
|
|
874
|
+
title: ( localize(12319, "Recent")),
|
|
875
875
|
klass: 'recently-opened',
|
|
876
876
|
limit: 5,
|
|
877
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
877
|
+
empty: $('.empty-recent', {}, ( localize(12320, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(12321, "open a folder"))), ( localize(12322, "to start."))),
|
|
878
878
|
more: $('.more', {}, $('button.button-link', {
|
|
879
879
|
'x-dispatch': 'showMoreRecents',
|
|
880
880
|
title: ( localize(
|
|
881
|
-
|
|
881
|
+
12323,
|
|
882
882
|
"Show All Recent Folders {0}",
|
|
883
883
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
884
884
|
))
|
|
885
|
-
}, ( localize(
|
|
885
|
+
}, ( localize(12324, "More...")))),
|
|
886
886
|
renderElement: renderRecent,
|
|
887
887
|
contextService: this.contextService
|
|
888
888
|
}));
|
|
@@ -910,7 +910,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
910
910
|
this.startList.dispose();
|
|
911
911
|
}
|
|
912
912
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
913
|
-
title: ( localize(
|
|
913
|
+
title: ( localize(12325, "Start")),
|
|
914
914
|
klass: 'start-container',
|
|
915
915
|
limit: 10,
|
|
916
916
|
renderElement: renderStartEntry,
|
|
@@ -926,10 +926,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
926
926
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
927
927
|
const newBadge = $('.new-badge', {});
|
|
928
928
|
if (category.newEntry) {
|
|
929
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
929
|
+
reset(newBadge, $('.new-category', {}, ( localize(12326, "New"))));
|
|
930
930
|
}
|
|
931
931
|
else if (category.newItems) {
|
|
932
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
932
|
+
reset(newBadge, $('.new-items', {}, ( localize(12327, "Updated"))));
|
|
933
933
|
}
|
|
934
934
|
const featuredBadge = $('.featured-badge', {});
|
|
935
935
|
const descriptionContent = $('.description-content', {});
|
|
@@ -945,9 +945,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
945
945
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
946
946
|
'tabindex': 0,
|
|
947
947
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
948
|
-
'title': ( localize(
|
|
948
|
+
'title': ( localize(12328, "Hide")),
|
|
949
949
|
'role': 'button',
|
|
950
|
-
'aria-label': ( localize(
|
|
950
|
+
'aria-label': ( localize(12329, "Hide")),
|
|
951
951
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
952
952
|
};
|
|
953
953
|
if (this.gettingStartedList) {
|
|
@@ -973,10 +973,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
973
973
|
return rank;
|
|
974
974
|
};
|
|
975
975
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
976
|
-
title: ( localize(
|
|
976
|
+
title: ( localize(12330, "Walkthroughs")),
|
|
977
977
|
klass: 'getting-started',
|
|
978
978
|
limit: 5,
|
|
979
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
979
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12324, "More..."))),
|
|
980
980
|
renderElement: renderGetttingStaredWalkthrough,
|
|
981
981
|
rankElement: rankWalkthrough,
|
|
982
982
|
contextService: this.contextService,
|
|
@@ -1031,10 +1031,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1031
1031
|
bar.style.width = `${progress}%`;
|
|
1032
1032
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
1033
1033
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1034
|
-
bar.title = ( localize(
|
|
1034
|
+
bar.title = ( localize(12331, "All {0} steps complete!", stats.stepsComplete));
|
|
1035
1035
|
}
|
|
1036
1036
|
else {
|
|
1037
|
-
bar.title = ( localize(
|
|
1037
|
+
bar.title = ( localize(12332, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1038
1038
|
}
|
|
1039
1039
|
});
|
|
1040
1040
|
}
|
|
@@ -1158,7 +1158,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1158
1158
|
if (isCommand) {
|
|
1159
1159
|
const keybinding = this.getKeyBinding(command);
|
|
1160
1160
|
if (keybinding) {
|
|
1161
|
-
const shortcutMessage = $('span.shortcut-message', {}, ( localize(
|
|
1161
|
+
const shortcutMessage = $('span.shortcut-message', {}, ( localize(12333, 'Tip: Use keyboard shortcut ')));
|
|
1162
1162
|
container.appendChild(shortcutMessage);
|
|
1163
1163
|
const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
|
|
1164
1164
|
label.set(keybinding);
|
|
@@ -1174,7 +1174,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1174
1174
|
const labelWithIcon = renderLabelWithIcons(node);
|
|
1175
1175
|
for (const element of labelWithIcon) {
|
|
1176
1176
|
if (typeof element === 'string') {
|
|
1177
|
-
p.appendChild(renderFormattedText(element, {
|
|
1177
|
+
p.appendChild(renderFormattedText(element, { renderCodeSegments: true }, $('span')));
|
|
1178
1178
|
}
|
|
1179
1179
|
else {
|
|
1180
1180
|
p.appendChild(element);
|
|
@@ -1274,12 +1274,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1274
1274
|
const textNode = this.nextButton.firstChild;
|
|
1275
1275
|
if (textNode && textNode.nodeType === Node.TEXT_NODE) {
|
|
1276
1276
|
textNode.textContent = isLastSlide
|
|
1277
|
-
? ( localize(
|
|
1278
|
-
: ( localize(
|
|
1277
|
+
? ( localize(12334, "Start coding"))
|
|
1278
|
+
: ( localize(12335, "Next"));
|
|
1279
1279
|
}
|
|
1280
1280
|
this.nextButton.setAttribute('aria-label', isLastSlide
|
|
1281
|
-
? ( localize(
|
|
1282
|
-
: ( localize(
|
|
1281
|
+
? ( localize(12336, "Start coding"))
|
|
1282
|
+
: ( localize(12337, "Next")));
|
|
1283
1283
|
}
|
|
1284
1284
|
}
|
|
1285
1285
|
buildNewCategorySlide(categoryID, selectedStep) {
|
|
@@ -1306,9 +1306,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1306
1306
|
const slidesContainer = $('.step-slides-container');
|
|
1307
1307
|
const navigationContainer = $('.step-dots-container');
|
|
1308
1308
|
const prevButton = $('button.button-link.navigation.back', {
|
|
1309
|
-
'aria-label': ( localize(
|
|
1309
|
+
'aria-label': ( localize(12338, "Previous Step")),
|
|
1310
1310
|
'tabindex': '0'
|
|
1311
|
-
}, $('span.codicon.codicon-arrow-left'), ( localize(
|
|
1311
|
+
}, $('span.codicon.codicon-arrow-left'), ( localize(12339, "Back")));
|
|
1312
1312
|
const dotsContainer = $('.dots-centered');
|
|
1313
1313
|
navigationContainer.appendChild(prevButton);
|
|
1314
1314
|
navigationContainer.appendChild(dotsContainer);
|
|
@@ -1390,8 +1390,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1390
1390
|
}));
|
|
1391
1391
|
});
|
|
1392
1392
|
this.nextButton = $('button.button-link.navigation.next', {
|
|
1393
|
-
'aria-label': ( localize(
|
|
1394
|
-
}, ( localize(
|
|
1393
|
+
'aria-label': ( localize(12337, "Next")),
|
|
1394
|
+
}, ( localize(12335, "Next")), $('span.codicon.codicon-arrow-right'));
|
|
1395
1395
|
navigationContainer.appendChild(this.nextButton);
|
|
1396
1396
|
this.detailsPageDisposables.add(addDisposableListener(prevButton, 'click', () => {
|
|
1397
1397
|
const currentIndex = this.getCurrentSlideIndex(allSlides);
|
|
@@ -1607,8 +1607,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1607
1607
|
'role': 'checkbox',
|
|
1608
1608
|
'aria-checked': step.done ? 'true' : 'false',
|
|
1609
1609
|
'aria-label': step.done
|
|
1610
|
-
? ( localize(
|
|
1611
|
-
: ( localize(
|
|
1610
|
+
? ( localize(12308, "Checkbox for Step {0}: Completed", step.title))
|
|
1611
|
+
: ( localize(12309, "Checkbox for Step {0}: Not completed", step.title)),
|
|
1612
1612
|
});
|
|
1613
1613
|
const container = $('.step-description-container', { 'x-step-description-for': step.id });
|
|
1614
1614
|
this.buildMarkdownDescription(container, step.description);
|
|
@@ -1616,10 +1616,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1616
1616
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1617
1617
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1618
1618
|
if (step.media.type === 'image') {
|
|
1619
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1619
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(12340, "Image showing {0}", step.media.altText)) }));
|
|
1620
1620
|
}
|
|
1621
1621
|
else if (step.media.type === 'video') {
|
|
1622
|
-
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(
|
|
1622
|
+
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12341, "Video showing {0}", step.media.altText)) }));
|
|
1623
1623
|
}
|
|
1624
1624
|
return $('button.getting-started-step', {
|
|
1625
1625
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1639,8 +1639,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1639
1639
|
}
|
|
1640
1640
|
}));
|
|
1641
1641
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1642
|
-
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(
|
|
1643
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1642
|
+
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(12342, "Mark Done"))), ...(showNextCategory
|
|
1643
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12343, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1644
1644
|
: [])));
|
|
1645
1645
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
|
|
1646
1646
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1657,12 +1657,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1657
1657
|
}
|
|
1658
1658
|
buildTelemetryFooter(parent) {
|
|
1659
1659
|
const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
|
|
1660
|
-
const privacyStatementCopy = ( localize(
|
|
1660
|
+
const privacyStatementCopy = ( localize(12344, "privacy statement"));
|
|
1661
1661
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1662
|
-
const optOutCopy = ( localize(
|
|
1662
|
+
const optOutCopy = ( localize(12345, "opt out"));
|
|
1663
1663
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1664
1664
|
const text = ( localize(
|
|
1665
|
-
|
|
1665
|
+
12346,
|
|
1666
1666
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1667
1667
|
this.productService.nameShort,
|
|
1668
1668
|
privacyStatementButton,
|
|
@@ -1738,7 +1738,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
else {
|
|
1740
1740
|
const moreTextElement = prevButton.querySelector('.moreText');
|
|
1741
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1741
|
+
moreTextElement.textContent = firstLaunch ? ( localize(12347, "Welcome")) : ( localize(12314, "Go Back"));
|
|
1742
1742
|
}
|
|
1743
1743
|
this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
|
|
1744
1744
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
|
|
@@ -116,11 +116,11 @@ class GettingStartedAccessibleProvider extends Disposable {
|
|
|
116
116
|
}
|
|
117
117
|
_getContent(waltkrough, step, includeTitle) {
|
|
118
118
|
const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === 'string'))).join('\n');
|
|
119
|
-
const stepsContent = ( localize(
|
|
119
|
+
const stepsContent = ( localize(12348, '{0}\n{1}', step.title, description));
|
|
120
120
|
if (includeTitle) {
|
|
121
121
|
return [
|
|
122
|
-
( localize(
|
|
123
|
-
( localize(
|
|
122
|
+
( localize(12349, 'Title: {0}', waltkrough.title)),
|
|
123
|
+
( localize(12350, 'Description: {0}', waltkrough.description)),
|
|
124
124
|
stepsContent
|
|
125
125
|
].join('\n');
|
|
126
126
|
}
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js
CHANGED
|
@@ -12,10 +12,10 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quic
|
|
|
12
12
|
import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
|
|
13
13
|
import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
|
|
14
14
|
|
|
15
|
-
registerColor('welcomePage.background', null, ( localize(
|
|
16
|
-
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(
|
|
17
|
-
registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(
|
|
18
|
-
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(
|
|
19
|
-
registerColor('welcomePage.progress.background', inputBackground, ( localize(
|
|
20
|
-
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(
|
|
21
|
-
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(
|
|
15
|
+
registerColor('welcomePage.background', null, ( localize(12351, 'Background color for the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(12352, 'Background color for the tiles on the Welcome page.')));
|
|
17
|
+
registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(12353, 'Hover background color for the tiles on the Welcome.')));
|
|
18
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(12354, 'Border color for the tiles on the Welcome page.')));
|
|
19
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(12355, 'Foreground color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(12356, 'Background color for the Welcome page progress bars.')));
|
|
21
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(12357, 'Foreground color of the heading of each walkthrough step')));
|