@codingame/monaco-vscode-walkthrough-service-override 29.1.1 → 30.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js +14 -14
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcomeInput.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css +1 -0
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +20 -20
- 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/media/gettingStarted.css +10 -0
- 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": "
|
|
3
|
+
"version": "30.0.1",
|
|
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": "
|
|
19
|
-
"@codingame/monaco-vscode-katex-common": "
|
|
18
|
+
"@codingame/monaco-vscode-api": "30.0.1",
|
|
19
|
+
"@codingame/monaco-vscode-katex-common": "30.0.1",
|
|
20
20
|
"marked": "14.0.0"
|
|
21
21
|
},
|
|
22
22
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js
CHANGED
|
@@ -48,7 +48,7 @@ import './agentSessionsWelcomeInput.js';
|
|
|
48
48
|
import { IChatService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService.service';
|
|
49
49
|
import { ChatViewId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat';
|
|
50
50
|
import { IChatWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service';
|
|
51
|
-
import { getResourceForNewChatSession, ChatSessionPosition } from '@codingame/monaco-vscode-
|
|
51
|
+
import { getResourceForNewChatSession, ChatSessionPosition } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatSessions/chatSessions.contribution';
|
|
52
52
|
import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
|
|
53
53
|
import { AgentSessionsControl } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsControl';
|
|
54
54
|
import { AgentSessionsFilter } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsFilter';
|
|
@@ -147,7 +147,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
147
147
|
this.container = $(".agentSessionsWelcome", {
|
|
148
148
|
role: "document",
|
|
149
149
|
tabindex: 0,
|
|
150
|
-
"aria-label": ( localize(
|
|
150
|
+
"aria-label": ( localize(15219, "Overview of agent sessions and how to get started."))
|
|
151
151
|
});
|
|
152
152
|
this.contextService = this._register(contextKeyService.createScoped(this.container));
|
|
153
153
|
ChatContextKeys.inAgentSessionsWelcome.bindTo(this.contextService).set(true);
|
|
@@ -224,20 +224,20 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
224
224
|
const workspaces = await this.getRecentlyOpenedWorkspaces(false);
|
|
225
225
|
const openEntry = workspaces.length > 0 ? {
|
|
226
226
|
icon: Codicon.folderOpened,
|
|
227
|
-
label: ( localize(
|
|
227
|
+
label: ( localize(15220, "Open Recent...")),
|
|
228
228
|
command: "workbench.action.openRecent"
|
|
229
229
|
} : {
|
|
230
230
|
icon: Codicon.folderOpened,
|
|
231
|
-
label: ( localize(
|
|
231
|
+
label: ( localize(15221, "Open Folder...")),
|
|
232
232
|
command: "workbench.action.files.openFolder"
|
|
233
233
|
};
|
|
234
234
|
const entries = [openEntry, {
|
|
235
235
|
icon: Codicon.newFile,
|
|
236
|
-
label: ( localize(
|
|
236
|
+
label: ( localize(15222, "New file...")),
|
|
237
237
|
command: "welcome.showNewFileEntries"
|
|
238
238
|
}, {
|
|
239
239
|
icon: Codicon.repoClone,
|
|
240
|
-
label: ( localize(
|
|
240
|
+
label: ( localize(15223, "Clone Git Repository...")),
|
|
241
241
|
command: "git.clone"
|
|
242
242
|
}];
|
|
243
243
|
for (const entry of entries) {
|
|
@@ -487,7 +487,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
487
487
|
})
|
|
488
488
|
);
|
|
489
489
|
const openButton = append(container, $("button.agentSessionsWelcome-openSessionsButton"));
|
|
490
|
-
openButton.textContent = ( localize(
|
|
490
|
+
openButton.textContent = ( localize(15224, "View All Sessions"));
|
|
491
491
|
openButton.onclick = () => {
|
|
492
492
|
this._closedBy = "viewAllSessions";
|
|
493
493
|
this.revealMaximizedChat();
|
|
@@ -507,10 +507,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
507
507
|
const navContainer = append(card, $(".agentSessionsWelcome-walkthroughCard-nav"));
|
|
508
508
|
const prevButton = append(navContainer, $("button.nav-button"));
|
|
509
509
|
prevButton.appendChild(renderIcon(Codicon.chevronLeft));
|
|
510
|
-
prevButton.title = ( localize(
|
|
510
|
+
prevButton.title = ( localize(15225, "Previous"));
|
|
511
511
|
const nextButton = append(navContainer, $("button.nav-button"));
|
|
512
512
|
nextButton.appendChild(renderIcon(Codicon.chevronRight));
|
|
513
|
-
nextButton.title = ( localize(
|
|
513
|
+
nextButton.title = ( localize(15226, "Next"));
|
|
514
514
|
const updateContent = () => {
|
|
515
515
|
const walkthrough = activeWalkthroughs[currentIndex];
|
|
516
516
|
clearNode(iconContainer);
|
|
@@ -590,10 +590,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
590
590
|
iconContainer.appendChild(renderIcon(Codicon.chatSparkle));
|
|
591
591
|
const content = append(tosCard, $(".agentSessionsWelcome-walkthroughCard-content"));
|
|
592
592
|
const title = append(content, $(".agentSessionsWelcome-walkthroughCard-title"));
|
|
593
|
-
title.textContent = ( localize(
|
|
593
|
+
title.textContent = ( localize(15227, "Try GitHub Copilot for free, no sign-in required!"));
|
|
594
594
|
const desc = append(content, $(".agentSessionsWelcome-walkthroughCard-description"));
|
|
595
595
|
const descriptionMarkdown = ( new MarkdownString(( localize(
|
|
596
|
-
|
|
596
|
+
15228,
|
|
597
597
|
"By continuing, you agree to {0}'s [Terms]({1}) and [Privacy Statement]({2}).",
|
|
598
598
|
providers.default.name,
|
|
599
599
|
this.productService.defaultChatAgent.termsStatementUrl,
|
|
@@ -605,7 +605,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
605
605
|
desc.appendChild(renderedMarkdown.element);
|
|
606
606
|
const dismissButton = append(tosCard, $("button.agentSessionsWelcome-tosCard-dismiss"));
|
|
607
607
|
dismissButton.appendChild(renderIcon(Codicon.close));
|
|
608
|
-
dismissButton.title = ( localize(
|
|
608
|
+
dismissButton.title = ( localize(15229, "Dismiss"));
|
|
609
609
|
dismissButton.onclick = e => {
|
|
610
610
|
e.stopPropagation();
|
|
611
611
|
dismissNotice();
|
|
@@ -618,7 +618,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
618
618
|
icon: Codicon.check,
|
|
619
619
|
actionClassName: "agentSessionsWelcome-checkbox",
|
|
620
620
|
isChecked: this.configurationService.getValue(configurationKey) === "agentSessionsWelcomePage",
|
|
621
|
-
title: ( localize(
|
|
621
|
+
title: ( localize(15230, "When checked, this page will be shown on startup.")),
|
|
622
622
|
...getToggleStyles({
|
|
623
623
|
inputActiveOptionBackground: "var(--vscode-descriptionForeground)",
|
|
624
624
|
inputActiveOptionForeground: "var(--vscode-editor-background)",
|
|
@@ -628,7 +628,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
628
628
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
629
629
|
const showOnStartupLabel = $("label.caption", {
|
|
630
630
|
for: "showOnStartup"
|
|
631
|
-
}, ( localize(
|
|
631
|
+
}, ( localize(15231, "Show welcome page on startup")));
|
|
632
632
|
const onShowOnStartupChanged = () => {
|
|
633
633
|
if (showOnStartupCheckbox.checked) {
|
|
634
634
|
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(15232, "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(15233, "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(15234, "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(15235, "Welcome"))),
|
|
118
118
|
[( new SyncDescriptor(GettingStartedInput))]
|
|
119
119
|
);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(15235, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: "welcome.goBack",
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(15236, "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(15237, "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(15238, "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(15239, "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(15240, "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
|
+
15241,
|
|
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
|
+
15242,
|
|
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(15243, "Start without an editor.")), ( localize(
|
|
312
|
+
15244,
|
|
313
313
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
314
314
|
)), ( localize(
|
|
315
|
-
|
|
315
|
+
15245,
|
|
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
|
+
15246,
|
|
319
319
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
320
|
-
)), ( localize(
|
|
321
|
-
|
|
320
|
+
)), ( localize(15247, "Open the Welcome page when opening an empty workbench.")), ( localize(15248, "Open a new terminal in the editor area.")), ( localize(
|
|
321
|
+
15249,
|
|
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
|
+
15250,
|
|
327
327
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
328
328
|
)),
|
|
329
329
|
"experiment": {
|
|
@@ -334,8 +334,8 @@ configurationRegistry.registerConfiguration({
|
|
|
334
334
|
scope: ConfigurationScope.APPLICATION,
|
|
335
335
|
type: "boolean",
|
|
336
336
|
default: false,
|
|
337
|
-
deprecationMessage: ( localize(
|
|
338
|
-
description: ( localize(
|
|
337
|
+
deprecationMessage: ( localize(15251, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
338
|
+
description: ( localize(15252, "When enabled, reduce motion in welcome page."))
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
});
|
|
@@ -174,7 +174,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
174
174
|
this.container = $(".gettingStartedContainer", {
|
|
175
175
|
role: "document",
|
|
176
176
|
tabindex: 0,
|
|
177
|
-
"aria-label": ( localize(
|
|
177
|
+
"aria-label": ( localize(15253, "Overview of how to get up to speed with your editor."))
|
|
178
178
|
});
|
|
179
179
|
this.stepMediaComponent = $(".getting-started-media");
|
|
180
180
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -248,17 +248,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
248
248
|
badgeelement.parentElement?.setAttribute("aria-checked", "true");
|
|
249
249
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
250
250
|
badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
251
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
251
|
+
badgeelement.setAttribute("aria-label", ( localize(15254, "{0}: Completed", step.title)));
|
|
252
252
|
} else {
|
|
253
253
|
badgeelement.setAttribute("aria-checked", "false");
|
|
254
254
|
badgeelement.parentElement?.setAttribute("aria-checked", "false");
|
|
255
255
|
badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
256
256
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
257
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
257
|
+
badgeelement.setAttribute("aria-label", ( localize(15255, "{0}: Not completed", step.title)));
|
|
258
258
|
}
|
|
259
259
|
});
|
|
260
260
|
if (step.done) {
|
|
261
|
-
status(( localize(
|
|
261
|
+
status(( localize(15256, "Step {0} completed", step.title)));
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
264
|
this.updateCategoryProgress();
|
|
@@ -515,7 +515,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
515
515
|
canPickMany: false,
|
|
516
516
|
matchOnDescription: true,
|
|
517
517
|
matchOnDetail: true,
|
|
518
|
-
title: ( localize(
|
|
518
|
+
title: ( localize(15257, "Open Walkthrough..."))
|
|
519
519
|
});
|
|
520
520
|
if (selection) {
|
|
521
521
|
this.runDispatchCommand("selectCategory", selection.id);
|
|
@@ -746,7 +746,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
746
746
|
const themeType = this.themeService.getColorTheme().type;
|
|
747
747
|
const videoPath = media.path[themeType];
|
|
748
748
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
749
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
749
|
+
const altText = media.altText ? media.altText : ( localize(15258, "Video for {0}", stepToExpand.title));
|
|
750
750
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
751
751
|
this.webview.setHtml(rawHTML);
|
|
752
752
|
let isDisposed = false;
|
|
@@ -778,8 +778,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
778
778
|
provideScreenReaderUpdate() {
|
|
779
779
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
780
780
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
781
|
-
return kbLabel ? ( localize(
|
|
782
|
-
|
|
781
|
+
return kbLabel ? ( localize(15259, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
782
|
+
15260,
|
|
783
783
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
784
784
|
));
|
|
785
785
|
}
|
|
@@ -848,7 +848,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
848
848
|
this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
|
|
849
849
|
const prevButton = $("button.prev-button.button-link", {
|
|
850
850
|
"x-dispatch": "scrollPrev"
|
|
851
|
-
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(
|
|
851
|
+
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(15261, "Go Back"))));
|
|
852
852
|
this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
|
|
853
853
|
this.stepsContent = $(".gettingStartedDetailsContent", {});
|
|
854
854
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
|
|
@@ -877,13 +877,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
877
877
|
icon: Codicon.check,
|
|
878
878
|
actionClassName: "getting-started-checkbox",
|
|
879
879
|
isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
|
|
880
|
-
title: ( localize(
|
|
880
|
+
title: ( localize(15262, "When checked, this page will be shown on startup.")),
|
|
881
881
|
...defaultToggleStyles
|
|
882
882
|
}));
|
|
883
883
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
884
884
|
const showOnStartupLabel = $("label.caption", {
|
|
885
885
|
for: "showOnStartup"
|
|
886
|
-
}, ( localize(
|
|
886
|
+
}, ( localize(15263, "Show welcome page on startup")));
|
|
887
887
|
const onShowOnStartupChanged = () => {
|
|
888
888
|
if (showOnStartupCheckbox.checked) {
|
|
889
889
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
@@ -913,7 +913,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
913
913
|
".header",
|
|
914
914
|
{},
|
|
915
915
|
$("h1.product-name.caption", {}, this.productService.nameLong),
|
|
916
|
-
$("p.subtitle.description", {}, ( localize(
|
|
916
|
+
$("p.subtitle.description", {}, ( localize(15264, "Editing evolved")))
|
|
917
917
|
);
|
|
918
918
|
const leftColumn = $(".categories-column.categories-column-left", {});
|
|
919
919
|
const rightColumn = $(".categories-column.categories-column-right", {});
|
|
@@ -1028,7 +1028,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1028
1028
|
const link = $("button.button-link");
|
|
1029
1029
|
link.innerText = name;
|
|
1030
1030
|
link.title = fullPath;
|
|
1031
|
-
link.setAttribute("aria-label", ( localize(
|
|
1031
|
+
link.setAttribute("aria-label", ( localize(15265, "Open folder {0} with path {1}", name, parentPath)));
|
|
1032
1032
|
link.addEventListener("click", e => {
|
|
1033
1033
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
1034
1034
|
command: "openRecent",
|
|
@@ -1054,8 +1054,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1054
1054
|
{
|
|
1055
1055
|
"tabindex": 0,
|
|
1056
1056
|
"role": "button",
|
|
1057
|
-
"title": ( localize(
|
|
1058
|
-
"aria-label": ( localize(
|
|
1057
|
+
"title": ( localize(15266, "Remove from Recently Opened")),
|
|
1058
|
+
"aria-label": ( localize(15267, "Remove {0} from Recently Opened", name))
|
|
1059
1059
|
}
|
|
1060
1060
|
);
|
|
1061
1061
|
const handleDelete = async e => {
|
|
@@ -1077,20 +1077,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1077
1077
|
this.recentlyOpenedList.dispose();
|
|
1078
1078
|
}
|
|
1079
1079
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
1080
|
-
title: ( localize(
|
|
1080
|
+
title: ( localize(15268, "Recent")),
|
|
1081
1081
|
klass: "recently-opened",
|
|
1082
1082
|
limit: 5,
|
|
1083
|
-
empty: $(".empty-recent", {}, ( localize(
|
|
1083
|
+
empty: $(".empty-recent", {}, ( localize(15269, "You have no recent folders,")), $("button.button-link", {
|
|
1084
1084
|
"x-dispatch": "openFolder"
|
|
1085
|
-
}, ( localize(
|
|
1085
|
+
}, ( localize(15270, "open a folder"))), ( localize(15271, "to start."))),
|
|
1086
1086
|
more: $(".more", {}, $("button.button-link", {
|
|
1087
1087
|
"x-dispatch": "showMoreRecents",
|
|
1088
1088
|
title: ( localize(
|
|
1089
|
-
|
|
1089
|
+
15272,
|
|
1090
1090
|
"Show All Recent Folders {0}",
|
|
1091
1091
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
1092
1092
|
))
|
|
1093
|
-
}, ( localize(
|
|
1093
|
+
}, ( localize(15273, "More...")))),
|
|
1094
1094
|
renderElement: renderRecent,
|
|
1095
1095
|
contextService: this.contextService
|
|
1096
1096
|
}));
|
|
@@ -1139,7 +1139,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1139
1139
|
this.startList.dispose();
|
|
1140
1140
|
}
|
|
1141
1141
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
1142
|
-
title: ( localize(
|
|
1142
|
+
title: ( localize(15274, "Start")),
|
|
1143
1143
|
klass: "start-container",
|
|
1144
1144
|
limit: 10,
|
|
1145
1145
|
renderElement: renderStartEntry,
|
|
@@ -1155,9 +1155,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1155
1155
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
1156
1156
|
const newBadge = $(".new-badge", {});
|
|
1157
1157
|
if (category.newEntry) {
|
|
1158
|
-
reset(newBadge, $(".new-category", {}, ( localize(
|
|
1158
|
+
reset(newBadge, $(".new-category", {}, ( localize(15275, "New"))));
|
|
1159
1159
|
} else if (category.newItems) {
|
|
1160
|
-
reset(newBadge, $(".new-items", {}, ( localize(
|
|
1160
|
+
reset(newBadge, $(".new-items", {}, ( localize(15276, "Updated"))));
|
|
1161
1161
|
}
|
|
1162
1162
|
const featuredBadge = $(".featured-badge", {});
|
|
1163
1163
|
const descriptionContent = $(".description-content", {});
|
|
@@ -1188,9 +1188,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1188
1188
|
$("a.codicon.codicon-close.hide-category-button", {
|
|
1189
1189
|
"tabindex": 0,
|
|
1190
1190
|
"x-dispatch": "hideCategory:" + category.id,
|
|
1191
|
-
"title": ( localize(
|
|
1191
|
+
"title": ( localize(15277, "Hide")),
|
|
1192
1192
|
"role": "button",
|
|
1193
|
-
"aria-label": ( localize(
|
|
1193
|
+
"aria-label": ( localize(15278, "Hide"))
|
|
1194
1194
|
})
|
|
1195
1195
|
),
|
|
1196
1196
|
descriptionContent,
|
|
@@ -1224,13 +1224,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1224
1224
|
return rank;
|
|
1225
1225
|
};
|
|
1226
1226
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
1227
|
-
title: ( localize(
|
|
1227
|
+
title: ( localize(15279, "Walkthroughs")),
|
|
1228
1228
|
klass: "getting-started",
|
|
1229
1229
|
limit: 5,
|
|
1230
1230
|
footer: $("span.button-link.see-all-walkthroughs", {
|
|
1231
1231
|
"x-dispatch": "seeAllWalkthroughs",
|
|
1232
1232
|
"tabindex": 0
|
|
1233
|
-
}, ( localize(
|
|
1233
|
+
}, ( localize(15273, "More..."))),
|
|
1234
1234
|
renderElement: renderGetttingStaredWalkthrough,
|
|
1235
1235
|
rankElement: rankWalkthrough,
|
|
1236
1236
|
contextService: this.contextService
|
|
@@ -1283,9 +1283,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1283
1283
|
bar.style.width = `${progress}%`;
|
|
1284
1284
|
element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
|
|
1285
1285
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1286
|
-
bar.title = ( localize(
|
|
1286
|
+
bar.title = ( localize(15280, "All {0} steps complete!", stats.stepsComplete));
|
|
1287
1287
|
} else {
|
|
1288
|
-
bar.title = ( localize(
|
|
1288
|
+
bar.title = ( localize(15281, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1289
1289
|
}
|
|
1290
1290
|
});
|
|
1291
1291
|
}
|
|
@@ -1436,7 +1436,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1436
1436
|
if (isCommand) {
|
|
1437
1437
|
const keybinding = this.getKeyBinding(command);
|
|
1438
1438
|
if (keybinding) {
|
|
1439
|
-
const shortcutMessage = $("span.shortcut-message", {}, ( localize(
|
|
1439
|
+
const shortcutMessage = $("span.shortcut-message", {}, ( localize(15282, "Tip: Use keyboard shortcut ")));
|
|
1440
1440
|
container.appendChild(shortcutMessage);
|
|
1441
1441
|
const label = ( new KeybindingLabel(shortcutMessage, OS, {
|
|
1442
1442
|
...defaultKeybindingLabelStyles
|
|
@@ -1545,7 +1545,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1545
1545
|
"x-dispatch": "toggleStepCompletion:" + step.id,
|
|
1546
1546
|
"role": "checkbox",
|
|
1547
1547
|
"aria-checked": step.done ? "true" : "false",
|
|
1548
|
-
"aria-label": step.done ? ( localize(
|
|
1548
|
+
"aria-label": step.done ? ( localize(15254, "{0}: Completed", step.title)) : ( localize(15255, "{0}: Not completed", step.title))
|
|
1549
1549
|
}
|
|
1550
1550
|
);
|
|
1551
1551
|
const container = $(".step-description-container", {
|
|
@@ -1559,11 +1559,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1559
1559
|
const stepDescription = $(".step-container", {}, stepTitle, container);
|
|
1560
1560
|
if (step.media.type === "image") {
|
|
1561
1561
|
stepDescription.appendChild($(".image-description", {
|
|
1562
|
-
"aria-label": ( localize(
|
|
1562
|
+
"aria-label": ( localize(15283, "Image showing {0}", step.media.altText))
|
|
1563
1563
|
}));
|
|
1564
1564
|
} else if (step.media.type === "video") {
|
|
1565
1565
|
stepDescription.appendChild($(".video-description", {
|
|
1566
|
-
"aria-label": ( localize(
|
|
1566
|
+
"aria-label": ( localize(15284, "Video showing {0}", step.media.altText))
|
|
1567
1567
|
}));
|
|
1568
1568
|
}
|
|
1569
1569
|
return $("button.getting-started-step", {
|
|
@@ -1588,9 +1588,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1588
1588
|
"role": "list"
|
|
1589
1589
|
}, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
|
|
1590
1590
|
"x-dispatch": "allDone"
|
|
1591
|
-
}, $("span.codicon.codicon-check-all"), ( localize(
|
|
1591
|
+
}, $("span.codicon.codicon-check-all"), ( localize(15285, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
|
|
1592
1592
|
"x-dispatch": "nextSection"
|
|
1593
|
-
}, ( localize(
|
|
1593
|
+
}, ( localize(15286, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
|
|
1594
1594
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, {
|
|
1595
1595
|
className: "steps-container"
|
|
1596
1596
|
})));
|
|
@@ -1613,12 +1613,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1613
1613
|
this.registerDispatchListeners();
|
|
1614
1614
|
}
|
|
1615
1615
|
buildTelemetryFooter(parent) {
|
|
1616
|
-
const privacyStatementCopy = ( localize(
|
|
1616
|
+
const privacyStatementCopy = ( localize(15287, "privacy statement"));
|
|
1617
1617
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1618
|
-
const optOutCopy = ( localize(
|
|
1618
|
+
const optOutCopy = ( localize(15288, "opt out"));
|
|
1619
1619
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1620
1620
|
const text = ( localize(
|
|
1621
|
-
|
|
1621
|
+
15289,
|
|
1622
1622
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1623
1623
|
this.productService.nameShort,
|
|
1624
1624
|
privacyStatementButton,
|
|
@@ -1693,7 +1693,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1693
1693
|
const prevButton = this.container.querySelector(".prev-button.button-link");
|
|
1694
1694
|
prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
|
|
1695
1695
|
const moreTextElement = prevButton.querySelector(".moreText");
|
|
1696
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1696
|
+
moreTextElement.textContent = firstLaunch ? ( localize(15290, "Welcome")) : ( localize(15261, "Go Back"));
|
|
1697
1697
|
this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
|
|
1698
1698
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
|
|
1699
1699
|
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(15291, "{0}\n{1}", step.title, description));
|
|
134
134
|
if (includeTitle) {
|
|
135
|
-
return [( localize(
|
|
135
|
+
return [( localize(15292, "Title: {0}", waltkrough.title)), ( localize(15293, "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(15294, "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(15295, "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(15296, "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(15297, "Border color for the tiles on the Welcome page.")));
|
|
34
|
+
registerColor("welcomePage.progress.background", inputBackground, ( localize(15298, "Foreground color for the Welcome page progress bars.")));
|
|
35
|
+
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(15299, "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(15300, "Foreground color of the heading of each walkthrough step")));
|