@theia/filesystem 1.53.0-next.4 → 1.53.0-next.55

package/src/browser/download/file-download-service.ts

@@ -1,179 +1,179 @@
-// *****************************************************************************
-// Copyright (C) 2018 TypeFox and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { inject, injectable } from '@theia/core/shared/inversify';
-import URI from '@theia/core/lib/common/uri';
-import { ILogger } from '@theia/core/lib/common/logger';
-import { Endpoint } from '@theia/core/lib/browser/endpoint';
-import { FileDownloadData } from '../../common/download/file-download-data';
-import { MessageService } from '@theia/core/lib/common/message-service';
-import { addClipboardListener } from '@theia/core/lib/browser/widgets';
-import { nls } from '@theia/core';
-
-@injectable()
-export class FileDownloadService {
-
-    protected anchor: HTMLAnchorElement | undefined;
-    protected downloadCounter: number = 0;
-
-    @inject(ILogger)
-    protected readonly logger: ILogger;
-
-    @inject(MessageService)
-    protected readonly messageService: MessageService;
-
-    protected handleCopy(event: ClipboardEvent, downloadUrl: string): void {
-        if (downloadUrl && event.clipboardData) {
-            event.clipboardData.setData('text/plain', downloadUrl);
-            event.preventDefault();
-            this.messageService.info(nls.localize('theia/filesystem/copiedToClipboard', 'Copied the download link to the clipboard.'));
-        }
-    }
-
-    async cancelDownload(id: string): Promise<void> {
-        await fetch(`${this.endpoint()}/download/?id=${id}&cancel=true`);
-    }
-
-    async download(uris: URI[], options?: FileDownloadService.DownloadOptions): Promise<void> {
-        let cancel = false;
-        if (uris.length === 0) {
-            return;
-        }
-        const copyLink = options && options.copyLink ? true : false;
-        try {
-            const text: string = copyLink ?
-                nls.localize('theia/filesystem/prepareDownloadLink', 'Preparing download link...') :
-                nls.localize('theia/filesystem/prepareDownload', 'Preparing download...');
-            const [progress, result] = await Promise.all([
-                this.messageService.showProgress({
-                    text: text,
-                    options: { cancelable: true }
-                }, () => { cancel = true; }),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                new Promise<{ response: Response, jsonResponse: any }>(async resolve => {
-                    const resp = await fetch(this.request(uris));
-                    const jsonResp = await resp.json();
-                    resolve({ response: resp, jsonResponse: jsonResp });
-                })
-            ]);
-            const { response, jsonResponse } = result;
-            if (cancel) {
-                this.cancelDownload(jsonResponse.id);
-                return;
-            }
-            const { status, statusText } = response;
-            if (status === 200) {
-                progress.cancel();
-                const downloadUrl = `${this.endpoint()}/download/?id=${jsonResponse.id}`;
-                if (copyLink) {
-                    if (document.documentElement) {
-                        const toDispose = addClipboardListener(document.documentElement, 'copy', e => {
-                            toDispose.dispose();
-                            this.handleCopy(e, downloadUrl);
-                        });
-                        document.execCommand('copy');
-                    }
-                } else {
-                    this.forceDownload(jsonResponse.id, decodeURIComponent(jsonResponse.name));
-                }
-            } else {
-                throw new Error(`Received unexpected status code: ${status}. [${statusText}]`);
-            }
-        } catch (e) {
-            this.logger.error(`Error occurred when downloading: ${uris.map(u => u.toString(true))}.`, e);
-        }
-    }
-
-    protected async forceDownload(id: string, title: string): Promise<void> {
-        let url: string | undefined;
-        try {
-            if (this.anchor === undefined) {
-                this.anchor = document.createElement('a');
-            }
-            const endpoint = this.endpoint();
-            url = `${endpoint}/download/?id=${id}`;
-            this.anchor.href = url;
-            this.anchor.style.display = 'none';
-            this.anchor.download = title;
-            document.body.appendChild(this.anchor);
-            this.anchor.click();
-        } finally {
-            // make sure anchor is removed from parent
-            if (this.anchor && this.anchor.parentNode) {
-                this.anchor.parentNode.removeChild(this.anchor);
-            }
-            if (url) {
-                URL.revokeObjectURL(url);
-            }
-        }
-    }
-
-    protected request(uris: URI[]): Request {
-        const url = this.url(uris);
-        const init = this.requestInit(uris);
-        return new Request(url, init);
-    }
-
-    protected requestInit(uris: URI[]): RequestInit {
-        if (uris.length === 1) {
-            return {
-                body: undefined,
-                method: 'GET'
-            };
-        }
-        return {
-            method: 'PUT',
-            body: JSON.stringify(this.body(uris)),
-            headers: new Headers({ 'Content-Type': 'application/json' }),
-        };
-    }
-
-    protected body(uris: URI[]): FileDownloadData {
-        return {
-            uris: uris.map(u => u.toString(true))
-        };
-    }
-
-    protected url(uris: URI[]): string {
-        const endpoint = this.endpoint();
-        if (uris.length === 1) {
-            // tslint:disable-next-line:whitespace
-            const [uri,] = uris;
-            return `${endpoint}/?uri=${uri.toString()}`;
-        }
-        return endpoint;
-
-    }
-
-    protected endpoint(): string {
-        const url = this.filesUrl();
-        return url.endsWith('/') ? url.slice(0, -1) : url;
-    }
-
-    protected filesUrl(): string {
-        return new Endpoint({ path: 'files' }).getRestUrl().toString();
-    }
-
-}
-
-export namespace FileDownloadService {
-    export interface DownloadOptions {
-        /**
-         * `true` if the download link has to be copied to the clipboard. This will not trigger the actual download. Defaults to `false`.
-         */
-        readonly copyLink?: boolean;
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2018 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { inject, injectable } from '@theia/core/shared/inversify';
+import URI from '@theia/core/lib/common/uri';
+import { ILogger } from '@theia/core/lib/common/logger';
+import { Endpoint } from '@theia/core/lib/browser/endpoint';
+import { FileDownloadData } from '../../common/download/file-download-data';
+import { MessageService } from '@theia/core/lib/common/message-service';
+import { addClipboardListener } from '@theia/core/lib/browser/widgets';
+import { nls } from '@theia/core';
+
+@injectable()
+export class FileDownloadService {
+
+    protected anchor: HTMLAnchorElement | undefined;
+    protected downloadCounter: number = 0;
+
+    @inject(ILogger)
+    protected readonly logger: ILogger;
+
+    @inject(MessageService)
+    protected readonly messageService: MessageService;
+
+    protected handleCopy(event: ClipboardEvent, downloadUrl: string): void {
+        if (downloadUrl && event.clipboardData) {
+            event.clipboardData.setData('text/plain', downloadUrl);
+            event.preventDefault();
+            this.messageService.info(nls.localize('theia/filesystem/copiedToClipboard', 'Copied the download link to the clipboard.'));
+        }
+    }
+
+    async cancelDownload(id: string): Promise<void> {
+        await fetch(`${this.endpoint()}/download/?id=${id}&cancel=true`);
+    }
+
+    async download(uris: URI[], options?: FileDownloadService.DownloadOptions): Promise<void> {
+        let cancel = false;
+        if (uris.length === 0) {
+            return;
+        }
+        const copyLink = options && options.copyLink ? true : false;
+        try {
+            const text: string = copyLink ?
+                nls.localize('theia/filesystem/prepareDownloadLink', 'Preparing download link...') :
+                nls.localize('theia/filesystem/prepareDownload', 'Preparing download...');
+            const [progress, result] = await Promise.all([
+                this.messageService.showProgress({
+                    text: text,
+                    options: { cancelable: true }
+                }, () => { cancel = true; }),
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                new Promise<{ response: Response, jsonResponse: any }>(async resolve => {
+                    const resp = await fetch(this.request(uris));
+                    const jsonResp = await resp.json();
+                    resolve({ response: resp, jsonResponse: jsonResp });
+                })
+            ]);
+            const { response, jsonResponse } = result;
+            if (cancel) {
+                this.cancelDownload(jsonResponse.id);
+                return;
+            }
+            const { status, statusText } = response;
+            if (status === 200) {
+                progress.cancel();
+                const downloadUrl = `${this.endpoint()}/download/?id=${jsonResponse.id}`;
+                if (copyLink) {
+                    if (document.documentElement) {
+                        const toDispose = addClipboardListener(document.documentElement, 'copy', e => {
+                            toDispose.dispose();
+                            this.handleCopy(e, downloadUrl);
+                        });
+                        document.execCommand('copy');
+                    }
+                } else {
+                    this.forceDownload(jsonResponse.id, decodeURIComponent(jsonResponse.name));
+                }
+            } else {
+                throw new Error(`Received unexpected status code: ${status}. [${statusText}]`);
+            }
+        } catch (e) {
+            this.logger.error(`Error occurred when downloading: ${uris.map(u => u.toString(true))}.`, e);
+        }
+    }
+
+    protected async forceDownload(id: string, title: string): Promise<void> {
+        let url: string | undefined;
+        try {
+            if (this.anchor === undefined) {
+                this.anchor = document.createElement('a');
+            }
+            const endpoint = this.endpoint();
+            url = `${endpoint}/download/?id=${id}`;
+            this.anchor.href = url;
+            this.anchor.style.display = 'none';
+            this.anchor.download = title;
+            document.body.appendChild(this.anchor);
+            this.anchor.click();
+        } finally {
+            // make sure anchor is removed from parent
+            if (this.anchor && this.anchor.parentNode) {
+                this.anchor.parentNode.removeChild(this.anchor);
+            }
+            if (url) {
+                URL.revokeObjectURL(url);
+            }
+        }
+    }
+
+    protected request(uris: URI[]): Request {
+        const url = this.url(uris);
+        const init = this.requestInit(uris);
+        return new Request(url, init);
+    }
+
+    protected requestInit(uris: URI[]): RequestInit {
+        if (uris.length === 1) {
+            return {
+                body: undefined,
+                method: 'GET'
+            };
+        }
+        return {
+            method: 'PUT',
+            body: JSON.stringify(this.body(uris)),
+            headers: new Headers({ 'Content-Type': 'application/json' }),
+        };
+    }
+
+    protected body(uris: URI[]): FileDownloadData {
+        return {
+            uris: uris.map(u => u.toString(true))
+        };
+    }
+
+    protected url(uris: URI[]): string {
+        const endpoint = this.endpoint();
+        if (uris.length === 1) {
+            // tslint:disable-next-line:whitespace
+            const [uri,] = uris;
+            return `${endpoint}/?uri=${uri.toString()}`;
+        }
+        return endpoint;
+
+    }
+
+    protected endpoint(): string {
+        const url = this.filesUrl();
+        return url.endsWith('/') ? url.slice(0, -1) : url;
+    }
+
+    protected filesUrl(): string {
+        return new Endpoint({ path: 'files' }).getRestUrl().toString();
+    }
+
+}
+
+export namespace FileDownloadService {
+    export interface DownloadOptions {
+        /**
+         * `true` if the download link has to be copied to the clipboard. This will not trigger the actual download. Defaults to `false`.
+         */
+        readonly copyLink?: boolean;
+    }
+}

package/src/browser/file-dialog/file-dialog-container.ts

@@ -1,67 +1,67 @@
-// *****************************************************************************
-// Copyright (C) 2017 TypeFox and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { interfaces, Container } from '@theia/core/shared/inversify';
-import { Tree, TreeModel, TreeProps, defaultTreeProps } from '@theia/core/lib/browser';
-import { createFileTreeContainer, FileTreeModel, FileTreeWidget } from '../file-tree';
-import { OpenFileDialog, OpenFileDialogProps, SaveFileDialog, SaveFileDialogProps } from './file-dialog';
-import { FileDialogModel } from './file-dialog-model';
-import { FileDialogWidget } from './file-dialog-widget';
-import { FileDialogTree } from './file-dialog-tree';
-
-export function createFileDialogContainer(parent: interfaces.Container): Container {
-    const child = createFileTreeContainer(parent);
-
-    child.unbind(FileTreeModel);
-    child.bind(FileDialogModel).toSelf();
-    child.rebind(TreeModel).toService(FileDialogModel);
-
-    child.unbind(FileTreeWidget);
-    child.bind(FileDialogWidget).toSelf();
-
-    child.bind(FileDialogTree).toSelf();
-    child.rebind(Tree).toService(FileDialogTree);
-
-    return child;
-}
-
-export function createOpenFileDialogContainer(parent: interfaces.Container, props: OpenFileDialogProps): Container {
-    const container = createFileDialogContainer(parent);
-    container.rebind(TreeProps).toConstantValue({
-        ...defaultTreeProps,
-        multiSelect: props.canSelectMany,
-        search: true
-    });
-
-    container.bind(OpenFileDialogProps).toConstantValue(props);
-    container.bind(OpenFileDialog).toSelf();
-
-    return container;
-}
-
-export function createSaveFileDialogContainer(parent: interfaces.Container, props: SaveFileDialogProps): Container {
-    const container = createFileDialogContainer(parent);
-    container.rebind(TreeProps).toConstantValue({
-        ...defaultTreeProps,
-        multiSelect: false,
-        search: true
-    });
-
-    container.bind(SaveFileDialogProps).toConstantValue(props);
-    container.bind(SaveFileDialog).toSelf();
-
-    return container;
-}
+// *****************************************************************************
+// Copyright (C) 2017 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { interfaces, Container } from '@theia/core/shared/inversify';
+import { Tree, TreeModel, TreeProps, defaultTreeProps } from '@theia/core/lib/browser';
+import { createFileTreeContainer, FileTreeModel, FileTreeWidget } from '../file-tree';
+import { OpenFileDialog, OpenFileDialogProps, SaveFileDialog, SaveFileDialogProps } from './file-dialog';
+import { FileDialogModel } from './file-dialog-model';
+import { FileDialogWidget } from './file-dialog-widget';
+import { FileDialogTree } from './file-dialog-tree';
+
+export function createFileDialogContainer(parent: interfaces.Container): Container {
+    const child = createFileTreeContainer(parent);
+
+    child.unbind(FileTreeModel);
+    child.bind(FileDialogModel).toSelf();
+    child.rebind(TreeModel).toService(FileDialogModel);
+
+    child.unbind(FileTreeWidget);
+    child.bind(FileDialogWidget).toSelf();
+
+    child.bind(FileDialogTree).toSelf();
+    child.rebind(Tree).toService(FileDialogTree);
+
+    return child;
+}
+
+export function createOpenFileDialogContainer(parent: interfaces.Container, props: OpenFileDialogProps): Container {
+    const container = createFileDialogContainer(parent);
+    container.rebind(TreeProps).toConstantValue({
+        ...defaultTreeProps,
+        multiSelect: props.canSelectMany,
+        search: true
+    });
+
+    container.bind(OpenFileDialogProps).toConstantValue(props);
+    container.bind(OpenFileDialog).toSelf();
+
+    return container;
+}
+
+export function createSaveFileDialogContainer(parent: interfaces.Container, props: SaveFileDialogProps): Container {
+    const container = createFileDialogContainer(parent);
+    container.rebind(TreeProps).toConstantValue({
+        ...defaultTreeProps,
+        multiSelect: false,
+        search: true
+    });
+
+    container.bind(SaveFileDialogProps).toConstantValue(props);
+    container.bind(SaveFileDialog).toSelf();
+
+    return container;
+}

package/src/browser/file-dialog/file-dialog-hidden-files-renderer.tsx

@@ -1,59 +1,59 @@
-// *****************************************************************************
-// Copyright (C) 2023 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { nls } from '@theia/core';
-import { ReactRenderer } from '@theia/core/lib/browser';
-import { inject, postConstruct } from '@theia/core/shared/inversify';
-import * as React from '@theia/core/shared/react';
-import { FileDialogTree } from './file-dialog-tree';
-
-const TOGGLE_HIDDEN_PANEL_CLASS = 'theia-ToggleHiddenPanel';
-const TOGGLE_HIDDEN_CONTAINER_CLASS = 'theia-ToggleHiddenInputContainer';
-const CHECKBOX_CLASS = 'theia-ToggleHiddenInputCheckbox';
-
-export const HiddenFilesToggleRendererFactory = Symbol('HiddenFilesToggleRendererFactory');
-export interface HiddenFilesToggleRendererFactory {
-    (fileDialogTree: FileDialogTree): FileDialogHiddenFilesToggleRenderer;
-}
-export class FileDialogHiddenFilesToggleRenderer extends ReactRenderer {
-    @inject(FileDialogTree) fileDialogTree: FileDialogTree;
-
-    @postConstruct()
-    protected init(): void {
-        this.host.classList.add(TOGGLE_HIDDEN_PANEL_CLASS);
-        this.render();
-    }
-
-    protected readonly handleCheckboxChanged = (e: React.ChangeEvent<HTMLInputElement>): void => this.onCheckboxChanged(e);
-    protected override doRender(): React.ReactNode {
-        return (
-            <div className={TOGGLE_HIDDEN_CONTAINER_CLASS}>
-                {nls.localize('theia/fileDialog/showHidden', 'Show hidden files')}
-                <input
-                    type='checkbox'
-                    className={CHECKBOX_CLASS}
-                    onChange={this.handleCheckboxChanged}
-                />
-            </div>
-        );
-    }
-
-    protected onCheckboxChanged(e: React.ChangeEvent<HTMLInputElement>): void {
-        const { checked } = e.target;
-        this.fileDialogTree.showHidden = checked;
-        e.stopPropagation();
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2023 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { nls } from '@theia/core';
+import { ReactRenderer } from '@theia/core/lib/browser';
+import { inject, postConstruct } from '@theia/core/shared/inversify';
+import * as React from '@theia/core/shared/react';
+import { FileDialogTree } from './file-dialog-tree';
+
+const TOGGLE_HIDDEN_PANEL_CLASS = 'theia-ToggleHiddenPanel';
+const TOGGLE_HIDDEN_CONTAINER_CLASS = 'theia-ToggleHiddenInputContainer';
+const CHECKBOX_CLASS = 'theia-ToggleHiddenInputCheckbox';
+
+export const HiddenFilesToggleRendererFactory = Symbol('HiddenFilesToggleRendererFactory');
+export interface HiddenFilesToggleRendererFactory {
+    (fileDialogTree: FileDialogTree): FileDialogHiddenFilesToggleRenderer;
+}
+export class FileDialogHiddenFilesToggleRenderer extends ReactRenderer {
+    @inject(FileDialogTree) fileDialogTree: FileDialogTree;
+
+    @postConstruct()
+    protected init(): void {
+        this.host.classList.add(TOGGLE_HIDDEN_PANEL_CLASS);
+        this.render();
+    }
+
+    protected readonly handleCheckboxChanged = (e: React.ChangeEvent<HTMLInputElement>): void => this.onCheckboxChanged(e);
+    protected override doRender(): React.ReactNode {
+        return (
+            <div className={TOGGLE_HIDDEN_CONTAINER_CLASS}>
+                {nls.localize('theia/fileDialog/showHidden', 'Show hidden files')}
+                <input
+                    type='checkbox'
+                    className={CHECKBOX_CLASS}
+                    onChange={this.handleCheckboxChanged}
+                />
+            </div>
+        );
+    }
+
+    protected onCheckboxChanged(e: React.ChangeEvent<HTMLInputElement>): void {
+        const { checked } = e.target;
+        this.fileDialogTree.showHidden = checked;
+        e.stopPropagation();
+    }
+}