@theia/filesystem 1.48.1 → 1.48.2
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/README.md +30 -30
- package/lib/browser/breadcrumbs/filepath-breadcrumb.d.ts +15 -15
- package/lib/browser/breadcrumbs/filepath-breadcrumb.js +41 -41
- package/lib/browser/breadcrumbs/filepath-breadcrumbs-container.d.ts +13 -13
- package/lib/browser/breadcrumbs/filepath-breadcrumbs-container.js +70 -70
- package/lib/browser/breadcrumbs/filepath-breadcrumbs-contribution.d.ts +27 -27
- package/lib/browser/breadcrumbs/filepath-breadcrumbs-contribution.js +118 -118
- package/lib/browser/download/file-download-command-contribution.d.ts +18 -18
- package/lib/browser/download/file-download-command-contribution.js +75 -75
- package/lib/browser/download/file-download-frontend-module.d.ts +3 -3
- package/lib/browser/download/file-download-frontend-module.js +25 -25
- package/lib/browser/download/file-download-service.d.ts +28 -28
- package/lib/browser/download/file-download-service.js +167 -167
- package/lib/browser/file-dialog/file-dialog-container.d.ts +5 -5
- package/lib/browser/file-dialog/file-dialog-container.js +60 -60
- package/lib/browser/file-dialog/file-dialog-hidden-files-renderer.d.ts +15 -15
- package/lib/browser/file-dialog/file-dialog-hidden-files-renderer.js +59 -59
- package/lib/browser/file-dialog/file-dialog-model.d.ts +25 -25
- package/lib/browser/file-dialog/file-dialog-model.js +100 -100
- package/lib/browser/file-dialog/file-dialog-module.d.ts +3 -3
- package/lib/browser/file-dialog/file-dialog-module.js +45 -45
- package/lib/browser/file-dialog/file-dialog-service.d.ts +32 -32
- package/lib/browser/file-dialog/file-dialog-service.js +101 -101
- package/lib/browser/file-dialog/file-dialog-tree-filters-renderer.d.ts +39 -39
- package/lib/browser/file-dialog/file-dialog-tree-filters-renderer.js +81 -81
- package/lib/browser/file-dialog/file-dialog-tree.d.ts +26 -26
- package/lib/browser/file-dialog/file-dialog-tree.js +83 -83
- package/lib/browser/file-dialog/file-dialog-widget.d.ts +15 -15
- package/lib/browser/file-dialog/file-dialog-widget.js +75 -75
- package/lib/browser/file-dialog/file-dialog.d.ts +129 -129
- package/lib/browser/file-dialog/file-dialog.js +351 -351
- package/lib/browser/file-dialog/index.d.ts +4 -4
- package/lib/browser/file-dialog/index.js +22 -22
- package/lib/browser/file-resource.d.ts +67 -67
- package/lib/browser/file-resource.js +369 -369
- package/lib/browser/file-selection.d.ts +14 -14
- package/lib/browser/file-selection.js +36 -36
- package/lib/browser/file-service.d.ts +425 -425
- package/lib/browser/file-service.js +1366 -1366
- package/lib/browser/file-tree/file-tree-container.d.ts +3 -3
- package/lib/browser/file-tree/file-tree-container.js +35 -35
- package/lib/browser/file-tree/file-tree-decorator-adapter.d.ts +30 -30
- package/lib/browser/file-tree/file-tree-decorator-adapter.js +169 -169
- package/lib/browser/file-tree/file-tree-label-provider.d.ts +12 -12
- package/lib/browser/file-tree/file-tree-label-provider.js +54 -54
- package/lib/browser/file-tree/file-tree-model.d.ts +37 -37
- package/lib/browser/file-tree/file-tree-model.js +217 -217
- package/lib/browser/file-tree/file-tree-widget.d.ts +44 -44
- package/lib/browser/file-tree/file-tree-widget.js +317 -317
- package/lib/browser/file-tree/file-tree.d.ts +46 -46
- package/lib/browser/file-tree/file-tree.js +176 -176
- package/lib/browser/file-tree/index.d.ts +6 -6
- package/lib/browser/file-tree/index.js +24 -24
- package/lib/browser/file-upload-service.d.ts +109 -109
- package/lib/browser/file-upload-service.js +434 -434
- package/lib/browser/filesystem-frontend-contribution.d.ts +74 -74
- package/lib/browser/filesystem-frontend-contribution.js +356 -356
- package/lib/browser/filesystem-frontend-module.d.ts +5 -5
- package/lib/browser/filesystem-frontend-module.js +64 -64
- package/lib/browser/filesystem-preferences.d.ts +29 -29
- package/lib/browser/filesystem-preferences.js +110 -110
- package/lib/browser/filesystem-save-resource-service.d.ts +29 -29
- package/lib/browser/filesystem-save-resource-service.js +135 -135
- package/lib/browser/filesystem-watcher-error-handler.d.ts +10 -10
- package/lib/browser/filesystem-watcher-error-handler.js +61 -61
- package/lib/browser/index.d.ts +5 -5
- package/lib/browser/index.js +23 -23
- package/lib/browser/location/index.d.ts +2 -2
- package/lib/browser/location/index.js +20 -20
- package/lib/browser/location/location-renderer.d.ts +100 -100
- package/lib/browser/location/location-renderer.js +343 -343
- package/lib/browser/location/location-service.d.ts +5 -5
- package/lib/browser/location/location-service.js +17 -17
- package/lib/browser/remote-file-service-contribution.d.ts +6 -6
- package/lib/browser/remote-file-service-contribution.js +39 -39
- package/lib/browser-only/browser-only-filesystem-frontend-module.d.ts +3 -3
- package/lib/browser-only/browser-only-filesystem-frontend-module.js +40 -40
- package/lib/browser-only/browser-only-filesystem-provider-server.d.ts +11 -11
- package/lib/browser-only/browser-only-filesystem-provider-server.js +39 -39
- package/lib/browser-only/browserfs-filesystem-initialization.d.ts +12 -12
- package/lib/browser-only/browserfs-filesystem-initialization.js +54 -54
- package/lib/browser-only/browserfs-filesystem-provider.d.ts +45 -45
- package/lib/browser-only/browserfs-filesystem-provider.js +439 -439
- package/lib/common/delegating-file-system-provider.d.ts +76 -76
- package/lib/common/delegating-file-system-provider.js +168 -168
- package/lib/common/download/file-download-data.d.ts +6 -6
- package/lib/common/download/file-download-data.js +26 -26
- package/lib/common/file-upload.d.ts +1 -1
- package/lib/common/file-upload.js +19 -19
- package/lib/common/files.d.ts +659 -659
- package/lib/common/files.js +355 -355
- package/lib/common/files.spec.d.ts +1 -1
- package/lib/common/files.spec.js +51 -51
- package/lib/common/filesystem-utils.d.ts +14 -14
- package/lib/common/filesystem-utils.js +63 -63
- package/lib/common/filesystem-utils.spec.d.ts +1 -1
- package/lib/common/filesystem-utils.spec.js +378 -378
- package/lib/common/filesystem-watcher-protocol.d.ts +71 -71
- package/lib/common/filesystem-watcher-protocol.js +20 -20
- package/lib/common/filesystem.d.ts +22 -22
- package/lib/common/filesystem.js +42 -42
- package/lib/common/index.d.ts +2 -2
- package/lib/common/index.js +20 -20
- package/lib/common/io.d.ts +19 -19
- package/lib/common/io.js +110 -110
- package/lib/common/remote-file-system-provider.d.ts +173 -173
- package/lib/common/remote-file-system-provider.js +435 -435
- package/lib/electron-browser/file-dialog/electron-file-dialog-module.d.ts +3 -3
- package/lib/electron-browser/file-dialog/electron-file-dialog-module.js +24 -24
- package/lib/electron-browser/file-dialog/electron-file-dialog-service.d.ts +19 -19
- package/lib/electron-browser/file-dialog/electron-file-dialog-service.js +148 -148
- package/lib/electron-browser/preload.d.ts +1 -1
- package/lib/electron-browser/preload.js +30 -30
- package/lib/electron-common/electron-api.d.ts +34 -34
- package/lib/electron-common/electron-api.js +20 -20
- package/lib/electron-main/electron-api-main.d.ts +5 -5
- package/lib/electron-main/electron-api-main.js +73 -73
- package/lib/electron-main/electron-main-module.d.ts +3 -3
- package/lib/electron-main/electron-main-module.js +24 -24
- package/lib/node/disk-file-system-provider.d.ts +72 -72
- package/lib/node/disk-file-system-provider.js +787 -787
- package/lib/node/disk-file-system-provider.spec.d.ts +1 -1
- package/lib/node/disk-file-system-provider.spec.js +122 -122
- package/lib/node/download/directory-archiver.d.ts +9 -9
- package/lib/node/download/directory-archiver.js +127 -127
- package/lib/node/download/directory-archiver.spec.d.ts +1 -1
- package/lib/node/download/directory-archiver.spec.js +97 -97
- package/lib/node/download/file-download-backend-module.d.ts +3 -3
- package/lib/node/download/file-download-backend-module.js +32 -32
- package/lib/node/download/file-download-cache.d.ts +21 -21
- package/lib/node/download/file-download-cache.js +82 -82
- package/lib/node/download/file-download-endpoint.d.ts +11 -11
- package/lib/node/download/file-download-endpoint.js +67 -67
- package/lib/node/download/file-download-handler.d.ts +50 -50
- package/lib/node/download/file-download-handler.js +307 -307
- package/lib/node/download/test/mock-directory-archiver.d.ts +7 -7
- package/lib/node/download/test/mock-directory-archiver.js +29 -29
- package/lib/node/file-change-collection.d.ts +22 -22
- package/lib/node/file-change-collection.js +77 -77
- package/lib/node/file-change-collection.spec.d.ts +1 -1
- package/lib/node/file-change-collection.spec.js +90 -90
- package/lib/node/filesystem-backend-module.d.ts +26 -26
- package/lib/node/filesystem-backend-module.js +120 -120
- package/lib/node/filesystem-watcher-client.d.ts +23 -23
- package/lib/node/filesystem-watcher-client.js +75 -75
- package/lib/node/filesystem-watcher-dispatcher.d.ts +23 -23
- package/lib/node/filesystem-watcher-dispatcher.js +80 -80
- package/lib/node/node-file-upload-service.d.ts +16 -16
- package/lib/node/node-file-upload-service.js +79 -79
- package/lib/node/nsfw-watcher/index.d.ts +3 -3
- package/lib/node/nsfw-watcher/index.js +39 -39
- package/lib/node/nsfw-watcher/nsfw-filesystem-service.d.ts +191 -191
- package/lib/node/nsfw-watcher/nsfw-filesystem-service.js +405 -405
- package/lib/node/nsfw-watcher/nsfw-filesystem-watcher.spec.d.ts +1 -1
- package/lib/node/nsfw-watcher/nsfw-filesystem-watcher.spec.js +151 -151
- package/lib/node/nsfw-watcher/nsfw-options.d.ts +6 -6
- package/lib/node/nsfw-watcher/nsfw-options.js +22 -22
- package/package.json +4 -4
- package/src/browser/breadcrumbs/filepath-breadcrumb.ts +43 -43
- package/src/browser/breadcrumbs/filepath-breadcrumbs-container.ts +65 -65
- package/src/browser/breadcrumbs/filepath-breadcrumbs-contribution.ts +129 -129
- package/src/browser/download/file-download-command-contribution.ts +83 -83
- package/src/browser/download/file-download-frontend-module.ts +25 -25
- package/src/browser/download/file-download-service.ts +179 -179
- package/src/browser/file-dialog/file-dialog-container.ts +67 -67
- package/src/browser/file-dialog/file-dialog-hidden-files-renderer.tsx +59 -59
- package/src/browser/file-dialog/file-dialog-model.ts +96 -96
- package/src/browser/file-dialog/file-dialog-module.ts +44 -44
- package/src/browser/file-dialog/file-dialog-service.ts +99 -99
- package/src/browser/file-dialog/file-dialog-tree-filters-renderer.tsx +100 -100
- package/src/browser/file-dialog/file-dialog-tree.ts +89 -89
- package/src/browser/file-dialog/file-dialog-widget.ts +75 -75
- package/src/browser/file-dialog/file-dialog.ts +434 -434
- package/src/browser/file-dialog/index.ts +20 -20
- package/src/browser/file-resource.ts +390 -390
- package/src/browser/file-selection.ts +44 -44
- package/src/browser/file-service.ts +1841 -1841
- package/src/browser/file-tree/file-tree-container.ts +36 -36
- package/src/browser/file-tree/file-tree-decorator-adapter.ts +159 -159
- package/src/browser/file-tree/file-tree-label-provider.ts +53 -53
- package/src/browser/file-tree/file-tree-model.ts +212 -212
- package/src/browser/file-tree/file-tree-widget.tsx +327 -327
- package/src/browser/file-tree/file-tree.ts +183 -183
- package/src/browser/file-tree/index.ts +22 -22
- package/src/browser/file-upload-service.ts +539 -539
- package/src/browser/filesystem-frontend-contribution.ts +381 -381
- package/src/browser/filesystem-frontend-module.ts +77 -77
- package/src/browser/filesystem-preferences.ts +139 -139
- package/src/browser/filesystem-save-resource-service.ts +125 -125
- package/src/browser/filesystem-watcher-error-handler.ts +60 -60
- package/src/browser/index.ts +21 -21
- package/src/browser/location/index.ts +18 -18
- package/src/browser/location/location-renderer.tsx +404 -404
- package/src/browser/location/location-service.ts +22 -22
- package/src/browser/remote-file-service-contribution.ts +38 -38
- package/src/browser/style/file-dialog.css +208 -208
- package/src/browser/style/file-icons.css +64 -64
- package/src/browser/style/filepath-breadcrumbs.css +20 -20
- package/src/browser/style/index.css +36 -36
- package/src/browser-only/browser-only-filesystem-frontend-module.ts +38 -38
- package/src/browser-only/browser-only-filesystem-provider-server.ts +32 -32
- package/src/browser-only/browserfs-filesystem-initialization.ts +61 -61
- package/src/browser-only/browserfs-filesystem-provider.ts +462 -462
- package/src/common/delegating-file-system-provider.ts +226 -226
- package/src/common/download/README.md +30 -30
- package/src/common/download/file-download-data.ts +27 -27
- package/src/common/file-upload.ts +17 -17
- package/src/common/files.spec.ts +51 -51
- package/src/common/files.ts +996 -996
- package/src/common/filesystem-utils.spec.ts +411 -411
- package/src/common/filesystem-utils.ts +64 -64
- package/src/common/filesystem-watcher-protocol.ts +96 -96
- package/src/common/filesystem.ts +43 -43
- package/src/common/index.ts +18 -18
- package/src/common/io.ts +150 -150
- package/src/common/remote-file-system-provider.ts +549 -549
- package/src/electron-browser/file-dialog/electron-file-dialog-module.ts +24 -24
- package/src/electron-browser/file-dialog/electron-file-dialog-service.ts +165 -165
- package/src/electron-browser/preload.ts +31 -31
- package/src/electron-common/electron-api.ts +55 -55
- package/src/electron-main/electron-api-main.ts +78 -78
- package/src/electron-main/electron-main-module.ts +23 -23
- package/src/node/disk-file-system-provider.spec.ts +142 -142
- package/src/node/disk-file-system-provider.ts +915 -915
- package/src/node/download/directory-archiver.spec.ts +104 -104
- package/src/node/download/directory-archiver.ts +126 -126
- package/src/node/download/file-download-backend-module.ts +32 -32
- package/src/node/download/file-download-cache.ts +88 -88
- package/src/node/download/file-download-endpoint.ts +63 -63
- package/src/node/download/file-download-handler.ts +304 -304
- package/src/node/download/test/mock-directory-archiver.ts +30 -30
- package/src/node/file-change-collection.spec.ts +110 -110
- package/src/node/file-change-collection.ts +78 -78
- package/src/node/filesystem-backend-module.ts +140 -140
- package/src/node/filesystem-watcher-client.ts +72 -72
- package/src/node/filesystem-watcher-dispatcher.ts +82 -82
- package/src/node/node-file-upload-service.ts +80 -80
- package/src/node/nsfw-watcher/index.ts +45 -45
- package/src/node/nsfw-watcher/nsfw-filesystem-service.ts +481 -481
- package/src/node/nsfw-watcher/nsfw-filesystem-watcher.spec.ts +182 -182
- package/src/node/nsfw-watcher/nsfw-options.ts +23 -23
- package/src/typings/dom.webkit.d.ts +77 -77
- package/src/typings/mv/index.d.ts +21 -21
- package/src/typings/nsfw/index.d.ts +18 -18
- package/src/typings/trash/index.d.ts +20 -20
|
@@ -1,179 +1,179 @@
|
|
|
1
|
-
// *****************************************************************************
|
|
2
|
-
// Copyright (C) 2018 TypeFox and others.
|
|
3
|
-
//
|
|
4
|
-
// This program and the accompanying materials are made available under the
|
|
5
|
-
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
-
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
-
//
|
|
8
|
-
// This Source Code may also be made available under the following Secondary
|
|
9
|
-
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
-
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
-
// with the GNU Classpath Exception which is available at
|
|
12
|
-
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
-
//
|
|
14
|
-
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
-
// *****************************************************************************
|
|
16
|
-
|
|
17
|
-
import { inject, injectable } from '@theia/core/shared/inversify';
|
|
18
|
-
import URI from '@theia/core/lib/common/uri';
|
|
19
|
-
import { ILogger } from '@theia/core/lib/common/logger';
|
|
20
|
-
import { Endpoint } from '@theia/core/lib/browser/endpoint';
|
|
21
|
-
import { FileDownloadData } from '../../common/download/file-download-data';
|
|
22
|
-
import { MessageService } from '@theia/core/lib/common/message-service';
|
|
23
|
-
import { addClipboardListener } from '@theia/core/lib/browser/widgets';
|
|
24
|
-
import { nls } from '@theia/core';
|
|
25
|
-
|
|
26
|
-
@injectable()
|
|
27
|
-
export class FileDownloadService {
|
|
28
|
-
|
|
29
|
-
protected anchor: HTMLAnchorElement | undefined;
|
|
30
|
-
protected downloadCounter: number = 0;
|
|
31
|
-
|
|
32
|
-
@inject(ILogger)
|
|
33
|
-
protected readonly logger: ILogger;
|
|
34
|
-
|
|
35
|
-
@inject(MessageService)
|
|
36
|
-
protected readonly messageService: MessageService;
|
|
37
|
-
|
|
38
|
-
protected handleCopy(event: ClipboardEvent, downloadUrl: string): void {
|
|
39
|
-
if (downloadUrl && event.clipboardData) {
|
|
40
|
-
event.clipboardData.setData('text/plain', downloadUrl);
|
|
41
|
-
event.preventDefault();
|
|
42
|
-
this.messageService.info(nls.localize('theia/filesystem/copiedToClipboard', 'Copied the download link to the clipboard.'));
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
async cancelDownload(id: string): Promise<void> {
|
|
47
|
-
await fetch(`${this.endpoint()}/download/?id=${id}&cancel=true`);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
async download(uris: URI[], options?: FileDownloadService.DownloadOptions): Promise<void> {
|
|
51
|
-
let cancel = false;
|
|
52
|
-
if (uris.length === 0) {
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
const copyLink = options && options.copyLink ? true : false;
|
|
56
|
-
try {
|
|
57
|
-
const text: string = copyLink ?
|
|
58
|
-
nls.localize('theia/filesystem/prepareDownloadLink', 'Preparing download link...') :
|
|
59
|
-
nls.localize('theia/filesystem/prepareDownload', 'Preparing download...');
|
|
60
|
-
const [progress, result] = await Promise.all([
|
|
61
|
-
this.messageService.showProgress({
|
|
62
|
-
text: text,
|
|
63
|
-
options: { cancelable: true }
|
|
64
|
-
}, () => { cancel = true; }),
|
|
65
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
66
|
-
new Promise<{ response: Response, jsonResponse: any }>(async resolve => {
|
|
67
|
-
const resp = await fetch(this.request(uris));
|
|
68
|
-
const jsonResp = await resp.json();
|
|
69
|
-
resolve({ response: resp, jsonResponse: jsonResp });
|
|
70
|
-
})
|
|
71
|
-
]);
|
|
72
|
-
const { response, jsonResponse } = result;
|
|
73
|
-
if (cancel) {
|
|
74
|
-
this.cancelDownload(jsonResponse.id);
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
const { status, statusText } = response;
|
|
78
|
-
if (status === 200) {
|
|
79
|
-
progress.cancel();
|
|
80
|
-
const downloadUrl = `${this.endpoint()}/download/?id=${jsonResponse.id}`;
|
|
81
|
-
if (copyLink) {
|
|
82
|
-
if (document.documentElement) {
|
|
83
|
-
const toDispose = addClipboardListener(document.documentElement, 'copy', e => {
|
|
84
|
-
toDispose.dispose();
|
|
85
|
-
this.handleCopy(e, downloadUrl);
|
|
86
|
-
});
|
|
87
|
-
document.execCommand('copy');
|
|
88
|
-
}
|
|
89
|
-
} else {
|
|
90
|
-
this.forceDownload(jsonResponse.id, decodeURIComponent(jsonResponse.name));
|
|
91
|
-
}
|
|
92
|
-
} else {
|
|
93
|
-
throw new Error(`Received unexpected status code: ${status}. [${statusText}]`);
|
|
94
|
-
}
|
|
95
|
-
} catch (e) {
|
|
96
|
-
this.logger.error(`Error occurred when downloading: ${uris.map(u => u.toString(true))}.`, e);
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
protected async forceDownload(id: string, title: string): Promise<void> {
|
|
101
|
-
let url: string | undefined;
|
|
102
|
-
try {
|
|
103
|
-
if (this.anchor === undefined) {
|
|
104
|
-
this.anchor = document.createElement('a');
|
|
105
|
-
}
|
|
106
|
-
const endpoint = this.endpoint();
|
|
107
|
-
url = `${endpoint}/download/?id=${id}`;
|
|
108
|
-
this.anchor.href = url;
|
|
109
|
-
this.anchor.style.display = 'none';
|
|
110
|
-
this.anchor.download = title;
|
|
111
|
-
document.body.appendChild(this.anchor);
|
|
112
|
-
this.anchor.click();
|
|
113
|
-
} finally {
|
|
114
|
-
// make sure anchor is removed from parent
|
|
115
|
-
if (this.anchor && this.anchor.parentNode) {
|
|
116
|
-
this.anchor.parentNode.removeChild(this.anchor);
|
|
117
|
-
}
|
|
118
|
-
if (url) {
|
|
119
|
-
URL.revokeObjectURL(url);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
protected request(uris: URI[]): Request {
|
|
125
|
-
const url = this.url(uris);
|
|
126
|
-
const init = this.requestInit(uris);
|
|
127
|
-
return new Request(url, init);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
protected requestInit(uris: URI[]): RequestInit {
|
|
131
|
-
if (uris.length === 1) {
|
|
132
|
-
return {
|
|
133
|
-
body: undefined,
|
|
134
|
-
method: 'GET'
|
|
135
|
-
};
|
|
136
|
-
}
|
|
137
|
-
return {
|
|
138
|
-
method: 'PUT',
|
|
139
|
-
body: JSON.stringify(this.body(uris)),
|
|
140
|
-
headers: new Headers({ 'Content-Type': 'application/json' }),
|
|
141
|
-
};
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
protected body(uris: URI[]): FileDownloadData {
|
|
145
|
-
return {
|
|
146
|
-
uris: uris.map(u => u.toString(true))
|
|
147
|
-
};
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
protected url(uris: URI[]): string {
|
|
151
|
-
const endpoint = this.endpoint();
|
|
152
|
-
if (uris.length === 1) {
|
|
153
|
-
// tslint:disable-next-line:whitespace
|
|
154
|
-
const [uri,] = uris;
|
|
155
|
-
return `${endpoint}/?uri=${uri.toString()}`;
|
|
156
|
-
}
|
|
157
|
-
return endpoint;
|
|
158
|
-
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
protected endpoint(): string {
|
|
162
|
-
const url = this.filesUrl();
|
|
163
|
-
return url.endsWith('/') ? url.slice(0, -1) : url;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
protected filesUrl(): string {
|
|
167
|
-
return new Endpoint({ path: 'files' }).getRestUrl().toString();
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
export namespace FileDownloadService {
|
|
173
|
-
export interface DownloadOptions {
|
|
174
|
-
/**
|
|
175
|
-
* `true` if the download link has to be copied to the clipboard. This will not trigger the actual download. Defaults to `false`.
|
|
176
|
-
*/
|
|
177
|
-
readonly copyLink?: boolean;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
1
|
+
// *****************************************************************************
|
|
2
|
+
// Copyright (C) 2018 TypeFox and others.
|
|
3
|
+
//
|
|
4
|
+
// This program and the accompanying materials are made available under the
|
|
5
|
+
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
+
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
+
//
|
|
8
|
+
// This Source Code may also be made available under the following Secondary
|
|
9
|
+
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
+
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
+
// with the GNU Classpath Exception which is available at
|
|
12
|
+
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
+
//
|
|
14
|
+
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
+
// *****************************************************************************
|
|
16
|
+
|
|
17
|
+
import { inject, injectable } from '@theia/core/shared/inversify';
|
|
18
|
+
import URI from '@theia/core/lib/common/uri';
|
|
19
|
+
import { ILogger } from '@theia/core/lib/common/logger';
|
|
20
|
+
import { Endpoint } from '@theia/core/lib/browser/endpoint';
|
|
21
|
+
import { FileDownloadData } from '../../common/download/file-download-data';
|
|
22
|
+
import { MessageService } from '@theia/core/lib/common/message-service';
|
|
23
|
+
import { addClipboardListener } from '@theia/core/lib/browser/widgets';
|
|
24
|
+
import { nls } from '@theia/core';
|
|
25
|
+
|
|
26
|
+
@injectable()
|
|
27
|
+
export class FileDownloadService {
|
|
28
|
+
|
|
29
|
+
protected anchor: HTMLAnchorElement | undefined;
|
|
30
|
+
protected downloadCounter: number = 0;
|
|
31
|
+
|
|
32
|
+
@inject(ILogger)
|
|
33
|
+
protected readonly logger: ILogger;
|
|
34
|
+
|
|
35
|
+
@inject(MessageService)
|
|
36
|
+
protected readonly messageService: MessageService;
|
|
37
|
+
|
|
38
|
+
protected handleCopy(event: ClipboardEvent, downloadUrl: string): void {
|
|
39
|
+
if (downloadUrl && event.clipboardData) {
|
|
40
|
+
event.clipboardData.setData('text/plain', downloadUrl);
|
|
41
|
+
event.preventDefault();
|
|
42
|
+
this.messageService.info(nls.localize('theia/filesystem/copiedToClipboard', 'Copied the download link to the clipboard.'));
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
async cancelDownload(id: string): Promise<void> {
|
|
47
|
+
await fetch(`${this.endpoint()}/download/?id=${id}&cancel=true`);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
async download(uris: URI[], options?: FileDownloadService.DownloadOptions): Promise<void> {
|
|
51
|
+
let cancel = false;
|
|
52
|
+
if (uris.length === 0) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const copyLink = options && options.copyLink ? true : false;
|
|
56
|
+
try {
|
|
57
|
+
const text: string = copyLink ?
|
|
58
|
+
nls.localize('theia/filesystem/prepareDownloadLink', 'Preparing download link...') :
|
|
59
|
+
nls.localize('theia/filesystem/prepareDownload', 'Preparing download...');
|
|
60
|
+
const [progress, result] = await Promise.all([
|
|
61
|
+
this.messageService.showProgress({
|
|
62
|
+
text: text,
|
|
63
|
+
options: { cancelable: true }
|
|
64
|
+
}, () => { cancel = true; }),
|
|
65
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
66
|
+
new Promise<{ response: Response, jsonResponse: any }>(async resolve => {
|
|
67
|
+
const resp = await fetch(this.request(uris));
|
|
68
|
+
const jsonResp = await resp.json();
|
|
69
|
+
resolve({ response: resp, jsonResponse: jsonResp });
|
|
70
|
+
})
|
|
71
|
+
]);
|
|
72
|
+
const { response, jsonResponse } = result;
|
|
73
|
+
if (cancel) {
|
|
74
|
+
this.cancelDownload(jsonResponse.id);
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const { status, statusText } = response;
|
|
78
|
+
if (status === 200) {
|
|
79
|
+
progress.cancel();
|
|
80
|
+
const downloadUrl = `${this.endpoint()}/download/?id=${jsonResponse.id}`;
|
|
81
|
+
if (copyLink) {
|
|
82
|
+
if (document.documentElement) {
|
|
83
|
+
const toDispose = addClipboardListener(document.documentElement, 'copy', e => {
|
|
84
|
+
toDispose.dispose();
|
|
85
|
+
this.handleCopy(e, downloadUrl);
|
|
86
|
+
});
|
|
87
|
+
document.execCommand('copy');
|
|
88
|
+
}
|
|
89
|
+
} else {
|
|
90
|
+
this.forceDownload(jsonResponse.id, decodeURIComponent(jsonResponse.name));
|
|
91
|
+
}
|
|
92
|
+
} else {
|
|
93
|
+
throw new Error(`Received unexpected status code: ${status}. [${statusText}]`);
|
|
94
|
+
}
|
|
95
|
+
} catch (e) {
|
|
96
|
+
this.logger.error(`Error occurred when downloading: ${uris.map(u => u.toString(true))}.`, e);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
protected async forceDownload(id: string, title: string): Promise<void> {
|
|
101
|
+
let url: string | undefined;
|
|
102
|
+
try {
|
|
103
|
+
if (this.anchor === undefined) {
|
|
104
|
+
this.anchor = document.createElement('a');
|
|
105
|
+
}
|
|
106
|
+
const endpoint = this.endpoint();
|
|
107
|
+
url = `${endpoint}/download/?id=${id}`;
|
|
108
|
+
this.anchor.href = url;
|
|
109
|
+
this.anchor.style.display = 'none';
|
|
110
|
+
this.anchor.download = title;
|
|
111
|
+
document.body.appendChild(this.anchor);
|
|
112
|
+
this.anchor.click();
|
|
113
|
+
} finally {
|
|
114
|
+
// make sure anchor is removed from parent
|
|
115
|
+
if (this.anchor && this.anchor.parentNode) {
|
|
116
|
+
this.anchor.parentNode.removeChild(this.anchor);
|
|
117
|
+
}
|
|
118
|
+
if (url) {
|
|
119
|
+
URL.revokeObjectURL(url);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
protected request(uris: URI[]): Request {
|
|
125
|
+
const url = this.url(uris);
|
|
126
|
+
const init = this.requestInit(uris);
|
|
127
|
+
return new Request(url, init);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
protected requestInit(uris: URI[]): RequestInit {
|
|
131
|
+
if (uris.length === 1) {
|
|
132
|
+
return {
|
|
133
|
+
body: undefined,
|
|
134
|
+
method: 'GET'
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
return {
|
|
138
|
+
method: 'PUT',
|
|
139
|
+
body: JSON.stringify(this.body(uris)),
|
|
140
|
+
headers: new Headers({ 'Content-Type': 'application/json' }),
|
|
141
|
+
};
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
protected body(uris: URI[]): FileDownloadData {
|
|
145
|
+
return {
|
|
146
|
+
uris: uris.map(u => u.toString(true))
|
|
147
|
+
};
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
protected url(uris: URI[]): string {
|
|
151
|
+
const endpoint = this.endpoint();
|
|
152
|
+
if (uris.length === 1) {
|
|
153
|
+
// tslint:disable-next-line:whitespace
|
|
154
|
+
const [uri,] = uris;
|
|
155
|
+
return `${endpoint}/?uri=${uri.toString()}`;
|
|
156
|
+
}
|
|
157
|
+
return endpoint;
|
|
158
|
+
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
protected endpoint(): string {
|
|
162
|
+
const url = this.filesUrl();
|
|
163
|
+
return url.endsWith('/') ? url.slice(0, -1) : url;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
protected filesUrl(): string {
|
|
167
|
+
return new Endpoint({ path: 'files' }).getRestUrl().toString();
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
export namespace FileDownloadService {
|
|
173
|
+
export interface DownloadOptions {
|
|
174
|
+
/**
|
|
175
|
+
* `true` if the download link has to be copied to the clipboard. This will not trigger the actual download. Defaults to `false`.
|
|
176
|
+
*/
|
|
177
|
+
readonly copyLink?: boolean;
|
|
178
|
+
}
|
|
179
|
+
}
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
// *****************************************************************************
|
|
2
|
-
// Copyright (C) 2017 TypeFox and others.
|
|
3
|
-
//
|
|
4
|
-
// This program and the accompanying materials are made available under the
|
|
5
|
-
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
-
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
-
//
|
|
8
|
-
// This Source Code may also be made available under the following Secondary
|
|
9
|
-
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
-
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
-
// with the GNU Classpath Exception which is available at
|
|
12
|
-
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
-
//
|
|
14
|
-
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
-
// *****************************************************************************
|
|
16
|
-
|
|
17
|
-
import { interfaces, Container } from '@theia/core/shared/inversify';
|
|
18
|
-
import { Tree, TreeModel, TreeProps, defaultTreeProps } from '@theia/core/lib/browser';
|
|
19
|
-
import { createFileTreeContainer, FileTreeModel, FileTreeWidget } from '../file-tree';
|
|
20
|
-
import { OpenFileDialog, OpenFileDialogProps, SaveFileDialog, SaveFileDialogProps } from './file-dialog';
|
|
21
|
-
import { FileDialogModel } from './file-dialog-model';
|
|
22
|
-
import { FileDialogWidget } from './file-dialog-widget';
|
|
23
|
-
import { FileDialogTree } from './file-dialog-tree';
|
|
24
|
-
|
|
25
|
-
export function createFileDialogContainer(parent: interfaces.Container): Container {
|
|
26
|
-
const child = createFileTreeContainer(parent);
|
|
27
|
-
|
|
28
|
-
child.unbind(FileTreeModel);
|
|
29
|
-
child.bind(FileDialogModel).toSelf();
|
|
30
|
-
child.rebind(TreeModel).toService(FileDialogModel);
|
|
31
|
-
|
|
32
|
-
child.unbind(FileTreeWidget);
|
|
33
|
-
child.bind(FileDialogWidget).toSelf();
|
|
34
|
-
|
|
35
|
-
child.bind(FileDialogTree).toSelf();
|
|
36
|
-
child.rebind(Tree).toService(FileDialogTree);
|
|
37
|
-
|
|
38
|
-
return child;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export function createOpenFileDialogContainer(parent: interfaces.Container, props: OpenFileDialogProps): Container {
|
|
42
|
-
const container = createFileDialogContainer(parent);
|
|
43
|
-
container.rebind(TreeProps).toConstantValue({
|
|
44
|
-
...defaultTreeProps,
|
|
45
|
-
multiSelect: props.canSelectMany,
|
|
46
|
-
search: true
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
container.bind(OpenFileDialogProps).toConstantValue(props);
|
|
50
|
-
container.bind(OpenFileDialog).toSelf();
|
|
51
|
-
|
|
52
|
-
return container;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export function createSaveFileDialogContainer(parent: interfaces.Container, props: SaveFileDialogProps): Container {
|
|
56
|
-
const container = createFileDialogContainer(parent);
|
|
57
|
-
container.rebind(TreeProps).toConstantValue({
|
|
58
|
-
...defaultTreeProps,
|
|
59
|
-
multiSelect: false,
|
|
60
|
-
search: true
|
|
61
|
-
});
|
|
62
|
-
|
|
63
|
-
container.bind(SaveFileDialogProps).toConstantValue(props);
|
|
64
|
-
container.bind(SaveFileDialog).toSelf();
|
|
65
|
-
|
|
66
|
-
return container;
|
|
67
|
-
}
|
|
1
|
+
// *****************************************************************************
|
|
2
|
+
// Copyright (C) 2017 TypeFox and others.
|
|
3
|
+
//
|
|
4
|
+
// This program and the accompanying materials are made available under the
|
|
5
|
+
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
+
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
+
//
|
|
8
|
+
// This Source Code may also be made available under the following Secondary
|
|
9
|
+
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
+
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
+
// with the GNU Classpath Exception which is available at
|
|
12
|
+
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
+
//
|
|
14
|
+
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
+
// *****************************************************************************
|
|
16
|
+
|
|
17
|
+
import { interfaces, Container } from '@theia/core/shared/inversify';
|
|
18
|
+
import { Tree, TreeModel, TreeProps, defaultTreeProps } from '@theia/core/lib/browser';
|
|
19
|
+
import { createFileTreeContainer, FileTreeModel, FileTreeWidget } from '../file-tree';
|
|
20
|
+
import { OpenFileDialog, OpenFileDialogProps, SaveFileDialog, SaveFileDialogProps } from './file-dialog';
|
|
21
|
+
import { FileDialogModel } from './file-dialog-model';
|
|
22
|
+
import { FileDialogWidget } from './file-dialog-widget';
|
|
23
|
+
import { FileDialogTree } from './file-dialog-tree';
|
|
24
|
+
|
|
25
|
+
export function createFileDialogContainer(parent: interfaces.Container): Container {
|
|
26
|
+
const child = createFileTreeContainer(parent);
|
|
27
|
+
|
|
28
|
+
child.unbind(FileTreeModel);
|
|
29
|
+
child.bind(FileDialogModel).toSelf();
|
|
30
|
+
child.rebind(TreeModel).toService(FileDialogModel);
|
|
31
|
+
|
|
32
|
+
child.unbind(FileTreeWidget);
|
|
33
|
+
child.bind(FileDialogWidget).toSelf();
|
|
34
|
+
|
|
35
|
+
child.bind(FileDialogTree).toSelf();
|
|
36
|
+
child.rebind(Tree).toService(FileDialogTree);
|
|
37
|
+
|
|
38
|
+
return child;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export function createOpenFileDialogContainer(parent: interfaces.Container, props: OpenFileDialogProps): Container {
|
|
42
|
+
const container = createFileDialogContainer(parent);
|
|
43
|
+
container.rebind(TreeProps).toConstantValue({
|
|
44
|
+
...defaultTreeProps,
|
|
45
|
+
multiSelect: props.canSelectMany,
|
|
46
|
+
search: true
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
container.bind(OpenFileDialogProps).toConstantValue(props);
|
|
50
|
+
container.bind(OpenFileDialog).toSelf();
|
|
51
|
+
|
|
52
|
+
return container;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export function createSaveFileDialogContainer(parent: interfaces.Container, props: SaveFileDialogProps): Container {
|
|
56
|
+
const container = createFileDialogContainer(parent);
|
|
57
|
+
container.rebind(TreeProps).toConstantValue({
|
|
58
|
+
...defaultTreeProps,
|
|
59
|
+
multiSelect: false,
|
|
60
|
+
search: true
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
container.bind(SaveFileDialogProps).toConstantValue(props);
|
|
64
|
+
container.bind(SaveFileDialog).toSelf();
|
|
65
|
+
|
|
66
|
+
return container;
|
|
67
|
+
}
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
// *****************************************************************************
|
|
2
|
-
// Copyright (C) 2023 Ericsson and others.
|
|
3
|
-
//
|
|
4
|
-
// This program and the accompanying materials are made available under the
|
|
5
|
-
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
-
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
-
//
|
|
8
|
-
// This Source Code may also be made available under the following Secondary
|
|
9
|
-
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
-
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
-
// with the GNU Classpath Exception which is available at
|
|
12
|
-
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
-
//
|
|
14
|
-
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
-
// *****************************************************************************
|
|
16
|
-
|
|
17
|
-
import { nls } from '@theia/core';
|
|
18
|
-
import { ReactRenderer } from '@theia/core/lib/browser';
|
|
19
|
-
import { inject, postConstruct } from '@theia/core/shared/inversify';
|
|
20
|
-
import * as React from '@theia/core/shared/react';
|
|
21
|
-
import { FileDialogTree } from './file-dialog-tree';
|
|
22
|
-
|
|
23
|
-
const TOGGLE_HIDDEN_PANEL_CLASS = 'theia-ToggleHiddenPanel';
|
|
24
|
-
const TOGGLE_HIDDEN_CONTAINER_CLASS = 'theia-ToggleHiddenInputContainer';
|
|
25
|
-
const CHECKBOX_CLASS = 'theia-ToggleHiddenInputCheckbox';
|
|
26
|
-
|
|
27
|
-
export const HiddenFilesToggleRendererFactory = Symbol('HiddenFilesToggleRendererFactory');
|
|
28
|
-
export interface HiddenFilesToggleRendererFactory {
|
|
29
|
-
(fileDialogTree: FileDialogTree): FileDialogHiddenFilesToggleRenderer;
|
|
30
|
-
}
|
|
31
|
-
export class FileDialogHiddenFilesToggleRenderer extends ReactRenderer {
|
|
32
|
-
@inject(FileDialogTree) fileDialogTree: FileDialogTree;
|
|
33
|
-
|
|
34
|
-
@postConstruct()
|
|
35
|
-
protected init(): void {
|
|
36
|
-
this.host.classList.add(TOGGLE_HIDDEN_PANEL_CLASS);
|
|
37
|
-
this.render();
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
protected readonly handleCheckboxChanged = (e: React.ChangeEvent<HTMLInputElement>): void => this.onCheckboxChanged(e);
|
|
41
|
-
protected override doRender(): React.ReactNode {
|
|
42
|
-
return (
|
|
43
|
-
<div className={TOGGLE_HIDDEN_CONTAINER_CLASS}>
|
|
44
|
-
{nls.localize('theia/fileDialog/showHidden', 'Show hidden files')}
|
|
45
|
-
<input
|
|
46
|
-
type='checkbox'
|
|
47
|
-
className={CHECKBOX_CLASS}
|
|
48
|
-
onChange={this.handleCheckboxChanged}
|
|
49
|
-
/>
|
|
50
|
-
</div>
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
protected onCheckboxChanged(e: React.ChangeEvent<HTMLInputElement>): void {
|
|
55
|
-
const { checked } = e.target;
|
|
56
|
-
this.fileDialogTree.showHidden = checked;
|
|
57
|
-
e.stopPropagation();
|
|
58
|
-
}
|
|
59
|
-
}
|
|
1
|
+
// *****************************************************************************
|
|
2
|
+
// Copyright (C) 2023 Ericsson and others.
|
|
3
|
+
//
|
|
4
|
+
// This program and the accompanying materials are made available under the
|
|
5
|
+
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
6
|
+
// http://www.eclipse.org/legal/epl-2.0.
|
|
7
|
+
//
|
|
8
|
+
// This Source Code may also be made available under the following Secondary
|
|
9
|
+
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
10
|
+
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
11
|
+
// with the GNU Classpath Exception which is available at
|
|
12
|
+
// https://www.gnu.org/software/classpath/license.html.
|
|
13
|
+
//
|
|
14
|
+
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
15
|
+
// *****************************************************************************
|
|
16
|
+
|
|
17
|
+
import { nls } from '@theia/core';
|
|
18
|
+
import { ReactRenderer } from '@theia/core/lib/browser';
|
|
19
|
+
import { inject, postConstruct } from '@theia/core/shared/inversify';
|
|
20
|
+
import * as React from '@theia/core/shared/react';
|
|
21
|
+
import { FileDialogTree } from './file-dialog-tree';
|
|
22
|
+
|
|
23
|
+
const TOGGLE_HIDDEN_PANEL_CLASS = 'theia-ToggleHiddenPanel';
|
|
24
|
+
const TOGGLE_HIDDEN_CONTAINER_CLASS = 'theia-ToggleHiddenInputContainer';
|
|
25
|
+
const CHECKBOX_CLASS = 'theia-ToggleHiddenInputCheckbox';
|
|
26
|
+
|
|
27
|
+
export const HiddenFilesToggleRendererFactory = Symbol('HiddenFilesToggleRendererFactory');
|
|
28
|
+
export interface HiddenFilesToggleRendererFactory {
|
|
29
|
+
(fileDialogTree: FileDialogTree): FileDialogHiddenFilesToggleRenderer;
|
|
30
|
+
}
|
|
31
|
+
export class FileDialogHiddenFilesToggleRenderer extends ReactRenderer {
|
|
32
|
+
@inject(FileDialogTree) fileDialogTree: FileDialogTree;
|
|
33
|
+
|
|
34
|
+
@postConstruct()
|
|
35
|
+
protected init(): void {
|
|
36
|
+
this.host.classList.add(TOGGLE_HIDDEN_PANEL_CLASS);
|
|
37
|
+
this.render();
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
protected readonly handleCheckboxChanged = (e: React.ChangeEvent<HTMLInputElement>): void => this.onCheckboxChanged(e);
|
|
41
|
+
protected override doRender(): React.ReactNode {
|
|
42
|
+
return (
|
|
43
|
+
<div className={TOGGLE_HIDDEN_CONTAINER_CLASS}>
|
|
44
|
+
{nls.localize('theia/fileDialog/showHidden', 'Show hidden files')}
|
|
45
|
+
<input
|
|
46
|
+
type='checkbox'
|
|
47
|
+
className={CHECKBOX_CLASS}
|
|
48
|
+
onChange={this.handleCheckboxChanged}
|
|
49
|
+
/>
|
|
50
|
+
</div>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
protected onCheckboxChanged(e: React.ChangeEvent<HTMLInputElement>): void {
|
|
55
|
+
const { checked } = e.target;
|
|
56
|
+
this.fileDialogTree.showHidden = checked;
|
|
57
|
+
e.stopPropagation();
|
|
58
|
+
}
|
|
59
|
+
}
|