@codingame/monaco-vscode-walkthrough-service-override 8.0.4 → 9.0.0
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 +3 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +26 -24
- 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/gettingStartedDetailsRenderer.js +11 -2
- 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 +264 -120
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/notebookProfile.js +5 -5
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker.js +7 -7
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/editor/editorWalkThrough.js +7 -5
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThrough.contribution.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.js +6 -6
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughContentProvider.js +28 -13
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils.js +1 -1
- package/walkthrough.js +0 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codingame/monaco-vscode-walkthrough-service-override",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"keywords": [],
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "CodinGame",
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"vscode": "npm:@codingame/monaco-vscode-api@
|
|
29
|
+
"vscode": "npm:@codingame/monaco-vscode-api@9.0.0",
|
|
30
|
+
"marked": "~14.0.0"
|
|
30
31
|
}
|
|
31
32
|
}
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js
CHANGED
|
@@ -29,6 +29,7 @@ import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extension
|
|
|
29
29
|
import { StartupPageEditorResolverContribution, StartupPageRunnerContribution } from './startupPage.js';
|
|
30
30
|
import { ExtensionsInput } from 'vscode/vscode/vs/workbench/contrib/extensions/common/extensionsInput';
|
|
31
31
|
import { Categories } from 'vscode/vscode/vs/platform/action/common/actionCommonCategories';
|
|
32
|
+
import { DisposableStore } from 'vscode/vscode/vs/base/common/lifecycle';
|
|
32
33
|
import './gettingStartedService._contribution.js';
|
|
33
34
|
import './gettingStartedIcons.js';
|
|
34
35
|
|
|
@@ -36,7 +37,7 @@ registerAction2(class extends Action2 {
|
|
|
36
37
|
constructor() {
|
|
37
38
|
super({
|
|
38
39
|
id: 'workbench.action.openWalkthrough',
|
|
39
|
-
title: ( localize2(
|
|
40
|
+
title: ( localize2(2648, 'Welcome')),
|
|
40
41
|
category: Categories.Help,
|
|
41
42
|
f1: true,
|
|
42
43
|
menu: {
|
|
@@ -45,7 +46,7 @@ registerAction2(class extends Action2 {
|
|
|
45
46
|
order: 1,
|
|
46
47
|
},
|
|
47
48
|
metadata: {
|
|
48
|
-
description: ( localize2(
|
|
49
|
+
description: ( localize2(2649, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
49
50
|
}
|
|
50
51
|
});
|
|
51
52
|
}
|
|
@@ -113,15 +114,15 @@ registerAction2(class extends Action2 {
|
|
|
113
114
|
}
|
|
114
115
|
});
|
|
115
116
|
( (Registry.as(EditorExtensions.EditorFactory))).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
116
|
-
( (Registry.as(EditorExtensions.EditorPane))).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
117
|
+
( (Registry.as(EditorExtensions.EditorPane))).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(2650, "Welcome"))), [
|
|
117
118
|
( (new SyncDescriptor(GettingStartedInput)))
|
|
118
119
|
]);
|
|
119
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(2650, "Welcome"));
|
|
120
121
|
registerAction2(class extends Action2 {
|
|
121
122
|
constructor() {
|
|
122
123
|
super({
|
|
123
124
|
id: 'welcome.goBack',
|
|
124
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(2651, 'Go Back')),
|
|
125
126
|
category,
|
|
126
127
|
keybinding: {
|
|
127
128
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -157,7 +158,7 @@ registerAction2(class extends Action2 {
|
|
|
157
158
|
constructor() {
|
|
158
159
|
super({
|
|
159
160
|
id: 'welcome.markStepComplete',
|
|
160
|
-
title: ( localize(
|
|
161
|
+
title: ( localize(2652, "Mark Step Complete")),
|
|
161
162
|
category,
|
|
162
163
|
});
|
|
163
164
|
}
|
|
@@ -173,7 +174,7 @@ registerAction2(class extends Action2 {
|
|
|
173
174
|
constructor() {
|
|
174
175
|
super({
|
|
175
176
|
id: 'welcome.markStepIncomplete',
|
|
176
|
-
title: ( localize(
|
|
177
|
+
title: ( localize(2653, "Mark Step Incomplete")),
|
|
177
178
|
category,
|
|
178
179
|
});
|
|
179
180
|
}
|
|
@@ -189,7 +190,7 @@ registerAction2(class extends Action2 {
|
|
|
189
190
|
constructor() {
|
|
190
191
|
super({
|
|
191
192
|
id: 'welcome.showAllWalkthroughs',
|
|
192
|
-
title: ( localize2(
|
|
193
|
+
title: ( localize2(2654, 'Open Walkthrough...')),
|
|
193
194
|
category,
|
|
194
195
|
f1: true,
|
|
195
196
|
});
|
|
@@ -213,21 +214,22 @@ registerAction2(class extends Action2 {
|
|
|
213
214
|
const quickInputService = accessor.get(IQuickInputService);
|
|
214
215
|
const gettingStartedService = accessor.get(IWalkthroughsService);
|
|
215
216
|
const extensionService = accessor.get(IExtensionService);
|
|
216
|
-
const
|
|
217
|
+
const disposables = ( (new DisposableStore()));
|
|
218
|
+
const quickPick = disposables.add(quickInputService.createQuickPick());
|
|
217
219
|
quickPick.canSelectMany = false;
|
|
218
220
|
quickPick.matchOnDescription = true;
|
|
219
221
|
quickPick.matchOnDetail = true;
|
|
220
|
-
quickPick.placeholder = ( localize(
|
|
222
|
+
quickPick.placeholder = ( localize(2655, 'Select a walkthrough to open'));
|
|
221
223
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
222
224
|
quickPick.busy = true;
|
|
223
|
-
quickPick.onDidAccept(() => {
|
|
225
|
+
disposables.add(quickPick.onDidAccept(() => {
|
|
224
226
|
const selection = quickPick.selectedItems[0];
|
|
225
227
|
if (selection) {
|
|
226
228
|
commandService.executeCommand('workbench.action.openWalkthrough', selection.id);
|
|
227
229
|
}
|
|
228
230
|
quickPick.hide();
|
|
229
|
-
});
|
|
230
|
-
quickPick.onDidHide(() =>
|
|
231
|
+
}));
|
|
232
|
+
disposables.add(quickPick.onDidHide(() => disposables.dispose()));
|
|
231
233
|
await extensionService.whenInstalledExtensionsRegistered();
|
|
232
234
|
gettingStartedService.onDidAddWalkthrough(async () => {
|
|
233
235
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
@@ -237,7 +239,7 @@ registerAction2(class extends Action2 {
|
|
|
237
239
|
}
|
|
238
240
|
});
|
|
239
241
|
const WorkspacePlatform = ( (new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
240
|
-
|
|
242
|
+
2656,
|
|
241
243
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
242
244
|
)))));
|
|
243
245
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -289,7 +291,7 @@ configurationRegistry.registerConfiguration({
|
|
|
289
291
|
type: 'boolean',
|
|
290
292
|
default: true,
|
|
291
293
|
description: ( localize(
|
|
292
|
-
|
|
294
|
+
2657,
|
|
293
295
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
294
296
|
))
|
|
295
297
|
},
|
|
@@ -298,25 +300,25 @@ configurationRegistry.registerConfiguration({
|
|
|
298
300
|
'type': 'string',
|
|
299
301
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
300
302
|
'enumDescriptions': [
|
|
301
|
-
( localize(
|
|
303
|
+
( localize(2658, "Start without an editor.")),
|
|
302
304
|
( localize(
|
|
303
|
-
|
|
305
|
+
2659,
|
|
304
306
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
305
307
|
)),
|
|
306
308
|
( localize(
|
|
307
|
-
|
|
309
|
+
2660,
|
|
308
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."
|
|
309
311
|
)),
|
|
310
312
|
( localize(
|
|
311
|
-
|
|
313
|
+
2661,
|
|
312
314
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
313
315
|
)),
|
|
314
|
-
( localize(
|
|
315
|
-
( localize(
|
|
316
|
+
( localize(2662, "Open the Welcome page when opening an empty workbench.")),
|
|
317
|
+
( localize(2663, "Open a new terminal in the editor area.")),
|
|
316
318
|
],
|
|
317
319
|
'default': 'welcomePage',
|
|
318
320
|
'description': ( localize(
|
|
319
|
-
|
|
321
|
+
2664,
|
|
320
322
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
321
323
|
))
|
|
322
324
|
},
|
|
@@ -324,8 +326,8 @@ configurationRegistry.registerConfiguration({
|
|
|
324
326
|
scope: ConfigurationScope.APPLICATION,
|
|
325
327
|
type: 'boolean',
|
|
326
328
|
default: false,
|
|
327
|
-
deprecationMessage: ( localize(
|
|
328
|
-
description: ( localize(
|
|
329
|
+
deprecationMessage: ( localize(2665, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
330
|
+
description: ( localize(2666, "When enabled, reduce motion in welcome page."))
|
|
329
331
|
}
|
|
330
332
|
}
|
|
331
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(7455, "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(7456, "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(7457, "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(7458, "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(7459, "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(7460, "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(7461, "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(7462, "Recent")),
|
|
790
790
|
klass: 'recently-opened',
|
|
791
791
|
limit: 5,
|
|
792
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
792
|
+
empty: $('.empty-recent', {}, ( localize(7463, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(7464, "open a folder"))), ( localize(7465, "to start."))),
|
|
793
793
|
more: $('.more', {}, $('button.button-link', {
|
|
794
794
|
'x-dispatch': 'showMoreRecents',
|
|
795
795
|
title: ( localize(
|
|
796
|
-
|
|
796
|
+
7466,
|
|
797
797
|
"Show All Recent Folders {0}",
|
|
798
798
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
799
799
|
))
|
|
800
|
-
}, ( localize(
|
|
800
|
+
}, ( localize(7467, "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(7468, "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(7469, "New"))));
|
|
845
845
|
}
|
|
846
846
|
else if (category.newItems) {
|
|
847
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
847
|
+
reset(newBadge, $('.new-items', {}, ( localize(7470, "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(7471, "Hide")),
|
|
864
864
|
'role': 'button',
|
|
865
|
-
'aria-label': ( localize(
|
|
865
|
+
'aria-label': ( localize(7472, "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(7473, "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(7467, "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(7474, "All {0} steps complete!", stats.stepsComplete));
|
|
948
948
|
}
|
|
949
949
|
else {
|
|
950
|
-
bar.title = ( localize(
|
|
950
|
+
bar.title = ( localize(7475, "{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(7476, '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(7477, "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(7478, "Mark Done"))), ...(showNextCategory
|
|
1183
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(7479, "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(7480, "privacy statement"));
|
|
1201
1201
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1202
|
-
const optOutCopy = ( localize(
|
|
1202
|
+
const optOutCopy = ( localize(7481, "opt out"));
|
|
1203
1203
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1204
1204
|
const text = ( localize(
|
|
1205
|
-
|
|
1205
|
+
7482,
|
|
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(10638, 'Background color for the Welcome page.')));
|
|
15
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(10639, '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(10640, 'Hover background color for the tiles on the Welcome.')));
|
|
17
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(10641, 'Border color for the tiles on the Welcome page.')));
|
|
18
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(10642, 'Foreground color for the Welcome page progress bars.')));
|
|
19
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(10643, 'Background color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(10644, 'Foreground color of the heading of each walkthrough step')));
|
|
@@ -12,6 +12,7 @@ import { IFileService } from 'vscode/vscode/vs/platform/files/common/files.servi
|
|
|
12
12
|
import { INotificationService } from 'vscode/vscode/vs/platform/notification/common/notification.service';
|
|
13
13
|
import { ILanguageService } from 'vscode/vscode/vs/editor/common/languages/language';
|
|
14
14
|
import { IExtensionService } from 'vscode/vscode/vs/workbench/services/extensions/common/extensions.service';
|
|
15
|
+
import { gettingStartedContentRegistry } from '../common/gettingStartedContent.js';
|
|
15
16
|
import { FileAccess } from 'vscode/vscode/vs/base/common/network';
|
|
16
17
|
|
|
17
18
|
let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
|
|
@@ -206,8 +207,16 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
|
|
|
206
207
|
try {
|
|
207
208
|
const moduleId = JSON.parse(path.query).moduleId;
|
|
208
209
|
if (useModuleId && moduleId) {
|
|
209
|
-
const
|
|
210
|
-
|
|
210
|
+
const contents = await ( new Promise((resolve, reject) => {
|
|
211
|
+
const provider = gettingStartedContentRegistry.getProvider(moduleId);
|
|
212
|
+
if (!provider) {
|
|
213
|
+
reject(`Getting started: no provider registered for ${moduleId}`);
|
|
214
|
+
}
|
|
215
|
+
else {
|
|
216
|
+
resolve(provider());
|
|
217
|
+
}
|
|
218
|
+
}));
|
|
219
|
+
return contents;
|
|
211
220
|
}
|
|
212
221
|
}
|
|
213
222
|
catch { }
|