@codingame/monaco-vscode-walkthrough-service-override 18.1.3 → 18.2.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 +10 -10
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js +22 -22
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +41 -41
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js +3 -3
- 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 +4 -4
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +179 -179
- 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 +3 -3
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +3 -3
- 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": "18.
|
|
3
|
+
"version": "18.2.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,15 +15,15 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "18.
|
|
19
|
-
"@codingame/monaco-vscode-
|
|
20
|
-
"@codingame/monaco-vscode-
|
|
21
|
-
"@codingame/monaco-vscode-93784a59-b4cf-520c-8339-f8104d3a4f3e-common": "18.
|
|
22
|
-
"@codingame/monaco-vscode-97284942-b044-5fbb-b53b-3f46d2468746-common": "18.
|
|
23
|
-
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "18.
|
|
24
|
-
"@codingame/monaco-vscode-api": "18.
|
|
25
|
-
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "18.
|
|
26
|
-
"@codingame/monaco-vscode-
|
|
18
|
+
"@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common": "18.2.0",
|
|
19
|
+
"@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "18.2.0",
|
|
20
|
+
"@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "18.2.0",
|
|
21
|
+
"@codingame/monaco-vscode-93784a59-b4cf-520c-8339-f8104d3a4f3e-common": "18.2.0",
|
|
22
|
+
"@codingame/monaco-vscode-97284942-b044-5fbb-b53b-3f46d2468746-common": "18.2.0",
|
|
23
|
+
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "18.2.0",
|
|
24
|
+
"@codingame/monaco-vscode-api": "18.2.0",
|
|
25
|
+
"@codingame/monaco-vscode-cf77987b-b1b7-5359-aaf8-a259c63d9f03-common": "18.2.0",
|
|
26
|
+
"@codingame/monaco-vscode-ed7f2efb-131f-5ae8-b8fe-f20867e14c58-common": "18.2.0",
|
|
27
27
|
"marked": "14.0.0"
|
|
28
28
|
},
|
|
29
29
|
"main": "index.js",
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.contribution.js
CHANGED
|
@@ -12,7 +12,7 @@ import { SIDE_GROUP } from '@codingame/monaco-vscode-api/vscode/vs/workbench/ser
|
|
|
12
12
|
import { IEditorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service';
|
|
13
13
|
import { KeybindingWeight } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybindingsRegistry';
|
|
14
14
|
import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
|
|
15
|
-
import { EditorPaneDescriptor } from '@codingame/monaco-vscode-
|
|
15
|
+
import { EditorPaneDescriptor } from '@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common/vscode/vs/workbench/browser/editor';
|
|
16
16
|
import { SyncDescriptor } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/descriptors';
|
|
17
17
|
import { IWalkthroughsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedService.service';
|
|
18
18
|
import { GettingStartedInput } from './gettingStartedInput.js';
|
|
@@ -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(11765, '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(11766, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -132,15 +132,15 @@ registerAction2(class extends Action2 {
|
|
|
132
132
|
}
|
|
133
133
|
});
|
|
134
134
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
135
|
-
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
135
|
+
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(11767, "Welcome"))), [
|
|
136
136
|
( new SyncDescriptor(GettingStartedInput))
|
|
137
137
|
]);
|
|
138
|
-
const category = ( localize2(
|
|
138
|
+
const category = ( localize2(11767, "Welcome"));
|
|
139
139
|
registerAction2(class extends Action2 {
|
|
140
140
|
constructor() {
|
|
141
141
|
super({
|
|
142
142
|
id: 'welcome.goBack',
|
|
143
|
-
title: ( localize2(
|
|
143
|
+
title: ( localize2(11768, 'Go Back')),
|
|
144
144
|
category,
|
|
145
145
|
keybinding: {
|
|
146
146
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -176,7 +176,7 @@ registerAction2(class extends Action2 {
|
|
|
176
176
|
constructor() {
|
|
177
177
|
super({
|
|
178
178
|
id: 'welcome.markStepComplete',
|
|
179
|
-
title: ( localize(
|
|
179
|
+
title: ( localize(11769, "Mark Step Complete")),
|
|
180
180
|
category,
|
|
181
181
|
});
|
|
182
182
|
}
|
|
@@ -192,7 +192,7 @@ registerAction2(class extends Action2 {
|
|
|
192
192
|
constructor() {
|
|
193
193
|
super({
|
|
194
194
|
id: 'welcome.markStepIncomplete',
|
|
195
|
-
title: ( localize(
|
|
195
|
+
title: ( localize(11770, "Mark Step Incomplete")),
|
|
196
196
|
category,
|
|
197
197
|
});
|
|
198
198
|
}
|
|
@@ -208,7 +208,7 @@ registerAction2(class extends Action2 {
|
|
|
208
208
|
constructor() {
|
|
209
209
|
super({
|
|
210
210
|
id: 'welcome.showAllWalkthroughs',
|
|
211
|
-
title: ( localize2(
|
|
211
|
+
title: ( localize2(11771, 'Open Walkthrough...')),
|
|
212
212
|
category,
|
|
213
213
|
f1: true,
|
|
214
214
|
menu: {
|
|
@@ -240,7 +240,7 @@ registerAction2(class extends Action2 {
|
|
|
240
240
|
quickPick.canSelectMany = false;
|
|
241
241
|
quickPick.matchOnDescription = true;
|
|
242
242
|
quickPick.matchOnDetail = true;
|
|
243
|
-
quickPick.placeholder = ( localize(
|
|
243
|
+
quickPick.placeholder = ( localize(11772, 'Select a walkthrough to open'));
|
|
244
244
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
245
245
|
quickPick.busy = true;
|
|
246
246
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -263,7 +263,7 @@ registerAction2(class extends Action2 {
|
|
|
263
263
|
constructor() {
|
|
264
264
|
super({
|
|
265
265
|
id: 'welcome.showNewWelcome',
|
|
266
|
-
title: ( localize2(
|
|
266
|
+
title: ( localize2(11773, 'Open New Welcome Experience')),
|
|
267
267
|
f1: true,
|
|
268
268
|
});
|
|
269
269
|
}
|
|
@@ -284,7 +284,7 @@ CommandsRegistry.registerCommand({
|
|
|
284
284
|
}
|
|
285
285
|
});
|
|
286
286
|
const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
287
|
-
|
|
287
|
+
11774,
|
|
288
288
|
"The platform of the current workspace, which in remote or serverless contexts may be different from the platform of the UI"
|
|
289
289
|
))));
|
|
290
290
|
let WorkspacePlatformContribution = class WorkspacePlatformContribution {
|
|
@@ -336,7 +336,7 @@ configurationRegistry.registerConfiguration({
|
|
|
336
336
|
type: 'boolean',
|
|
337
337
|
default: true,
|
|
338
338
|
description: ( localize(
|
|
339
|
-
|
|
339
|
+
11775,
|
|
340
340
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
341
341
|
))
|
|
342
342
|
},
|
|
@@ -345,25 +345,25 @@ configurationRegistry.registerConfiguration({
|
|
|
345
345
|
'type': 'string',
|
|
346
346
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
347
347
|
'enumDescriptions': [
|
|
348
|
-
( localize(
|
|
348
|
+
( localize(11776, "Start without an editor.")),
|
|
349
349
|
( localize(
|
|
350
|
-
|
|
350
|
+
11777,
|
|
351
351
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
352
352
|
)),
|
|
353
353
|
( localize(
|
|
354
|
-
|
|
354
|
+
11778,
|
|
355
355
|
"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."
|
|
356
356
|
)),
|
|
357
357
|
( localize(
|
|
358
|
-
|
|
358
|
+
11779,
|
|
359
359
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
360
360
|
)),
|
|
361
|
-
( localize(
|
|
362
|
-
( localize(
|
|
361
|
+
( localize(11780, "Open the Welcome page when opening an empty workbench.")),
|
|
362
|
+
( localize(11781, "Open a new terminal in the editor area.")),
|
|
363
363
|
],
|
|
364
364
|
'default': 'welcomePage',
|
|
365
365
|
'description': ( localize(
|
|
366
|
-
|
|
366
|
+
11782,
|
|
367
367
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
368
368
|
))
|
|
369
369
|
},
|
|
@@ -371,8 +371,8 @@ configurationRegistry.registerConfiguration({
|
|
|
371
371
|
scope: ConfigurationScope.APPLICATION,
|
|
372
372
|
type: 'boolean',
|
|
373
373
|
default: false,
|
|
374
|
-
deprecationMessage: ( localize(
|
|
375
|
-
description: ( localize(
|
|
374
|
+
deprecationMessage: ( localize(11783, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
375
|
+
description: ( localize(11784, "When enabled, reduce motion in welcome page."))
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
378
|
});
|
|
@@ -20,7 +20,7 @@ import { IStorageService } from "@codingame/monaco-vscode-api/vscode/vs/platform
|
|
|
20
20
|
import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
|
|
21
21
|
import { IWorkspaceContextService } from "@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service";
|
|
22
22
|
import { IWorkspacesService } from "@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service";
|
|
23
|
-
import { EditorPane } from "@codingame/monaco-vscode-
|
|
23
|
+
import { EditorPane } from "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common/vscode/vs/workbench/browser/parts/editor/editorPane";
|
|
24
24
|
import { IEditorOpenContext, IEditorSerializer } from "@codingame/monaco-vscode-api/vscode/vs/workbench/common/editor";
|
|
25
25
|
import { IWebviewService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service";
|
|
26
26
|
import { GettingStartedInput } from "./gettingStartedInput.js";
|
|
@@ -55,7 +55,7 @@ import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-158b
|
|
|
55
55
|
import { IWorkspacesService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service';
|
|
56
56
|
import { OpenRecentAction } from '@codingame/monaco-vscode-158b9837-fc78-5d9c-86f5-9134e4358643-common/vscode/vs/workbench/browser/actions/windowActions';
|
|
57
57
|
import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-97284942-b044-5fbb-b53b-3f46d2468746-common/vscode/vs/workbench/browser/actions/workspaceActions';
|
|
58
|
-
import { EditorPane } from '@codingame/monaco-vscode-
|
|
58
|
+
import { EditorPane } from '@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common/vscode/vs/workbench/browser/parts/editor/editorPane';
|
|
59
59
|
import { WorkbenchStateContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/contextkeys';
|
|
60
60
|
import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
|
|
61
61
|
import './gettingStartedColors.js';
|
|
@@ -134,7 +134,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
134
134
|
this.container = $('.gettingStartedContainer', {
|
|
135
135
|
role: 'document',
|
|
136
136
|
tabindex: 0,
|
|
137
|
-
'aria-label': ( localize(
|
|
137
|
+
'aria-label': ( localize(11785, "Overview of how to get up to speed with your editor."))
|
|
138
138
|
});
|
|
139
139
|
this.stepMediaComponent = $('.getting-started-media');
|
|
140
140
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -211,14 +211,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
211
211
|
badgeelement.parentElement?.setAttribute('aria-checked', 'true');
|
|
212
212
|
badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
213
213
|
badgeelement.classList.add('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
214
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
214
|
+
badgeelement.setAttribute('aria-label', ( localize(11786, "Checkbox for Step {0}: Completed", step.title)));
|
|
215
215
|
}
|
|
216
216
|
else {
|
|
217
217
|
badgeelement.setAttribute('aria-checked', 'false');
|
|
218
218
|
badgeelement.parentElement?.setAttribute('aria-checked', 'false');
|
|
219
219
|
badgeelement.classList.remove('complete', ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
|
|
220
220
|
badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
|
|
221
|
-
badgeelement.setAttribute('aria-label', ( localize(
|
|
221
|
+
badgeelement.setAttribute('aria-label', ( localize(11787, "Checkbox for Step {0}: Not completed", step.title)));
|
|
222
222
|
}
|
|
223
223
|
});
|
|
224
224
|
}
|
|
@@ -420,7 +420,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
420
420
|
label: x.title,
|
|
421
421
|
detail: x.description,
|
|
422
422
|
description: x.source,
|
|
423
|
-
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
423
|
+
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(11788, "Open Walkthrough...")) });
|
|
424
424
|
if (selection) {
|
|
425
425
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
426
426
|
}
|
|
@@ -601,7 +601,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
601
601
|
const themeType = this.themeService.getColorTheme().type;
|
|
602
602
|
const videoPath = media.path[themeType];
|
|
603
603
|
const videoPoster = media.poster ? media.poster[themeType] : undefined;
|
|
604
|
-
const altText = media.altText ? media.altText : ( localize(
|
|
604
|
+
const altText = media.altText ? media.altText : ( localize(11789, "Video for {0}", stepToExpand.title));
|
|
605
605
|
const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
|
|
606
606
|
this.webview.setHtml(rawHTML);
|
|
607
607
|
let isDisposed = false;
|
|
@@ -629,8 +629,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
629
629
|
provideScreenReaderUpdate() {
|
|
630
630
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
631
631
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
632
|
-
return kbLabel ? ( localize(
|
|
633
|
-
|
|
632
|
+
return kbLabel ? ( localize(11790, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
633
|
+
11791,
|
|
634
634
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
635
635
|
));
|
|
636
636
|
}
|
|
@@ -690,7 +690,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
690
690
|
this.categoriesPageScrollbar.dispose();
|
|
691
691
|
}
|
|
692
692
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
693
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
693
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(11792, "Go Back"))));
|
|
694
694
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
695
695
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
696
696
|
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
@@ -714,11 +714,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
714
714
|
icon: Codicon.check,
|
|
715
715
|
actionClassName: 'getting-started-checkbox',
|
|
716
716
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
717
|
-
title: ( localize(
|
|
717
|
+
title: ( localize(11793, "When checked, this page will be shown on startup.")),
|
|
718
718
|
...defaultToggleStyles
|
|
719
719
|
}));
|
|
720
720
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
721
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
721
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(11794, "Show welcome page on startup")));
|
|
722
722
|
const onShowOnStartupChanged = () => {
|
|
723
723
|
if (showOnStartupCheckbox.checked) {
|
|
724
724
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -737,7 +737,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
737
737
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
738
738
|
onShowOnStartupChanged();
|
|
739
739
|
}));
|
|
740
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
740
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(11795, "Editing evolved"))));
|
|
741
741
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
742
742
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
743
743
|
const startList = this.buildStartList();
|
|
@@ -849,7 +849,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
849
849
|
const link = $('button.button-link');
|
|
850
850
|
link.innerText = name;
|
|
851
851
|
link.title = fullPath;
|
|
852
|
-
link.setAttribute('aria-label', ( localize(
|
|
852
|
+
link.setAttribute('aria-label', ( localize(11796, "Open folder {0} with path {1}", name, parentPath)));
|
|
853
853
|
link.addEventListener('click', e => {
|
|
854
854
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
855
855
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -872,18 +872,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
872
872
|
this.recentlyOpenedList.dispose();
|
|
873
873
|
}
|
|
874
874
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
875
|
-
title: ( localize(
|
|
875
|
+
title: ( localize(11797, "Recent")),
|
|
876
876
|
klass: 'recently-opened',
|
|
877
877
|
limit: 5,
|
|
878
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
878
|
+
empty: $('.empty-recent', {}, ( localize(11798, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(11799, "open a folder"))), ( localize(11800, "to start."))),
|
|
879
879
|
more: $('.more', {}, $('button.button-link', {
|
|
880
880
|
'x-dispatch': 'showMoreRecents',
|
|
881
881
|
title: ( localize(
|
|
882
|
-
|
|
882
|
+
11801,
|
|
883
883
|
"Show All Recent Folders {0}",
|
|
884
884
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
885
885
|
))
|
|
886
|
-
}, ( localize(
|
|
886
|
+
}, ( localize(11802, "More...")))),
|
|
887
887
|
renderElement: renderRecent,
|
|
888
888
|
contextService: this.contextService
|
|
889
889
|
}));
|
|
@@ -911,7 +911,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
911
911
|
this.startList.dispose();
|
|
912
912
|
}
|
|
913
913
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
914
|
-
title: ( localize(
|
|
914
|
+
title: ( localize(11803, "Start")),
|
|
915
915
|
klass: 'start-container',
|
|
916
916
|
limit: 10,
|
|
917
917
|
renderElement: renderStartEntry,
|
|
@@ -927,10 +927,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
927
927
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
928
928
|
const newBadge = $('.new-badge', {});
|
|
929
929
|
if (category.newEntry) {
|
|
930
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
930
|
+
reset(newBadge, $('.new-category', {}, ( localize(11804, "New"))));
|
|
931
931
|
}
|
|
932
932
|
else if (category.newItems) {
|
|
933
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
933
|
+
reset(newBadge, $('.new-items', {}, ( localize(11805, "Updated"))));
|
|
934
934
|
}
|
|
935
935
|
const featuredBadge = $('.featured-badge', {});
|
|
936
936
|
const descriptionContent = $('.description-content', {});
|
|
@@ -946,9 +946,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
946
946
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
947
947
|
'tabindex': 0,
|
|
948
948
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
949
|
-
'title': ( localize(
|
|
949
|
+
'title': ( localize(11806, "Hide")),
|
|
950
950
|
'role': 'button',
|
|
951
|
-
'aria-label': ( localize(
|
|
951
|
+
'aria-label': ( localize(11807, "Hide")),
|
|
952
952
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
953
953
|
};
|
|
954
954
|
if (this.gettingStartedList) {
|
|
@@ -974,10 +974,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
974
974
|
return rank;
|
|
975
975
|
};
|
|
976
976
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
977
|
-
title: ( localize(
|
|
977
|
+
title: ( localize(11808, "Walkthroughs")),
|
|
978
978
|
klass: 'getting-started',
|
|
979
979
|
limit: 5,
|
|
980
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
980
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(11802, "More..."))),
|
|
981
981
|
renderElement: renderGetttingStaredWalkthrough,
|
|
982
982
|
rankElement: rankWalkthrough,
|
|
983
983
|
contextService: this.contextService,
|
|
@@ -1032,10 +1032,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1032
1032
|
bar.style.width = `${progress}%`;
|
|
1033
1033
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
1034
1034
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1035
|
-
bar.title = ( localize(
|
|
1035
|
+
bar.title = ( localize(11809, "All {0} steps complete!", stats.stepsComplete));
|
|
1036
1036
|
}
|
|
1037
1037
|
else {
|
|
1038
|
-
bar.title = ( localize(
|
|
1038
|
+
bar.title = ( localize(11810, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1039
1039
|
}
|
|
1040
1040
|
});
|
|
1041
1041
|
}
|
|
@@ -1159,7 +1159,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1159
1159
|
if (isCommand) {
|
|
1160
1160
|
const keybinding = this.getKeyBinding(command);
|
|
1161
1161
|
if (keybinding && this.editorInput.selectedCategory !== NEW_WELCOME_EXPERIENCE) {
|
|
1162
|
-
const shortcutMessage = $('span.shortcut-message', {}, ( localize(
|
|
1162
|
+
const shortcutMessage = $('span.shortcut-message', {}, ( localize(11811, 'Tip: Use keyboard shortcut ')));
|
|
1163
1163
|
container.appendChild(shortcutMessage);
|
|
1164
1164
|
const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
|
|
1165
1165
|
label.set(keybinding);
|
|
@@ -1295,9 +1295,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1295
1295
|
const slidesContainer = $('.step-slides-container');
|
|
1296
1296
|
const navigationContainer = $('.step-dots-container');
|
|
1297
1297
|
const prevButton = $('button.button-link.navigation.back', {
|
|
1298
|
-
'aria-label': ( localize(
|
|
1298
|
+
'aria-label': ( localize(11812, "Previous Step")),
|
|
1299
1299
|
'tabindex': '0'
|
|
1300
|
-
}, $('span.codicon.codicon-arrow-left'), ( localize(
|
|
1300
|
+
}, $('span.codicon.codicon-arrow-left'), ( localize(11813, "Back")));
|
|
1301
1301
|
const dotsContainer = $('.dots-centered');
|
|
1302
1302
|
navigationContainer.appendChild(prevButton);
|
|
1303
1303
|
navigationContainer.appendChild(dotsContainer);
|
|
@@ -1379,8 +1379,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1379
1379
|
}));
|
|
1380
1380
|
});
|
|
1381
1381
|
const nextButton = $('button.button-link.navigation.next', {
|
|
1382
|
-
'aria-label': ( localize(
|
|
1383
|
-
}, ( localize(
|
|
1382
|
+
'aria-label': ( localize(11814, "Next")),
|
|
1383
|
+
}, ( localize(11815, "Next")), $('span.codicon.codicon-arrow-right'));
|
|
1384
1384
|
navigationContainer.appendChild(nextButton);
|
|
1385
1385
|
this.detailsPageDisposables.add(addDisposableListener(prevButton, 'click', () => {
|
|
1386
1386
|
const currentIndex = this.getCurrentSlideIndex(allSlides);
|
|
@@ -1596,8 +1596,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1596
1596
|
'role': 'checkbox',
|
|
1597
1597
|
'aria-checked': step.done ? 'true' : 'false',
|
|
1598
1598
|
'aria-label': step.done
|
|
1599
|
-
? ( localize(
|
|
1600
|
-
: ( localize(
|
|
1599
|
+
? ( localize(11786, "Checkbox for Step {0}: Completed", step.title))
|
|
1600
|
+
: ( localize(11787, "Checkbox for Step {0}: Not completed", step.title)),
|
|
1601
1601
|
});
|
|
1602
1602
|
const container = $('.step-description-container', { 'x-step-description-for': step.id });
|
|
1603
1603
|
this.buildMarkdownDescription(container, step.description);
|
|
@@ -1605,10 +1605,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1605
1605
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1606
1606
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1607
1607
|
if (step.media.type === 'image') {
|
|
1608
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1608
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(11816, "Image showing {0}", step.media.altText)) }));
|
|
1609
1609
|
}
|
|
1610
1610
|
else if (step.media.type === 'video') {
|
|
1611
|
-
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(
|
|
1611
|
+
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(11817, "Video showing {0}", step.media.altText)) }));
|
|
1612
1612
|
}
|
|
1613
1613
|
return $('button.getting-started-step', {
|
|
1614
1614
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1628,8 +1628,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1628
1628
|
}
|
|
1629
1629
|
}));
|
|
1630
1630
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1631
|
-
const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(
|
|
1632
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1631
|
+
const stepsContainer = $('.getting-started-detail-container', { 'role': 'list' }, stepListContainer, $('.done-next-container', {}, $('button.button-link.all-done', { 'x-dispatch': 'allDone' }, $('span.codicon.codicon-check-all'), ( localize(11818, "Mark Done"))), ...(showNextCategory
|
|
1632
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(11819, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1633
1633
|
: [])));
|
|
1634
1634
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
|
|
1635
1635
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1646,12 +1646,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1646
1646
|
}
|
|
1647
1647
|
buildTelemetryFooter(parent) {
|
|
1648
1648
|
const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
|
|
1649
|
-
const privacyStatementCopy = ( localize(
|
|
1649
|
+
const privacyStatementCopy = ( localize(11820, "privacy statement"));
|
|
1650
1650
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1651
|
-
const optOutCopy = ( localize(
|
|
1651
|
+
const optOutCopy = ( localize(11821, "opt out"));
|
|
1652
1652
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1653
1653
|
const text = ( localize(
|
|
1654
|
-
|
|
1654
|
+
11822,
|
|
1655
1655
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1656
1656
|
this.productService.nameShort,
|
|
1657
1657
|
privacyStatementButton,
|
|
@@ -1727,7 +1727,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1727
1727
|
}
|
|
1728
1728
|
else {
|
|
1729
1729
|
const moreTextElement = prevButton.querySelector('.moreText');
|
|
1730
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1730
|
+
moreTextElement.textContent = firstLaunch ? ( localize(11823, "Welcome")) : ( localize(11792, "Go Back"));
|
|
1731
1731
|
}
|
|
1732
1732
|
this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
|
|
1733
1733
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
|
|
@@ -116,11 +116,11 @@ class GettingStartedAccessibleProvider extends Disposable {
|
|
|
116
116
|
}
|
|
117
117
|
_getContent(waltkrough, step, includeTitle) {
|
|
118
118
|
const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === 'string'))).join('\n');
|
|
119
|
-
const stepsContent = ( localize(
|
|
119
|
+
const stepsContent = ( localize(11824, '{0}\n{1}', step.title, description));
|
|
120
120
|
if (includeTitle) {
|
|
121
121
|
return [
|
|
122
|
-
( localize(
|
|
123
|
-
( localize(
|
|
122
|
+
( localize(11825, 'Title: {0}', waltkrough.title)),
|
|
123
|
+
( localize(11826, 'Description: {0}', waltkrough.description)),
|
|
124
124
|
stepsContent
|
|
125
125
|
].join('\n');
|
|
126
126
|
}
|
package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js
CHANGED
|
@@ -12,10 +12,10 @@ 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(
|
|
16
|
-
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(
|
|
17
|
-
registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(
|
|
18
|
-
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(
|
|
19
|
-
registerColor('welcomePage.progress.background', inputBackground, ( localize(
|
|
20
|
-
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(
|
|
21
|
-
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(
|
|
15
|
+
registerColor('welcomePage.background', null, ( localize(11827, 'Background color for the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(11828, 'Background color for the tiles on the Welcome page.')));
|
|
17
|
+
registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localize(11829, 'Hover background color for the tiles on the Welcome.')));
|
|
18
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(11830, 'Border color for the tiles on the Welcome page.')));
|
|
19
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(11831, 'Foreground color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(11832, 'Background color for the Welcome page progress bars.')));
|
|
21
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(11833, 'Foreground color of the heading of each walkthrough step')));
|