@codingame/monaco-vscode-walkthrough-service-override 32.0.0 → 32.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 +3 -3
- package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsBanner.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js +13 -13
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcomeInput.js +1 -1
- 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/gettingStartedInput.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService._contribution.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +151 -151
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/notebookProfile.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker.js +5 -5
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/theme_picker_small.js +4 -4
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/editor/editorWalkThrough.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThrough.contribution.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughUtils.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codingame/monaco-vscode-walkthrough-service-override",
|
|
3
|
-
"version": "32.0.
|
|
3
|
+
"version": "32.0.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-api": "32.0.
|
|
19
|
-
"@codingame/monaco-vscode-katex-common": "32.0.
|
|
18
|
+
"@codingame/monaco-vscode-api": "32.0.2",
|
|
19
|
+
"@codingame/monaco-vscode-katex-common": "32.0.2",
|
|
20
20
|
"marked": "14.0.0"
|
|
21
21
|
},
|
|
22
22
|
"main": "index.js",
|
|
@@ -14,7 +14,7 @@ function canShowAgentsBanner(chatEntitlementService) {
|
|
|
14
14
|
}
|
|
15
15
|
function createAgentsBanner(options, commandService, telemetryService) {
|
|
16
16
|
const disposables = ( new DisposableStore());
|
|
17
|
-
const label = options.label ?? ( localize(
|
|
17
|
+
const label = options.label ?? ( localize(5250, "Try out the new Agents window"));
|
|
18
18
|
const button = $("button.agents-banner-button", {
|
|
19
19
|
title: label
|
|
20
20
|
}, $(".codicon.codicon-agent.icon-widget"), $("span.category-title", {}, label));
|
package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js
CHANGED
|
@@ -152,7 +152,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
152
152
|
this.container = $(".agentSessionsWelcome", {
|
|
153
153
|
role: "document",
|
|
154
154
|
tabindex: 0,
|
|
155
|
-
"aria-label": ( localize(
|
|
155
|
+
"aria-label": ( localize(15685, "Overview of agent sessions and how to get started."))
|
|
156
156
|
});
|
|
157
157
|
this.contextService = this._register(contextKeyService.createScoped(this.container));
|
|
158
158
|
ChatContextKeys.inAgentSessionsWelcome.bindTo(this.contextService).set(true);
|
|
@@ -229,20 +229,20 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
229
229
|
const workspaces = await this.getRecentlyOpenedWorkspaces(false);
|
|
230
230
|
const openEntry = workspaces.length > 0 ? {
|
|
231
231
|
icon: Codicon.folderOpened,
|
|
232
|
-
label: ( localize(
|
|
232
|
+
label: ( localize(15686, "Open Recent...")),
|
|
233
233
|
command: "workbench.action.openRecent"
|
|
234
234
|
} : {
|
|
235
235
|
icon: Codicon.folderOpened,
|
|
236
|
-
label: ( localize(
|
|
236
|
+
label: ( localize(15687, "Open Folder...")),
|
|
237
237
|
command: "workbench.action.files.openFolder"
|
|
238
238
|
};
|
|
239
239
|
const entries = [openEntry, {
|
|
240
240
|
icon: Codicon.newFile,
|
|
241
|
-
label: ( localize(
|
|
241
|
+
label: ( localize(15688, "New file...")),
|
|
242
242
|
command: "welcome.showNewFileEntries"
|
|
243
243
|
}, {
|
|
244
244
|
icon: Codicon.repoClone,
|
|
245
|
-
label: ( localize(
|
|
245
|
+
label: ( localize(15689, "Clone Git Repository...")),
|
|
246
246
|
command: "git.clone"
|
|
247
247
|
}];
|
|
248
248
|
for (const entry of entries) {
|
|
@@ -495,7 +495,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
495
495
|
const agentsBanner = createAgentsBanner({
|
|
496
496
|
cssClass: "agentSessionsWelcome-agentsBanner",
|
|
497
497
|
source: "agentSessionsWelcome",
|
|
498
|
-
label: ( localize(
|
|
498
|
+
label: ( localize(15690, "View All Sessions")),
|
|
499
499
|
onButtonClick: () => {
|
|
500
500
|
this._closedBy = "viewAllSessions";
|
|
501
501
|
}
|
|
@@ -518,10 +518,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
518
518
|
const navContainer = append(card, $(".agentSessionsWelcome-walkthroughCard-nav"));
|
|
519
519
|
const prevButton = append(navContainer, $("button.nav-button"));
|
|
520
520
|
prevButton.appendChild(renderIcon(Codicon.chevronLeft));
|
|
521
|
-
prevButton.title = ( localize(
|
|
521
|
+
prevButton.title = ( localize(15691, "Previous"));
|
|
522
522
|
const nextButton = append(navContainer, $("button.nav-button"));
|
|
523
523
|
nextButton.appendChild(renderIcon(Codicon.chevronRight));
|
|
524
|
-
nextButton.title = ( localize(
|
|
524
|
+
nextButton.title = ( localize(15692, "Next"));
|
|
525
525
|
const updateContent = () => {
|
|
526
526
|
const walkthrough = activeWalkthroughs[currentIndex];
|
|
527
527
|
clearNode(iconContainer);
|
|
@@ -601,10 +601,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
601
601
|
iconContainer.appendChild(renderIcon(Codicon.chatSparkle));
|
|
602
602
|
const content = append(tosCard, $(".agentSessionsWelcome-walkthroughCard-content"));
|
|
603
603
|
const title = append(content, $(".agentSessionsWelcome-walkthroughCard-title"));
|
|
604
|
-
title.textContent = ( localize(
|
|
604
|
+
title.textContent = ( localize(15693, "Try GitHub Copilot for free, no sign-in required!"));
|
|
605
605
|
const desc = append(content, $(".agentSessionsWelcome-walkthroughCard-description"));
|
|
606
606
|
const descriptionMarkdown = ( new MarkdownString(( localize(
|
|
607
|
-
|
|
607
|
+
15694,
|
|
608
608
|
"By continuing, you agree to {0}'s [Terms]({1}) and [Privacy Statement]({2}).",
|
|
609
609
|
providers.default.name,
|
|
610
610
|
this.productService.defaultChatAgent.termsStatementUrl,
|
|
@@ -616,7 +616,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
616
616
|
desc.appendChild(renderedMarkdown.element);
|
|
617
617
|
const dismissButton = append(tosCard, $("button.agentSessionsWelcome-tosCard-dismiss"));
|
|
618
618
|
dismissButton.appendChild(renderIcon(Codicon.close));
|
|
619
|
-
dismissButton.title = ( localize(
|
|
619
|
+
dismissButton.title = ( localize(15695, "Dismiss"));
|
|
620
620
|
dismissButton.onclick = e => {
|
|
621
621
|
e.stopPropagation();
|
|
622
622
|
dismissNotice();
|
|
@@ -629,7 +629,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
629
629
|
icon: Codicon.check,
|
|
630
630
|
actionClassName: "agentSessionsWelcome-checkbox",
|
|
631
631
|
isChecked: this.configurationService.getValue(configurationKey) === "agentSessionsWelcomePage",
|
|
632
|
-
title: ( localize(
|
|
632
|
+
title: ( localize(15696, "When checked, this page will be shown on startup.")),
|
|
633
633
|
...getToggleStyles({
|
|
634
634
|
inputActiveOptionBackground: "var(--vscode-descriptionForeground)",
|
|
635
635
|
inputActiveOptionForeground: "var(--vscode-editor-background)",
|
|
@@ -639,7 +639,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
639
639
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
640
640
|
const showOnStartupLabel = $("label.caption", {
|
|
641
641
|
for: "showOnStartup"
|
|
642
|
-
}, ( localize(
|
|
642
|
+
}, ( localize(15697, "Show welcome page on startup")));
|
|
643
643
|
const onShowOnStartupChanged = () => {
|
|
644
644
|
if (showOnStartupCheckbox.checked) {
|
|
645
645
|
this.configurationService.updateValue(configurationKey, "agentSessionsWelcomePage");
|
package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcomeInput.js
CHANGED
|
@@ -46,7 +46,7 @@ class AgentSessionsWelcomeInput extends EditorInput {
|
|
|
46
46
|
this._workspaceKind = options.workspaceKind;
|
|
47
47
|
}
|
|
48
48
|
getName() {
|
|
49
|
-
return localize(
|
|
49
|
+
return localize(15698, "Welcome");
|
|
50
50
|
}
|
|
51
51
|
get showTelemetryNotice() {
|
|
52
52
|
return this._showTelemetryNotice;
|
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(15699, "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(15700, "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(15701, "Welcome"))),
|
|
118
118
|
[( new SyncDescriptor(GettingStartedInput))]
|
|
119
119
|
);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(15701, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: "welcome.goBack",
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(15702, "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(15703, "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(15704, "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(15705, "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(15706, "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
|
+
15707,
|
|
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
|
+
15708,
|
|
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(15709, "Start without an editor.")), ( localize(
|
|
312
|
+
15710,
|
|
313
313
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
314
314
|
)), ( localize(
|
|
315
|
-
|
|
315
|
+
15711,
|
|
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
|
+
15712,
|
|
319
319
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
320
|
-
)), ( localize(
|
|
321
|
-
|
|
320
|
+
)), ( localize(15713, "Open the Welcome page when opening an empty workbench.")), ( localize(15714, "Open a new terminal in the editor area.")), ( localize(
|
|
321
|
+
15715,
|
|
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
|
+
15716,
|
|
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(15717, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
342
|
+
description: ( localize(15718, "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
|
+
15719,
|
|
351
351
|
"When enabled, show the new onboarding experience instead of the classic walkthrough on first launch."
|
|
352
352
|
)),
|
|
353
353
|
experiment: {
|
|
@@ -178,7 +178,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
178
178
|
this.container = $(".gettingStartedContainer", {
|
|
179
179
|
role: "document",
|
|
180
180
|
tabindex: 0,
|
|
181
|
-
"aria-label": ( localize(
|
|
181
|
+
"aria-label": ( localize(15720, "Overview of how to get up to speed with your editor."))
|
|
182
182
|
});
|
|
183
183
|
this.stepMediaComponent = $(".getting-started-media");
|
|
184
184
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -252,17 +252,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
252
252
|
badgeelement.parentElement?.setAttribute("aria-checked", "true");
|
|
253
253
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
254
254
|
badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
255
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
255
|
+
badgeelement.setAttribute("aria-label", ( localize(15721, "{0}: Completed", step.title)));
|
|
256
256
|
} else {
|
|
257
257
|
badgeelement.setAttribute("aria-checked", "false");
|
|
258
258
|
badgeelement.parentElement?.setAttribute("aria-checked", "false");
|
|
259
259
|
badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
260
260
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
261
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
261
|
+
badgeelement.setAttribute("aria-label", ( localize(15722, "{0}: Not completed", step.title)));
|
|
262
262
|
}
|
|
263
263
|
});
|
|
264
264
|
if (step.done) {
|
|
265
|
-
status(( localize(
|
|
265
|
+
status(( localize(15723, "Step {0} completed", step.title)));
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
this.updateCategoryProgress();
|
|
@@ -519,7 +519,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
519
519
|
canPickMany: false,
|
|
520
520
|
matchOnDescription: true,
|
|
521
521
|
matchOnDetail: true,
|
|
522
|
-
title: ( localize(
|
|
522
|
+
title: ( localize(15724, "Open Walkthrough..."))
|
|
523
523
|
});
|
|
524
524
|
if (selection) {
|
|
525
525
|
this.runDispatchCommand("selectCategory", selection.id);
|
|
@@ -750,7 +750,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
750
750
|
const themeType = this.themeService.getColorTheme().type;
|
|
751
751
|
const videoPath = media.path[themeType];
|
|
752
752
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
753
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
753
|
+
const altText = media.altText ? media.altText : ( localize(15725, "Video for {0}", stepToExpand.title));
|
|
754
754
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
755
755
|
this.webview.setHtml(rawHTML);
|
|
756
756
|
let isDisposed = false;
|
|
@@ -782,8 +782,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
782
782
|
provideScreenReaderUpdate() {
|
|
783
783
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
784
784
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
785
|
-
return kbLabel ? ( localize(
|
|
786
|
-
|
|
785
|
+
return kbLabel ? ( localize(15726, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
786
|
+
15727,
|
|
787
787
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
788
788
|
));
|
|
789
789
|
}
|
|
@@ -852,7 +852,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
852
852
|
this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
|
|
853
853
|
const prevButton = $("button.prev-button.button-link", {
|
|
854
854
|
"x-dispatch": "scrollPrev"
|
|
855
|
-
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(
|
|
855
|
+
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(15728, "Go Back"))));
|
|
856
856
|
this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
|
|
857
857
|
this.stepsContent = $(".gettingStartedDetailsContent", {});
|
|
858
858
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
|
|
@@ -881,13 +881,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
881
881
|
icon: Codicon.check,
|
|
882
882
|
actionClassName: "getting-started-checkbox",
|
|
883
883
|
isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
|
|
884
|
-
title: ( localize(
|
|
884
|
+
title: ( localize(15729, "When checked, this page will be shown on startup.")),
|
|
885
885
|
...defaultToggleStyles
|
|
886
886
|
}));
|
|
887
887
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
888
888
|
const showOnStartupLabel = $("label.caption", {
|
|
889
889
|
for: "showOnStartup"
|
|
890
|
-
}, ( localize(
|
|
890
|
+
}, ( localize(15730, "Show welcome page on startup")));
|
|
891
891
|
const onShowOnStartupChanged = () => {
|
|
892
892
|
if (showOnStartupCheckbox.checked) {
|
|
893
893
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
@@ -917,7 +917,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
917
917
|
".header",
|
|
918
918
|
{},
|
|
919
919
|
$("h1.product-name.caption", {}, this.productService.nameLong),
|
|
920
|
-
$("p.subtitle.description", {}, ( localize(
|
|
920
|
+
$("p.subtitle.description", {}, ( localize(15731, "Editing evolved")))
|
|
921
921
|
);
|
|
922
922
|
const leftColumn = $(".categories-column.categories-column-left", {});
|
|
923
923
|
const rightColumn = $(".categories-column.categories-column-right", {});
|
|
@@ -1040,7 +1040,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1040
1040
|
const link = $("button.button-link");
|
|
1041
1041
|
link.innerText = name;
|
|
1042
1042
|
link.title = fullPath;
|
|
1043
|
-
link.setAttribute("aria-label", ( localize(
|
|
1043
|
+
link.setAttribute("aria-label", ( localize(15732, "Open folder {0} with path {1}", name, parentPath)));
|
|
1044
1044
|
link.addEventListener("click", e => {
|
|
1045
1045
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
1046
1046
|
command: "openRecent",
|
|
@@ -1066,8 +1066,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1066
1066
|
{
|
|
1067
1067
|
"tabindex": 0,
|
|
1068
1068
|
"role": "button",
|
|
1069
|
-
"title": ( localize(
|
|
1070
|
-
"aria-label": ( localize(
|
|
1069
|
+
"title": ( localize(15733, "Remove from Recently Opened")),
|
|
1070
|
+
"aria-label": ( localize(15734, "Remove {0} from Recently Opened", name))
|
|
1071
1071
|
}
|
|
1072
1072
|
);
|
|
1073
1073
|
const handleDelete = async e => {
|
|
@@ -1089,20 +1089,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1089
1089
|
this.recentlyOpenedList.dispose();
|
|
1090
1090
|
}
|
|
1091
1091
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
1092
|
-
title: ( localize(
|
|
1092
|
+
title: ( localize(15735, "Recent")),
|
|
1093
1093
|
klass: "recently-opened",
|
|
1094
1094
|
limit: 5,
|
|
1095
|
-
empty: $(".empty-recent", {}, ( localize(
|
|
1095
|
+
empty: $(".empty-recent", {}, ( localize(15736, "You have no recent folders,")), $("button.button-link", {
|
|
1096
1096
|
"x-dispatch": "openFolder"
|
|
1097
|
-
}, ( localize(
|
|
1097
|
+
}, ( localize(15737, "open a folder"))), ( localize(15738, "to start."))),
|
|
1098
1098
|
more: $(".more", {}, $("button.button-link", {
|
|
1099
1099
|
"x-dispatch": "showMoreRecents",
|
|
1100
1100
|
title: ( localize(
|
|
1101
|
-
|
|
1101
|
+
15739,
|
|
1102
1102
|
"Show All Recent Folders {0}",
|
|
1103
1103
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
1104
1104
|
))
|
|
1105
|
-
}, ( localize(
|
|
1105
|
+
}, ( localize(15740, "More...")))),
|
|
1106
1106
|
renderElement: renderRecent,
|
|
1107
1107
|
contextService: this.contextService
|
|
1108
1108
|
}));
|
|
@@ -1151,7 +1151,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1151
1151
|
this.startList.dispose();
|
|
1152
1152
|
}
|
|
1153
1153
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
1154
|
-
title: ( localize(
|
|
1154
|
+
title: ( localize(15741, "Start")),
|
|
1155
1155
|
klass: "start-container",
|
|
1156
1156
|
limit: 10,
|
|
1157
1157
|
renderElement: renderStartEntry,
|
|
@@ -1167,9 +1167,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1167
1167
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
1168
1168
|
const newBadge = $(".new-badge", {});
|
|
1169
1169
|
if (category.newEntry) {
|
|
1170
|
-
reset(newBadge, $(".new-category", {}, ( localize(
|
|
1170
|
+
reset(newBadge, $(".new-category", {}, ( localize(15742, "New"))));
|
|
1171
1171
|
} else if (category.newItems) {
|
|
1172
|
-
reset(newBadge, $(".new-items", {}, ( localize(
|
|
1172
|
+
reset(newBadge, $(".new-items", {}, ( localize(15743, "Updated"))));
|
|
1173
1173
|
}
|
|
1174
1174
|
const featuredBadge = $(".featured-badge", {});
|
|
1175
1175
|
const descriptionContent = $(".description-content", {});
|
|
@@ -1200,9 +1200,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1200
1200
|
$("a.codicon.codicon-close.hide-category-button", {
|
|
1201
1201
|
"tabindex": 0,
|
|
1202
1202
|
"x-dispatch": "hideCategory:" + category.id,
|
|
1203
|
-
"title": ( localize(
|
|
1203
|
+
"title": ( localize(15744, "Hide")),
|
|
1204
1204
|
"role": "button",
|
|
1205
|
-
"aria-label": ( localize(
|
|
1205
|
+
"aria-label": ( localize(15745, "Hide"))
|
|
1206
1206
|
})
|
|
1207
1207
|
),
|
|
1208
1208
|
descriptionContent,
|
|
@@ -1236,13 +1236,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1236
1236
|
return rank;
|
|
1237
1237
|
};
|
|
1238
1238
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
1239
|
-
title: ( localize(
|
|
1239
|
+
title: ( localize(15746, "Walkthroughs")),
|
|
1240
1240
|
klass: "getting-started",
|
|
1241
1241
|
limit: 5,
|
|
1242
1242
|
footer: $("span.button-link.see-all-walkthroughs", {
|
|
1243
1243
|
"x-dispatch": "seeAllWalkthroughs",
|
|
1244
1244
|
"tabindex": 0
|
|
1245
|
-
}, ( localize(
|
|
1245
|
+
}, ( localize(15740, "More..."))),
|
|
1246
1246
|
renderElement: renderGetttingStaredWalkthrough,
|
|
1247
1247
|
rankElement: rankWalkthrough,
|
|
1248
1248
|
contextService: this.contextService
|
|
@@ -1295,9 +1295,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1295
1295
|
bar.style.width = `${progress}%`;
|
|
1296
1296
|
element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
|
|
1297
1297
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1298
|
-
bar.title = ( localize(
|
|
1298
|
+
bar.title = ( localize(15747, "All {0} steps complete!", stats.stepsComplete));
|
|
1299
1299
|
} else {
|
|
1300
|
-
bar.title = ( localize(
|
|
1300
|
+
bar.title = ( localize(15748, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1301
1301
|
}
|
|
1302
1302
|
});
|
|
1303
1303
|
}
|
|
@@ -1448,7 +1448,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1448
1448
|
if (isCommand) {
|
|
1449
1449
|
const keybinding = this.getKeyBinding(command);
|
|
1450
1450
|
if (keybinding) {
|
|
1451
|
-
const shortcutMessage = $("span.shortcut-message", {}, ( localize(
|
|
1451
|
+
const shortcutMessage = $("span.shortcut-message", {}, ( localize(15749, "Tip: Use keyboard shortcut ")));
|
|
1452
1452
|
container.appendChild(shortcutMessage);
|
|
1453
1453
|
const label = ( new KeybindingLabel(shortcutMessage, OS, {
|
|
1454
1454
|
...defaultKeybindingLabelStyles
|
|
@@ -1557,7 +1557,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1557
1557
|
"x-dispatch": "toggleStepCompletion:" + step.id,
|
|
1558
1558
|
"role": "checkbox",
|
|
1559
1559
|
"aria-checked": step.done ? "true" : "false",
|
|
1560
|
-
"aria-label": step.done ? ( localize(
|
|
1560
|
+
"aria-label": step.done ? ( localize(15721, "{0}: Completed", step.title)) : ( localize(15722, "{0}: Not completed", step.title))
|
|
1561
1561
|
}
|
|
1562
1562
|
);
|
|
1563
1563
|
const container = $(".step-description-container", {
|
|
@@ -1571,11 +1571,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1571
1571
|
const stepDescription = $(".step-container", {}, stepTitle, container);
|
|
1572
1572
|
if (step.media.type === "image") {
|
|
1573
1573
|
stepDescription.appendChild($(".image-description", {
|
|
1574
|
-
"aria-label": ( localize(
|
|
1574
|
+
"aria-label": ( localize(15750, "Image showing {0}", step.media.altText))
|
|
1575
1575
|
}));
|
|
1576
1576
|
} else if (step.media.type === "video") {
|
|
1577
1577
|
stepDescription.appendChild($(".video-description", {
|
|
1578
|
-
"aria-label": ( localize(
|
|
1578
|
+
"aria-label": ( localize(15751, "Video showing {0}", step.media.altText))
|
|
1579
1579
|
}));
|
|
1580
1580
|
}
|
|
1581
1581
|
return $("button.getting-started-step", {
|
|
@@ -1600,9 +1600,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1600
1600
|
"role": "list"
|
|
1601
1601
|
}, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
|
|
1602
1602
|
"x-dispatch": "allDone"
|
|
1603
|
-
}, $("span.codicon.codicon-check-all"), ( localize(
|
|
1603
|
+
}, $("span.codicon.codicon-check-all"), ( localize(15752, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
|
|
1604
1604
|
"x-dispatch": "nextSection"
|
|
1605
|
-
}, ( localize(
|
|
1605
|
+
}, ( localize(15753, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
|
|
1606
1606
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, {
|
|
1607
1607
|
className: "steps-container"
|
|
1608
1608
|
})));
|
|
@@ -1625,12 +1625,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1625
1625
|
this.registerDispatchListeners();
|
|
1626
1626
|
}
|
|
1627
1627
|
buildTelemetryFooter(parent) {
|
|
1628
|
-
const privacyStatementCopy = ( localize(
|
|
1628
|
+
const privacyStatementCopy = ( localize(15754, "privacy statement"));
|
|
1629
1629
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1630
|
-
const optOutCopy = ( localize(
|
|
1630
|
+
const optOutCopy = ( localize(15755, "opt out"));
|
|
1631
1631
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1632
1632
|
const text = ( localize(
|
|
1633
|
-
|
|
1633
|
+
15756,
|
|
1634
1634
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1635
1635
|
this.productService.nameShort,
|
|
1636
1636
|
privacyStatementButton,
|
|
@@ -1705,7 +1705,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1705
1705
|
const prevButton = this.container.querySelector(".prev-button.button-link");
|
|
1706
1706
|
prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
|
|
1707
1707
|
const moreTextElement = prevButton.querySelector(".moreText");
|
|
1708
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1708
|
+
moreTextElement.textContent = firstLaunch ? ( localize(15757, "Welcome")) : ( localize(15728, "Go Back"));
|
|
1709
1709
|
this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
|
|
1710
1710
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
|
|
1711
1711
|
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(15758, "{0}\n{1}", step.title, description));
|
|
134
134
|
if (includeTitle) {
|
|
135
|
-
return [( localize(
|
|
135
|
+
return [( localize(15759, "Title: {0}", waltkrough.title)), ( localize(15760, "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(15761, "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(15762, "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(15763, "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(15764, "Border color for the tiles on the Welcome page.")));
|
|
34
|
+
registerColor("welcomePage.progress.background", inputBackground, ( localize(15765, "Foreground color for the Welcome page progress bars.")));
|
|
35
|
+
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(15766, "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(15767, "Foreground color of the heading of each walkthrough step")));
|