@codingame/monaco-vscode-walkthrough-service-override 37.6.1 → 38.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 +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +21 -21
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.d.ts +3 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +51 -50
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js +7 -7
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedExtensionPoint.js +37 -37
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedIcons.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService._contribution.js +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +151 -151
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/media/multi-file-edits.svg +10 -10
- 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/walkThroughInput.js +1 -1
- 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": "38.0.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-api": "
|
|
18
|
+
"@codingame/monaco-vscode-api": "38.0.1",
|
|
19
19
|
"marked": "14.0.0"
|
|
20
20
|
},
|
|
21
21
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js
CHANGED
|
@@ -40,7 +40,7 @@ registerAction2(class extends Action2 {
|
|
|
40
40
|
constructor() {
|
|
41
41
|
super({
|
|
42
42
|
id: "workbench.action.openWalkthrough",
|
|
43
|
-
title: ( localize2(
|
|
43
|
+
title: ( localize2(23602, "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(23603, "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(23604, "Welcome"))),
|
|
118
118
|
[( new SyncDescriptor(GettingStartedInput))]
|
|
119
119
|
);
|
|
120
|
-
const category = ( localize2(
|
|
120
|
+
const category = ( localize2(23604, "Welcome"));
|
|
121
121
|
registerAction2(class extends Action2 {
|
|
122
122
|
constructor() {
|
|
123
123
|
super({
|
|
124
124
|
id: "welcome.goBack",
|
|
125
|
-
title: ( localize2(
|
|
125
|
+
title: ( localize2(23605, "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(23606, "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(23607, "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(23608, "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(23609, "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
|
+
23610,
|
|
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
|
+
23611,
|
|
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(23612, "Start without an editor.")), ( localize(
|
|
312
|
+
23613,
|
|
313
313
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
314
314
|
)), ( localize(
|
|
315
|
-
|
|
315
|
+
23614,
|
|
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
|
+
23615,
|
|
319
319
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
320
|
-
)), ( localize(
|
|
321
|
-
|
|
320
|
+
)), ( localize(23616, "Open the Welcome page when opening an empty workbench.")), ( localize(23617, "Open a new terminal in the editor area.")), ( localize(
|
|
321
|
+
23618,
|
|
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
|
+
23619,
|
|
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(23620, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
342
|
+
description: ( localize(23621, "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
|
+
23622,
|
|
351
351
|
"When enabled, show the new onboarding experience instead of the classic walkthrough on first launch."
|
|
352
352
|
)),
|
|
353
353
|
experiment: {
|
|
@@ -8,6 +8,7 @@ import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform
|
|
|
8
8
|
import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
|
|
9
9
|
import { ContextKeyExpression, RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
|
|
10
10
|
import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
|
|
11
|
+
import { IDefaultAccountService } from "@codingame/monaco-vscode-api/vscode/vs/platform/defaultAccount/common/defaultAccount.service";
|
|
11
12
|
import { IFileService } from "@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service";
|
|
12
13
|
import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
|
|
13
14
|
import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service";
|
|
@@ -69,6 +70,7 @@ export declare class GettingStartedPage extends EditorPane {
|
|
|
69
70
|
private readonly accessibilityService;
|
|
70
71
|
private readonly markdownRendererService;
|
|
71
72
|
private readonly chatEntitlementService;
|
|
73
|
+
private readonly defaultAccountService;
|
|
72
74
|
static readonly ID = "gettingStartedPage";
|
|
73
75
|
private inProgressScroll;
|
|
74
76
|
private readonly dispatchListeners;
|
|
@@ -98,7 +100,7 @@ export declare class GettingStartedPage extends EditorPane {
|
|
|
98
100
|
private readonly categoriesSlideDisposables;
|
|
99
101
|
private showFeaturedWalkthrough;
|
|
100
102
|
get editorInput(): GettingStartedInput | undefined;
|
|
101
|
-
constructor(group: IEditorGroup, commandService: ICommandService, productService: IProductService, keybindingService: IKeybindingService, gettingStartedService: IWalkthroughsService, configurationService: IConfigurationService, telemetryService: ITelemetryService, languageService: ILanguageService, fileService: IFileService, openerService: IOpenerService, themeService: IWorkbenchThemeService, storageService: IStorageService, extensionService: IExtensionService, instantiationService: IInstantiationService, notificationService: INotificationService, groupsService: IEditorGroupsService, contextService: IContextKeyService, quickInputService: IQuickInputService, workspacesService: IWorkspacesService, labelService: ILabelService, hostService: IHostService, webviewService: IWebviewService, workspaceContextService: IWorkspaceContextService, accessibilityService: IAccessibilityService, markdownRendererService: IMarkdownRendererService, chatEntitlementService: IChatEntitlementService);
|
|
103
|
+
constructor(group: IEditorGroup, commandService: ICommandService, productService: IProductService, keybindingService: IKeybindingService, gettingStartedService: IWalkthroughsService, configurationService: IConfigurationService, telemetryService: ITelemetryService, languageService: ILanguageService, fileService: IFileService, openerService: IOpenerService, themeService: IWorkbenchThemeService, storageService: IStorageService, extensionService: IExtensionService, instantiationService: IInstantiationService, notificationService: INotificationService, groupsService: IEditorGroupsService, contextService: IContextKeyService, quickInputService: IQuickInputService, workspacesService: IWorkspacesService, labelService: ILabelService, hostService: IHostService, webviewService: IWebviewService, workspaceContextService: IWorkspaceContextService, accessibilityService: IAccessibilityService, markdownRendererService: IMarkdownRendererService, chatEntitlementService: IChatEntitlementService, defaultAccountService: IDefaultAccountService);
|
|
102
104
|
private shouldAnimate;
|
|
103
105
|
private getWalkthroughCompletionStats;
|
|
104
106
|
setInput(newInput: GettingStartedInput, options: GettingStartedEditorOptions | undefined, context: IEditorOpenContext, token: CancellationToken): Promise<void>;
|
|
@@ -33,6 +33,7 @@ import { ConfigurationTarget } from '@codingame/monaco-vscode-api/vscode/vs/plat
|
|
|
33
33
|
import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
|
|
34
34
|
import { RawContextKey, ContextKeyExpr } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey';
|
|
35
35
|
import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
|
|
36
|
+
import { IDefaultAccountService } from '@codingame/monaco-vscode-api/vscode/vs/platform/defaultAccount/common/defaultAccount.service';
|
|
36
37
|
import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
|
|
37
38
|
import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
|
|
38
39
|
import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
|
|
@@ -72,7 +73,7 @@ import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbe
|
|
|
72
73
|
import { IHostService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service';
|
|
73
74
|
import { IWorkbenchThemeService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/themes/common/workbenchThemeService.service';
|
|
74
75
|
import { GettingStartedIndexList } from './gettingStartedList.js';
|
|
75
|
-
import {
|
|
76
|
+
import { createAgentsBanner } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsBanner';
|
|
76
77
|
import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
|
|
77
78
|
import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibilityConfiguration';
|
|
78
79
|
import { AccessibleViewAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
|
|
@@ -134,7 +135,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
134
135
|
workspaceContextService,
|
|
135
136
|
accessibilityService,
|
|
136
137
|
markdownRendererService,
|
|
137
|
-
chatEntitlementService
|
|
138
|
+
chatEntitlementService,
|
|
139
|
+
defaultAccountService
|
|
138
140
|
) {
|
|
139
141
|
super(
|
|
140
142
|
GettingStartedPage_1.ID,
|
|
@@ -166,6 +168,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
166
168
|
this.accessibilityService = accessibilityService;
|
|
167
169
|
this.markdownRendererService = markdownRendererService;
|
|
168
170
|
this.chatEntitlementService = chatEntitlementService;
|
|
171
|
+
this.defaultAccountService = defaultAccountService;
|
|
169
172
|
this.inProgressScroll = Promise.resolve();
|
|
170
173
|
this.dispatchListeners = ( new DisposableStore());
|
|
171
174
|
this.stepDisposables = ( new DisposableStore());
|
|
@@ -182,7 +185,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
182
185
|
this.container = $(".gettingStartedContainer", {
|
|
183
186
|
role: "document",
|
|
184
187
|
tabindex: 0,
|
|
185
|
-
"aria-label": ( localize(
|
|
188
|
+
"aria-label": ( localize(23623, "Overview of how to get up to speed with your editor."))
|
|
186
189
|
});
|
|
187
190
|
this.stepMediaComponent = $(".getting-started-media");
|
|
188
191
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -256,17 +259,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
256
259
|
badgeelement.parentElement?.setAttribute("aria-checked", "true");
|
|
257
260
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
258
261
|
badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
259
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
262
|
+
badgeelement.setAttribute("aria-label", ( localize(23624, "{0}: Completed", step.title)));
|
|
260
263
|
} else {
|
|
261
264
|
badgeelement.setAttribute("aria-checked", "false");
|
|
262
265
|
badgeelement.parentElement?.setAttribute("aria-checked", "false");
|
|
263
266
|
badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
264
267
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
265
|
-
badgeelement.setAttribute("aria-label", ( localize(
|
|
268
|
+
badgeelement.setAttribute("aria-label", ( localize(23625, "{0}: Not completed", step.title)));
|
|
266
269
|
}
|
|
267
270
|
});
|
|
268
271
|
if (step.done) {
|
|
269
|
-
status(( localize(
|
|
272
|
+
status(( localize(23626, "Step {0} completed", step.title)));
|
|
270
273
|
}
|
|
271
274
|
}
|
|
272
275
|
this.updateCategoryProgress();
|
|
@@ -525,7 +528,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
525
528
|
canPickMany: false,
|
|
526
529
|
matchOnDescription: true,
|
|
527
530
|
matchOnDetail: true,
|
|
528
|
-
title: ( localize(
|
|
531
|
+
title: ( localize(23627, "Open Walkthrough..."))
|
|
529
532
|
}
|
|
530
533
|
);
|
|
531
534
|
if (selection) {
|
|
@@ -761,7 +764,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
761
764
|
const themeType = this.themeService.getColorTheme().type;
|
|
762
765
|
const videoPath = media.path[themeType];
|
|
763
766
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
764
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
767
|
+
const altText = media.altText ? media.altText : ( localize(23628, "Video for {0}", stepToExpand.title));
|
|
765
768
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
766
769
|
this.webview.setHtml(rawHTML);
|
|
767
770
|
let isDisposed = false;
|
|
@@ -793,8 +796,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
793
796
|
provideScreenReaderUpdate() {
|
|
794
797
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
795
798
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
796
|
-
return kbLabel ? ( localize(
|
|
797
|
-
|
|
799
|
+
return kbLabel ? ( localize(23629, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
800
|
+
23630,
|
|
798
801
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
799
802
|
));
|
|
800
803
|
}
|
|
@@ -863,7 +866,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
863
866
|
this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
|
|
864
867
|
const prevButton = $("button.prev-button.button-link", {
|
|
865
868
|
"x-dispatch": "scrollPrev"
|
|
866
|
-
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(
|
|
869
|
+
}, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(23631, "Go Back"))));
|
|
867
870
|
this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
|
|
868
871
|
this.stepsContent = $(".gettingStartedDetailsContent", {});
|
|
869
872
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
|
|
@@ -892,13 +895,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
892
895
|
icon: Codicon.check,
|
|
893
896
|
actionClassName: "getting-started-checkbox",
|
|
894
897
|
isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
|
|
895
|
-
title: ( localize(
|
|
898
|
+
title: ( localize(23632, "When checked, this page will be shown on startup.")),
|
|
896
899
|
...defaultToggleStyles
|
|
897
900
|
}));
|
|
898
901
|
showOnStartupCheckbox.domNode.id = "showOnStartup";
|
|
899
902
|
const showOnStartupLabel = $("label.caption", {
|
|
900
903
|
for: "showOnStartup"
|
|
901
|
-
}, ( localize(
|
|
904
|
+
}, ( localize(23633, "Show welcome page on startup")));
|
|
902
905
|
const onShowOnStartupChanged = () => {
|
|
903
906
|
if (showOnStartupCheckbox.checked) {
|
|
904
907
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
@@ -928,7 +931,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
928
931
|
".header",
|
|
929
932
|
{},
|
|
930
933
|
$("h1.product-name.caption", {}, this.productService.nameLong),
|
|
931
|
-
$("p.subtitle.description", {}, ( localize(
|
|
934
|
+
$("p.subtitle.description", {}, ( localize(23634, "Editing evolved")))
|
|
932
935
|
);
|
|
933
936
|
const leftColumn = $(".categories-column.categories-column-left", {});
|
|
934
937
|
const rightColumn = $(".categories-column.categories-column-right", {});
|
|
@@ -936,14 +939,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
936
939
|
const recentList = this.buildRecentlyOpenedList();
|
|
937
940
|
const gettingStartedList = this.buildGettingStartedWalkthroughsList();
|
|
938
941
|
const footerChildren = [];
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
footerChildren.push(agentsBanner.element);
|
|
946
|
-
}
|
|
942
|
+
const agentsBanner = createAgentsBanner({
|
|
943
|
+
cssClass: "getting-started-category.agents-banner",
|
|
944
|
+
source: "welcomePage"
|
|
945
|
+
}, this.commandService, this.telemetryService, this.configurationService, this.chatEntitlementService, this.defaultAccountService);
|
|
946
|
+
this.categoriesSlideDisposables.add(agentsBanner.disposables);
|
|
947
|
+
footerChildren.push(agentsBanner.element);
|
|
947
948
|
footerChildren.push(
|
|
948
949
|
$("p.showOnStartup", {}, showOnStartupCheckbox.domNode, showOnStartupLabel)
|
|
949
950
|
);
|
|
@@ -1051,7 +1052,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1051
1052
|
const link = $("button.button-link");
|
|
1052
1053
|
link.innerText = name;
|
|
1053
1054
|
link.title = fullPath;
|
|
1054
|
-
link.setAttribute("aria-label", ( localize(
|
|
1055
|
+
link.setAttribute("aria-label", ( localize(23635, "Open folder {0} with path {1}", name, parentPath)));
|
|
1055
1056
|
link.addEventListener("click", e => {
|
|
1056
1057
|
this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
|
|
1057
1058
|
command: "openRecent",
|
|
@@ -1077,8 +1078,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1077
1078
|
{
|
|
1078
1079
|
"tabindex": 0,
|
|
1079
1080
|
"role": "button",
|
|
1080
|
-
"title": ( localize(
|
|
1081
|
-
"aria-label": ( localize(
|
|
1081
|
+
"title": ( localize(23636, "Remove from Recently Opened")),
|
|
1082
|
+
"aria-label": ( localize(23637, "Remove {0} from Recently Opened", name))
|
|
1082
1083
|
}
|
|
1083
1084
|
);
|
|
1084
1085
|
const handleDelete = async e => {
|
|
@@ -1097,20 +1098,20 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1097
1098
|
return li;
|
|
1098
1099
|
};
|
|
1099
1100
|
const recentlyOpenedList = this.recentlyOpenedList.value = ( new GettingStartedIndexList({
|
|
1100
|
-
title: ( localize(
|
|
1101
|
+
title: ( localize(23638, "Recent")),
|
|
1101
1102
|
klass: "recently-opened",
|
|
1102
1103
|
limit: 5,
|
|
1103
|
-
empty: $(".empty-recent", {}, ( localize(
|
|
1104
|
+
empty: $(".empty-recent", {}, ( localize(23639, "You have no recent folders,")), $("button.button-link", {
|
|
1104
1105
|
"x-dispatch": "openFolder"
|
|
1105
|
-
}, ( localize(
|
|
1106
|
+
}, ( localize(23640, "open a folder"))), ( localize(23641, "to start."))),
|
|
1106
1107
|
more: $(".more", {}, $("button.button-link", {
|
|
1107
1108
|
"x-dispatch": "showMoreRecents",
|
|
1108
1109
|
title: ( localize(
|
|
1109
|
-
|
|
1110
|
+
23642,
|
|
1110
1111
|
"Show All Recent Folders {0}",
|
|
1111
1112
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
1112
1113
|
))
|
|
1113
|
-
}, ( localize(
|
|
1114
|
+
}, ( localize(23643, "More...")))),
|
|
1114
1115
|
renderElement: renderRecent,
|
|
1115
1116
|
contextService: this.contextService
|
|
1116
1117
|
}));
|
|
@@ -1156,7 +1157,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1156
1157
|
title: entry.description + " " + this.getKeybindingLabel(entry.command)
|
|
1157
1158
|
}, this.iconWidgetFor(entry), $("span", {}, entry.title)));
|
|
1158
1159
|
const startList = this.startList.value = ( new GettingStartedIndexList({
|
|
1159
|
-
title: ( localize(
|
|
1160
|
+
title: ( localize(23644, "Start")),
|
|
1160
1161
|
klass: "start-container",
|
|
1161
1162
|
limit: 10,
|
|
1162
1163
|
renderElement: renderStartEntry,
|
|
@@ -1172,9 +1173,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1172
1173
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
1173
1174
|
const newBadge = $(".new-badge", {});
|
|
1174
1175
|
if (category.newEntry) {
|
|
1175
|
-
reset(newBadge, $(".new-category", {}, ( localize(
|
|
1176
|
+
reset(newBadge, $(".new-category", {}, ( localize(23645, "New"))));
|
|
1176
1177
|
} else if (category.newItems) {
|
|
1177
|
-
reset(newBadge, $(".new-items", {}, ( localize(
|
|
1178
|
+
reset(newBadge, $(".new-items", {}, ( localize(23646, "Updated"))));
|
|
1178
1179
|
}
|
|
1179
1180
|
const featuredBadge = $(".featured-badge", {});
|
|
1180
1181
|
const descriptionContent = $(".description-content", {});
|
|
@@ -1205,9 +1206,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1205
1206
|
$("a.codicon.codicon-close.hide-category-button", {
|
|
1206
1207
|
"tabindex": 0,
|
|
1207
1208
|
"x-dispatch": "hideCategory:" + category.id,
|
|
1208
|
-
"title": ( localize(
|
|
1209
|
+
"title": ( localize(23647, "Hide")),
|
|
1209
1210
|
"role": "button",
|
|
1210
|
-
"aria-label": ( localize(
|
|
1211
|
+
"aria-label": ( localize(23648, "Hide"))
|
|
1211
1212
|
})
|
|
1212
1213
|
),
|
|
1213
1214
|
descriptionContent,
|
|
@@ -1238,13 +1239,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1238
1239
|
return rank;
|
|
1239
1240
|
};
|
|
1240
1241
|
const gettingStartedList = this.gettingStartedList.value = ( new GettingStartedIndexList({
|
|
1241
|
-
title: ( localize(
|
|
1242
|
+
title: ( localize(23649, "Walkthroughs")),
|
|
1242
1243
|
klass: "getting-started",
|
|
1243
1244
|
limit: 5,
|
|
1244
1245
|
footer: $("span.button-link.see-all-walkthroughs", {
|
|
1245
1246
|
"x-dispatch": "seeAllWalkthroughs",
|
|
1246
1247
|
"tabindex": 0
|
|
1247
|
-
}, ( localize(
|
|
1248
|
+
}, ( localize(23643, "More..."))),
|
|
1248
1249
|
renderElement: renderGetttingStaredWalkthrough,
|
|
1249
1250
|
rankElement: rankWalkthrough,
|
|
1250
1251
|
contextService: this.contextService
|
|
@@ -1297,9 +1298,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1297
1298
|
bar.style.width = `${progress}%`;
|
|
1298
1299
|
element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
|
|
1299
1300
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1300
|
-
bar.title = ( localize(
|
|
1301
|
+
bar.title = ( localize(23650, "All {0} steps complete!", stats.stepsComplete));
|
|
1301
1302
|
} else {
|
|
1302
|
-
bar.title = ( localize(
|
|
1303
|
+
bar.title = ( localize(23651, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1303
1304
|
}
|
|
1304
1305
|
});
|
|
1305
1306
|
}
|
|
@@ -1450,7 +1451,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1450
1451
|
if (isCommand) {
|
|
1451
1452
|
const keybinding = this.getKeyBinding(command);
|
|
1452
1453
|
if (keybinding) {
|
|
1453
|
-
const shortcutMessage = $("span.shortcut-message", {}, ( localize(
|
|
1454
|
+
const shortcutMessage = $("span.shortcut-message", {}, ( localize(23652, "Tip: Use keyboard shortcut ")));
|
|
1454
1455
|
container.appendChild(shortcutMessage);
|
|
1455
1456
|
const label = ( new KeybindingLabel(shortcutMessage, OS, {
|
|
1456
1457
|
...defaultKeybindingLabelStyles
|
|
@@ -1556,7 +1557,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1556
1557
|
"x-dispatch": "toggleStepCompletion:" + step.id,
|
|
1557
1558
|
"role": "checkbox",
|
|
1558
1559
|
"aria-checked": step.done ? "true" : "false",
|
|
1559
|
-
"aria-label": step.done ? ( localize(
|
|
1560
|
+
"aria-label": step.done ? ( localize(23624, "{0}: Completed", step.title)) : ( localize(23625, "{0}: Not completed", step.title))
|
|
1560
1561
|
}
|
|
1561
1562
|
);
|
|
1562
1563
|
const container = $(".step-description-container", {
|
|
@@ -1570,11 +1571,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1570
1571
|
const stepDescription = $(".step-container", {}, stepTitle, container);
|
|
1571
1572
|
if (step.media.type === "image") {
|
|
1572
1573
|
stepDescription.appendChild($(".image-description", {
|
|
1573
|
-
"aria-label": ( localize(
|
|
1574
|
+
"aria-label": ( localize(23653, "Image showing {0}", step.media.altText))
|
|
1574
1575
|
}));
|
|
1575
1576
|
} else if (step.media.type === "video") {
|
|
1576
1577
|
stepDescription.appendChild($(".video-description", {
|
|
1577
|
-
"aria-label": ( localize(
|
|
1578
|
+
"aria-label": ( localize(23654, "Video showing {0}", step.media.altText))
|
|
1578
1579
|
}));
|
|
1579
1580
|
}
|
|
1580
1581
|
return $("button.getting-started-step", {
|
|
@@ -1599,9 +1600,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1599
1600
|
"role": "list"
|
|
1600
1601
|
}, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
|
|
1601
1602
|
"x-dispatch": "allDone"
|
|
1602
|
-
}, $("span.codicon.codicon-check-all"), ( localize(
|
|
1603
|
+
}, $("span.codicon.codicon-check-all"), ( localize(23655, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
|
|
1603
1604
|
"x-dispatch": "nextSection"
|
|
1604
|
-
}, ( localize(
|
|
1605
|
+
}, ( localize(23656, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
|
|
1605
1606
|
this.detailsScrollbar.value = ( new DomScrollableElement(stepsContainer, {
|
|
1606
1607
|
className: "steps-container"
|
|
1607
1608
|
}));
|
|
@@ -1624,12 +1625,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1624
1625
|
this.registerDispatchListeners();
|
|
1625
1626
|
}
|
|
1626
1627
|
buildTelemetryFooter(parent) {
|
|
1627
|
-
const privacyStatementCopy = ( localize(
|
|
1628
|
+
const privacyStatementCopy = ( localize(23657, "privacy statement"));
|
|
1628
1629
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1629
|
-
const optOutCopy = ( localize(
|
|
1630
|
+
const optOutCopy = ( localize(23658, "opt out"));
|
|
1630
1631
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1631
1632
|
const text = ( localize(
|
|
1632
|
-
|
|
1633
|
+
23659,
|
|
1633
1634
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1634
1635
|
this.productService.nameShort,
|
|
1635
1636
|
privacyStatementButton,
|
|
@@ -1704,7 +1705,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1704
1705
|
const prevButton = this.container.querySelector(".prev-button.button-link");
|
|
1705
1706
|
prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
|
|
1706
1707
|
const moreTextElement = prevButton.querySelector(".moreText");
|
|
1707
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1708
|
+
moreTextElement.textContent = firstLaunch ? ( localize(23660, "Welcome")) : ( localize(23631, "Go Back"));
|
|
1708
1709
|
this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
|
|
1709
1710
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
|
|
1710
1711
|
this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("input").forEach(button => button.disabled = true);
|
|
@@ -1722,7 +1723,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1722
1723
|
}
|
|
1723
1724
|
}
|
|
1724
1725
|
};
|
|
1725
|
-
GettingStartedPage = GettingStartedPage_1 = ( __decorate([( __param(1, ICommandService)), ( __param(2, IProductService)), ( __param(3, IKeybindingService)), ( __param(4, IWalkthroughsService)), ( __param(5, IConfigurationService)), ( __param(6, ITelemetryService)), ( __param(7, ILanguageService)), ( __param(8, IFileService)), ( __param(9, IOpenerService)), ( __param(10, IWorkbenchThemeService)), ( __param(11, IStorageService)), ( __param(12, IExtensionService)), ( __param(13, IInstantiationService)), ( __param(14, INotificationService)), ( __param(15, IEditorGroupsService)), ( __param(16, IContextKeyService)), ( __param(17, IQuickInputService)), ( __param(18, IWorkspacesService)), ( __param(19, ILabelService)), ( __param(20, IHostService)), ( __param(21, IWebviewService)), ( __param(22, IWorkspaceContextService)), ( __param(23, IAccessibilityService)), ( __param(24, IMarkdownRendererService)), ( __param(25, IChatEntitlementService))], GettingStartedPage));
|
|
1726
|
+
GettingStartedPage = GettingStartedPage_1 = ( __decorate([( __param(1, ICommandService)), ( __param(2, IProductService)), ( __param(3, IKeybindingService)), ( __param(4, IWalkthroughsService)), ( __param(5, IConfigurationService)), ( __param(6, ITelemetryService)), ( __param(7, ILanguageService)), ( __param(8, IFileService)), ( __param(9, IOpenerService)), ( __param(10, IWorkbenchThemeService)), ( __param(11, IStorageService)), ( __param(12, IExtensionService)), ( __param(13, IInstantiationService)), ( __param(14, INotificationService)), ( __param(15, IEditorGroupsService)), ( __param(16, IContextKeyService)), ( __param(17, IQuickInputService)), ( __param(18, IWorkspacesService)), ( __param(19, ILabelService)), ( __param(20, IHostService)), ( __param(21, IWebviewService)), ( __param(22, IWorkspaceContextService)), ( __param(23, IAccessibilityService)), ( __param(24, IMarkdownRendererService)), ( __param(25, IChatEntitlementService)), ( __param(26, IDefaultAccountService))], GettingStartedPage));
|
|
1726
1727
|
class GettingStartedInputSerializer {
|
|
1727
1728
|
canSerialize(editorInput) {
|
|
1728
1729
|
return 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(23661, "{0}\n{1}", step.title, description));
|
|
134
134
|
if (includeTitle) {
|
|
135
|
-
return [( localize(
|
|
135
|
+
return [( localize(23662, "Title: {0}", waltkrough.title)), ( localize(23663, "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(23664, "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(23665, "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(23666, "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(23667, "Border color for the tiles on the Welcome page.")));
|
|
34
|
+
registerColor("welcomePage.progress.background", inputBackground, ( localize(23668, "Foreground color for the Welcome page progress bars.")));
|
|
35
|
+
registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(23669, "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(23670, "Foreground color of the heading of each walkthrough step")));
|