Merge branch 'master' into 13990-collection-files-service-based-on-webdav
[arvados-workbench2.git] / src / services / collection-service / collection-service.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as _ from "lodash";
6 import { CommonResourceService } from "~/common/api/common-resource-service";
7 import { CollectionResource } from "~/models/collection";
8 import axios, { AxiosInstance } from "axios";
9 import { KeepService } from "../keep-service/keep-service";
10 import { WebDAV } from "~/common/webdav";
11 import { AuthService } from "../auth-service/auth-service";
12 import { mapTree, getNodeChildren, getNode, TreeNode } from "../../models/tree";
13 import { getTagValue } from "~/common/xml";
14 import { FilterBuilder } from "~/common/api/filter-builder";
15 import { CollectionFile, createCollectionFile, CollectionFileType, CollectionDirectory, createCollectionDirectory } from '~/models/collection-file';
16 import { parseKeepManifestText, stringifyKeepManifest } from "../collection-files-service/collection-manifest-parser";
17 import { KeepManifestStream } from "~/models/keep-manifest";
18 import { createCollectionFilesTree } from '~/models/collection-file';
19
20 export type UploadProgress = (fileId: number, loaded: number, total: number, currentTime: number) => void;
21
22 export class CollectionService extends CommonResourceService<CollectionResource> {
23     constructor(serverApi: AxiosInstance, private keepService: KeepService, private webdavClient: WebDAV, private authService: AuthService) {
24         super(serverApi, "collections");
25     }
26
27     async files(uuid: string) {
28         const request = await this.webdavClient.propfind(`/c=${uuid}`);
29         if (request.responseXML != null) {
30             const files = this.extractFilesData(request.responseXML);
31             const tree = createCollectionFilesTree(files);
32             const sortedTree = mapTree(node => {
33                 const children = getNodeChildren(node.id)(tree).map(id => getNode(id)(tree)) as TreeNode<CollectionDirectory | CollectionFile>[];
34                 children.sort((a, b) =>
35                     a.value.type !== b.value.type
36                         ? a.value.type === CollectionFileType.DIRECTORY ? -1 : 1
37                         : a.value.name.localeCompare(b.value.name)
38                 );
39                 return { ...node, children: children.map(child => child.id) };
40             })(tree);
41             return sortedTree;
42         }
43         return Promise.reject();
44     }
45
46     async deleteFile(collectionUuid: string, filePath: string) {
47         return this.webdavClient.delete(`/c=${collectionUuid}${filePath}`);
48     }
49
50     extractFilesData(document: Document) {
51         const collectionUrlPrefix = /\/c=[0-9a-zA-Z\-]*/;
52         return Array
53             .from(document.getElementsByTagName('D:response'))
54             .slice(1) // omit first element which is collection itself
55             .map(element => {
56                 const name = getTagValue(element, 'D:displayname', '');
57                 const size = parseInt(getTagValue(element, 'D:getcontentlength', '0'), 10);
58                 const pathname = getTagValue(element, 'D:href', '');
59                 const nameSuffix = `/${name || ''}`;
60                 const directory = pathname
61                     .replace(collectionUrlPrefix, '')
62                     .replace(nameSuffix, '');
63                 const href = this.webdavClient.defaults.baseURL + pathname + '?api_token=' + this.authService.getApiToken();
64
65                 const data = {
66                     url: href,
67                     id: `${directory}/${name}`,
68                     name,
69                     path: directory,
70                 };
71
72                 return getTagValue(element, 'D:resourcetype', '')
73                     ? createCollectionDirectory(data)
74                     : createCollectionFile({ ...data, size });
75
76             });
77     }
78
79
80     private readFile(file: File): Promise<ArrayBuffer> {
81         return new Promise<ArrayBuffer>(resolve => {
82             const reader = new FileReader();
83             reader.onload = () => {
84                 resolve(reader.result as ArrayBuffer);
85             };
86
87             reader.readAsArrayBuffer(file);
88         });
89     }
90
91     private uploadFile(keepServiceHost: string, file: File, fileId: number, onProgress?: UploadProgress): Promise<CollectionFile> {
92         return this.readFile(file).then(content => {
93             return axios.post<string>(keepServiceHost, content, {
94                 headers: {
95                     'Content-Type': 'text/octet-stream'
96                 },
97                 onUploadProgress: (e: ProgressEvent) => {
98                     if (onProgress) {
99                         onProgress(fileId, e.loaded, e.total, Date.now());
100                     }
101                     console.log(`${e.loaded} / ${e.total}`);
102                 }
103             }).then(data => createCollectionFile({
104                 id: data.data,
105                 name: file.name,
106                 size: file.size
107             }));
108         });
109     }
110
111     private async updateManifest(collectionUuid: string, files: CollectionFile[]): Promise<CollectionResource> {
112         const collection = await this.get(collectionUuid);
113         const manifest: KeepManifestStream[] = parseKeepManifestText(collection.manifestText);
114
115         files.forEach(f => {
116             let kms = manifest.find(stream => stream.name === f.path);
117             if (!kms) {
118                 kms = {
119                     files: [],
120                     locators: [],
121                     name: f.path
122                 };
123                 manifest.push(kms);
124             }
125             kms.locators.push(f.id);
126             const len = kms.files.length;
127             const nextPos = len > 0
128                 ? parseInt(kms.files[len - 1].position, 10) + kms.files[len - 1].size
129                 : 0;
130             kms.files.push({
131                 name: f.name,
132                 position: nextPos.toString(),
133                 size: f.size
134             });
135         });
136
137         console.log(manifest);
138
139         const manifestText = stringifyKeepManifest(manifest);
140         const data = { ...collection, manifestText };
141         return this.update(collectionUuid, CommonResourceService.mapKeys(_.snakeCase)(data));
142     }
143
144     uploadFiles(collectionUuid: string, files: File[], onProgress?: UploadProgress): Promise<CollectionResource | never> {
145         const filters = new FilterBuilder()
146             .addEqual("service_type", "proxy");
147
148         return this.keepService.list({ filters: filters.getFilters() }).then(data => {
149             if (data.items && data.items.length > 0) {
150                 const serviceHost =
151                     (data.items[0].serviceSslFlag ? "https://" : "http://") +
152                     data.items[0].serviceHost +
153                     ":" + data.items[0].servicePort;
154
155                 console.log("serviceHost", serviceHost);
156
157                 const files$ = files.map((f, idx) => this.uploadFile(serviceHost, f, idx, onProgress));
158                 return Promise.all(files$).then(values => {
159                     return this.updateManifest(collectionUuid, values);
160                 });
161             } else {
162                 return Promise.reject("Missing keep service host");
163             }
164         });
165     }
166 }