@codingame/monaco-vscode-walkthrough-service-override 37.3.3 → 37.3.4
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 +21 -21
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +39 -39
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js +2 -2
- 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/gettingStartedService._contribution.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +151 -151
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/notebookProfile.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker.js +5 -5
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker_small.js +4 -4
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/editor/editorWalkThrough.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThrough.contribution.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codingame/monaco-vscode-walkthrough-service-override",
|
|
3
|
-
"version": "37.3.
|
|
3
|
+
"version": "37.3.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-api": "37.3.
|
|
18
|
+
"@codingame/monaco-vscode-api": "37.3.4",
|
|
19
19
|
"marked": "14.0.0"
|
|
20
20
|
},
|
|
21
21
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js
CHANGED
|
@@ -40,7 +40,7 @@ registerAction2(class extends Action2 {
|
|
|
40
40
|
constructor() {
|
|
41
41
|
super({
|
|
42
42
|
id: "workbench.action.openWalkthrough",
|
|
43
|
-
title: ( localize2(
|
|
43
|
+
title: ( localize2(21031, "Welcome")),
|
|
44
44
|
category: Categories.Help,
|
|
45
45
|
f1: true,
|
|
46
46
|
menu: {
|
|
@@ -49,7 +49,7 @@ registerAction2(class extends Action2 {
|
|
|
49
49
|
order: 1
|
|
50
50
|
},
|
|
51
51
|
metadata: {
|
|
52
|
-
description: ( localize2(
|
|
52
|
+
description: ( localize2(21032, "Opens a Walkthrough to help you get started in VS Code."))
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -114,15 +114,15 @@ registerAction2(class extends Action2 {
|
|
|
114
114
|
});
|
|
115
115
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
116
116
|
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(
|
|
117
|
-
EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
117
|
+
EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(21033, "Welcome"))),
|
|
118
118
|
[( new SyncDescriptor(GettingStartedInput))]
|
|
119
119
|
);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(21033, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: "welcome.goBack",
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(21034, "Go Back")),
|
|
126
126
|
category,
|
|
127
127
|
keybinding: {
|
|
128
128
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -157,7 +157,7 @@ registerAction2(class extends Action2 {
|
|
|
157
157
|
constructor() {
|
|
158
158
|
super({
|
|
159
159
|
id: "welcome.markStepComplete",
|
|
160
|
-
title: ( localize(
|
|
160
|
+
title: ( localize(21035, "Mark Step Complete")),
|
|
161
161
|
category
|
|
162
162
|
});
|
|
163
163
|
}
|
|
@@ -173,7 +173,7 @@ registerAction2(class extends Action2 {
|
|
|
173
173
|
constructor() {
|
|
174
174
|
super({
|
|
175
175
|
id: "welcome.markStepIncomplete",
|
|
176
|
-
title: ( localize(
|
|
176
|
+
title: ( localize(21036, "Mark Step Incomplete")),
|
|
177
177
|
category
|
|
178
178
|
});
|
|
179
179
|
}
|
|
@@ -189,7 +189,7 @@ registerAction2(class extends Action2 {
|
|
|
189
189
|
constructor() {
|
|
190
190
|
super({
|
|
191
191
|
id: "welcome.showAllWalkthroughs",
|
|
192
|
-
title: ( localize2(
|
|
192
|
+
title: ( localize2(21037, "Open Walkthrough...")),
|
|
193
193
|
category,
|
|
194
194
|
f1: true,
|
|
195
195
|
menu: {
|
|
@@ -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(21038, "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(() => {
|
|
@@ -250,7 +250,7 @@ CommandsRegistry.registerCommand({
|
|
|
250
250
|
}
|
|
251
251
|
});
|
|
252
252
|
const WorkspacePlatform = new RawContextKey("workspacePlatform", undefined, ( localize(
|
|
253
|
-
|
|
253
|
+
21039,
|
|
254
254
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
255
255
|
)));
|
|
256
256
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -292,7 +292,7 @@ configurationRegistry.registerConfiguration({
|
|
|
292
292
|
type: "boolean",
|
|
293
293
|
default: true,
|
|
294
294
|
description: ( localize(
|
|
295
|
-
|
|
295
|
+
21040,
|
|
296
296
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
297
297
|
))
|
|
298
298
|
},
|
|
@@ -308,22 +308,22 @@ configurationRegistry.registerConfiguration({
|
|
|
308
308
|
"terminal",
|
|
309
309
|
"agentSessionsWelcomePage"
|
|
310
310
|
],
|
|
311
|
-
"enumDescriptions": [( localize(
|
|
312
|
-
|
|
311
|
+
"enumDescriptions": [( localize(21041, "Start without an editor.")), ( localize(
|
|
312
|
+
21042,
|
|
313
313
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
314
314
|
)), ( localize(
|
|
315
|
-
|
|
315
|
+
21043,
|
|
316
316
|
"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."
|
|
317
317
|
)), ( localize(
|
|
318
|
-
|
|
318
|
+
21044,
|
|
319
319
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
320
|
-
)), ( localize(
|
|
321
|
-
|
|
320
|
+
)), ( localize(21045, "Open the Welcome page when opening an empty workbench.")), ( localize(21046, "Open a new terminal in the editor area.")), ( localize(
|
|
321
|
+
21047,
|
|
322
322
|
"Open the Agent Sessions Welcome page. Will override the workbench secondary side bar visibility settings."
|
|
323
323
|
))],
|
|
324
324
|
"default": "welcomePage",
|
|
325
325
|
"description": ( localize(
|
|
326
|
-
|
|
326
|
+
21048,
|
|
327
327
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
328
328
|
)),
|
|
329
329
|
"experiment": {
|
|
@@ -338,8 +338,8 @@ configurationRegistry.registerConfiguration({
|
|
|
338
338
|
scope: ConfigurationScope.APPLICATION,
|
|
339
339
|
type: "boolean",
|
|
340
340
|
default: false,
|
|
341
|
-
deprecationMessage: ( localize(
|
|
342
|
-
description: ( localize(
|
|
341
|
+
deprecationMessage: ( localize(21049, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
342
|
+
description: ( localize(21050, "When enabled, reduce motion in welcome page."))
|
|
343
343
|
},
|
|
344
344
|
"workbench.welcomePage.experimentalOnboarding": {
|
|
345
345
|
scope: ConfigurationScope.APPLICATION,
|
|
@@ -347,7 +347,7 @@ configurationRegistry.registerConfiguration({
|
|
|
347
347
|
default: true,
|
|
348
348
|
tags: ["experimental"],
|
|
349
349
|
description: ( localize(
|
|
350
|
-
|
|
350
|
+
21051,
|
|
351
351
|
"When enabled, show the new onboarding experience instead of the classic walkthrough on first launch."
|
|
352
352
|
)),
|
|
353
353
|
experiment: {
|
|
@@ -182,7 +182,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
182
182
|
this.container = $(".gettingStartedContainer", {
|
|
183
183
|
role: "document",
|
|
184
184
|
tabindex: 0,
|
|
185
|
-
"aria-label": ( localize(
|
|
185
|
+
"aria-label": ( localize(21052, "Overview of how to get up to speed with your editor."))
|
|
186
186
|
});
|
|
187
187
|
this.stepMediaComponent = $(".getting-started-media");
|
|
188
188
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -256,17 +256,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
256
256
|
badgeelement.parentElement?.setAttribute("aria-checked", "true");
|
|
257
257
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
258
258
|
badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
259
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
259
|
+
badgeelement.setAttribute("aria-label", ( localize(21053, "{0}: Completed", step.title)));
|
|
260
260
|
} else {
|
|
261
261
|
badgeelement.setAttribute("aria-checked", "false");
|
|
262
262
|
badgeelement.parentElement?.setAttribute("aria-checked", "false");
|
|
263
263
|
badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
264
264
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
265
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
265
|
+
badgeelement.setAttribute("aria-label", ( localize(21054, "{0}: Not completed", step.title)));
|
|
266
266
|
}
|
|
267
267
|
});
|
|
268
268
|
if (step.done) {
|
|
269
|
-
status(( localize(
|
|
269
|
+
status(( localize(21055, "Step {0} completed", step.title)));
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
this.updateCategoryProgress();
|
|
@@ -525,7 +525,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
525
525
|
canPickMany: false,
|
|
526
526
|
matchOnDescription: true,
|
|
527
527
|
matchOnDetail: true,
|
|
528
|
-
title: ( localize(
|
|
528
|
+
title: ( localize(21056, "Open Walkthrough..."))
|
|
529
529
|
}
|
|
530
530
|
);
|
|
531
531
|
if (selection) {
|
|
@@ -761,7 +761,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
761
761
|
const themeType = this.themeService.getColorTheme().type;
|
|
762
762
|
const videoPath = media.path[themeType];
|
|
763
763
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
764
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
764
|
+
const altText = media.altText ? media.altText : ( localize(21057, "Video for {0}", stepToExpand.title));
|
|
765
765
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
766
766
|
this.webview.setHtml(rawHTML);
|
|
767
767
|
let isDisposed = false;
|
|
@@ -793,8 +793,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
793
793
|
provideScreenReaderUpdate() {
|
|
794
794
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
795
795
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
796
|
-
return kbLabel ? ( localize(
|
|
797
|
-
|
|
796
|
+
return kbLabel ? ( localize(21058, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
797
|
+
21059,
|
|
798
798
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
799
799
|
));
|
|
800
800
|
}
|
|
@@ -863,7 +863,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
863
863
|
this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
|
|
864
864
|
const prevButton = $("button.prev-button.button-link", {
|
|
865
865
|
"x-dispatch": "scrollPrev"
|
|
866
|
-
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(
|
|
866
|
+
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(21060, "Go Back"))));
|
|
867
867
|
this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
|
|
868
868
|
this.stepsContent = $(".gettingStartedDetailsContent", {});
|
|
869
869
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
|
|
@@ -892,13 +892,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
892
892
|
icon: Codicon.check,
|
|
893
893
|
actionClassName: "getting-started-checkbox",
|
|
894
894
|
isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
|
|
895
|
-
title: ( localize(
|
|
895
|
+
title: ( localize(21061, "When checked, this page will be shown on startup.")),
|
|
896
896
|
...defaultToggleStyles
|
|
897
897
|
}));
|
|
898
898
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
899
899
|
const showOnStartupLabel = $("label.caption", {
|
|
900
900
|
for: "showOnStartup"
|
|
901
|
-
}, ( localize(
|
|
901
|
+
}, ( localize(21062, "Show welcome page on startup")));
|
|
902
902
|
const onShowOnStartupChanged = () => {
|
|
903
903
|
if (showOnStartupCheckbox.checked) {
|
|
904
904
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
@@ -928,7 +928,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
928
928
|
".header",
|
|
929
929
|
{},
|
|
930
930
|
$("h1.product-name.caption", {}, this.productService.nameLong),
|
|
931
|
-
$("p.subtitle.description", {}, ( localize(
|
|
931
|
+
$("p.subtitle.description", {}, ( localize(21063, "Editing evolved")))
|
|
932
932
|
);
|
|
933
933
|
const leftColumn = $(".categories-column.categories-column-left", {});
|
|
934
934
|
const rightColumn = $(".categories-column.categories-column-right", {});
|
|
@@ -1051,7 +1051,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1051
1051
|
const link = $("button.button-link");
|
|
1052
1052
|
link.innerText = name;
|
|
1053
1053
|
link.title = fullPath;
|
|
1054
|
-
link.setAttribute("aria-label", ( localize(
|
|
1054
|
+
link.setAttribute("aria-label", ( localize(21064, "Open folder {0} with path {1}", name, parentPath)));
|
|
1055
1055
|
link.addEventListener("click", e => {
|
|
1056
1056
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
1057
1057
|
command: "openRecent",
|
|
@@ -1077,8 +1077,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1077
1077
|
{
|
|
1078
1078
|
"tabindex": 0,
|
|
1079
1079
|
"role": "button",
|
|
1080
|
-
"title": ( localize(
|
|
1081
|
-
"aria-label": ( localize(
|
|
1080
|
+
"title": ( localize(21065, "Remove from Recently Opened")),
|
|
1081
|
+
"aria-label": ( localize(21066, "Remove {0} from Recently Opened", name))
|
|
1082
1082
|
}
|
|
1083
1083
|
);
|
|
1084
1084
|
const handleDelete = async e => {
|
|
@@ -1097,20 +1097,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1097
1097
|
return li;
|
|
1098
1098
|
};
|
|
1099
1099
|
const recentlyOpenedList = this.recentlyOpenedList.value = ( new GettingStartedIndexList({
|
|
1100
|
-
title: ( localize(
|
|
1100
|
+
title: ( localize(21067, "Recent")),
|
|
1101
1101
|
klass: "recently-opened",
|
|
1102
1102
|
limit: 5,
|
|
1103
|
-
empty: $(".empty-recent", {}, ( localize(
|
|
1103
|
+
empty: $(".empty-recent", {}, ( localize(21068, "You have no recent folders,")), $("button.button-link", {
|
|
1104
1104
|
"x-dispatch": "openFolder"
|
|
1105
|
-
}, ( localize(
|
|
1105
|
+
}, ( localize(21069, "open a folder"))), ( localize(21070, "to start."))),
|
|
1106
1106
|
more: $(".more", {}, $("button.button-link", {
|
|
1107
1107
|
"x-dispatch": "showMoreRecents",
|
|
1108
1108
|
title: ( localize(
|
|
1109
|
-
|
|
1109
|
+
21071,
|
|
1110
1110
|
"Show All Recent Folders {0}",
|
|
1111
1111
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
1112
1112
|
))
|
|
1113
|
-
}, ( localize(
|
|
1113
|
+
}, ( localize(21072, "More...")))),
|
|
1114
1114
|
renderElement: renderRecent,
|
|
1115
1115
|
contextService: this.contextService
|
|
1116
1116
|
}));
|
|
@@ -1156,7 +1156,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1156
1156
|
title: entry.description + " " + this.getKeybindingLabel(entry.command)
|
|
1157
1157
|
}, this.iconWidgetFor(entry), $("span", {}, entry.title)));
|
|
1158
1158
|
const startList = this.startList.value = ( new GettingStartedIndexList({
|
|
1159
|
-
title: ( localize(
|
|
1159
|
+
title: ( localize(21073, "Start")),
|
|
1160
1160
|
klass: "start-container",
|
|
1161
1161
|
limit: 10,
|
|
1162
1162
|
renderElement: renderStartEntry,
|
|
@@ -1172,9 +1172,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1172
1172
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
1173
1173
|
const newBadge = $(".new-badge", {});
|
|
1174
1174
|
if (category.newEntry) {
|
|
1175
|
-
reset(newBadge, $(".new-category", {}, ( localize(
|
|
1175
|
+
reset(newBadge, $(".new-category", {}, ( localize(21074, "New"))));
|
|
1176
1176
|
} else if (category.newItems) {
|
|
1177
|
-
reset(newBadge, $(".new-items", {}, ( localize(
|
|
1177
|
+
reset(newBadge, $(".new-items", {}, ( localize(21075, "Updated"))));
|
|
1178
1178
|
}
|
|
1179
1179
|
const featuredBadge = $(".featured-badge", {});
|
|
1180
1180
|
const descriptionContent = $(".description-content", {});
|
|
@@ -1205,9 +1205,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1205
1205
|
$("a.codicon.codicon-close.hide-category-button", {
|
|
1206
1206
|
"tabindex": 0,
|
|
1207
1207
|
"x-dispatch": "hideCategory:" + category.id,
|
|
1208
|
-
"title": ( localize(
|
|
1208
|
+
"title": ( localize(21076, "Hide")),
|
|
1209
1209
|
"role": "button",
|
|
1210
|
-
"aria-label": ( localize(
|
|
1210
|
+
"aria-label": ( localize(21077, "Hide"))
|
|
1211
1211
|
})
|
|
1212
1212
|
),
|
|
1213
1213
|
descriptionContent,
|
|
@@ -1238,13 +1238,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1238
1238
|
return rank;
|
|
1239
1239
|
};
|
|
1240
1240
|
const gettingStartedList = this.gettingStartedList.value = ( new GettingStartedIndexList({
|
|
1241
|
-
title: ( localize(
|
|
1241
|
+
title: ( localize(21078, "Walkthroughs")),
|
|
1242
1242
|
klass: "getting-started",
|
|
1243
1243
|
limit: 5,
|
|
1244
1244
|
footer: $("span.button-link.see-all-walkthroughs", {
|
|
1245
1245
|
"x-dispatch": "seeAllWalkthroughs",
|
|
1246
1246
|
"tabindex": 0
|
|
1247
|
-
}, ( localize(
|
|
1247
|
+
}, ( localize(21072, "More..."))),
|
|
1248
1248
|
renderElement: renderGetttingStaredWalkthrough,
|
|
1249
1249
|
rankElement: rankWalkthrough,
|
|
1250
1250
|
contextService: this.contextService
|
|
@@ -1297,9 +1297,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1297
1297
|
bar.style.width = `${progress}%`;
|
|
1298
1298
|
element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
|
|
1299
1299
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1300
|
-
bar.title = ( localize(
|
|
1300
|
+
bar.title = ( localize(21079, "All {0} steps complete!", stats.stepsComplete));
|
|
1301
1301
|
} else {
|
|
1302
|
-
bar.title = ( localize(
|
|
1302
|
+
bar.title = ( localize(21080, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1303
1303
|
}
|
|
1304
1304
|
});
|
|
1305
1305
|
}
|
|
@@ -1450,7 +1450,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1450
1450
|
if (isCommand) {
|
|
1451
1451
|
const keybinding = this.getKeyBinding(command);
|
|
1452
1452
|
if (keybinding) {
|
|
1453
|
-
const shortcutMessage = $("span.shortcut-message", {}, ( localize(
|
|
1453
|
+
const shortcutMessage = $("span.shortcut-message", {}, ( localize(21081, "Tip: Use keyboard shortcut ")));
|
|
1454
1454
|
container.appendChild(shortcutMessage);
|
|
1455
1455
|
const label = ( new KeybindingLabel(shortcutMessage, OS, {
|
|
1456
1456
|
...defaultKeybindingLabelStyles
|
|
@@ -1556,7 +1556,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1556
1556
|
"x-dispatch": "toggleStepCompletion:" + step.id,
|
|
1557
1557
|
"role": "checkbox",
|
|
1558
1558
|
"aria-checked": step.done ? "true" : "false",
|
|
1559
|
-
"aria-label": step.done ? ( localize(
|
|
1559
|
+
"aria-label": step.done ? ( localize(21053, "{0}: Completed", step.title)) : ( localize(21054, "{0}: Not completed", step.title))
|
|
1560
1560
|
}
|
|
1561
1561
|
);
|
|
1562
1562
|
const container = $(".step-description-container", {
|
|
@@ -1570,11 +1570,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1570
1570
|
const stepDescription = $(".step-container", {}, stepTitle, container);
|
|
1571
1571
|
if (step.media.type === "image") {
|
|
1572
1572
|
stepDescription.appendChild($(".image-description", {
|
|
1573
|
-
"aria-label": ( localize(
|
|
1573
|
+
"aria-label": ( localize(21082, "Image showing {0}", step.media.altText))
|
|
1574
1574
|
}));
|
|
1575
1575
|
} else if (step.media.type === "video") {
|
|
1576
1576
|
stepDescription.appendChild($(".video-description", {
|
|
1577
|
-
"aria-label": ( localize(
|
|
1577
|
+
"aria-label": ( localize(21083, "Video showing {0}", step.media.altText))
|
|
1578
1578
|
}));
|
|
1579
1579
|
}
|
|
1580
1580
|
return $("button.getting-started-step", {
|
|
@@ -1599,9 +1599,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1599
1599
|
"role": "list"
|
|
1600
1600
|
}, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
|
|
1601
1601
|
"x-dispatch": "allDone"
|
|
1602
|
-
}, $("span.codicon.codicon-check-all"), ( localize(
|
|
1602
|
+
}, $("span.codicon.codicon-check-all"), ( localize(21084, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
|
|
1603
1603
|
"x-dispatch": "nextSection"
|
|
1604
|
-
}, ( localize(
|
|
1604
|
+
}, ( localize(21085, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
|
|
1605
1605
|
this.detailsScrollbar.value = ( new DomScrollableElement(stepsContainer, {
|
|
1606
1606
|
className: "steps-container"
|
|
1607
1607
|
}));
|
|
@@ -1624,12 +1624,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1624
1624
|
this.registerDispatchListeners();
|
|
1625
1625
|
}
|
|
1626
1626
|
buildTelemetryFooter(parent) {
|
|
1627
|
-
const privacyStatementCopy = ( localize(
|
|
1627
|
+
const privacyStatementCopy = ( localize(21086, "privacy statement"));
|
|
1628
1628
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1629
|
-
const optOutCopy = ( localize(
|
|
1629
|
+
const optOutCopy = ( localize(21087, "opt out"));
|
|
1630
1630
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1631
1631
|
const text = ( localize(
|
|
1632
|
-
|
|
1632
|
+
21088,
|
|
1633
1633
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1634
1634
|
this.productService.nameShort,
|
|
1635
1635
|
privacyStatementButton,
|
|
@@ -1704,7 +1704,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1704
1704
|
const prevButton = this.container.querySelector(".prev-button.button-link");
|
|
1705
1705
|
prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
|
|
1706
1706
|
const moreTextElement = prevButton.querySelector(".moreText");
|
|
1707
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1707
|
+
moreTextElement.textContent = firstLaunch ? ( localize(21089, "Welcome")) : ( localize(21060, "Go Back"));
|
|
1708
1708
|
this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
|
|
1709
1709
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
|
|
1710
1710
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("input").forEach(button => button.disabled = true);
|
|
@@ -130,9 +130,9 @@ class GettingStartedAccessibleProvider extends Disposable {
|
|
|
130
130
|
}
|
|
131
131
|
_getContent(waltkrough, step, includeTitle) {
|
|
132
132
|
const description = step.description.map(lt => lt.nodes.filter(node => typeof node === "string")).join("\n");
|
|
133
|
-
const stepsContent = ( localize(
|
|
133
|
+
const stepsContent = ( localize(21090, "{0}\n{1}", step.title, description));
|
|
134
134
|
if (includeTitle) {
|
|
135
|
-
return [( localize(
|
|
135
|
+
return [( localize(21091, "Title: {0}", waltkrough.title)), ( localize(21092, "Description: {0}", waltkrough.description)), stepsContent].join("\n");
|
|
136
136
|
} else {
|
|
137
137
|
return stepsContent;
|
|
138
138
|
}
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js
CHANGED
|
@@ -12,30 +12,30 @@ 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(
|
|
15
|
+
registerColor("welcomePage.background", null, ( localize(21093, "Background color for the Welcome page.")));
|
|
16
16
|
registerColor("welcomePage.tileBackground", {
|
|
17
17
|
dark: editorWidgetBackground,
|
|
18
18
|
light: editorWidgetBackground,
|
|
19
19
|
hcDark: "#000",
|
|
20
20
|
hcLight: editorWidgetBackground
|
|
21
|
-
}, ( localize(
|
|
21
|
+
}, ( localize(21094, "Background color for the tiles on the Welcome page.")));
|
|
22
22
|
registerColor("welcomePage.tileHoverBackground", {
|
|
23
23
|
dark: ( lighten(editorWidgetBackground, .2)),
|
|
24
24
|
light: ( darken(editorWidgetBackground, .1)),
|
|
25
25
|
hcDark: null,
|
|
26
26
|
hcLight: null
|
|
27
|
-
}, ( localize(
|
|
27
|
+
}, ( localize(21095, "Hover background color for the tiles on the Welcome.")));
|
|
28
28
|
registerColor("welcomePage.tileBorder", {
|
|
29
29
|
dark: "#ffffff1a",
|
|
30
30
|
light: "#0000001a",
|
|
31
31
|
hcDark: contrastBorder,
|
|
32
32
|
hcLight: contrastBorder
|
|
33
|
-
}, ( localize(
|
|
34
|
-
registerColor("welcomePage.progress.background", inputBackground, ( localize(
|
|
35
|
-
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(
|
|
33
|
+
}, ( localize(21096, "Border color for the tiles on the Welcome page.")));
|
|
34
|
+
registerColor("welcomePage.progress.background", inputBackground, ( localize(21097, "Foreground color for the Welcome page progress bars.")));
|
|
35
|
+
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(21098, "Background color for the Welcome page progress bars.")));
|
|
36
36
|
registerColor("walkthrough.stepTitle.foreground", {
|
|
37
37
|
light: "#000000",
|
|
38
38
|
dark: "#ffffff",
|
|
39
39
|
hcDark: null,
|
|
40
40
|
hcLight: null
|
|
41
|
-
}, ( localize(
|
|
41
|
+
}, ( localize(21099, "Foreground color of the heading of each walkthrough step")));
|