@codingame/monaco-vscode-walkthrough-service-override 23.1.0 → 23.1.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 +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 +2 -2
- 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": "23.1.
|
|
3
|
+
"version": "23.1.1",
|
|
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-
|
|
19
|
-
"@codingame/monaco-vscode-
|
|
20
|
-
"@codingame/monaco-vscode-
|
|
21
|
-
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "23.1.
|
|
22
|
-
"@codingame/monaco-vscode-api": "23.1.
|
|
23
|
-
"@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "23.1.
|
|
24
|
-
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "23.1.
|
|
25
|
-
"@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "23.1.
|
|
18
|
+
"@codingame/monaco-vscode-08fd81c0-7fd8-5f7c-9776-f918dd532714-common": "23.1.1",
|
|
19
|
+
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "23.1.1",
|
|
20
|
+
"@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "23.1.1",
|
|
21
|
+
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "23.1.1",
|
|
22
|
+
"@codingame/monaco-vscode-api": "23.1.1",
|
|
23
|
+
"@codingame/monaco-vscode-b6d52a6d-8c8e-51f5-bcd2-1722295e31d9-common": "23.1.1",
|
|
24
|
+
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "23.1.1",
|
|
25
|
+
"@codingame/monaco-vscode-f24e325c-2ce0-5bba-8236-bfc4f53180ab-common": "23.1.1",
|
|
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(12973, '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(12974, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -90,15 +90,15 @@ registerAction2(class extends Action2 {
|
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
92
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
93
|
-
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
93
|
+
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(12975, "Welcome"))), [
|
|
94
94
|
( new SyncDescriptor(GettingStartedInput))
|
|
95
95
|
]);
|
|
96
|
-
const category = ( localize2(
|
|
96
|
+
const category = ( localize2(12975, "Welcome"));
|
|
97
97
|
registerAction2(class extends Action2 {
|
|
98
98
|
constructor() {
|
|
99
99
|
super({
|
|
100
100
|
id: 'welcome.goBack',
|
|
101
|
-
title: ( localize2(
|
|
101
|
+
title: ( localize2(12976, 'Go Back')),
|
|
102
102
|
category,
|
|
103
103
|
keybinding: {
|
|
104
104
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -134,7 +134,7 @@ registerAction2(class extends Action2 {
|
|
|
134
134
|
constructor() {
|
|
135
135
|
super({
|
|
136
136
|
id: 'welcome.markStepComplete',
|
|
137
|
-
title: ( localize(
|
|
137
|
+
title: ( localize(12977, "Mark Step Complete")),
|
|
138
138
|
category,
|
|
139
139
|
});
|
|
140
140
|
}
|
|
@@ -150,7 +150,7 @@ registerAction2(class extends Action2 {
|
|
|
150
150
|
constructor() {
|
|
151
151
|
super({
|
|
152
152
|
id: 'welcome.markStepIncomplete',
|
|
153
|
-
title: ( localize(
|
|
153
|
+
title: ( localize(12978, "Mark Step Incomplete")),
|
|
154
154
|
category,
|
|
155
155
|
});
|
|
156
156
|
}
|
|
@@ -166,7 +166,7 @@ registerAction2(class extends Action2 {
|
|
|
166
166
|
constructor() {
|
|
167
167
|
super({
|
|
168
168
|
id: 'welcome.showAllWalkthroughs',
|
|
169
|
-
title: ( localize2(
|
|
169
|
+
title: ( localize2(12979, 'Open Walkthrough...')),
|
|
170
170
|
category,
|
|
171
171
|
f1: true,
|
|
172
172
|
menu: {
|
|
@@ -198,7 +198,7 @@ registerAction2(class extends Action2 {
|
|
|
198
198
|
quickPick.canSelectMany = false;
|
|
199
199
|
quickPick.matchOnDescription = true;
|
|
200
200
|
quickPick.matchOnDetail = true;
|
|
201
|
-
quickPick.placeholder = ( localize(
|
|
201
|
+
quickPick.placeholder = ( localize(12980, 'Select a walkthrough to open'));
|
|
202
202
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
203
203
|
quickPick.busy = true;
|
|
204
204
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -225,7 +225,7 @@ CommandsRegistry.registerCommand({
|
|
|
225
225
|
}
|
|
226
226
|
});
|
|
227
227
|
const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
228
|
-
|
|
228
|
+
12981,
|
|
229
229
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
230
230
|
))));
|
|
231
231
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -277,7 +277,7 @@ configurationRegistry.registerConfiguration({
|
|
|
277
277
|
type: 'boolean',
|
|
278
278
|
default: true,
|
|
279
279
|
description: ( localize(
|
|
280
|
-
|
|
280
|
+
12982,
|
|
281
281
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
282
282
|
))
|
|
283
283
|
},
|
|
@@ -286,25 +286,25 @@ configurationRegistry.registerConfiguration({
|
|
|
286
286
|
'type': 'string',
|
|
287
287
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
288
288
|
'enumDescriptions': [
|
|
289
|
-
( localize(
|
|
289
|
+
( localize(12983, "Start without an editor.")),
|
|
290
290
|
( localize(
|
|
291
|
-
|
|
291
|
+
12984,
|
|
292
292
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
293
293
|
)),
|
|
294
294
|
( localize(
|
|
295
|
-
|
|
295
|
+
12985,
|
|
296
296
|
"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."
|
|
297
297
|
)),
|
|
298
298
|
( localize(
|
|
299
|
-
|
|
299
|
+
12986,
|
|
300
300
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
301
301
|
)),
|
|
302
|
-
( localize(
|
|
303
|
-
( localize(
|
|
302
|
+
( localize(12987, "Open the Welcome page when opening an empty workbench.")),
|
|
303
|
+
( localize(12988, "Open a new terminal in the editor area.")),
|
|
304
304
|
],
|
|
305
305
|
'default': 'welcomePage',
|
|
306
306
|
'description': ( localize(
|
|
307
|
-
|
|
307
|
+
12989,
|
|
308
308
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
309
309
|
))
|
|
310
310
|
},
|
|
@@ -312,8 +312,8 @@ configurationRegistry.registerConfiguration({
|
|
|
312
312
|
scope: ConfigurationScope.APPLICATION,
|
|
313
313
|
type: 'boolean',
|
|
314
314
|
default: false,
|
|
315
|
-
deprecationMessage: ( localize(
|
|
316
|
-
description: ( localize(
|
|
315
|
+
deprecationMessage: ( localize(12990, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
316
|
+
description: ( localize(12991, "When enabled, reduce motion in welcome page."))
|
|
317
317
|
}
|
|
318
318
|
}
|
|
319
319
|
});
|
|
@@ -134,7 +134,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
134
134
|
this.container = $('.gettingStartedContainer', {
|
|
135
135
|
role: 'document',
|
|
136
136
|
tabindex: 0,
|
|
137
|
-
'aria-label': ( localize(
|
|
137
|
+
'aria-label': ( localize(12992, "Overview of how to get up to speed with your editor."))
|
|
138
138
|
});
|
|
139
139
|
this.stepMediaComponent = $('.getting-started-media');
|
|
140
140
|
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(12993, "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(12994, "Checkbox for Step {0}: Not completed", step.title)));
|
|
221
221
|
}
|
|
222
222
|
});
|
|
223
223
|
}
|
|
@@ -430,7 +430,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
430
430
|
label: x.title,
|
|
431
431
|
detail: x.description,
|
|
432
432
|
description: x.source,
|
|
433
|
-
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
433
|
+
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(12995, "Open Walkthrough...")) });
|
|
434
434
|
if (selection) {
|
|
435
435
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
436
436
|
}
|
|
@@ -612,7 +612,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
612
612
|
const themeType = this.themeService.getColorTheme().type;
|
|
613
613
|
const videoPath = media.path[themeType];
|
|
614
614
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
615
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
615
|
+
const altText = media.altText ? media.altText : ( localize(12996, "Video for {0}", stepToExpand.title));
|
|
616
616
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
617
617
|
this.webview.setHtml(rawHTML);
|
|
618
618
|
let isDisposed = false;
|
|
@@ -640,8 +640,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
640
640
|
provideScreenReaderUpdate() {
|
|
641
641
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
642
642
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
643
|
-
return kbLabel ? ( localize(
|
|
644
|
-
|
|
643
|
+
return kbLabel ? ( localize(12997, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
644
|
+
12998,
|
|
645
645
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
646
646
|
));
|
|
647
647
|
}
|
|
@@ -701,7 +701,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
701
701
|
this.categoriesPageScrollbar.dispose();
|
|
702
702
|
}
|
|
703
703
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
704
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
704
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(12999, "Go Back"))));
|
|
705
705
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
706
706
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
707
707
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
@@ -725,11 +725,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
725
725
|
icon: Codicon.check,
|
|
726
726
|
actionClassName: 'getting-started-checkbox',
|
|
727
727
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
728
|
-
title: ( localize(
|
|
728
|
+
title: ( localize(13000, "When checked, this page will be shown on startup.")),
|
|
729
729
|
...defaultToggleStyles
|
|
730
730
|
}));
|
|
731
731
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
732
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
732
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(13001, "Show welcome page on startup")));
|
|
733
733
|
const onShowOnStartupChanged = () => {
|
|
734
734
|
if (showOnStartupCheckbox.checked) {
|
|
735
735
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -748,7 +748,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
748
748
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
749
749
|
onShowOnStartupChanged();
|
|
750
750
|
}));
|
|
751
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
751
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(13002, "Editing evolved"))));
|
|
752
752
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
753
753
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
754
754
|
const startList = this.buildStartList();
|
|
@@ -841,7 +841,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
841
841
|
const link = $('button.button-link');
|
|
842
842
|
link.innerText = name;
|
|
843
843
|
link.title = fullPath;
|
|
844
|
-
link.setAttribute('aria-label', ( localize(
|
|
844
|
+
link.setAttribute('aria-label', ( localize(13003, "Open folder {0} with path {1}", name, parentPath)));
|
|
845
845
|
link.addEventListener('click', e => {
|
|
846
846
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
847
847
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -864,18 +864,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
864
864
|
this.recentlyOpenedList.dispose();
|
|
865
865
|
}
|
|
866
866
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
867
|
-
title: ( localize(
|
|
867
|
+
title: ( localize(13004, "Recent")),
|
|
868
868
|
klass: 'recently-opened',
|
|
869
869
|
limit: 5,
|
|
870
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
870
|
+
empty: $('.empty-recent', {}, ( localize(13005, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(13006, "open a folder"))), ( localize(13007, "to start."))),
|
|
871
871
|
more: $('.more', {}, $('button.button-link', {
|
|
872
872
|
'x-dispatch': 'showMoreRecents',
|
|
873
873
|
title: ( localize(
|
|
874
|
-
|
|
874
|
+
13008,
|
|
875
875
|
"Show All Recent Folders {0}",
|
|
876
876
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
877
877
|
))
|
|
878
|
-
}, ( localize(
|
|
878
|
+
}, ( localize(13009, "More...")))),
|
|
879
879
|
renderElement: renderRecent,
|
|
880
880
|
contextService: this.contextService
|
|
881
881
|
}));
|
|
@@ -903,7 +903,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
903
903
|
this.startList.dispose();
|
|
904
904
|
}
|
|
905
905
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
906
|
-
title: ( localize(
|
|
906
|
+
title: ( localize(13010, "Start")),
|
|
907
907
|
klass: 'start-container',
|
|
908
908
|
limit: 10,
|
|
909
909
|
renderElement: renderStartEntry,
|
|
@@ -919,10 +919,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
919
919
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
920
920
|
const newBadge = $('.new-badge', {});
|
|
921
921
|
if (category.newEntry) {
|
|
922
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
922
|
+
reset(newBadge, $('.new-category', {}, ( localize(13011, "New"))));
|
|
923
923
|
}
|
|
924
924
|
else if (category.newItems) {
|
|
925
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
925
|
+
reset(newBadge, $('.new-items', {}, ( localize(13012, "Updated"))));
|
|
926
926
|
}
|
|
927
927
|
const featuredBadge = $('.featured-badge', {});
|
|
928
928
|
const descriptionContent = $('.description-content', {});
|
|
@@ -938,9 +938,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
938
938
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
939
939
|
'tabindex': 0,
|
|
940
940
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
941
|
-
'title': ( localize(
|
|
941
|
+
'title': ( localize(13013, "Hide")),
|
|
942
942
|
'role': 'button',
|
|
943
|
-
'aria-label': ( localize(
|
|
943
|
+
'aria-label': ( localize(13014, "Hide")),
|
|
944
944
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
945
945
|
};
|
|
946
946
|
if (this.gettingStartedList) {
|
|
@@ -966,10 +966,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
966
966
|
return rank;
|
|
967
967
|
};
|
|
968
968
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
969
|
-
title: ( localize(
|
|
969
|
+
title: ( localize(13015, "Walkthroughs")),
|
|
970
970
|
klass: 'getting-started',
|
|
971
971
|
limit: 5,
|
|
972
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
972
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(13009, "More..."))),
|
|
973
973
|
renderElement: renderGetttingStaredWalkthrough,
|
|
974
974
|
rankElement: rankWalkthrough,
|
|
975
975
|
contextService: this.contextService,
|
|
@@ -1022,10 +1022,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1022
1022
|
bar.style.width = `${progress}%`;
|
|
1023
1023
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
1024
1024
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1025
|
-
bar.title = ( localize(
|
|
1025
|
+
bar.title = ( localize(13016, "All {0} steps complete!", stats.stepsComplete));
|
|
1026
1026
|
}
|
|
1027
1027
|
else {
|
|
1028
|
-
bar.title = ( localize(
|
|
1028
|
+
bar.title = ( localize(13017, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1029
1029
|
}
|
|
1030
1030
|
});
|
|
1031
1031
|
}
|
|
@@ -1146,7 +1146,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1146
1146
|
if (isCommand) {
|
|
1147
1147
|
const keybinding = this.getKeyBinding(command);
|
|
1148
1148
|
if (keybinding) {
|
|
1149
|
-
const shortcutMessage = $('span.shortcut-message', {}, ( localize(
|
|
1149
|
+
const shortcutMessage = $('span.shortcut-message', {}, ( localize(13018, 'Tip: Use keyboard shortcut ')));
|
|
1150
1150
|
container.appendChild(shortcutMessage);
|
|
1151
1151
|
const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
|
|
1152
1152
|
label.set(keybinding);
|
|
@@ -1234,8 +1234,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1234
1234
|
'role': 'checkbox',
|
|
1235
1235
|
'aria-checked': step.done ? 'true' : 'false',
|
|
1236
1236
|
'aria-label': step.done
|
|
1237
|
-
? ( localize(
|
|
1238
|
-
: ( localize(
|
|
1237
|
+
? ( localize(12993, "Checkbox for Step {0}: Completed", step.title))
|
|
1238
|
+
: ( localize(12994, "Checkbox for Step {0}: Not completed", step.title)),
|
|
1239
1239
|
});
|
|
1240
1240
|
const container = $('.step-description-container', { 'x-step-description-for': step.id });
|
|
1241
1241
|
this.buildMarkdownDescription(container, step.description);
|
|
@@ -1243,10 +1243,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1243
1243
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1244
1244
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1245
1245
|
if (step.media.type === 'image') {
|
|
1246
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1246
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(13019, "Image showing {0}", step.media.altText)) }));
|
|
1247
1247
|
}
|
|
1248
1248
|
else if (step.media.type === 'video') {
|
|
1249
|
-
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(
|
|
1249
|
+
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(13020, "Video showing {0}", step.media.altText)) }));
|
|
1250
1250
|
}
|
|
1251
1251
|
return $('button.getting-started-step', {
|
|
1252
1252
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1266,8 +1266,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1266
1266
|
}
|
|
1267
1267
|
}));
|
|
1268
1268
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1269
|
-
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(
|
|
1270
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1269
|
+
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(13021, "Mark Done"))), ...(showNextCategory
|
|
1270
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(13022, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1271
1271
|
: [])));
|
|
1272
1272
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
|
|
1273
1273
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1283,12 +1283,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1283
1283
|
this.registerDispatchListeners();
|
|
1284
1284
|
}
|
|
1285
1285
|
buildTelemetryFooter(parent) {
|
|
1286
|
-
const privacyStatementCopy = ( localize(
|
|
1286
|
+
const privacyStatementCopy = ( localize(13023, "privacy statement"));
|
|
1287
1287
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1288
|
-
const optOutCopy = ( localize(
|
|
1288
|
+
const optOutCopy = ( localize(13024, "opt out"));
|
|
1289
1289
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1290
1290
|
const text = ( localize(
|
|
1291
|
-
|
|
1291
|
+
13025,
|
|
1292
1292
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1293
1293
|
this.productService.nameShort,
|
|
1294
1294
|
privacyStatementButton,
|
|
@@ -1360,7 +1360,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1360
1360
|
const prevButton = this.container.querySelector('.prev-button.button-link');
|
|
1361
1361
|
prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
|
|
1362
1362
|
const moreTextElement = prevButton.querySelector('.moreText');
|
|
1363
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1363
|
+
moreTextElement.textContent = firstLaunch ? ( localize(13026, "Welcome")) : ( localize(12999, "Go Back"));
|
|
1364
1364
|
this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
|
|
1365
1365
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
|
|
1366
1366
|
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(13027, '{0}\n{1}', step.title, description));
|
|
120
120
|
if (includeTitle) {
|
|
121
121
|
return [
|
|
122
|
-
( localize(
|
|
123
|
-
( localize(
|
|
122
|
+
( localize(13028, 'Title: {0}', waltkrough.title)),
|
|
123
|
+
( localize(13029, '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(13030, 'Background color for the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(13031, '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(13032, 'Hover background color for the tiles on the Welcome.')));
|
|
18
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(13033, 'Border color for the tiles on the Welcome page.')));
|
|
19
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(13034, 'Foreground color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(13035, 'Background color for the Welcome page progress bars.')));
|
|
21
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(13036, 'Foreground color of the heading of each walkthrough step')));
|