@codingame/monaco-vscode-walkthrough-service-override 22.1.5 → 22.1.7
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 +9 -9
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +20 -20
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +36 -36
- 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 +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +151 -151
- 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/walkThroughPart.js +2 -2
- 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": "22.1.
|
|
3
|
+
"version": "22.1.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "22.1.
|
|
19
|
-
"@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "22.1.
|
|
20
|
-
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "22.1.
|
|
21
|
-
"@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common": "22.1.
|
|
22
|
-
"@codingame/monaco-vscode-api": "22.1.
|
|
23
|
-
"@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "22.1.
|
|
24
|
-
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "22.1.
|
|
25
|
-
"@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "22.1.
|
|
18
|
+
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "22.1.7",
|
|
19
|
+
"@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "22.1.7",
|
|
20
|
+
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "22.1.7",
|
|
21
|
+
"@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common": "22.1.7",
|
|
22
|
+
"@codingame/monaco-vscode-api": "22.1.7",
|
|
23
|
+
"@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "22.1.7",
|
|
24
|
+
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "22.1.7",
|
|
25
|
+
"@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "22.1.7",
|
|
26
26
|
"marked": "14.0.0"
|
|
27
27
|
},
|
|
28
28
|
"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(12640, '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(12641, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -94,15 +94,15 @@ registerAction2(class extends Action2 {
|
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
97
|
-
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
97
|
+
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(12642, "Welcome"))), [
|
|
98
98
|
( new SyncDescriptor(GettingStartedInput))
|
|
99
99
|
]);
|
|
100
|
-
const category = ( localize2(
|
|
100
|
+
const category = ( localize2(12642, "Welcome"));
|
|
101
101
|
registerAction2(class extends Action2 {
|
|
102
102
|
constructor() {
|
|
103
103
|
super({
|
|
104
104
|
id: 'welcome.goBack',
|
|
105
|
-
title: ( localize2(
|
|
105
|
+
title: ( localize2(12643, 'Go Back')),
|
|
106
106
|
category,
|
|
107
107
|
keybinding: {
|
|
108
108
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -138,7 +138,7 @@ registerAction2(class extends Action2 {
|
|
|
138
138
|
constructor() {
|
|
139
139
|
super({
|
|
140
140
|
id: 'welcome.markStepComplete',
|
|
141
|
-
title: ( localize(
|
|
141
|
+
title: ( localize(12644, "Mark Step Complete")),
|
|
142
142
|
category,
|
|
143
143
|
});
|
|
144
144
|
}
|
|
@@ -154,7 +154,7 @@ registerAction2(class extends Action2 {
|
|
|
154
154
|
constructor() {
|
|
155
155
|
super({
|
|
156
156
|
id: 'welcome.markStepIncomplete',
|
|
157
|
-
title: ( localize(
|
|
157
|
+
title: ( localize(12645, "Mark Step Incomplete")),
|
|
158
158
|
category,
|
|
159
159
|
});
|
|
160
160
|
}
|
|
@@ -170,7 +170,7 @@ registerAction2(class extends Action2 {
|
|
|
170
170
|
constructor() {
|
|
171
171
|
super({
|
|
172
172
|
id: 'welcome.showAllWalkthroughs',
|
|
173
|
-
title: ( localize2(
|
|
173
|
+
title: ( localize2(12646, 'Open Walkthrough...')),
|
|
174
174
|
category,
|
|
175
175
|
f1: true,
|
|
176
176
|
menu: {
|
|
@@ -202,7 +202,7 @@ registerAction2(class extends Action2 {
|
|
|
202
202
|
quickPick.canSelectMany = false;
|
|
203
203
|
quickPick.matchOnDescription = true;
|
|
204
204
|
quickPick.matchOnDetail = true;
|
|
205
|
-
quickPick.placeholder = ( localize(
|
|
205
|
+
quickPick.placeholder = ( localize(12647, 'Select a walkthrough to open'));
|
|
206
206
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
207
207
|
quickPick.busy = true;
|
|
208
208
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -229,7 +229,7 @@ CommandsRegistry.registerCommand({
|
|
|
229
229
|
}
|
|
230
230
|
});
|
|
231
231
|
const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
232
|
-
|
|
232
|
+
12648,
|
|
233
233
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
234
234
|
))));
|
|
235
235
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -281,7 +281,7 @@ configurationRegistry.registerConfiguration({
|
|
|
281
281
|
type: 'boolean',
|
|
282
282
|
default: true,
|
|
283
283
|
description: ( localize(
|
|
284
|
-
|
|
284
|
+
12649,
|
|
285
285
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
286
286
|
))
|
|
287
287
|
},
|
|
@@ -290,25 +290,25 @@ configurationRegistry.registerConfiguration({
|
|
|
290
290
|
'type': 'string',
|
|
291
291
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
292
292
|
'enumDescriptions': [
|
|
293
|
-
( localize(
|
|
293
|
+
( localize(12650, "Start without an editor.")),
|
|
294
294
|
( localize(
|
|
295
|
-
|
|
295
|
+
12651,
|
|
296
296
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
297
297
|
)),
|
|
298
298
|
( localize(
|
|
299
|
-
|
|
299
|
+
12652,
|
|
300
300
|
"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."
|
|
301
301
|
)),
|
|
302
302
|
( localize(
|
|
303
|
-
|
|
303
|
+
12653,
|
|
304
304
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
305
305
|
)),
|
|
306
|
-
( localize(
|
|
307
|
-
( localize(
|
|
306
|
+
( localize(12654, "Open the Welcome page when opening an empty workbench.")),
|
|
307
|
+
( localize(12655, "Open a new terminal in the editor area.")),
|
|
308
308
|
],
|
|
309
309
|
'default': 'welcomePage',
|
|
310
310
|
'description': ( localize(
|
|
311
|
-
|
|
311
|
+
12656,
|
|
312
312
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
313
313
|
))
|
|
314
314
|
},
|
|
@@ -316,8 +316,8 @@ configurationRegistry.registerConfiguration({
|
|
|
316
316
|
scope: ConfigurationScope.APPLICATION,
|
|
317
317
|
type: 'boolean',
|
|
318
318
|
default: false,
|
|
319
|
-
deprecationMessage: ( localize(
|
|
320
|
-
description: ( localize(
|
|
319
|
+
deprecationMessage: ( localize(12657, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
320
|
+
description: ( localize(12658, "When enabled, reduce motion in welcome page."))
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
});
|
|
@@ -130,7 +130,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
130
130
|
this.container = $('.gettingStartedContainer', {
|
|
131
131
|
role: 'document',
|
|
132
132
|
tabindex: 0,
|
|
133
|
-
'aria-label': ( localize(
|
|
133
|
+
'aria-label': ( localize(12659, "Overview of how to get up to speed with your editor."))
|
|
134
134
|
});
|
|
135
135
|
this.stepMediaComponent = $('.getting-started-media');
|
|
136
136
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -206,14 +206,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
206
206
|
badgeelement.parentElement?.setAttribute('aria-checked', 'true');
|
|
207
207
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
208
208
|
badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
209
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
209
|
+
badgeelement.setAttribute('aria-label', ( localize(12660, "Checkbox for Step {0}: Completed", step.title)));
|
|
210
210
|
}
|
|
211
211
|
else {
|
|
212
212
|
badgeelement.setAttribute('aria-checked', 'false');
|
|
213
213
|
badgeelement.parentElement?.setAttribute('aria-checked', 'false');
|
|
214
214
|
badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
215
215
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
216
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
216
|
+
badgeelement.setAttribute('aria-label', ( localize(12661, "Checkbox for Step {0}: Not completed", step.title)));
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
219
|
}
|
|
@@ -415,7 +415,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
415
415
|
label: x.title,
|
|
416
416
|
detail: x.description,
|
|
417
417
|
description: x.source,
|
|
418
|
-
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
418
|
+
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12662, "Open Walkthrough...")) });
|
|
419
419
|
if (selection) {
|
|
420
420
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
421
421
|
}
|
|
@@ -596,7 +596,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
596
596
|
const themeType = this.themeService.getColorTheme().type;
|
|
597
597
|
const videoPath = media.path[themeType];
|
|
598
598
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
599
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
599
|
+
const altText = media.altText ? media.altText : ( localize(12663, "Video for {0}", stepToExpand.title));
|
|
600
600
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
601
601
|
this.webview.setHtml(rawHTML);
|
|
602
602
|
let isDisposed = false;
|
|
@@ -624,8 +624,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
624
624
|
provideScreenReaderUpdate() {
|
|
625
625
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
626
626
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
627
|
-
return kbLabel ? ( localize(
|
|
628
|
-
|
|
627
|
+
return kbLabel ? ( localize(12664, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
628
|
+
12665,
|
|
629
629
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
630
630
|
));
|
|
631
631
|
}
|
|
@@ -685,7 +685,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
685
685
|
this.categoriesPageScrollbar.dispose();
|
|
686
686
|
}
|
|
687
687
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
688
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
688
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12666, "Go Back"))));
|
|
689
689
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
690
690
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
691
691
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
@@ -709,11 +709,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
709
709
|
icon: Codicon.check,
|
|
710
710
|
actionClassName: 'getting-started-checkbox',
|
|
711
711
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
712
|
-
title: ( localize(
|
|
712
|
+
title: ( localize(12667, "When checked, this page will be shown on startup.")),
|
|
713
713
|
...defaultToggleStyles
|
|
714
714
|
}));
|
|
715
715
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
716
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
716
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(12668, "Show welcome page on startup")));
|
|
717
717
|
const onShowOnStartupChanged = () => {
|
|
718
718
|
if (showOnStartupCheckbox.checked) {
|
|
719
719
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -732,7 +732,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
732
732
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
733
733
|
onShowOnStartupChanged();
|
|
734
734
|
}));
|
|
735
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
735
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(12669, "Editing evolved"))));
|
|
736
736
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
737
737
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
738
738
|
const startList = this.buildStartList();
|
|
@@ -825,7 +825,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
825
825
|
const link = $('button.button-link');
|
|
826
826
|
link.innerText = name;
|
|
827
827
|
link.title = fullPath;
|
|
828
|
-
link.setAttribute('aria-label', ( localize(
|
|
828
|
+
link.setAttribute('aria-label', ( localize(12670, "Open folder {0} with path {1}", name, parentPath)));
|
|
829
829
|
link.addEventListener('click', e => {
|
|
830
830
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
831
831
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -848,18 +848,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
848
848
|
this.recentlyOpenedList.dispose();
|
|
849
849
|
}
|
|
850
850
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
851
|
-
title: ( localize(
|
|
851
|
+
title: ( localize(12671, "Recent")),
|
|
852
852
|
klass: 'recently-opened',
|
|
853
853
|
limit: 5,
|
|
854
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
854
|
+
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."))),
|
|
855
855
|
more: $('.more', {}, $('button.button-link', {
|
|
856
856
|
'x-dispatch': 'showMoreRecents',
|
|
857
857
|
title: ( localize(
|
|
858
|
-
|
|
858
|
+
12675,
|
|
859
859
|
"Show All Recent Folders {0}",
|
|
860
860
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
861
861
|
))
|
|
862
|
-
}, ( localize(
|
|
862
|
+
}, ( localize(12676, "More...")))),
|
|
863
863
|
renderElement: renderRecent,
|
|
864
864
|
contextService: this.contextService
|
|
865
865
|
}));
|
|
@@ -887,7 +887,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
887
887
|
this.startList.dispose();
|
|
888
888
|
}
|
|
889
889
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
890
|
-
title: ( localize(
|
|
890
|
+
title: ( localize(12677, "Start")),
|
|
891
891
|
klass: 'start-container',
|
|
892
892
|
limit: 10,
|
|
893
893
|
renderElement: renderStartEntry,
|
|
@@ -903,10 +903,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
903
903
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
904
904
|
const newBadge = $('.new-badge', {});
|
|
905
905
|
if (category.newEntry) {
|
|
906
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
906
|
+
reset(newBadge, $('.new-category', {}, ( localize(12678, "New"))));
|
|
907
907
|
}
|
|
908
908
|
else if (category.newItems) {
|
|
909
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
909
|
+
reset(newBadge, $('.new-items', {}, ( localize(12679, "Updated"))));
|
|
910
910
|
}
|
|
911
911
|
const featuredBadge = $('.featured-badge', {});
|
|
912
912
|
const descriptionContent = $('.description-content', {});
|
|
@@ -922,9 +922,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
922
922
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
923
923
|
'tabindex': 0,
|
|
924
924
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
925
|
-
'title': ( localize(
|
|
925
|
+
'title': ( localize(12680, "Hide")),
|
|
926
926
|
'role': 'button',
|
|
927
|
-
'aria-label': ( localize(
|
|
927
|
+
'aria-label': ( localize(12681, "Hide")),
|
|
928
928
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
929
929
|
};
|
|
930
930
|
if (this.gettingStartedList) {
|
|
@@ -950,10 +950,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
950
950
|
return rank;
|
|
951
951
|
};
|
|
952
952
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
953
|
-
title: ( localize(
|
|
953
|
+
title: ( localize(12682, "Walkthroughs")),
|
|
954
954
|
klass: 'getting-started',
|
|
955
955
|
limit: 5,
|
|
956
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
956
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(12676, "More..."))),
|
|
957
957
|
renderElement: renderGetttingStaredWalkthrough,
|
|
958
958
|
rankElement: rankWalkthrough,
|
|
959
959
|
contextService: this.contextService,
|
|
@@ -1006,10 +1006,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1006
1006
|
bar.style.width = `${progress}%`;
|
|
1007
1007
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
1008
1008
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1009
|
-
bar.title = ( localize(
|
|
1009
|
+
bar.title = ( localize(12683, "All {0} steps complete!", stats.stepsComplete));
|
|
1010
1010
|
}
|
|
1011
1011
|
else {
|
|
1012
|
-
bar.title = ( localize(
|
|
1012
|
+
bar.title = ( localize(12684, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1013
1013
|
}
|
|
1014
1014
|
});
|
|
1015
1015
|
}
|
|
@@ -1130,7 +1130,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1130
1130
|
if (isCommand) {
|
|
1131
1131
|
const keybinding = this.getKeyBinding(command);
|
|
1132
1132
|
if (keybinding) {
|
|
1133
|
-
const shortcutMessage = $('span.shortcut-message', {}, ( localize(
|
|
1133
|
+
const shortcutMessage = $('span.shortcut-message', {}, ( localize(12685, 'Tip: Use keyboard shortcut ')));
|
|
1134
1134
|
container.appendChild(shortcutMessage);
|
|
1135
1135
|
const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
|
|
1136
1136
|
label.set(keybinding);
|
|
@@ -1218,8 +1218,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1218
1218
|
'role': 'checkbox',
|
|
1219
1219
|
'aria-checked': step.done ? 'true' : 'false',
|
|
1220
1220
|
'aria-label': step.done
|
|
1221
|
-
? ( localize(
|
|
1222
|
-
: ( localize(
|
|
1221
|
+
? ( localize(12660, "Checkbox for Step {0}: Completed", step.title))
|
|
1222
|
+
: ( localize(12661, "Checkbox for Step {0}: Not completed", step.title)),
|
|
1223
1223
|
});
|
|
1224
1224
|
const container = $('.step-description-container', { 'x-step-description-for': step.id });
|
|
1225
1225
|
this.buildMarkdownDescription(container, step.description);
|
|
@@ -1227,10 +1227,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1227
1227
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1228
1228
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1229
1229
|
if (step.media.type === 'image') {
|
|
1230
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1230
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(12686, "Image showing {0}", step.media.altText)) }));
|
|
1231
1231
|
}
|
|
1232
1232
|
else if (step.media.type === 'video') {
|
|
1233
|
-
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(
|
|
1233
|
+
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(12687, "Video showing {0}", step.media.altText)) }));
|
|
1234
1234
|
}
|
|
1235
1235
|
return $('button.getting-started-step', {
|
|
1236
1236
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1250,8 +1250,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1250
1250
|
}
|
|
1251
1251
|
}));
|
|
1252
1252
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1253
|
-
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(
|
|
1254
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1253
|
+
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
|
|
1254
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(12689, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1255
1255
|
: [])));
|
|
1256
1256
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
|
|
1257
1257
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1268,12 +1268,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1268
1268
|
}
|
|
1269
1269
|
buildTelemetryFooter(parent) {
|
|
1270
1270
|
const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
|
|
1271
|
-
const privacyStatementCopy = ( localize(
|
|
1271
|
+
const privacyStatementCopy = ( localize(12690, "privacy statement"));
|
|
1272
1272
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1273
|
-
const optOutCopy = ( localize(
|
|
1273
|
+
const optOutCopy = ( localize(12691, "opt out"));
|
|
1274
1274
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1275
1275
|
const text = ( localize(
|
|
1276
|
-
|
|
1276
|
+
12692,
|
|
1277
1277
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1278
1278
|
this.productService.nameShort,
|
|
1279
1279
|
privacyStatementButton,
|
|
@@ -1345,7 +1345,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1345
1345
|
const prevButton = this.container.querySelector('.prev-button.button-link');
|
|
1346
1346
|
prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
|
|
1347
1347
|
const moreTextElement = prevButton.querySelector('.moreText');
|
|
1348
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1348
|
+
moreTextElement.textContent = firstLaunch ? ( localize(12693, "Welcome")) : ( localize(12666, "Go Back"));
|
|
1349
1349
|
this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
|
|
1350
1350
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
|
|
1351
1351
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('input').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(12694, '{0}\n{1}', step.title, description));
|
|
120
120
|
if (includeTitle) {
|
|
121
121
|
return [
|
|
122
|
-
( localize(
|
|
123
|
-
( localize(
|
|
122
|
+
( localize(12695, 'Title: {0}', waltkrough.title)),
|
|
123
|
+
( localize(12696, '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(12697, 'Background color for the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(12698, '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(12699, 'Hover background color for the tiles on the Welcome.')));
|
|
18
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(12700, 'Border color for the tiles on the Welcome page.')));
|
|
19
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(12701, 'Foreground color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(12702, 'Background color for the Welcome page progress bars.')));
|
|
21
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(12703, 'Foreground color of the heading of each walkthrough step')));
|