@codingame/monaco-vscode-walkthrough-service-override 26.0.0 → 26.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -3
- 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 +19 -19
- 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": "26.
|
|
3
|
+
"version": "26.1.0",
|
|
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": "26.
|
|
19
|
-
"@codingame/monaco-vscode-katex-common": "26.
|
|
18
|
+
"@codingame/monaco-vscode-api": "26.1.0",
|
|
19
|
+
"@codingame/monaco-vscode-katex-common": "26.1.0",
|
|
20
20
|
"marked": "14.0.0"
|
|
21
21
|
},
|
|
22
22
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.js
CHANGED
|
@@ -146,7 +146,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
146
146
|
this.container = $(".agentSessionsWelcome", {
|
|
147
147
|
role: "document",
|
|
148
148
|
tabindex: 0,
|
|
149
|
-
"aria-label": ( localize(
|
|
149
|
+
"aria-label": ( localize(13529, "Overview of agent sessions and how to get started."))
|
|
150
150
|
});
|
|
151
151
|
this.contextService = this._register(contextKeyService.createScoped(this.container));
|
|
152
152
|
ChatContextKeys.inAgentSessionsWelcome.bindTo(this.contextService).set(true);
|
|
@@ -219,15 +219,15 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
219
219
|
buildStartEntries(container) {
|
|
220
220
|
const entries = [{
|
|
221
221
|
icon: Codicon.folderOpened,
|
|
222
|
-
label: ( localize(
|
|
222
|
+
label: ( localize(13530, "Open Recent...")),
|
|
223
223
|
command: "workbench.action.openRecent"
|
|
224
224
|
}, {
|
|
225
225
|
icon: Codicon.newFile,
|
|
226
|
-
label: ( localize(
|
|
226
|
+
label: ( localize(13531, "New file...")),
|
|
227
227
|
command: "workbench.action.files.newUntitledFile"
|
|
228
228
|
}, {
|
|
229
229
|
icon: Codicon.repoClone,
|
|
230
|
-
label: ( localize(
|
|
230
|
+
label: ( localize(13532, "Clone Git Repository...")),
|
|
231
231
|
command: "git.clone"
|
|
232
232
|
}];
|
|
233
233
|
for (const entry of entries) {
|
|
@@ -446,7 +446,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
446
446
|
const loadingContainer = append(container, $(".agentSessionsWelcome-sessionsLoading", {
|
|
447
447
|
"role": "status",
|
|
448
448
|
"aria-busy": "true",
|
|
449
|
-
"aria-label": ( localize(
|
|
449
|
+
"aria-label": ( localize(13533, "Loading sessions..."))
|
|
450
450
|
}));
|
|
451
451
|
for (let i = 0; i < MAX_SESSIONS; i++) {
|
|
452
452
|
const skeleton = append(loadingContainer, $(".agentSessionsWelcome-sessionSkeleton", {
|
|
@@ -515,7 +515,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
515
515
|
})
|
|
516
516
|
);
|
|
517
517
|
const openButton = append(container, $("button.agentSessionsWelcome-openSessionsButton"));
|
|
518
|
-
openButton.textContent = ( localize(
|
|
518
|
+
openButton.textContent = ( localize(13534, "View All Sessions"));
|
|
519
519
|
openButton.onclick = () => {
|
|
520
520
|
this._closedBy = "viewAllSessions";
|
|
521
521
|
this.revealMaximizedChat();
|
|
@@ -535,10 +535,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
535
535
|
const navContainer = append(card, $(".agentSessionsWelcome-walkthroughCard-nav"));
|
|
536
536
|
const prevButton = append(navContainer, $("button.nav-button"));
|
|
537
537
|
prevButton.appendChild(renderIcon(Codicon.chevronLeft));
|
|
538
|
-
prevButton.title = ( localize(
|
|
538
|
+
prevButton.title = ( localize(13535, "Previous"));
|
|
539
539
|
const nextButton = append(navContainer, $("button.nav-button"));
|
|
540
540
|
nextButton.appendChild(renderIcon(Codicon.chevronRight));
|
|
541
|
-
nextButton.title = ( localize(
|
|
541
|
+
nextButton.title = ( localize(13536, "Next"));
|
|
542
542
|
const updateContent = () => {
|
|
543
543
|
const walkthrough = activeWalkthroughs[currentIndex];
|
|
544
544
|
clearNode(iconContainer);
|
|
@@ -618,10 +618,10 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
618
618
|
iconContainer.appendChild(renderIcon(Codicon.chatSparkle));
|
|
619
619
|
const content = append(tosCard, $(".agentSessionsWelcome-walkthroughCard-content"));
|
|
620
620
|
const title = append(content, $(".agentSessionsWelcome-walkthroughCard-title"));
|
|
621
|
-
title.textContent = ( localize(
|
|
621
|
+
title.textContent = ( localize(13537, "Your GitHub Copilot trial is active"));
|
|
622
622
|
const desc = append(content, $(".agentSessionsWelcome-walkthroughCard-description"));
|
|
623
623
|
const descriptionMarkdown = ( new MarkdownString(( localize(
|
|
624
|
-
|
|
624
|
+
13538,
|
|
625
625
|
"By continuing, you agree to {0}'s [Terms]({1}) and [Privacy Statement]({2}).",
|
|
626
626
|
providers.default.name,
|
|
627
627
|
this.productService.defaultChatAgent.termsStatementUrl,
|
|
@@ -633,7 +633,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
633
633
|
desc.appendChild(renderedMarkdown.element);
|
|
634
634
|
const dismissButton = append(tosCard, $("button.agentSessionsWelcome-tosCard-dismiss"));
|
|
635
635
|
dismissButton.appendChild(renderIcon(Codicon.close));
|
|
636
|
-
dismissButton.title = ( localize(
|
|
636
|
+
dismissButton.title = ( localize(13539, "Dismiss"));
|
|
637
637
|
dismissButton.onclick = e => {
|
|
638
638
|
e.stopPropagation();
|
|
639
639
|
dismissNotice();
|
|
@@ -646,7 +646,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
646
646
|
icon: Codicon.check,
|
|
647
647
|
actionClassName: "agentSessionsWelcome-checkbox",
|
|
648
648
|
isChecked: this.configurationService.getValue(configurationKey) === "agentSessionsWelcomePage",
|
|
649
|
-
title: ( localize(
|
|
649
|
+
title: ( localize(13540, "When checked, this page will be shown on startup.")),
|
|
650
650
|
...getToggleStyles({
|
|
651
651
|
inputActiveOptionBackground: "var(--vscode-descriptionForeground)",
|
|
652
652
|
inputActiveOptionForeground: "var(--vscode-editor-background)",
|
|
@@ -656,7 +656,7 @@ let AgentSessionsWelcomePage = class AgentSessionsWelcomePage extends EditorPane
|
|
|
656
656
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
657
657
|
const showOnStartupLabel = $("label.caption", {
|
|
658
658
|
for: "showOnStartup"
|
|
659
|
-
}, ( localize(
|
|
659
|
+
}, ( localize(13541, "Show welcome page on startup")));
|
|
660
660
|
const onShowOnStartupChanged = () => {
|
|
661
661
|
if (showOnStartupCheckbox.checked) {
|
|
662
662
|
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(13542, "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(13543, "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(13544, "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(13545, "Welcome"))),
|
|
118
118
|
[( new SyncDescriptor(GettingStartedInput))]
|
|
119
119
|
);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(13545, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: "welcome.goBack",
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(13546, "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(13547, "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(13548, "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(13549, "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(13550, "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
|
+
13551,
|
|
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
|
+
13552,
|
|
296
296
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
297
297
|
))
|
|
298
298
|
},
|
|
@@ -308,19 +308,19 @@ configurationRegistry.registerConfiguration({
|
|
|
308
308
|
"terminal",
|
|
309
309
|
"agentSessionsWelcomePage"
|
|
310
310
|
],
|
|
311
|
-
"enumDescriptions": [( localize(
|
|
312
|
-
|
|
311
|
+
"enumDescriptions": [( localize(13553, "Start without an editor.")), ( localize(
|
|
312
|
+
13554,
|
|
313
313
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
314
314
|
)), ( localize(
|
|
315
|
-
|
|
315
|
+
13555,
|
|
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
|
+
13556,
|
|
319
319
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
320
|
-
)), ( localize(
|
|
320
|
+
)), ( localize(13557, "Open the Welcome page when opening an empty workbench.")), ( localize(13558, "Open a new terminal in the editor area.")), ( localize(13559, "Open the Agent Sessions Welcome page."))],
|
|
321
321
|
"default": "welcomePage",
|
|
322
322
|
"description": ( localize(
|
|
323
|
-
|
|
323
|
+
13560,
|
|
324
324
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
325
325
|
)),
|
|
326
326
|
"experiment": {
|
|
@@ -331,8 +331,8 @@ configurationRegistry.registerConfiguration({
|
|
|
331
331
|
scope: ConfigurationScope.APPLICATION,
|
|
332
332
|
type: "boolean",
|
|
333
333
|
default: false,
|
|
334
|
-
deprecationMessage: ( localize(
|
|
335
|
-
description: ( localize(
|
|
334
|
+
deprecationMessage: ( localize(13561, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
335
|
+
description: ( localize(13562, "When enabled, reduce motion in welcome page."))
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
});
|
|
@@ -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(13563, "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();
|
|
@@ -249,17 +249,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
249
249
|
badgeelement.parentElement?.setAttribute("aria-checked", "true");
|
|
250
250
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
251
251
|
badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
252
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
252
|
+
badgeelement.setAttribute("aria-label", ( localize(13564, "Checkbox for Step {0}: Completed", step.title)));
|
|
253
253
|
} else {
|
|
254
254
|
badgeelement.setAttribute("aria-checked", "false");
|
|
255
255
|
badgeelement.parentElement?.setAttribute("aria-checked", "false");
|
|
256
256
|
badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
257
257
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
258
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
258
|
+
badgeelement.setAttribute("aria-label", ( localize(13565, "Checkbox for Step {0}: Not completed", step.title)));
|
|
259
259
|
}
|
|
260
260
|
});
|
|
261
261
|
if (step.done) {
|
|
262
|
-
status(( localize(
|
|
262
|
+
status(( localize(13566, "Step {0} completed", step.title)));
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
this.updateCategoryProgress();
|
|
@@ -516,7 +516,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
516
516
|
canPickMany: false,
|
|
517
517
|
matchOnDescription: true,
|
|
518
518
|
matchOnDetail: true,
|
|
519
|
-
title: ( localize(
|
|
519
|
+
title: ( localize(13567, "Open Walkthrough..."))
|
|
520
520
|
});
|
|
521
521
|
if (selection) {
|
|
522
522
|
this.runDispatchCommand("selectCategory", selection.id);
|
|
@@ -747,7 +747,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
747
747
|
const themeType = this.themeService.getColorTheme().type;
|
|
748
748
|
const videoPath = media.path[themeType];
|
|
749
749
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
750
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
750
|
+
const altText = media.altText ? media.altText : ( localize(13568, "Video for {0}", stepToExpand.title));
|
|
751
751
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
752
752
|
this.webview.setHtml(rawHTML);
|
|
753
753
|
let isDisposed = false;
|
|
@@ -779,8 +779,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
779
779
|
provideScreenReaderUpdate() {
|
|
780
780
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
781
781
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
782
|
-
return kbLabel ? ( localize(
|
|
783
|
-
|
|
782
|
+
return kbLabel ? ( localize(13569, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
783
|
+
13570,
|
|
784
784
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
785
785
|
));
|
|
786
786
|
}
|
|
@@ -849,7 +849,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
849
849
|
this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
|
|
850
850
|
const prevButton = $("button.prev-button.button-link", {
|
|
851
851
|
"x-dispatch": "scrollPrev"
|
|
852
|
-
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(
|
|
852
|
+
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(13571, "Go Back"))));
|
|
853
853
|
this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
|
|
854
854
|
this.stepsContent = $(".gettingStartedDetailsContent", {});
|
|
855
855
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
|
|
@@ -878,13 +878,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
878
878
|
icon: Codicon.check,
|
|
879
879
|
actionClassName: "getting-started-checkbox",
|
|
880
880
|
isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
|
|
881
|
-
title: ( localize(
|
|
881
|
+
title: ( localize(13572, "When checked, this page will be shown on startup.")),
|
|
882
882
|
...defaultToggleStyles
|
|
883
883
|
}));
|
|
884
884
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
885
885
|
const showOnStartupLabel = $("label.caption", {
|
|
886
886
|
for: "showOnStartup"
|
|
887
|
-
}, ( localize(
|
|
887
|
+
}, ( localize(13573, "Show welcome page on startup")));
|
|
888
888
|
const onShowOnStartupChanged = () => {
|
|
889
889
|
if (showOnStartupCheckbox.checked) {
|
|
890
890
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
@@ -914,7 +914,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
914
914
|
".header",
|
|
915
915
|
{},
|
|
916
916
|
$("h1.product-name.caption", {}, this.productService.nameLong),
|
|
917
|
-
$("p.subtitle.description", {}, ( localize(
|
|
917
|
+
$("p.subtitle.description", {}, ( localize(13574, "Editing evolved")))
|
|
918
918
|
);
|
|
919
919
|
const leftColumn = $(".categories-column.categories-column-left", {});
|
|
920
920
|
const rightColumn = $(".categories-column.categories-column-right", {});
|
|
@@ -1029,7 +1029,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1029
1029
|
const link = $("button.button-link");
|
|
1030
1030
|
link.innerText = name;
|
|
1031
1031
|
link.title = fullPath;
|
|
1032
|
-
link.setAttribute("aria-label", ( localize(
|
|
1032
|
+
link.setAttribute("aria-label", ( localize(13575, "Open folder {0} with path {1}", name, parentPath)));
|
|
1033
1033
|
link.addEventListener("click", e => {
|
|
1034
1034
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
1035
1035
|
command: "openRecent",
|
|
@@ -1055,8 +1055,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1055
1055
|
{
|
|
1056
1056
|
"tabindex": 0,
|
|
1057
1057
|
"role": "button",
|
|
1058
|
-
"title": ( localize(
|
|
1059
|
-
"aria-label": ( localize(
|
|
1058
|
+
"title": ( localize(13576, "Remove from Recently Opened")),
|
|
1059
|
+
"aria-label": ( localize(13577, "Remove {0} from Recently Opened", name))
|
|
1060
1060
|
}
|
|
1061
1061
|
);
|
|
1062
1062
|
const handleDelete = async e => {
|
|
@@ -1078,20 +1078,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1078
1078
|
this.recentlyOpenedList.dispose();
|
|
1079
1079
|
}
|
|
1080
1080
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
1081
|
-
title: ( localize(
|
|
1081
|
+
title: ( localize(13578, "Recent")),
|
|
1082
1082
|
klass: "recently-opened",
|
|
1083
1083
|
limit: 5,
|
|
1084
|
-
empty: $(".empty-recent", {}, ( localize(
|
|
1084
|
+
empty: $(".empty-recent", {}, ( localize(13579, "You have no recent folders,")), $("button.button-link", {
|
|
1085
1085
|
"x-dispatch": "openFolder"
|
|
1086
|
-
}, ( localize(
|
|
1086
|
+
}, ( localize(13580, "open a folder"))), ( localize(13581, "to start."))),
|
|
1087
1087
|
more: $(".more", {}, $("button.button-link", {
|
|
1088
1088
|
"x-dispatch": "showMoreRecents",
|
|
1089
1089
|
title: ( localize(
|
|
1090
|
-
|
|
1090
|
+
13582,
|
|
1091
1091
|
"Show All Recent Folders {0}",
|
|
1092
1092
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
1093
1093
|
))
|
|
1094
|
-
}, ( localize(
|
|
1094
|
+
}, ( localize(13583, "More...")))),
|
|
1095
1095
|
renderElement: renderRecent,
|
|
1096
1096
|
contextService: this.contextService
|
|
1097
1097
|
}));
|
|
@@ -1140,7 +1140,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1140
1140
|
this.startList.dispose();
|
|
1141
1141
|
}
|
|
1142
1142
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
1143
|
-
title: ( localize(
|
|
1143
|
+
title: ( localize(13584, "Start")),
|
|
1144
1144
|
klass: "start-container",
|
|
1145
1145
|
limit: 10,
|
|
1146
1146
|
renderElement: renderStartEntry,
|
|
@@ -1156,9 +1156,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1156
1156
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
1157
1157
|
const newBadge = $(".new-badge", {});
|
|
1158
1158
|
if (category.newEntry) {
|
|
1159
|
-
reset(newBadge, $(".new-category", {}, ( localize(
|
|
1159
|
+
reset(newBadge, $(".new-category", {}, ( localize(13585, "New"))));
|
|
1160
1160
|
} else if (category.newItems) {
|
|
1161
|
-
reset(newBadge, $(".new-items", {}, ( localize(
|
|
1161
|
+
reset(newBadge, $(".new-items", {}, ( localize(13586, "Updated"))));
|
|
1162
1162
|
}
|
|
1163
1163
|
const featuredBadge = $(".featured-badge", {});
|
|
1164
1164
|
const descriptionContent = $(".description-content", {});
|
|
@@ -1189,9 +1189,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1189
1189
|
$("a.codicon.codicon-close.hide-category-button", {
|
|
1190
1190
|
"tabindex": 0,
|
|
1191
1191
|
"x-dispatch": "hideCategory:" + category.id,
|
|
1192
|
-
"title": ( localize(
|
|
1192
|
+
"title": ( localize(13587, "Hide")),
|
|
1193
1193
|
"role": "button",
|
|
1194
|
-
"aria-label": ( localize(
|
|
1194
|
+
"aria-label": ( localize(13588, "Hide"))
|
|
1195
1195
|
})
|
|
1196
1196
|
),
|
|
1197
1197
|
descriptionContent,
|
|
@@ -1225,13 +1225,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1225
1225
|
return rank;
|
|
1226
1226
|
};
|
|
1227
1227
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
1228
|
-
title: ( localize(
|
|
1228
|
+
title: ( localize(13589, "Walkthroughs")),
|
|
1229
1229
|
klass: "getting-started",
|
|
1230
1230
|
limit: 5,
|
|
1231
1231
|
footer: $("span.button-link.see-all-walkthroughs", {
|
|
1232
1232
|
"x-dispatch": "seeAllWalkthroughs",
|
|
1233
1233
|
"tabindex": 0
|
|
1234
|
-
}, ( localize(
|
|
1234
|
+
}, ( localize(13583, "More..."))),
|
|
1235
1235
|
renderElement: renderGetttingStaredWalkthrough,
|
|
1236
1236
|
rankElement: rankWalkthrough,
|
|
1237
1237
|
contextService: this.contextService
|
|
@@ -1284,9 +1284,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1284
1284
|
bar.style.width = `${progress}%`;
|
|
1285
1285
|
element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
|
|
1286
1286
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1287
|
-
bar.title = ( localize(
|
|
1287
|
+
bar.title = ( localize(13590, "All {0} steps complete!", stats.stepsComplete));
|
|
1288
1288
|
} else {
|
|
1289
|
-
bar.title = ( localize(
|
|
1289
|
+
bar.title = ( localize(13591, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1290
1290
|
}
|
|
1291
1291
|
});
|
|
1292
1292
|
}
|
|
@@ -1437,7 +1437,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1437
1437
|
if (isCommand) {
|
|
1438
1438
|
const keybinding = this.getKeyBinding(command);
|
|
1439
1439
|
if (keybinding) {
|
|
1440
|
-
const shortcutMessage = $("span.shortcut-message", {}, ( localize(
|
|
1440
|
+
const shortcutMessage = $("span.shortcut-message", {}, ( localize(13592, "Tip: Use keyboard shortcut ")));
|
|
1441
1441
|
container.appendChild(shortcutMessage);
|
|
1442
1442
|
const label = ( new KeybindingLabel(shortcutMessage, OS, {
|
|
1443
1443
|
...defaultKeybindingLabelStyles
|
|
@@ -1546,7 +1546,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1546
1546
|
"x-dispatch": "toggleStepCompletion:" + step.id,
|
|
1547
1547
|
"role": "checkbox",
|
|
1548
1548
|
"aria-checked": step.done ? "true" : "false",
|
|
1549
|
-
"aria-label": step.done ? ( localize(
|
|
1549
|
+
"aria-label": step.done ? ( localize(13564, "Checkbox for Step {0}: Completed", step.title)) : ( localize(13565, "Checkbox for Step {0}: Not completed", step.title))
|
|
1550
1550
|
}
|
|
1551
1551
|
);
|
|
1552
1552
|
const container = $(".step-description-container", {
|
|
@@ -1560,11 +1560,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1560
1560
|
const stepDescription = $(".step-container", {}, stepTitle, container);
|
|
1561
1561
|
if (step.media.type === "image") {
|
|
1562
1562
|
stepDescription.appendChild($(".image-description", {
|
|
1563
|
-
"aria-label": ( localize(
|
|
1563
|
+
"aria-label": ( localize(13593, "Image showing {0}", step.media.altText))
|
|
1564
1564
|
}));
|
|
1565
1565
|
} else if (step.media.type === "video") {
|
|
1566
1566
|
stepDescription.appendChild($(".video-description", {
|
|
1567
|
-
"aria-label": ( localize(
|
|
1567
|
+
"aria-label": ( localize(13594, "Video showing {0}", step.media.altText))
|
|
1568
1568
|
}));
|
|
1569
1569
|
}
|
|
1570
1570
|
return $("button.getting-started-step", {
|
|
@@ -1589,9 +1589,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1589
1589
|
"role": "list"
|
|
1590
1590
|
}, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
|
|
1591
1591
|
"x-dispatch": "allDone"
|
|
1592
|
-
}, $("span.codicon.codicon-check-all"), ( localize(
|
|
1592
|
+
}, $("span.codicon.codicon-check-all"), ( localize(13595, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
|
|
1593
1593
|
"x-dispatch": "nextSection"
|
|
1594
|
-
}, ( localize(
|
|
1594
|
+
}, ( localize(13596, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
|
|
1595
1595
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, {
|
|
1596
1596
|
className: "steps-container"
|
|
1597
1597
|
})));
|
|
@@ -1614,12 +1614,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1614
1614
|
this.registerDispatchListeners();
|
|
1615
1615
|
}
|
|
1616
1616
|
buildTelemetryFooter(parent) {
|
|
1617
|
-
const privacyStatementCopy = ( localize(
|
|
1617
|
+
const privacyStatementCopy = ( localize(13597, "privacy statement"));
|
|
1618
1618
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1619
|
-
const optOutCopy = ( localize(
|
|
1619
|
+
const optOutCopy = ( localize(13598, "opt out"));
|
|
1620
1620
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1621
1621
|
const text = ( localize(
|
|
1622
|
-
|
|
1622
|
+
13599,
|
|
1623
1623
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1624
1624
|
this.productService.nameShort,
|
|
1625
1625
|
privacyStatementButton,
|
|
@@ -1694,7 +1694,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1694
1694
|
const prevButton = this.container.querySelector(".prev-button.button-link");
|
|
1695
1695
|
prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
|
|
1696
1696
|
const moreTextElement = prevButton.querySelector(".moreText");
|
|
1697
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1697
|
+
moreTextElement.textContent = firstLaunch ? ( localize(13600, "Welcome")) : ( localize(13571, "Go Back"));
|
|
1698
1698
|
this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
|
|
1699
1699
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
|
|
1700
1700
|
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(13601, "{0}\n{1}", step.title, description));
|
|
134
134
|
if (includeTitle) {
|
|
135
|
-
return [( localize(
|
|
135
|
+
return [( localize(13602, "Title: {0}", waltkrough.title)), ( localize(13603, "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(13604, "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(13605, "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(13606, "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(13607, "Border color for the tiles on the Welcome page.")));
|
|
34
|
+
registerColor("welcomePage.progress.background", inputBackground, ( localize(13608, "Foreground color for the Welcome page progress bars.")));
|
|
35
|
+
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(13609, "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(13610, "Foreground color of the heading of each walkthrough step")));
|