@codingame/monaco-vscode-walkthrough-service-override 14.0.6 → 15.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 +10 -11
- 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 -3
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js +44 -40
- 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/gettingStartedDetailsRenderer.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedDetailsRenderer.js +5 -36
- 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/media/gettingStarted.css.js +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.d.ts +1 -1
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/startupPage.js +10 -16
- package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/common/gettingStartedContent.js +156 -156
- 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/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 +3 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughInput.js +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.d.ts +2 -2
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/browser/walkThroughPart.js +4 -4
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughContentProvider.d.ts +4 -3
- package/vscode/src/vs/workbench/contrib/welcomeWalkthrough/common/walkThroughContentProvider.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": "
|
|
3
|
+
"version": "15.0.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - walkthrough service-override",
|
|
6
6
|
"keywords": [],
|
|
@@ -15,16 +15,15 @@
|
|
|
15
15
|
},
|
|
16
16
|
"type": "module",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@codingame/monaco-vscode-
|
|
19
|
-
"@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "
|
|
20
|
-
"@codingame/monaco-vscode-
|
|
21
|
-
"@codingame/monaco-vscode-
|
|
22
|
-
"@codingame/monaco-vscode-
|
|
23
|
-
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "
|
|
24
|
-
"@codingame/monaco-vscode-
|
|
25
|
-
"@codingame/monaco-vscode-
|
|
26
|
-
"@codingame/monaco-vscode-
|
|
27
|
-
"@codingame/monaco-vscode-eea37658-2307-56a5-8ed0-b2752c7b7a50-common": "14.0.6",
|
|
18
|
+
"@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common": "15.0.1",
|
|
19
|
+
"@codingame/monaco-vscode-5e324391-11e3-5ceb-93ee-938e4098e4ad-common": "15.0.1",
|
|
20
|
+
"@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common": "15.0.1",
|
|
21
|
+
"@codingame/monaco-vscode-7ba0af96-90c2-5e11-ad7f-befdbbf246c8-common": "15.0.1",
|
|
22
|
+
"@codingame/monaco-vscode-7bbc9e7d-eeae-55fc-8bf9-dc2f66e0dc73-common": "15.0.1",
|
|
23
|
+
"@codingame/monaco-vscode-9d0168a3-519b-57f3-9bcc-89efc41f951a-common": "15.0.1",
|
|
24
|
+
"@codingame/monaco-vscode-a4c2011e-8775-52bd-abf0-4a3c07a9696b-common": "15.0.1",
|
|
25
|
+
"@codingame/monaco-vscode-aff8bc9b-c6f8-578f-9c8a-f70d14f9c13c-common": "15.0.1",
|
|
26
|
+
"@codingame/monaco-vscode-api": "15.0.1",
|
|
28
27
|
"marked": "14.0.0"
|
|
29
28
|
},
|
|
30
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-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-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(11055, '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(11056, 'Opens a Walkthrough to help you get started in VS Code.'))
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -127,15 +127,15 @@ registerAction2(class extends Action2 {
|
|
|
127
127
|
}
|
|
128
128
|
});
|
|
129
129
|
( Registry.as(EditorExtensions.EditorFactory)).registerEditorSerializer(GettingStartedInput.ID, GettingStartedInputSerializer);
|
|
130
|
-
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(
|
|
130
|
+
( Registry.as(EditorExtensions.EditorPane)).registerEditorPane(EditorPaneDescriptor.create(GettingStartedPage, GettingStartedPage.ID, ( localize(11057, "Welcome"))), [
|
|
131
131
|
( new SyncDescriptor(GettingStartedInput))
|
|
132
132
|
]);
|
|
133
|
-
const category = ( localize2(
|
|
133
|
+
const category = ( localize2(11057, "Welcome"));
|
|
134
134
|
registerAction2(class extends Action2 {
|
|
135
135
|
constructor() {
|
|
136
136
|
super({
|
|
137
137
|
id: 'welcome.goBack',
|
|
138
|
-
title: ( localize2(
|
|
138
|
+
title: ( localize2(11058, 'Go Back')),
|
|
139
139
|
category,
|
|
140
140
|
keybinding: {
|
|
141
141
|
weight: KeybindingWeight.EditorContrib,
|
|
@@ -171,7 +171,7 @@ registerAction2(class extends Action2 {
|
|
|
171
171
|
constructor() {
|
|
172
172
|
super({
|
|
173
173
|
id: 'welcome.markStepComplete',
|
|
174
|
-
title: ( localize(
|
|
174
|
+
title: ( localize(11059, "Mark Step Complete")),
|
|
175
175
|
category,
|
|
176
176
|
});
|
|
177
177
|
}
|
|
@@ -187,7 +187,7 @@ registerAction2(class extends Action2 {
|
|
|
187
187
|
constructor() {
|
|
188
188
|
super({
|
|
189
189
|
id: 'welcome.markStepIncomplete',
|
|
190
|
-
title: ( localize(
|
|
190
|
+
title: ( localize(11060, "Mark Step Incomplete")),
|
|
191
191
|
category,
|
|
192
192
|
});
|
|
193
193
|
}
|
|
@@ -203,7 +203,7 @@ registerAction2(class extends Action2 {
|
|
|
203
203
|
constructor() {
|
|
204
204
|
super({
|
|
205
205
|
id: 'welcome.showAllWalkthroughs',
|
|
206
|
-
title: ( localize2(
|
|
206
|
+
title: ( localize2(11061, 'Open Walkthrough...')),
|
|
207
207
|
category,
|
|
208
208
|
f1: true,
|
|
209
209
|
});
|
|
@@ -230,7 +230,7 @@ registerAction2(class extends Action2 {
|
|
|
230
230
|
quickPick.canSelectMany = false;
|
|
231
231
|
quickPick.matchOnDescription = true;
|
|
232
232
|
quickPick.matchOnDetail = true;
|
|
233
|
-
quickPick.placeholder = ( localize(
|
|
233
|
+
quickPick.placeholder = ( localize(11062, 'Select a walkthrough to open'));
|
|
234
234
|
quickPick.items = await this.getQuickPickItems(contextService, gettingStartedService);
|
|
235
235
|
quickPick.busy = true;
|
|
236
236
|
disposables.add(quickPick.onDidAccept(() => {
|
|
@@ -250,7 +250,7 @@ registerAction2(class extends Action2 {
|
|
|
250
250
|
}
|
|
251
251
|
});
|
|
252
252
|
const WorkspacePlatform = ( new RawContextKey('workspacePlatform', undefined, ( localize(
|
|
253
|
-
|
|
253
|
+
11063,
|
|
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 {
|
|
@@ -302,7 +302,7 @@ configurationRegistry.registerConfiguration({
|
|
|
302
302
|
type: 'boolean',
|
|
303
303
|
default: true,
|
|
304
304
|
description: ( localize(
|
|
305
|
-
|
|
305
|
+
11064,
|
|
306
306
|
"When enabled, an extension's walkthrough will open upon install of the extension."
|
|
307
307
|
))
|
|
308
308
|
},
|
|
@@ -311,25 +311,25 @@ configurationRegistry.registerConfiguration({
|
|
|
311
311
|
'type': 'string',
|
|
312
312
|
'enum': ['none', 'welcomePage', 'readme', 'newUntitledFile', 'welcomePageInEmptyWorkbench', 'terminal'],
|
|
313
313
|
'enumDescriptions': [
|
|
314
|
-
( localize(
|
|
314
|
+
( localize(11065, "Start without an editor.")),
|
|
315
315
|
( localize(
|
|
316
|
-
|
|
316
|
+
11066,
|
|
317
317
|
"Open the Welcome page, with content to aid in getting started with VS Code and extensions."
|
|
318
318
|
)),
|
|
319
319
|
( localize(
|
|
320
|
-
|
|
320
|
+
11067,
|
|
321
321
|
"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."
|
|
322
322
|
)),
|
|
323
323
|
( localize(
|
|
324
|
-
|
|
324
|
+
11068,
|
|
325
325
|
"Open a new untitled text file (only applies when opening an empty window)."
|
|
326
326
|
)),
|
|
327
|
-
( localize(
|
|
328
|
-
( localize(
|
|
327
|
+
( localize(11069, "Open the Welcome page when opening an empty workbench.")),
|
|
328
|
+
( localize(11070, "Open a new terminal in the editor area.")),
|
|
329
329
|
],
|
|
330
330
|
'default': 'welcomePage',
|
|
331
331
|
'description': ( localize(
|
|
332
|
-
|
|
332
|
+
11071,
|
|
333
333
|
"Controls which editor is shown at startup, if none are restored from the previous session."
|
|
334
334
|
))
|
|
335
335
|
},
|
|
@@ -337,8 +337,8 @@ configurationRegistry.registerConfiguration({
|
|
|
337
337
|
scope: ConfigurationScope.APPLICATION,
|
|
338
338
|
type: 'boolean',
|
|
339
339
|
default: false,
|
|
340
|
-
deprecationMessage: ( localize(
|
|
341
|
-
description: ( localize(
|
|
340
|
+
deprecationMessage: ( localize(11072, "Deprecated, use the global `workbench.reduceMotion`.")),
|
|
341
|
+
description: ( localize(11073, "When enabled, reduce motion in welcome page."))
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
344
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Dimension } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/dom";
|
|
2
2
|
import { CancellationToken } from "@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation";
|
|
3
3
|
import { ThemeIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/common/themables";
|
|
4
|
-
import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language";
|
|
4
|
+
import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
|
|
5
5
|
import { IAccessibilityService } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service";
|
|
6
6
|
import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
|
|
7
7
|
import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
|
|
@@ -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-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-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";
|
|
@@ -29,7 +29,7 @@ import { IEditorGroup } from "@codingame/monaco-vscode-api/vscode/vs/workbench/s
|
|
|
29
29
|
import { IEditorGroupsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service";
|
|
30
30
|
import { IExtensionService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service";
|
|
31
31
|
import { IHostService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service";
|
|
32
|
-
import { IWorkbenchThemeService } from "@codingame/monaco-vscode-
|
|
32
|
+
import { IWorkbenchThemeService } from "@codingame/monaco-vscode-7ba0af96-90c2-5e11-ad7f-befdbbf246c8-common/vscode/vs/workbench/services/themes/common/workbenchThemeService.service";
|
|
33
33
|
export declare const allWalkthroughsHiddenContext: RawContextKey<boolean>;
|
|
34
34
|
export declare const inWelcomeContext: RawContextKey<boolean>;
|
|
35
35
|
export interface IWelcomePageStartEntry {
|
|
@@ -22,7 +22,7 @@ import { assertIsDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/com
|
|
|
22
22
|
import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
|
|
23
23
|
import { generateUuid } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
|
|
24
24
|
import './media/gettingStarted.css.js';
|
|
25
|
-
import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language';
|
|
25
|
+
import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
|
|
26
26
|
import { MarkdownRenderer } from '@codingame/monaco-vscode-api/vscode/vs/editor/browser/widget/markdownRenderer/browser/markdownRenderer';
|
|
27
27
|
import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
|
|
28
28
|
import { IAccessibilityService } from '@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service';
|
|
@@ -34,7 +34,7 @@ import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platf
|
|
|
34
34
|
import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
|
|
35
35
|
import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
|
|
36
36
|
import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
|
|
37
|
-
import { Verbosity } from '@codingame/monaco-vscode-
|
|
37
|
+
import { Verbosity } from '@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common/vscode/vs/platform/label/common/label';
|
|
38
38
|
import { ILabelService } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service';
|
|
39
39
|
import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
|
|
40
40
|
import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
|
|
@@ -49,11 +49,11 @@ import { getTelemetryLevel } from '@codingame/monaco-vscode-api/vscode/vs/platfo
|
|
|
49
49
|
import { defaultToggleStyles, defaultButtonStyles, defaultKeybindingLabelStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
|
|
50
50
|
import { UNKNOWN_EMPTY_WINDOW_WORKSPACE } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace';
|
|
51
51
|
import { IWorkspaceContextService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspace/common/workspace.service';
|
|
52
|
-
import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-
|
|
52
|
+
import { isRecentFolder, isRecentWorkspace } from '@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common/vscode/vs/platform/workspaces/common/workspaces';
|
|
53
53
|
import { IWorkspacesService } from '@codingame/monaco-vscode-api/vscode/vs/platform/workspaces/common/workspaces.service';
|
|
54
|
-
import { OpenRecentAction } from '@codingame/monaco-vscode-
|
|
55
|
-
import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-
|
|
56
|
-
import { EditorPane } from '@codingame/monaco-vscode-
|
|
54
|
+
import { OpenRecentAction } from '@codingame/monaco-vscode-7559b0be-bfa5-5fe6-b731-1973fe9fffa1-common/vscode/vs/workbench/browser/actions/windowActions';
|
|
55
|
+
import { OpenFolderViaWorkspaceAction, OpenFileFolderAction, OpenFolderAction } from '@codingame/monaco-vscode-a4c2011e-8775-52bd-abf0-4a3c07a9696b-common/vscode/vs/workbench/browser/actions/workspaceActions';
|
|
56
|
+
import { EditorPane } from '@codingame/monaco-vscode-12c5f9eb-72d3-57ca-babd-5bef7aa9de3b-common/vscode/vs/workbench/browser/parts/editor/editorPane';
|
|
57
57
|
import { WorkbenchStateContext } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/contextkeys';
|
|
58
58
|
import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
|
|
59
59
|
import './gettingStartedColors.js';
|
|
@@ -68,11 +68,12 @@ import { GroupDirection, GroupsOrder } from '@codingame/monaco-vscode-api/vscode
|
|
|
68
68
|
import { IEditorGroupsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service';
|
|
69
69
|
import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service';
|
|
70
70
|
import { IHostService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service';
|
|
71
|
-
import { IWorkbenchThemeService } from '@codingame/monaco-vscode-
|
|
71
|
+
import { IWorkbenchThemeService } from '@codingame/monaco-vscode-7ba0af96-90c2-5e11-ad7f-befdbbf246c8-common/vscode/vs/workbench/services/themes/common/workbenchThemeService.service';
|
|
72
72
|
import { GettingStartedIndexList } from './gettingStartedList.js';
|
|
73
73
|
import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibilityConfiguration';
|
|
74
74
|
import { AccessibleViewAction } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibleViewActions';
|
|
75
75
|
import { KeybindingLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/keybindingLabel/keybindingLabel';
|
|
76
|
+
import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
|
|
76
77
|
|
|
77
78
|
var GettingStartedPage_1;
|
|
78
79
|
const SLIDE_TRANSITION_TIME_MS = 250;
|
|
@@ -128,7 +129,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
128
129
|
this.container = $('.gettingStartedContainer', {
|
|
129
130
|
role: 'document',
|
|
130
131
|
tabindex: 0,
|
|
131
|
-
'aria-label': ( localize(
|
|
132
|
+
'aria-label': ( localize(11074, "Overview of how to get up to speed with your editor."))
|
|
132
133
|
});
|
|
133
134
|
this.stepMediaComponent = $('.getting-started-media');
|
|
134
135
|
this.stepMediaComponent.id = generateUuid();
|
|
@@ -410,7 +411,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
410
411
|
label: x.title,
|
|
411
412
|
detail: x.description,
|
|
412
413
|
description: x.source,
|
|
413
|
-
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(
|
|
414
|
+
}))), { canPickMany: false, matchOnDescription: true, matchOnDetail: true, title: ( localize(11075, "Open Walkthrough...")) });
|
|
414
415
|
if (selection) {
|
|
415
416
|
this.runDispatchCommand('selectCategory', selection.id);
|
|
416
417
|
}
|
|
@@ -618,8 +619,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
618
619
|
provideScreenReaderUpdate() {
|
|
619
620
|
if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
|
|
620
621
|
const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
|
|
621
|
-
return kbLabel ? ( localize(
|
|
622
|
-
|
|
622
|
+
return kbLabel ? ( localize(11076, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
|
|
623
|
+
11077,
|
|
623
624
|
"Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
|
|
624
625
|
));
|
|
625
626
|
}
|
|
@@ -679,13 +680,16 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
679
680
|
this.categoriesPageScrollbar.dispose();
|
|
680
681
|
}
|
|
681
682
|
this.categoriesSlide = $('.gettingStartedSlideCategories.gettingStartedSlide');
|
|
682
|
-
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(
|
|
683
|
+
const prevButton = $('button.prev-button.button-link', { 'x-dispatch': 'scrollPrev' }, $('span.scroll-button.codicon.codicon-chevron-left'), $('span.moreText', {}, ( localize(11078, "Go Back"))));
|
|
683
684
|
this.stepsSlide = $('.gettingStartedSlideDetails.gettingStartedSlide', {}, prevButton);
|
|
684
685
|
this.stepsContent = $('.gettingStartedDetailsContent', {});
|
|
685
|
-
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
686
|
+
this.detailsPageScrollbar = this._register(( new DomScrollableElement(
|
|
687
|
+
this.stepsContent,
|
|
688
|
+
{ className: 'full-height-scrollable', vertical: ScrollbarVisibility.Hidden }
|
|
689
|
+
)));
|
|
686
690
|
this.categoriesPageScrollbar = this._register(( new DomScrollableElement(
|
|
687
691
|
this.categoriesSlide,
|
|
688
|
-
{ className: 'full-height-scrollable categoriesScrollbar' }
|
|
692
|
+
{ className: 'full-height-scrollable categoriesScrollbar', vertical: ScrollbarVisibility.Hidden }
|
|
689
693
|
)));
|
|
690
694
|
this.stepsSlide.appendChild(this.detailsPageScrollbar.getDomNode());
|
|
691
695
|
const gettingStartedPage = $('.gettingStarted', {}, this.categoriesPageScrollbar.getDomNode(), this.stepsSlide);
|
|
@@ -700,11 +704,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
700
704
|
icon: Codicon.check,
|
|
701
705
|
actionClassName: 'getting-started-checkbox',
|
|
702
706
|
isChecked: this.configurationService.getValue(configurationKey) === 'welcomePage',
|
|
703
|
-
title: ( localize(
|
|
707
|
+
title: ( localize(11079, "When checked, this page will be shown on startup.")),
|
|
704
708
|
...defaultToggleStyles
|
|
705
709
|
}));
|
|
706
710
|
showOnStartupCheckbox.domNode.id = 'showOnStartup';
|
|
707
|
-
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(
|
|
711
|
+
const showOnStartupLabel = $('label.caption', { for: 'showOnStartup' }, ( localize(11080, "Show welcome page on startup")));
|
|
708
712
|
const onShowOnStartupChanged = () => {
|
|
709
713
|
if (showOnStartupCheckbox.checked) {
|
|
710
714
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'showOnStartupChecked', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
@@ -723,7 +727,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
723
727
|
showOnStartupCheckbox.checked = !showOnStartupCheckbox.checked;
|
|
724
728
|
onShowOnStartupChanged();
|
|
725
729
|
}));
|
|
726
|
-
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(
|
|
730
|
+
const header = $('.header', {}, $('h1.product-name.caption', {}, this.productService.nameLong), $('p.subtitle.description', {}, ( localize(11081, "Editing evolved"))));
|
|
727
731
|
const leftColumn = $('.categories-column.categories-column-left', {});
|
|
728
732
|
const rightColumn = $('.categories-column.categories-column-right', {});
|
|
729
733
|
const startList = this.buildStartList();
|
|
@@ -818,7 +822,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
818
822
|
const link = $('button.button-link');
|
|
819
823
|
link.innerText = name;
|
|
820
824
|
link.title = fullPath;
|
|
821
|
-
link.setAttribute('aria-label', ( localize(
|
|
825
|
+
link.setAttribute('aria-label', ( localize(11082, "Open folder {0} with path {1}", name, parentPath)));
|
|
822
826
|
link.addEventListener('click', e => {
|
|
823
827
|
this.telemetryService.publicLog2('gettingStarted.ActionExecuted', { command: 'openRecent', argument: undefined, walkthroughId: this.currentWalkthrough?.id });
|
|
824
828
|
this.hostService.openWindow([windowOpenable], {
|
|
@@ -841,18 +845,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
841
845
|
this.recentlyOpenedList.dispose();
|
|
842
846
|
}
|
|
843
847
|
const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
|
|
844
|
-
title: ( localize(
|
|
848
|
+
title: ( localize(11083, "Recent")),
|
|
845
849
|
klass: 'recently-opened',
|
|
846
850
|
limit: 5,
|
|
847
|
-
empty: $('.empty-recent', {}, ( localize(
|
|
851
|
+
empty: $('.empty-recent', {}, ( localize(11084, "You have no recent folders,")), $('button.button-link', { 'x-dispatch': 'openFolder' }, ( localize(11085, "open a folder"))), ( localize(11086, "to start."))),
|
|
848
852
|
more: $('.more', {}, $('button.button-link', {
|
|
849
853
|
'x-dispatch': 'showMoreRecents',
|
|
850
854
|
title: ( localize(
|
|
851
|
-
|
|
855
|
+
11087,
|
|
852
856
|
"Show All Recent Folders {0}",
|
|
853
857
|
this.getKeybindingLabel(OpenRecentAction.ID)
|
|
854
858
|
))
|
|
855
|
-
}, ( localize(
|
|
859
|
+
}, ( localize(11088, "More...")))),
|
|
856
860
|
renderElement: renderRecent,
|
|
857
861
|
contextService: this.contextService
|
|
858
862
|
}));
|
|
@@ -880,7 +884,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
880
884
|
this.startList.dispose();
|
|
881
885
|
}
|
|
882
886
|
const startList = this.startList = ( new GettingStartedIndexList({
|
|
883
|
-
title: ( localize(
|
|
887
|
+
title: ( localize(11089, "Start")),
|
|
884
888
|
klass: 'start-container',
|
|
885
889
|
limit: 10,
|
|
886
890
|
renderElement: renderStartEntry,
|
|
@@ -896,10 +900,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
896
900
|
const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
|
|
897
901
|
const newBadge = $('.new-badge', {});
|
|
898
902
|
if (category.newEntry) {
|
|
899
|
-
reset(newBadge, $('.new-category', {}, ( localize(
|
|
903
|
+
reset(newBadge, $('.new-category', {}, ( localize(11090, "New"))));
|
|
900
904
|
}
|
|
901
905
|
else if (category.newItems) {
|
|
902
|
-
reset(newBadge, $('.new-items', {}, ( localize(
|
|
906
|
+
reset(newBadge, $('.new-items', {}, ( localize(11091, "Updated"))));
|
|
903
907
|
}
|
|
904
908
|
const featuredBadge = $('.featured-badge', {});
|
|
905
909
|
const descriptionContent = $('.description-content', {});
|
|
@@ -915,9 +919,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
915
919
|
}, featuredBadge, $('.main-content', {}, this.iconWidgetFor(category), titleContent, renderNewBadge ? newBadge : $('.no-badge'), $('a.codicon.codicon-close.hide-category-button', {
|
|
916
920
|
'tabindex': 0,
|
|
917
921
|
'x-dispatch': 'hideCategory:' + category.id,
|
|
918
|
-
'title': ( localize(
|
|
922
|
+
'title': ( localize(11092, "Hide")),
|
|
919
923
|
'role': 'button',
|
|
920
|
-
'aria-label': ( localize(
|
|
924
|
+
'aria-label': ( localize(11093, "Hide")),
|
|
921
925
|
})), descriptionContent, $('.category-progress', { 'x-data-category-id': category.id, }, $('.progress-bar-outer', { 'role': 'progressbar' }, $('.progress-bar-inner'))));
|
|
922
926
|
};
|
|
923
927
|
if (this.gettingStartedList) {
|
|
@@ -943,10 +947,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
943
947
|
return rank;
|
|
944
948
|
};
|
|
945
949
|
const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
|
|
946
|
-
title: ( localize(
|
|
950
|
+
title: ( localize(11094, "Walkthroughs")),
|
|
947
951
|
klass: 'getting-started',
|
|
948
952
|
limit: 5,
|
|
949
|
-
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(
|
|
953
|
+
footer: $('span.button-link.see-all-walkthroughs', { 'x-dispatch': 'seeAllWalkthroughs', 'tabindex': 0 }, ( localize(11088, "More..."))),
|
|
950
954
|
renderElement: renderGetttingStaredWalkthrough,
|
|
951
955
|
rankElement: rankWalkthrough,
|
|
952
956
|
contextService: this.contextService,
|
|
@@ -999,10 +1003,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
999
1003
|
bar.style.width = `${progress}%`;
|
|
1000
1004
|
element.parentElement.classList.toggle('no-progress', stats.stepsComplete === 0);
|
|
1001
1005
|
if (stats.stepsTotal === stats.stepsComplete) {
|
|
1002
|
-
bar.title = ( localize(
|
|
1006
|
+
bar.title = ( localize(11095, "All {0} steps complete!", stats.stepsComplete));
|
|
1003
1007
|
}
|
|
1004
1008
|
else {
|
|
1005
|
-
bar.title = ( localize(
|
|
1009
|
+
bar.title = ( localize(11096, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
|
|
1006
1010
|
}
|
|
1007
1011
|
});
|
|
1008
1012
|
}
|
|
@@ -1125,7 +1129,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1125
1129
|
if (isCommand) {
|
|
1126
1130
|
const keybinding = this.getKeyBinding(command);
|
|
1127
1131
|
if (keybinding) {
|
|
1128
|
-
const shortcutMessage = $('span.shortcut-message', {}, ( localize(
|
|
1132
|
+
const shortcutMessage = $('span.shortcut-message', {}, ( localize(11097, 'Tip: Use keyboard shortcut ')));
|
|
1129
1133
|
container.appendChild(shortcutMessage);
|
|
1130
1134
|
const label = ( new KeybindingLabel(shortcutMessage, OS, { ...defaultKeybindingLabelStyles }));
|
|
1131
1135
|
label.set(keybinding);
|
|
@@ -1218,10 +1222,10 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1218
1222
|
reset(stepTitle, ...renderLabelWithIcons(step.title));
|
|
1219
1223
|
const stepDescription = $('.step-container', {}, stepTitle, container);
|
|
1220
1224
|
if (step.media.type === 'image') {
|
|
1221
|
-
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(
|
|
1225
|
+
stepDescription.appendChild($('.image-description', { 'aria-label': ( localize(11098, "Image showing {0}", step.media.altText)) }));
|
|
1222
1226
|
}
|
|
1223
1227
|
else if (step.media.type === 'video') {
|
|
1224
|
-
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(
|
|
1228
|
+
stepDescription.appendChild($('.video-description', { 'aria-label': ( localize(11099, "Video showing {0}", step.media.altText)) }));
|
|
1225
1229
|
}
|
|
1226
1230
|
return $('button.getting-started-step', {
|
|
1227
1231
|
'x-dispatch': 'selectTask:' + step.id,
|
|
@@ -1241,8 +1245,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1241
1245
|
}
|
|
1242
1246
|
}));
|
|
1243
1247
|
const showNextCategory = this.gettingStartedCategories.find(_category => _category.id === category.next);
|
|
1244
|
-
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(
|
|
1245
|
-
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(
|
|
1248
|
+
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(11100, "Mark Done"))), ...(showNextCategory
|
|
1249
|
+
? [$('button.button-link.next', { 'x-dispatch': 'nextSection' }, ( localize(11101, "Next Section")), $('span.codicon.codicon-arrow-right'))]
|
|
1246
1250
|
: [])));
|
|
1247
1251
|
this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, { className: 'steps-container' })));
|
|
1248
1252
|
const stepListComponent = this.detailsScrollbar.getDomNode();
|
|
@@ -1259,12 +1263,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1259
1263
|
}
|
|
1260
1264
|
buildTelemetryFooter(parent) {
|
|
1261
1265
|
const mdRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
|
|
1262
|
-
const privacyStatementCopy = ( localize(
|
|
1266
|
+
const privacyStatementCopy = ( localize(11102, "privacy statement"));
|
|
1263
1267
|
const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
|
|
1264
|
-
const optOutCopy = ( localize(
|
|
1268
|
+
const optOutCopy = ( localize(11103, "opt out"));
|
|
1265
1269
|
const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
|
|
1266
1270
|
const text = ( localize(
|
|
1267
|
-
|
|
1271
|
+
11104,
|
|
1268
1272
|
"{0} collects usage data. Read our {1} and learn how to {2}.",
|
|
1269
1273
|
this.productService.nameShort,
|
|
1270
1274
|
privacyStatementButton,
|
|
@@ -1335,7 +1339,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
|
|
|
1335
1339
|
const prevButton = this.container.querySelector('.prev-button.button-link');
|
|
1336
1340
|
prevButton.style.display = this.editorInput.showWelcome || this.prevWalkthrough ? 'block' : 'none';
|
|
1337
1341
|
const moreTextElement = prevButton.querySelector('.moreText');
|
|
1338
|
-
moreTextElement.textContent = firstLaunch ? ( localize(
|
|
1342
|
+
moreTextElement.textContent = firstLaunch ? ( localize(11105, "Welcome")) : ( localize(11078, "Go Back"));
|
|
1339
1343
|
this.container.querySelector('.gettingStartedSlideDetails').querySelectorAll('button').forEach(button => button.disabled = false);
|
|
1340
1344
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('button').forEach(button => button.disabled = true);
|
|
1341
1345
|
this.container.querySelector('.gettingStartedSlideCategories').querySelectorAll('input').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(11106, '{0}\n{1}', step.title, description));
|
|
120
120
|
if (includeTitle) {
|
|
121
121
|
return [
|
|
122
|
-
( localize(
|
|
123
|
-
( localize(
|
|
122
|
+
( localize(11107, 'Title: {0}', waltkrough.title)),
|
|
123
|
+
( localize(11108, '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(11109, 'Background color for the Welcome page.')));
|
|
16
|
+
registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localize(11110, '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(11111, 'Hover background color for the tiles on the Welcome.')));
|
|
18
|
+
registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localize(11112, 'Border color for the tiles on the Welcome page.')));
|
|
19
|
+
registerColor('welcomePage.progress.background', inputBackground, ( localize(11113, 'Foreground color for the Welcome page progress bars.')));
|
|
20
|
+
registerColor('welcomePage.progress.foreground', textLinkForeground, ( localize(11114, 'Background color for the Welcome page progress bars.')));
|
|
21
|
+
registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localize(11115, 'Foreground color of the heading of each walkthrough step')));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
|
|
2
2
|
import { IFileService } from "@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service";
|
|
3
3
|
import { INotificationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service";
|
|
4
|
-
import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language";
|
|
4
|
+
import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
|
|
5
5
|
import { IExtensionService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service";
|
|
6
6
|
export declare class GettingStartedDetailsRenderer {
|
|
7
7
|
private readonly fileService;
|
|
@@ -11,7 +11,7 @@ import { asWebviewUri } from '@codingame/monaco-vscode-api/vscode/vs/workbench/c
|
|
|
11
11
|
import { ResourceMap } from '@codingame/monaco-vscode-api/vscode/vs/base/common/map';
|
|
12
12
|
import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
|
|
13
13
|
import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
|
|
14
|
-
import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language';
|
|
14
|
+
import { ILanguageService } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service';
|
|
15
15
|
import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service';
|
|
16
16
|
import { gettingStartedContentRegistry } from '../common/gettingStartedContent.js';
|
|
17
17
|
import { FileAccess } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
|
|
@@ -200,46 +200,15 @@ let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
|
|
|
200
200
|
video {
|
|
201
201
|
max-width: 100%;
|
|
202
202
|
max-height: 100%;
|
|
203
|
-
|
|
204
|
-
}
|
|
205
|
-
vertically-centered {
|
|
206
|
-
display: flex;
|
|
207
|
-
justify-content: center; /* Centers horizontally */
|
|
208
|
-
align-items: center; /* Centers vertically */
|
|
209
|
-
height: 100vh; /* Added missing semicolon */
|
|
203
|
+
object-fit: cover;
|
|
210
204
|
}
|
|
211
205
|
</style>
|
|
212
206
|
</head>
|
|
213
207
|
<body>
|
|
214
|
-
<
|
|
215
|
-
<
|
|
216
|
-
|
|
217
|
-
</video>
|
|
218
|
-
</vertically-centered>
|
|
208
|
+
<video controls autoplay ${poster ? `poster="${poster?.toString(true)}"` : ''} muted>
|
|
209
|
+
<source src="${( path.toString(true))}" type="video/mp4">
|
|
210
|
+
</video>
|
|
219
211
|
</body>
|
|
220
|
-
|
|
221
|
-
<script nonce="${nonce}">
|
|
222
|
-
let ongoingLayout = undefined;
|
|
223
|
-
const doLayout = () => {
|
|
224
|
-
document.querySelectorAll('vertically-centered').forEach(element => {
|
|
225
|
-
element.style.marginTop = Math.max((document.body.clientHeight - element.scrollHeight) * 3/10, 0) + 'px';
|
|
226
|
-
});
|
|
227
|
-
ongoingLayout = undefined;
|
|
228
|
-
};
|
|
229
|
-
|
|
230
|
-
const layout = () => {
|
|
231
|
-
if (ongoingLayout) {
|
|
232
|
-
clearTimeout(ongoingLayout);
|
|
233
|
-
}
|
|
234
|
-
ongoingLayout = setTimeout(doLayout, 0);
|
|
235
|
-
};
|
|
236
|
-
|
|
237
|
-
layout();
|
|
238
|
-
|
|
239
|
-
document.querySelectorAll('video').forEach(element => {
|
|
240
|
-
element.addEventListener('loadeddata', layout);
|
|
241
|
-
});
|
|
242
|
-
</script>
|
|
243
212
|
</html>`;
|
|
244
213
|
}
|
|
245
214
|
async readAndCacheSVGFile(path) {
|