@codingame/monaco-vscode-walkthrough-service-override 9.0.0 → 9.0.2
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 +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +20 -20
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +27 -27
- 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 +146 -146
- 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/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": "9.0.
|
|
3
|
+
"version": "9.0.2",
|
|
4
4
|
"keywords": [],
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "CodinGame",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"vscode": "npm:@codingame/monaco-vscode-api@9.0.
|
|
29
|
+
"vscode": "npm:@codingame/monaco-vscode-api@9.0.2",
|
|
30
30
|
"marked": "~14.0.0"
|
|
31
31
|
}
|
|
32
32
|
}
|
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(3130, '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(3131, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -114,15 +114,15 @@ registerAction2(class extends Action2 {
|
|
|
114
114
|
}
|
|
115
115
|
});
|
|
116
116
|
( (Registry.as(EditorExtensions.EditorFactory))).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
117
|
-
( (Registry.as(EditorExtensions.EditorPane))).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
117
|
+
( (Registry.as(EditorExtensions.EditorPane))).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(3132, "Welcome"))), [
|
|
118
118
|
( (new SyncDescriptor(GettingStartedInput)))
|
|
119
119
|
]);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(3132, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: 'welcome.goBack',
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(3133, 'Go Back')),
|
|
126
126
|
category,
|
|
127
127
|
keybinding: {
|
|
128
128
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -158,7 +158,7 @@ registerAction2(class extends Action2 {
|
|
|
158
158
|
constructor() {
|
|
159
159
|
super({
|
|
160
160
|
id: 'welcome.markStepComplete',
|
|
161
|
-
title: ( localize(
|
|
161
|
+
title: ( localize(3134, "Mark Step Complete")),
|
|
162
162
|
category,
|
|
163
163
|
});
|
|
164
164
|
}
|
|
@@ -174,7 +174,7 @@ registerAction2(class extends Action2 {
|
|
|
174
174
|
constructor() {
|
|
175
175
|
super({
|
|
176
176
|
id: 'welcome.markStepIncomplete',
|
|
177
|
-
title: ( localize(
|
|
177
|
+
title: ( localize(3135, "Mark Step Incomplete")),
|
|
178
178
|
category,
|
|
179
179
|
});
|
|
180
180
|
}
|
|
@@ -190,7 +190,7 @@ registerAction2(class extends Action2 {
|
|
|
190
190
|
constructor() {
|
|
191
191
|
super({
|
|
192
192
|
id: 'welcome.showAllWalkthroughs',
|
|
193
|
-
title: ( localize2(
|
|
193
|
+
title: ( localize2(3136, 'Open Walkthrough...')),
|
|
194
194
|
category,
|
|
195
195
|
f1: true,
|
|
196
196
|
});
|
|
@@ -219,7 +219,7 @@ registerAction2(class extends Action2 {
|
|
|
219
219
|
quickPick.canSelectMany = false;
|
|
220
220
|
quickPick.matchOnDescription = true;
|
|
221
221
|
quickPick.matchOnDetail = true;
|
|
222
|
-
quickPick.placeholder = ( localize(
|
|
222
|
+
quickPick.placeholder = ( localize(3137, 'Select a walkthrough to open'));
|
|
223
223
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
224
224
|
quickPick.busy = true;
|
|
225
225
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -239,7 +239,7 @@ registerAction2(class extends Action2 {
|
|
|
239
239
|
}
|
|
240
240
|
});
|
|
241
241
|
const WorkspacePlatform = ( (new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
242
|
-
|
|
242
|
+
3138,
|
|
243
243
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
244
244
|
)))));
|
|
245
245
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -291,7 +291,7 @@ configurationRegistry.registerConfiguration({
|
|
|
291
291
|
type: 'boolean',
|
|
292
292
|
default: true,
|
|
293
293
|
description: ( localize(
|
|
294
|
-
|
|
294
|
+
3139,
|
|
295
295
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
296
296
|
))
|
|
297
297
|
},
|
|
@@ -300,25 +300,25 @@ configurationRegistry.registerConfiguration({
|
|
|
300
300
|
'type': 'string',
|
|
301
301
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
302
302
|
'enumDescriptions': [
|
|
303
|
-
( localize(
|
|
303
|
+
( localize(3140, "Start without an editor.")),
|
|
304
304
|
( localize(
|
|
305
|
-
|
|
305
|
+
3141,
|
|
306
306
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
307
307
|
)),
|
|
308
308
|
( localize(
|
|
309
|
-
|
|
309
|
+
3142,
|
|
310
310
|
"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."
|
|
311
311
|
)),
|
|
312
312
|
( localize(
|
|
313
|
-
|
|
313
|
+
3143,
|
|
314
314
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
315
315
|
)),
|
|
316
|
-
( localize(
|
|
317
|
-
( localize(
|
|
316
|
+
( localize(3144, "Open the Welcome page when opening an empty workbench.")),
|
|
317
|
+
( localize(3145, "Open a new terminal in the editor area.")),
|
|
318
318
|
],
|
|
319
319
|
'default': 'welcomePage',
|
|
320
320
|
'description': ( localize(
|
|
321
|
-
|
|
321
|
+
3146,
|
|
322
322
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
323
323
|
))
|
|
324
324
|
},
|
|
@@ -326,8 +326,8 @@ configurationRegistry.registerConfiguration({
|
|
|
326
326
|
scope: ConfigurationScope.APPLICATION,
|
|
327
327
|
type: 'boolean',
|
|
328
328
|
default: false,
|
|
329
|
-
deprecationMessage: ( localize(
|
|
330
|
-
description: ( localize(
|
|
329
|
+
deprecationMessage: ( localize(3147, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
330
|
+
description: ( localize(3148, "When enabled, reduce motion in welcome page."))
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
});
|
|
@@ -124,7 +124,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
124
124
|
this.container = $('.gettingStartedContainer', {
|
|
125
125
|
role: 'document',
|
|
126
126
|
tabindex: 0,
|
|
127
|
-
'aria-label': ( localize(
|
|
127
|
+
'aria-label': ( localize(7491, "Overview of how to get up to speed with your editor."))
|
|
128
128
|
});
|
|
129
129
|
this.stepMediaComponent = $('.getting-started-media');
|
|
130
130
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -401,7 +401,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
401
401
|
label: x.title,
|
|
402
402
|
detail: x.description,
|
|
403
403
|
description: x.source,
|
|
404
|
-
})))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
404
|
+
})))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(7492, "Open Walkthrough...")) });
|
|
405
405
|
if (selection) {
|
|
406
406
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
407
407
|
}
|
|
@@ -625,7 +625,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
625
625
|
this.categoriesPageScrollbar.dispose();
|
|
626
626
|
}
|
|
627
627
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
628
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
628
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(7493, "Welcome"))));
|
|
629
629
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
630
630
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
631
631
|
this.detailsPageScrollbar = this._register(( (new DomScrollableElement(this.stepsContent, { className: 'full-height-scrollable' }))));
|
|
@@ -646,11 +646,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
646
646
|
icon: Codicon.check,
|
|
647
647
|
actionClassName: 'getting-started-checkbox',
|
|
648
648
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
649
|
-
title: ( localize(
|
|
649
|
+
title: ( localize(7494, "When checked, this page will be shown on startup.")),
|
|
650
650
|
...defaultToggleStyles
|
|
651
651
|
})));
|
|
652
652
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
653
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
653
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(7495, "Show welcome page on startup")));
|
|
654
654
|
const onShowOnStartupChanged = () => {
|
|
655
655
|
if (showOnStartupCheckbox.checked) {
|
|
656
656
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -669,7 +669,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
669
669
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
670
670
|
onShowOnStartupChanged();
|
|
671
671
|
}));
|
|
672
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
672
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(7496, "Editing evolved"))));
|
|
673
673
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
674
674
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
675
675
|
const startList = this.buildStartList();
|
|
@@ -763,7 +763,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
763
763
|
const link = $('button.button-link');
|
|
764
764
|
link.innerText = name;
|
|
765
765
|
link.title = fullPath;
|
|
766
|
-
link.setAttribute('aria-label', ( localize(
|
|
766
|
+
link.setAttribute('aria-label', ( localize(7497, "Open folder {0} with path {1}", name, parentPath)));
|
|
767
767
|
link.addEventListener('click', e => {
|
|
768
768
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
769
769
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -786,18 +786,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
786
786
|
this.recentlyOpenedList.dispose();
|
|
787
787
|
}
|
|
788
788
|
const recentlyOpenedList = this.recentlyOpenedList = ( (new GettingStartedIndexList({
|
|
789
|
-
title: ( localize(
|
|
789
|
+
title: ( localize(7498, "Recent")),
|
|
790
790
|
klass: 'recently-opened',
|
|
791
791
|
limit: 5,
|
|
792
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
792
|
+
empty: $('.empty-recent', {}, ( localize(7499, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(7500, "open a folder"))), ( localize(7501, "to start."))),
|
|
793
793
|
more: $('.more', {}, $('button.button-link', {
|
|
794
794
|
'x-dispatch': 'showMoreRecents',
|
|
795
795
|
title: ( localize(
|
|
796
|
-
|
|
796
|
+
7502,
|
|
797
797
|
"Show All Recent Folders {0}",
|
|
798
798
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
799
799
|
))
|
|
800
|
-
}, ( localize(
|
|
800
|
+
}, ( localize(7503, "More...")))),
|
|
801
801
|
renderElement: renderRecent,
|
|
802
802
|
contextService: this.contextService
|
|
803
803
|
})));
|
|
@@ -825,7 +825,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
825
825
|
this.startList.dispose();
|
|
826
826
|
}
|
|
827
827
|
const startList = this.startList = ( (new GettingStartedIndexList({
|
|
828
|
-
title: ( localize(
|
|
828
|
+
title: ( localize(7504, "Start")),
|
|
829
829
|
klass: 'start-container',
|
|
830
830
|
limit: 10,
|
|
831
831
|
renderElement: renderStartEntry,
|
|
@@ -841,10 +841,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
841
841
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
842
842
|
const newBadge = $('.new-badge', {});
|
|
843
843
|
if (category.newEntry) {
|
|
844
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
844
|
+
reset(newBadge, $('.new-category', {}, ( localize(7505, "New"))));
|
|
845
845
|
}
|
|
846
846
|
else if (category.newItems) {
|
|
847
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
847
|
+
reset(newBadge, $('.new-items', {}, ( localize(7506, "Updated"))));
|
|
848
848
|
}
|
|
849
849
|
const featuredBadge = $('.featured-badge', {});
|
|
850
850
|
const descriptionContent = $('.description-content', {});
|
|
@@ -860,9 +860,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
860
860
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
861
861
|
'tabindex': 0,
|
|
862
862
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
863
|
-
'title': ( localize(
|
|
863
|
+
'title': ( localize(7507, "Hide")),
|
|
864
864
|
'role': 'button',
|
|
865
|
-
'aria-label': ( localize(
|
|
865
|
+
'aria-label': ( localize(7508, "Hide")),
|
|
866
866
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
867
867
|
};
|
|
868
868
|
if (this.gettingStartedList) {
|
|
@@ -888,10 +888,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
888
888
|
return rank;
|
|
889
889
|
};
|
|
890
890
|
const gettingStartedList = this.gettingStartedList = ( (new GettingStartedIndexList({
|
|
891
|
-
title: ( localize(
|
|
891
|
+
title: ( localize(7509, "Walkthroughs")),
|
|
892
892
|
klass: 'getting-started',
|
|
893
893
|
limit: 5,
|
|
894
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
894
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(7503, "More..."))),
|
|
895
895
|
renderElement: renderGetttingStaredWalkthrough,
|
|
896
896
|
rankElement: rankWalkthrough,
|
|
897
897
|
contextService: this.contextService,
|
|
@@ -944,10 +944,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
944
944
|
bar.style.width = `${progress}%`;
|
|
945
945
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
946
946
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
947
|
-
bar.title = ( localize(
|
|
947
|
+
bar.title = ( localize(7510, "All {0} steps complete!", stats.stepsComplete));
|
|
948
948
|
}
|
|
949
949
|
else {
|
|
950
|
-
bar.title = ( localize(
|
|
950
|
+
bar.title = ( localize(7511, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
951
951
|
}
|
|
952
952
|
});
|
|
953
953
|
}
|
|
@@ -1069,7 +1069,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1069
1069
|
if (isCommand) {
|
|
1070
1070
|
const keybindingLabel = this.getKeybindingLabel(command);
|
|
1071
1071
|
if (keybindingLabel) {
|
|
1072
|
-
container.appendChild($('span.shortcut-message', {}, ( localize(
|
|
1072
|
+
container.appendChild($('span.shortcut-message', {}, ( localize(7512, 'Tip: Use keyboard shortcut ')), $('span.keybinding', {}, keybindingLabel)));
|
|
1073
1073
|
}
|
|
1074
1074
|
}
|
|
1075
1075
|
this.detailsPageDisposables.add(button);
|
|
@@ -1159,7 +1159,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1159
1159
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1160
1160
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1161
1161
|
if (step.media.type === 'image') {
|
|
1162
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1162
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(7513, "Image showing {0}", step.media.altText)) }));
|
|
1163
1163
|
}
|
|
1164
1164
|
return $('button.getting-started-step', {
|
|
1165
1165
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1179,8 +1179,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1179
1179
|
}
|
|
1180
1180
|
}));
|
|
1181
1181
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1182
|
-
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(
|
|
1183
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1182
|
+
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(7514, "Mark Done"))), ...(showNextCategory
|
|
1183
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(7515, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1184
1184
|
: [])));
|
|
1185
1185
|
this.detailsScrollbar = this._register(( (new DomScrollableElement(stepsContainer, { className: 'steps-container' }))));
|
|
1186
1186
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1197,12 +1197,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1197
1197
|
}
|
|
1198
1198
|
buildTelemetryFooter(parent) {
|
|
1199
1199
|
const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
|
|
1200
|
-
const privacyStatementCopy = ( localize(
|
|
1200
|
+
const privacyStatementCopy = ( localize(7516, "privacy statement"));
|
|
1201
1201
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1202
|
-
const optOutCopy = ( localize(
|
|
1202
|
+
const optOutCopy = ( localize(7517, "opt out"));
|
|
1203
1203
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1204
1204
|
const text = ( localize(
|
|
1205
|
-
|
|
1205
|
+
7518,
|
|
1206
1206
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1207
1207
|
this.productService.nameShort,
|
|
1208
1208
|
privacyStatementButton,
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js
CHANGED
|
@@ -11,10 +11,10 @@ import 'vscode/vscode/vs/platform/theme/common/colors/quickpickColors';
|
|
|
11
11
|
import 'vscode/vscode/vs/platform/theme/common/colors/searchColors';
|
|
12
12
|
import { localize } from 'vscode/vscode/vs/nls';
|
|
13
13
|
|
|
14
|
-
registerColor('welcomePage.background', null, ( localize(
|
|
15
|
-
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(
|
|
16
|
-
registerColor('welcomePage.tileHoverBackground', { dark: ( (lighten(editorWidgetBackground, .2))), light: ( (darken(editorWidgetBackground, .1))), hcDark: null, hcLight: null }, ( localize(
|
|
17
|
-
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(
|
|
18
|
-
registerColor('welcomePage.progress.background', inputBackground, ( localize(
|
|
19
|
-
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(
|
|
20
|
-
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(
|
|
14
|
+
registerColor('welcomePage.background', null, ( localize(10650, 'Background color for the Welcome page.')));
|
|
15
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10651, 'Background color for the tiles on the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileHoverBackground', { dark: ( (lighten(editorWidgetBackground, .2))), light: ( (darken(editorWidgetBackground, .1))), hcDark: null, hcLight: null }, ( localize(10652, 'Hover background color for the tiles on the Welcome.')));
|
|
17
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10653, 'Border color for the tiles on the Welcome page.')));
|
|
18
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(10654, 'Foreground color for the Welcome page progress bars.')));
|
|
19
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10655, 'Background color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10656, 'Foreground color of the heading of each walkthrough step')));
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { localize } from 'vscode/vscode/vs/nls';
|
|
2
2
|
import { ExtensionsRegistry } from 'vscode/vscode/vs/workbench/services/extensions/common/extensionsRegistry';
|
|
3
3
|
|
|
4
|
-
const titleTranslated = ( localize(
|
|
4
|
+
const titleTranslated = ( localize(7455, "Title"));
|
|
5
5
|
const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
6
6
|
extensionPoint: 'walkthroughs',
|
|
7
7
|
jsonSchema: {
|
|
8
8
|
description: ( localize(
|
|
9
|
-
|
|
9
|
+
7456,
|
|
10
10
|
"Contribute walkthroughs to help users getting started with your extension."
|
|
11
11
|
)),
|
|
12
12
|
type: 'array',
|
|
@@ -17,27 +17,27 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
17
17
|
properties: {
|
|
18
18
|
id: {
|
|
19
19
|
type: 'string',
|
|
20
|
-
description: ( localize(
|
|
20
|
+
description: ( localize(7457, "Unique identifier for this walkthrough.")),
|
|
21
21
|
},
|
|
22
22
|
title: {
|
|
23
23
|
type: 'string',
|
|
24
|
-
description: ( localize(
|
|
24
|
+
description: ( localize(7458, "Title of walkthrough."))
|
|
25
25
|
},
|
|
26
26
|
icon: {
|
|
27
27
|
type: 'string',
|
|
28
28
|
description: ( localize(
|
|
29
|
-
|
|
29
|
+
7459,
|
|
30
30
|
"Relative path to the icon of the walkthrough. The path is relative to the extension location. If not specified, the icon defaults to the extension icon if available."
|
|
31
31
|
)),
|
|
32
32
|
},
|
|
33
33
|
description: {
|
|
34
34
|
type: 'string',
|
|
35
|
-
description: ( localize(
|
|
35
|
+
description: ( localize(7460, "Description of walkthrough."))
|
|
36
36
|
},
|
|
37
37
|
featuredFor: {
|
|
38
38
|
type: 'array',
|
|
39
39
|
description: ( localize(
|
|
40
|
-
|
|
40
|
+
7461,
|
|
41
41
|
"Walkthroughs that match one of these glob patterns appear as 'featured' in workspaces with the specified files. For example, a walkthrough for TypeScript projects might specify `tsconfig.json` here."
|
|
42
42
|
)),
|
|
43
43
|
items: {
|
|
@@ -47,13 +47,13 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
47
47
|
when: {
|
|
48
48
|
type: 'string',
|
|
49
49
|
description: ( localize(
|
|
50
|
-
|
|
50
|
+
7462,
|
|
51
51
|
"Context key expression to control the visibility of this walkthrough."
|
|
52
52
|
))
|
|
53
53
|
},
|
|
54
54
|
steps: {
|
|
55
55
|
type: 'array',
|
|
56
|
-
description: ( localize(
|
|
56
|
+
description: ( localize(7463, "Steps to complete as part of this walkthrough.")),
|
|
57
57
|
items: {
|
|
58
58
|
type: 'object',
|
|
59
59
|
required: ['id', 'title', 'media'],
|
|
@@ -68,18 +68,18 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
68
68
|
id: {
|
|
69
69
|
type: 'string',
|
|
70
70
|
description: ( localize(
|
|
71
|
-
|
|
71
|
+
7464,
|
|
72
72
|
"Unique identifier for this step. This is used to keep track of which steps have been completed."
|
|
73
73
|
)),
|
|
74
74
|
},
|
|
75
75
|
title: {
|
|
76
76
|
type: 'string',
|
|
77
|
-
description: ( localize(
|
|
77
|
+
description: ( localize(7465, "Title of step."))
|
|
78
78
|
},
|
|
79
79
|
description: {
|
|
80
80
|
type: 'string',
|
|
81
81
|
description: ( localize(
|
|
82
|
-
|
|
82
|
+
7466,
|
|
83
83
|
"Description of step. Supports ``preformatted``, __italic__, and **bold** text. Use markdown-style links for commands or external links: {0}, {1}, or {2}. Links on their own line will be rendered as buttons.",
|
|
84
84
|
`[${titleTranslated}](command:myext.command)`,
|
|
85
85
|
`[${titleTranslated}](command:toSide:myext.command)`,
|
|
@@ -88,7 +88,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
88
88
|
},
|
|
89
89
|
button: {
|
|
90
90
|
deprecationMessage: ( localize(
|
|
91
|
-
|
|
91
|
+
7467,
|
|
92
92
|
"Deprecated. Use markdown links in the description instead, i.e. {0}, {1}, or {2}",
|
|
93
93
|
`[${titleTranslated}](command:myext.command)`,
|
|
94
94
|
`[${titleTranslated}](command:toSide:myext.command)`,
|
|
@@ -98,7 +98,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
98
98
|
media: {
|
|
99
99
|
type: 'object',
|
|
100
100
|
description: ( localize(
|
|
101
|
-
|
|
101
|
+
7468,
|
|
102
102
|
"Media to show alongside this step, either an image or markdown content."
|
|
103
103
|
)),
|
|
104
104
|
oneOf: [
|
|
@@ -107,11 +107,11 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
107
107
|
additionalProperties: false,
|
|
108
108
|
properties: {
|
|
109
109
|
path: {
|
|
110
|
-
deprecationMessage: ( localize(
|
|
110
|
+
deprecationMessage: ( localize(7469, "Deprecated. Please use `image` or `markdown` instead"))
|
|
111
111
|
},
|
|
112
112
|
image: {
|
|
113
113
|
description: ( localize(
|
|
114
|
-
|
|
114
|
+
7470,
|
|
115
115
|
"Path to an image - or object consisting of paths to light, dark, and hc images - relative to extension directory. Depending on context, the image will be displayed from 400px to 800px wide, with similar bounds on height. To support HIDPI displays, the image will be rendered at 1.5x scaling, for example a 900 physical pixels wide image will be displayed as 600 logical pixels wide."
|
|
116
116
|
)),
|
|
117
117
|
oneOf: [
|
|
@@ -124,25 +124,25 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
124
124
|
properties: {
|
|
125
125
|
dark: {
|
|
126
126
|
description: ( localize(
|
|
127
|
-
|
|
127
|
+
7471,
|
|
128
128
|
"Path to the image for dark themes, relative to extension directory."
|
|
129
129
|
)),
|
|
130
130
|
type: 'string',
|
|
131
131
|
},
|
|
132
132
|
light: {
|
|
133
133
|
description: ( localize(
|
|
134
|
-
|
|
134
|
+
7472,
|
|
135
135
|
"Path to the image for light themes, relative to extension directory."
|
|
136
136
|
)),
|
|
137
137
|
type: 'string',
|
|
138
138
|
},
|
|
139
139
|
hc: {
|
|
140
|
-
description: ( localize(
|
|
140
|
+
description: ( localize(7473, "Path to the image for hc themes, relative to extension directory.")),
|
|
141
141
|
type: 'string',
|
|
142
142
|
},
|
|
143
143
|
hcLight: {
|
|
144
144
|
description: ( localize(
|
|
145
|
-
|
|
145
|
+
7474,
|
|
146
146
|
"Path to the image for hc light themes, relative to extension directory."
|
|
147
147
|
)),
|
|
148
148
|
type: 'string',
|
|
@@ -154,7 +154,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
154
154
|
altText: {
|
|
155
155
|
type: 'string',
|
|
156
156
|
description: ( localize(
|
|
157
|
-
|
|
157
|
+
7475,
|
|
158
158
|
"Alternate text to display when the image cannot be loaded or in screen readers."
|
|
159
159
|
))
|
|
160
160
|
}
|
|
@@ -166,7 +166,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
166
166
|
properties: {
|
|
167
167
|
svg: {
|
|
168
168
|
description: ( localize(
|
|
169
|
-
|
|
169
|
+
7476,
|
|
170
170
|
"Path to an svg, color tokens are supported in variables to support theming to match the workbench."
|
|
171
171
|
)),
|
|
172
172
|
type: 'string',
|
|
@@ -174,7 +174,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
174
174
|
altText: {
|
|
175
175
|
type: 'string',
|
|
176
176
|
description: ( localize(
|
|
177
|
-
|
|
177
|
+
7475,
|
|
178
178
|
"Alternate text to display when the image cannot be loaded or in screen readers."
|
|
179
179
|
))
|
|
180
180
|
},
|
|
@@ -185,10 +185,10 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
185
185
|
additionalProperties: false,
|
|
186
186
|
properties: {
|
|
187
187
|
path: {
|
|
188
|
-
deprecationMessage: ( localize(
|
|
188
|
+
deprecationMessage: ( localize(7469, "Deprecated. Please use `image` or `markdown` instead"))
|
|
189
189
|
},
|
|
190
190
|
markdown: {
|
|
191
|
-
description: ( localize(
|
|
191
|
+
description: ( localize(7477, "Path to the markdown document, relative to extension directory.")),
|
|
192
192
|
type: 'string',
|
|
193
193
|
}
|
|
194
194
|
}
|
|
@@ -197,7 +197,7 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
197
197
|
},
|
|
198
198
|
completionEvents: {
|
|
199
199
|
description: ( localize(
|
|
200
|
-
|
|
200
|
+
7478,
|
|
201
201
|
"Events that should trigger this step to become checked off. If empty or not defined, the step will check off when any of the step's buttons or links are clicked; if the step has no buttons or links it will check on when it is selected."
|
|
202
202
|
)),
|
|
203
203
|
type: 'array',
|
|
@@ -207,51 +207,51 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
207
207
|
{
|
|
208
208
|
label: 'onCommand',
|
|
209
209
|
description: ( localize(
|
|
210
|
-
|
|
210
|
+
7479,
|
|
211
211
|
'Check off step when a given command is executed anywhere in VS Code.'
|
|
212
212
|
)),
|
|
213
213
|
body: 'onCommand:${1:commandId}'
|
|
214
214
|
},
|
|
215
215
|
{
|
|
216
216
|
label: 'onLink',
|
|
217
|
-
description: ( localize(
|
|
217
|
+
description: ( localize(7480, 'Check off step when a given link is opened via a walkthrough step.')),
|
|
218
218
|
body: 'onLink:${2:linkId}'
|
|
219
219
|
},
|
|
220
220
|
{
|
|
221
221
|
label: 'onView',
|
|
222
|
-
description: ( localize(
|
|
222
|
+
description: ( localize(7481, 'Check off step when a given view is opened')),
|
|
223
223
|
body: 'onView:${2:viewId}'
|
|
224
224
|
},
|
|
225
225
|
{
|
|
226
226
|
label: 'onSettingChanged',
|
|
227
|
-
description: ( localize(
|
|
227
|
+
description: ( localize(7482, 'Check off step when a given setting is changed')),
|
|
228
228
|
body: 'onSettingChanged:${2:settingName}'
|
|
229
229
|
},
|
|
230
230
|
{
|
|
231
231
|
label: 'onContext',
|
|
232
|
-
description: ( localize(
|
|
232
|
+
description: ( localize(7483, 'Check off step when a context key expression is true.')),
|
|
233
233
|
body: 'onContext:${2:key}'
|
|
234
234
|
},
|
|
235
235
|
{
|
|
236
236
|
label: 'onExtensionInstalled',
|
|
237
237
|
description: ( localize(
|
|
238
|
-
|
|
238
|
+
7484,
|
|
239
239
|
'Check off step when an extension with the given id is installed. If the extension is already installed, the step will start off checked.'
|
|
240
240
|
)),
|
|
241
241
|
body: 'onExtensionInstalled:${3:extensionId}'
|
|
242
242
|
},
|
|
243
243
|
{
|
|
244
244
|
label: 'onStepSelected',
|
|
245
|
-
description: ( localize(
|
|
245
|
+
description: ( localize(7485, 'Check off step as soon as it is selected.')),
|
|
246
246
|
body: 'onStepSelected'
|
|
247
247
|
},
|
|
248
248
|
]
|
|
249
249
|
}
|
|
250
250
|
},
|
|
251
251
|
doneOn: {
|
|
252
|
-
description: ( localize(
|
|
252
|
+
description: ( localize(7486, "Signal to mark step as complete.")),
|
|
253
253
|
deprecationMessage: ( localize(
|
|
254
|
-
|
|
254
|
+
7487,
|
|
255
255
|
"doneOn is deprecated. By default steps will be checked off when their buttons are clicked, to configure further use completionEvents"
|
|
256
256
|
)),
|
|
257
257
|
type: 'object',
|
|
@@ -259,14 +259,14 @@ const walkthroughsExtensionPoint = ExtensionsRegistry.registerExtensionPoint({
|
|
|
259
259
|
defaultSnippets: [{ 'body': { command: '$1' } }],
|
|
260
260
|
properties: {
|
|
261
261
|
'command': {
|
|
262
|
-
description: ( localize(
|
|
262
|
+
description: ( localize(7488, "Mark step done when the specified command is executed.")),
|
|
263
263
|
type: 'string'
|
|
264
264
|
}
|
|
265
265
|
},
|
|
266
266
|
},
|
|
267
267
|
when: {
|
|
268
268
|
type: 'string',
|
|
269
|
-
description: ( localize(
|
|
269
|
+
description: ( localize(7489, "Context key expression to control the visibility of this step."))
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
}
|