@codingame/monaco-vscode-update-service-override 28.4.1 → 29.0.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 +2 -2
- package/vscode/src/vs/platform/update/common/update.config.contribution.js +39 -20
- package/vscode/src/vs/workbench/contrib/markdown/browser/markdownSettingRenderer.js +14 -14
- package/vscode/src/vs/workbench/contrib/update/browser/media/updateStatusBarEntry.css +0 -133
- package/vscode/src/vs/workbench/contrib/update/browser/media/updateTitleBarEntry.css +109 -0
- package/vscode/src/vs/workbench/contrib/update/browser/media/updateTooltip.css +159 -0
- package/vscode/src/vs/workbench/contrib/update/browser/releaseNotesEditor.d.ts +22 -1
- package/vscode/src/vs/workbench/contrib/update/browser/releaseNotesEditor.js +32 -14
- package/vscode/src/vs/workbench/contrib/update/browser/update.contribution.js +19 -17
- package/vscode/src/vs/workbench/contrib/update/browser/update.d.ts +5 -1
- package/vscode/src/vs/workbench/contrib/update/browser/update.js +132 -94
- package/vscode/src/vs/workbench/contrib/update/browser/updateStatusBarEntry.d.ts +9 -55
- package/vscode/src/vs/workbench/contrib/update/browser/updateStatusBarEntry.js +64 -395
- package/vscode/src/vs/workbench/contrib/update/browser/updateTitleBarEntry.d.ts +58 -0
- package/vscode/src/vs/workbench/contrib/update/browser/updateTitleBarEntry.js +319 -0
- package/vscode/src/vs/workbench/contrib/update/browser/updateTooltip.d.ts +66 -0
- package/vscode/src/vs/workbench/contrib/update/browser/updateTooltip.js +429 -0
- package/vscode/src/vs/workbench/contrib/update/common/updateUtils.d.ts +61 -0
- package/vscode/src/vs/workbench/contrib/update/common/updateUtils.js +141 -0
- package/vscode/src/vs/workbench/contrib/update/browser/media/releasenoteseditor.css +0 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codingame/monaco-vscode-update-service-override",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "29.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "VSCode public API plugged on the monaco editor - update 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": "29.0.0"
|
|
19
19
|
},
|
|
20
20
|
"main": "index.js",
|
|
21
21
|
"module": "index.js",
|
|
@@ -3,13 +3,14 @@ import { isWindows, isWeb } from '@codingame/monaco-vscode-api/vscode/vs/base/co
|
|
|
3
3
|
import { PolicyCategory } from '@codingame/monaco-vscode-api/vscode/vs/base/common/policy';
|
|
4
4
|
import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
|
|
5
5
|
import { Extensions, ConfigurationScope } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configurationRegistry';
|
|
6
|
+
import product from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/product';
|
|
6
7
|
import { Registry } from '@codingame/monaco-vscode-api/vscode/vs/platform/registry/common/platform';
|
|
7
8
|
|
|
8
9
|
const configurationRegistry = ( Registry.as(Extensions.Configuration));
|
|
9
10
|
configurationRegistry.registerConfiguration({
|
|
10
11
|
id: "update",
|
|
11
12
|
order: 15,
|
|
12
|
-
title: ( localize(
|
|
13
|
+
title: ( localize(2490, "Update")),
|
|
13
14
|
type: "object",
|
|
14
15
|
properties: {
|
|
15
16
|
"update.mode": {
|
|
@@ -18,18 +19,18 @@ configurationRegistry.registerConfiguration({
|
|
|
18
19
|
default: "default",
|
|
19
20
|
scope: ConfigurationScope.APPLICATION,
|
|
20
21
|
description: ( localize(
|
|
21
|
-
|
|
22
|
+
2491,
|
|
22
23
|
"Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
|
|
23
24
|
)),
|
|
24
25
|
tags: ["usesOnlineServices"],
|
|
25
|
-
enumDescriptions: [( localize(
|
|
26
|
-
|
|
26
|
+
enumDescriptions: [( localize(2492, "Disable updates.")), ( localize(
|
|
27
|
+
2493,
|
|
27
28
|
"Disable automatic background update checks. Updates will be available if you manually check for updates."
|
|
28
29
|
)), ( localize(
|
|
29
|
-
|
|
30
|
+
2494,
|
|
30
31
|
"Check for updates only on startup. Disable automatic background update checks."
|
|
31
32
|
)), ( localize(
|
|
32
|
-
|
|
33
|
+
2495,
|
|
33
34
|
"Enable automatic update checks. Code will check for updates automatically and periodically."
|
|
34
35
|
))],
|
|
35
36
|
policy: {
|
|
@@ -40,29 +41,29 @@ configurationRegistry.registerConfiguration({
|
|
|
40
41
|
description: {
|
|
41
42
|
key: "updateMode",
|
|
42
43
|
value: ( localize(
|
|
43
|
-
|
|
44
|
+
2491,
|
|
44
45
|
"Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
|
|
45
46
|
))
|
|
46
47
|
},
|
|
47
48
|
enumDescriptions: [{
|
|
48
49
|
key: "none",
|
|
49
|
-
value: ( localize(
|
|
50
|
+
value: ( localize(2492, "Disable updates."))
|
|
50
51
|
}, {
|
|
51
52
|
key: "manual",
|
|
52
53
|
value: ( localize(
|
|
53
|
-
|
|
54
|
+
2493,
|
|
54
55
|
"Disable automatic background update checks. Updates will be available if you manually check for updates."
|
|
55
56
|
))
|
|
56
57
|
}, {
|
|
57
58
|
key: "start",
|
|
58
59
|
value: ( localize(
|
|
59
|
-
|
|
60
|
+
2494,
|
|
60
61
|
"Check for updates only on startup. Disable automatic background update checks."
|
|
61
62
|
))
|
|
62
63
|
}, {
|
|
63
64
|
key: "default",
|
|
64
65
|
value: ( localize(
|
|
65
|
-
|
|
66
|
+
2495,
|
|
66
67
|
"Enable automatic update checks. Code will check for updates automatically and periodically."
|
|
67
68
|
))
|
|
68
69
|
}]
|
|
@@ -74,11 +75,11 @@ configurationRegistry.registerConfiguration({
|
|
|
74
75
|
default: "default",
|
|
75
76
|
scope: ConfigurationScope.APPLICATION,
|
|
76
77
|
description: ( localize(
|
|
77
|
-
|
|
78
|
+
2491,
|
|
78
79
|
"Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
|
|
79
80
|
)),
|
|
80
81
|
deprecationMessage: ( localize(
|
|
81
|
-
|
|
82
|
+
2496,
|
|
82
83
|
"This setting is deprecated, please use '{0}' instead.",
|
|
83
84
|
"update.mode"
|
|
84
85
|
))
|
|
@@ -87,9 +88,9 @@ configurationRegistry.registerConfiguration({
|
|
|
87
88
|
type: "boolean",
|
|
88
89
|
default: true,
|
|
89
90
|
scope: ConfigurationScope.APPLICATION,
|
|
90
|
-
title: ( localize(
|
|
91
|
+
title: ( localize(2497, "Enable Background Updates")),
|
|
91
92
|
description: ( localize(
|
|
92
|
-
|
|
93
|
+
2498,
|
|
93
94
|
"Enable to download and install new VS Code versions in the background."
|
|
94
95
|
)),
|
|
95
96
|
included: isWindows && !isWeb
|
|
@@ -99,7 +100,7 @@ configurationRegistry.registerConfiguration({
|
|
|
99
100
|
default: true,
|
|
100
101
|
scope: ConfigurationScope.APPLICATION,
|
|
101
102
|
description: ( localize(
|
|
102
|
-
|
|
103
|
+
2499,
|
|
103
104
|
"Show Release Notes after an update. The Release Notes are fetched from a Microsoft online service."
|
|
104
105
|
)),
|
|
105
106
|
tags: ["usesOnlineServices"]
|
|
@@ -109,14 +110,32 @@ configurationRegistry.registerConfiguration({
|
|
|
109
110
|
enum: ["hidden", "actionable", "detailed"],
|
|
110
111
|
default: "detailed",
|
|
111
112
|
scope: ConfigurationScope.APPLICATION,
|
|
112
|
-
description: ( localize(
|
|
113
|
-
enumDescriptions: [( localize(
|
|
114
|
-
|
|
113
|
+
description: ( localize(2500, "Controls the visibility of the update status bar entry.")),
|
|
114
|
+
enumDescriptions: [( localize(2501, "The status bar entry is never shown.")), ( localize(
|
|
115
|
+
2502,
|
|
115
116
|
"The status bar entry is shown when an action is required (e.g., download, install, or restart)."
|
|
116
117
|
)), ( localize(
|
|
117
|
-
|
|
118
|
+
2503,
|
|
118
119
|
"The status bar entry is shown for all update states including progress."
|
|
119
120
|
))]
|
|
121
|
+
},
|
|
122
|
+
"update.titleBar": {
|
|
123
|
+
type: "string",
|
|
124
|
+
enum: ["none", "actionable", "detailed", "always"],
|
|
125
|
+
default: product.quality !== "stable" ? "actionable" : "none",
|
|
126
|
+
scope: ConfigurationScope.APPLICATION,
|
|
127
|
+
tags: ["experimental"],
|
|
128
|
+
experiment: {
|
|
129
|
+
mode: "startup"
|
|
130
|
+
},
|
|
131
|
+
description: ( localize(2504, "Controls the experimental update title bar entry.")),
|
|
132
|
+
enumDescriptions: [( localize(2505, "The title bar entry is never shown.")), ( localize(
|
|
133
|
+
2506,
|
|
134
|
+
"The title bar entry is shown when an action is required (e.g., download, install, or restart)."
|
|
135
|
+
)), ( localize(
|
|
136
|
+
2507,
|
|
137
|
+
"The title bar entry is shown for progress and actionable update states, but not for idle or disabled states."
|
|
138
|
+
)), ( localize(2508, "The title bar entry is shown for all update states."))]
|
|
120
139
|
}
|
|
121
140
|
}
|
|
122
141
|
});
|
|
@@ -123,11 +123,11 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
123
123
|
}
|
|
124
124
|
viewInSettingsMessage(settingId, alreadyDisplayed) {
|
|
125
125
|
if (alreadyDisplayed) {
|
|
126
|
-
return localize(
|
|
126
|
+
return localize(10173, "View in Settings");
|
|
127
127
|
} else {
|
|
128
128
|
const displayName = settingKeyToDisplayFormat(settingId);
|
|
129
129
|
return localize(
|
|
130
|
-
|
|
130
|
+
10174,
|
|
131
131
|
"View \"{0}: {1}\" in Settings",
|
|
132
132
|
displayName.category,
|
|
133
133
|
displayName.label
|
|
@@ -137,7 +137,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
137
137
|
restorePreviousSettingMessage(settingId) {
|
|
138
138
|
const displayName = settingKeyToDisplayFormat(settingId);
|
|
139
139
|
return localize(
|
|
140
|
-
|
|
140
|
+
10175,
|
|
141
141
|
"Restore value of \"{0}: {1}\"",
|
|
142
142
|
displayName.category,
|
|
143
143
|
displayName.label
|
|
@@ -152,14 +152,14 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
152
152
|
if (this.isAlreadySet(setting, booleanValue)) {
|
|
153
153
|
if (booleanValue) {
|
|
154
154
|
return localize(
|
|
155
|
-
|
|
155
|
+
10176,
|
|
156
156
|
"\"{0}: {1}\" is already enabled",
|
|
157
157
|
displayName.category,
|
|
158
158
|
displayName.label
|
|
159
159
|
);
|
|
160
160
|
} else {
|
|
161
161
|
return localize(
|
|
162
|
-
|
|
162
|
+
10177,
|
|
163
163
|
"\"{0}: {1}\" is already disabled",
|
|
164
164
|
displayName.category,
|
|
165
165
|
displayName.label
|
|
@@ -167,16 +167,16 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
if (booleanValue) {
|
|
170
|
-
return localize(
|
|
170
|
+
return localize(10178, "Enable \"{0}: {1}\"", displayName.category, displayName.label);
|
|
171
171
|
} else {
|
|
172
|
-
return localize(
|
|
172
|
+
return localize(10179, "Disable \"{0}: {1}\"", displayName.category, displayName.label);
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
175
|
stringSettingMessage(setting, stringValue) {
|
|
176
176
|
const displayName = settingKeyToDisplayFormat(setting.key);
|
|
177
177
|
if (this.isAlreadySet(setting, stringValue)) {
|
|
178
178
|
return localize(
|
|
179
|
-
|
|
179
|
+
10180,
|
|
180
180
|
"\"{0}: {1}\" is already set to \"{2}\"",
|
|
181
181
|
displayName.category,
|
|
182
182
|
displayName.label,
|
|
@@ -184,7 +184,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
184
184
|
);
|
|
185
185
|
}
|
|
186
186
|
return localize(
|
|
187
|
-
|
|
187
|
+
10181,
|
|
188
188
|
"Set \"{0}: {1}\" to \"{2}\"",
|
|
189
189
|
displayName.category,
|
|
190
190
|
displayName.label,
|
|
@@ -195,7 +195,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
195
195
|
const displayName = settingKeyToDisplayFormat(setting.key);
|
|
196
196
|
if (this.isAlreadySet(setting, numberValue)) {
|
|
197
197
|
return localize(
|
|
198
|
-
|
|
198
|
+
10182,
|
|
199
199
|
"\"{0}: {1}\" is already set to {2}",
|
|
200
200
|
displayName.category,
|
|
201
201
|
displayName.label,
|
|
@@ -203,7 +203,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
203
203
|
);
|
|
204
204
|
}
|
|
205
205
|
return localize(
|
|
206
|
-
|
|
206
|
+
10183,
|
|
207
207
|
"Set \"{0}: {1}\" to {2}",
|
|
208
208
|
displayName.category,
|
|
209
209
|
displayName.label,
|
|
@@ -212,7 +212,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
212
212
|
}
|
|
213
213
|
renderSetting(setting, newValue) {
|
|
214
214
|
const href = this.settingToUriString(setting.key, newValue);
|
|
215
|
-
const title = ( localize(
|
|
215
|
+
const title = ( localize(10184, "View or change setting"));
|
|
216
216
|
return `<code tabindex="0"><a href="${href}" class="codesetting" title="${title}" aria-role="button"><svg width="14" height="14" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M9.1 4.4L8.6 2H7.4l-.5 2.4-.7.3-2-1.3-.9.8 1.3 2-.2.7-2.4.5v1.2l2.4.5.3.8-1.3 2 .8.8 2-1.3.8.3.4 2.3h1.2l.5-2.4.8-.3 2 1.3.8-.8-1.3-2 .3-.8 2.3-.4V7.4l-2.4-.5-.3-.8 1.3-2-.8-.8-2 1.3-.7-.2zM9.4 1l.5 2.4L12 2.1l2 2-1.4 2.1 2.4.4v2.8l-2.4.5L14 12l-2 2-2.1-1.4-.5 2.4H6.6l-.5-2.4L4 13.9l-2-2 1.4-2.1L1 9.4V6.6l2.4-.5L2.1 4l2-2 2.1 1.4.4-2.4h2.8zm.6 7c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM8 9c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z"/></svg>
|
|
217
217
|
<span class="separator"></span>
|
|
218
218
|
<span class="setting-name">${setting.key}</span>
|
|
@@ -290,8 +290,8 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
|
|
|
290
290
|
class: undefined,
|
|
291
291
|
enabled: true,
|
|
292
292
|
id: "copySettingId",
|
|
293
|
-
tooltip: ( localize(
|
|
294
|
-
label: ( localize(
|
|
293
|
+
tooltip: ( localize(10185, "Copy Setting ID")),
|
|
294
|
+
label: ( localize(10185, "Copy Setting ID")),
|
|
295
295
|
run: () => {
|
|
296
296
|
this._clipboardService.writeText(settingId);
|
|
297
297
|
}
|
|
@@ -7,136 +7,3 @@
|
|
|
7
7
|
color: var(--vscode-button-background);
|
|
8
8
|
font-size: 16px;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
.update-status-tooltip {
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
padding: 4px 0;
|
|
15
|
-
min-width: 310px;
|
|
16
|
-
max-width: 410px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/* Header with title and gear icon */
|
|
20
|
-
.update-status-tooltip .header {
|
|
21
|
-
display: flex;
|
|
22
|
-
justify-content: space-between;
|
|
23
|
-
align-items: center;
|
|
24
|
-
margin-bottom: 12px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.update-status-tooltip .header .title {
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
font-size: var(--vscode-bodyFontSize);
|
|
30
|
-
color: var(--vscode-foreground);
|
|
31
|
-
margin-bottom: 0;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.update-status-tooltip .header .monaco-action-bar {
|
|
35
|
-
margin-left: auto;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Product info section with logo */
|
|
39
|
-
.update-status-tooltip .product-info {
|
|
40
|
-
display: flex;
|
|
41
|
-
gap: 12px;
|
|
42
|
-
margin-bottom: 16px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.update-status-tooltip .product-logo {
|
|
46
|
-
width: 48px;
|
|
47
|
-
height: 48px;
|
|
48
|
-
border-radius: var(--vscode-cornerRadius-large);
|
|
49
|
-
padding: 5px;
|
|
50
|
-
flex-shrink: 0;
|
|
51
|
-
background-image: url('../../../../browser/media/code-icon.svg');
|
|
52
|
-
background-size: contain;
|
|
53
|
-
background-position: center;
|
|
54
|
-
background-repeat: no-repeat;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.update-status-tooltip .product-details {
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: column;
|
|
60
|
-
justify-content: center;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.update-status-tooltip .product-name {
|
|
64
|
-
font-weight: 600;
|
|
65
|
-
color: var(--vscode-foreground);
|
|
66
|
-
margin-bottom: 4px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.update-status-tooltip .product-version,
|
|
70
|
-
.update-status-tooltip .product-release-date {
|
|
71
|
-
color: var(--vscode-descriptionForeground);
|
|
72
|
-
font-size: var(--vscode-bodyFontSize-small);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.update-status-tooltip .release-notes-link {
|
|
76
|
-
color: var(--vscode-textLink-foreground);
|
|
77
|
-
text-decoration: none;
|
|
78
|
-
font-size: var(--vscode-bodyFontSize-small);
|
|
79
|
-
cursor: pointer;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.update-status-tooltip .release-notes-link:hover {
|
|
83
|
-
color: var(--vscode-textLink-activeForeground);
|
|
84
|
-
text-decoration: underline;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
/* What's Included section */
|
|
88
|
-
.update-status-tooltip .whats-included .section-title {
|
|
89
|
-
font-weight: 600;
|
|
90
|
-
color: var(--vscode-foreground);
|
|
91
|
-
margin-bottom: 8px;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.update-status-tooltip .whats-included ul {
|
|
95
|
-
margin: 0;
|
|
96
|
-
padding-left: 16px;
|
|
97
|
-
color: var(--vscode-descriptionForeground);
|
|
98
|
-
font-size: var(--vscode-bodyFontSize-small);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.update-status-tooltip .whats-included li {
|
|
102
|
-
margin-bottom: 2px;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
/* Progress bar */
|
|
106
|
-
.update-status-tooltip .progress-container {
|
|
107
|
-
margin-bottom: 8px;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.update-status-tooltip .progress-bar {
|
|
111
|
-
width: 100%;
|
|
112
|
-
height: 4px;
|
|
113
|
-
background-color: color-mix(in srgb, var(--vscode-progressBar-background) 30%, transparent);
|
|
114
|
-
border-radius: var(--vscode-cornerRadius-small);
|
|
115
|
-
overflow: hidden;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.update-status-tooltip .progress-bar .progress-fill {
|
|
119
|
-
height: 100%;
|
|
120
|
-
background-color: var(--vscode-progressBar-background);
|
|
121
|
-
border-radius: var(--vscode-cornerRadius-small);
|
|
122
|
-
transition: width 0.3s ease;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.update-status-tooltip .progress-text {
|
|
126
|
-
display: flex;
|
|
127
|
-
justify-content: space-between;
|
|
128
|
-
margin-top: 4px;
|
|
129
|
-
font-size: var(--vscode-bodyFontSize-small);
|
|
130
|
-
color: var(--vscode-descriptionForeground);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.update-status-tooltip .progress-details {
|
|
134
|
-
color: var(--vscode-descriptionForeground);
|
|
135
|
-
margin-bottom: 4px;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.update-status-tooltip .speed-info,
|
|
139
|
-
.update-status-tooltip .time-remaining {
|
|
140
|
-
color: var(--vscode-descriptionForeground);
|
|
141
|
-
font-size: var(--vscode-bodyFontSize-small);
|
|
142
|
-
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/*---------------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
3
|
+
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
4
|
+
*--------------------------------------------------------------------------------------------*/
|
|
5
|
+
|
|
6
|
+
.monaco-action-bar .update-indicator {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
border-radius: var(--vscode-cornerRadius-medium);
|
|
10
|
+
white-space: nowrap;
|
|
11
|
+
padding: 0px 12px;
|
|
12
|
+
height: 22px;
|
|
13
|
+
background-color: transparent;
|
|
14
|
+
border: 1px solid transparent;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.monaco-action-bar .update-indicator:hover {
|
|
18
|
+
background-color: var(--vscode-toolbar-hoverBackground);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.monaco-action-bar .update-indicator .indicator-label {
|
|
22
|
+
font-size: var(--vscode-bodyFontSize-small);
|
|
23
|
+
position: relative;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Prominent state (action required) — primary button style */
|
|
27
|
+
.monaco-action-bar .update-indicator.prominent {
|
|
28
|
+
background-color: var(--vscode-button-background);
|
|
29
|
+
color: var(--vscode-button-foreground);
|
|
30
|
+
border-color: var(--vscode-button-background);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.monaco-action-bar .update-indicator.prominent:hover {
|
|
34
|
+
background-color: var(--vscode-button-hoverBackground);
|
|
35
|
+
border-color: var(--vscode-button-hoverBackground);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Disabled state */
|
|
39
|
+
.monaco-action-bar .update-indicator.update-disabled .indicator-label {
|
|
40
|
+
color: var(--vscode-disabledForeground);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Progress underline bar (shared base) */
|
|
44
|
+
.monaco-action-bar .update-indicator.progress-indefinite .indicator-label::after,
|
|
45
|
+
.monaco-action-bar .update-indicator.progress-percent .indicator-label::after {
|
|
46
|
+
content: '';
|
|
47
|
+
position: absolute;
|
|
48
|
+
left: 0;
|
|
49
|
+
bottom: 1px;
|
|
50
|
+
height: 1px;
|
|
51
|
+
border-radius: 1px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* Progress: indefinite — animated shimmer underline */
|
|
55
|
+
.monaco-action-bar .update-indicator.progress-indefinite .indicator-label::after {
|
|
56
|
+
width: 100%;
|
|
57
|
+
background: linear-gradient(
|
|
58
|
+
90deg,
|
|
59
|
+
transparent 0%,
|
|
60
|
+
var(--vscode-progressBar-background) 80%,
|
|
61
|
+
transparent 100%
|
|
62
|
+
);
|
|
63
|
+
background-size: 200% 100%;
|
|
64
|
+
animation: update-indicator-shimmer 1.5s ease-in-out infinite;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@keyframes update-indicator-shimmer {
|
|
68
|
+
0% { background-position: 100% 0; }
|
|
69
|
+
100% { background-position: -100% 0; }
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Progress: percentage — left-to-right fill underline */
|
|
73
|
+
.monaco-action-bar .update-indicator.progress-percent .indicator-label::after {
|
|
74
|
+
width: 100%;
|
|
75
|
+
background: linear-gradient(
|
|
76
|
+
90deg,
|
|
77
|
+
var(--vscode-progressBar-background) var(--update-progress, 0%),
|
|
78
|
+
color-mix(in srgb, var(--vscode-progressBar-background) 25%, transparent) var(--update-progress, 0%)
|
|
79
|
+
);
|
|
80
|
+
transition: background 0.3s ease;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Bounce animation — macOS dock-style bounce when prominent state appears */
|
|
84
|
+
.monaco-action-bar .update-indicator.prominent {
|
|
85
|
+
animation: update-indicator-bounce 0.6s ease;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@keyframes update-indicator-bounce {
|
|
89
|
+
0% { transform: translateY(0); }
|
|
90
|
+
20% { transform: translateY(-6px); }
|
|
91
|
+
40% { transform: translateY(0); }
|
|
92
|
+
55% { transform: translateY(-3px); }
|
|
93
|
+
70% { transform: translateY(0); }
|
|
94
|
+
85% { transform: translateY(-1px); }
|
|
95
|
+
100% { transform: translateY(0); }
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* Reduced motion */
|
|
99
|
+
.monaco-workbench.monaco-reduce-motion .update-indicator.progress-indefinite .indicator-label::after {
|
|
100
|
+
animation: none;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.monaco-workbench.monaco-reduce-motion .update-indicator.progress-percent .indicator-label::after {
|
|
104
|
+
transition: none;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.monaco-workbench.monaco-reduce-motion .update-indicator.prominent {
|
|
108
|
+
animation: none;
|
|
109
|
+
}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
/*---------------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
3
|
+
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
4
|
+
*--------------------------------------------------------------------------------------------*/
|
|
5
|
+
|
|
6
|
+
.update-tooltip {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 12px;
|
|
10
|
+
padding: 6px 6px;
|
|
11
|
+
min-width: 300px;
|
|
12
|
+
max-width: 350px;
|
|
13
|
+
color: var(--vscode-descriptionForeground);
|
|
14
|
+
font-size: var(--vscode-bodyFontSize-small);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* Header */
|
|
18
|
+
.update-tooltip .header {
|
|
19
|
+
display: flex;
|
|
20
|
+
justify-content: space-between;
|
|
21
|
+
align-items: center;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.update-tooltip .header .title {
|
|
25
|
+
font-weight: 600;
|
|
26
|
+
font-size: var(--vscode-bodyFontSize);
|
|
27
|
+
color: var(--vscode-foreground);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* Product info */
|
|
31
|
+
.update-tooltip .product-info {
|
|
32
|
+
display: flex;
|
|
33
|
+
gap: 12px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.update-tooltip .product-logo {
|
|
37
|
+
width: 48px;
|
|
38
|
+
height: 48px;
|
|
39
|
+
border-radius: var(--vscode-cornerRadius-large);
|
|
40
|
+
padding: 5px;
|
|
41
|
+
flex-shrink: 0;
|
|
42
|
+
background: url('../../../../browser/media/code-icon.svg') center / contain no-repeat;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.update-tooltip .product-details {
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
justify-content: center;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.update-tooltip .product-name {
|
|
52
|
+
font-weight: 600;
|
|
53
|
+
color: var(--vscode-foreground);
|
|
54
|
+
margin-bottom: 4px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.update-tooltip .product-version {
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
gap: 4px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.update-tooltip .copy-version-button {
|
|
64
|
+
cursor: pointer;
|
|
65
|
+
opacity: 0;
|
|
66
|
+
color: var(--vscode-descriptionForeground);
|
|
67
|
+
transition: opacity 0.1s;
|
|
68
|
+
margin-top: -2px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.update-tooltip .product-version:hover .copy-version-button,
|
|
72
|
+
.update-tooltip .product-version:focus-within .copy-version-button {
|
|
73
|
+
opacity: 1;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.update-tooltip .copy-version-button:hover,
|
|
77
|
+
.update-tooltip .copy-version-button:focus-visible {
|
|
78
|
+
color: var(--vscode-foreground);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.update-tooltip .release-notes-link {
|
|
82
|
+
color: var(--vscode-textLink-foreground);
|
|
83
|
+
text-decoration: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.update-tooltip .release-notes-link:hover {
|
|
87
|
+
color: var(--vscode-textLink-activeForeground);
|
|
88
|
+
text-decoration: underline;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* Progress bar */
|
|
92
|
+
.update-tooltip .progress-bar {
|
|
93
|
+
height: 4px;
|
|
94
|
+
background-color: color-mix(in srgb, var(--vscode-progressBar-background) 30%, transparent);
|
|
95
|
+
border-radius: var(--vscode-cornerRadius-small);
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.update-tooltip .progress-fill {
|
|
100
|
+
height: 100%;
|
|
101
|
+
background-color: var(--vscode-progressBar-background);
|
|
102
|
+
border-radius: var(--vscode-cornerRadius-small);
|
|
103
|
+
transition: width 0.3s ease;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.monaco-workbench.monaco-reduce-motion .update-tooltip .progress-fill {
|
|
107
|
+
transition: none;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.update-tooltip .progress-text,
|
|
111
|
+
.update-tooltip .download-stats {
|
|
112
|
+
display: flex;
|
|
113
|
+
justify-content: space-between;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.update-tooltip .progress-text {
|
|
117
|
+
margin-top: 4px;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.update-tooltip .state-message {
|
|
121
|
+
display: flex;
|
|
122
|
+
align-items: flex-start;
|
|
123
|
+
font-size: var(--vscode-bodyFontSize);
|
|
124
|
+
gap: 4px;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.update-tooltip .state-message-icon.codicon[class*='codicon-'] {
|
|
128
|
+
font-size: 16px;
|
|
129
|
+
flex-shrink: 0;
|
|
130
|
+
margin-top: 2px;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.update-tooltip .state-message-icon.codicon.codicon-warning {
|
|
134
|
+
color: var(--vscode-editorWarning-foreground);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.update-tooltip .state-message-icon.codicon.codicon-error {
|
|
138
|
+
color: var(--vscode-editorError-foreground);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/* Markdown */
|
|
142
|
+
.update-tooltip .update-markdown {
|
|
143
|
+
background: var(--vscode-editor-background);
|
|
144
|
+
border-radius: var(--vscode-cornerRadius-large);
|
|
145
|
+
padding: 12px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.update-tooltip .update-markdown p {
|
|
149
|
+
margin-bottom: 16px;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.update-tooltip .update-markdown p:last-child {
|
|
153
|
+
margin-bottom: 0;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.update-tooltip .update-markdown .codicon[class*='codicon-'] {
|
|
157
|
+
font-size: 16px;
|
|
158
|
+
vertical-align: text-top;
|
|
159
|
+
}
|