Use webdav to retrieve list of files
[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 { CommonResourceService } from "../../common/api/common-resource-service";
6 import { CollectionResource } from "../../models/collection";
7 import axios, { AxiosInstance } from "axios";
8 import { KeepService } from "../keep-service/keep-service";
9 import { FilterBuilder } from "../../common/api/filter-builder";
10 import { CollectionFile, createCollectionFile, createCollectionDirectory, createCollectionFilesTree } from "../../models/collection-file";
11 import { parseKeepManifestText, stringifyKeepManifest } from "../collection-files-service/collection-manifest-parser";
12 import * as _ from "lodash";
13 import { KeepManifestStream } from "../../models/keep-manifest";
14 import { WebDAV } from "../../common/webdav";
15 import { AuthService } from "../auth-service/auth-service";
16
17 export type UploadProgress = (fileId: number, loaded: number, total: number, currentTime: number) => void;
18
19 export class CollectionService extends CommonResourceService<CollectionResource> {
20     constructor(serverApi: AxiosInstance, private keepService: KeepService, private webdavClient: WebDAV, private authService: AuthService) {
21         super(serverApi, "collections");
22     }
23
24     async files(uuid: string) {
25         const request = await this.webdavClient.propfind(`/c=${uuid}`);
26         if (request.responseXML != null) {
27             return createCollectionFilesTree(this.extractFilesData(request.responseXML));
28         }
29         return Promise.reject();
30     }
31
32     extractFilesData(document: Document) {
33         return Array
34             .from(document.getElementsByTagName('D:response'))
35             .slice(1)
36             .map(element => {
37                 const [displayNameElement] = Array.from(element.getElementsByTagName('D:displayname'));
38                 const name = displayNameElement ? displayNameElement.innerHTML : undefined;
39
40                 const [sizeElement] = Array.from(element.getElementsByTagName('D:getcontentlength'));
41                 const size = sizeElement ? parseInt(sizeElement.innerHTML, 10) : 0;
42
43                 const [hrefElement] = Array.from(element.getElementsByTagName('D:href'));
44                 const pathname = hrefElement ? hrefElement.innerHTML : undefined;
45                 const directory = pathname && pathname.replace(/\/c=[0-9a-zA-Z\-]*/, '').replace(`/${name || ''}`, '');
46
47                 const href = this.webdavClient.defaults.baseUrl + pathname + '?api_token=' + this.authService.getApiToken();
48
49                 const data = {
50                     url: href,
51                     id: `${directory}/${name}`,
52                     name,
53                     path: directory,
54                 };
55
56                 const [resourceTypeElement] = Array.from(element.getElementsByTagName('D:resourcetype'));
57                 return resourceTypeElement && resourceTypeElement.innerHTML === ''
58                     ? createCollectionFile({ ...data, size })
59                     : createCollectionDirectory(data);
60
61             });
62     }
63
64
65     private readFile(file: File): Promise<ArrayBuffer> {
66         return new Promise<ArrayBuffer>(resolve => {
67             const reader = new FileReader();
68             reader.onload = () => {
69                 resolve(reader.result as ArrayBuffer);
70             };
71
72             reader.readAsArrayBuffer(file);
73         });
74     }
75
76     private uploadFile(keepServiceHost: string, file: File, fileId: number, onProgress?: UploadProgress): Promise<CollectionFile> {
77         return this.readFile(file).then(content => {
78             return axios.post<string>(keepServiceHost, content, {
79                 headers: {
80                     'Content-Type': 'text/octet-stream'
81                 },
82                 onUploadProgress: (e: ProgressEvent) => {
83                     if (onProgress) {
84                         onProgress(fileId, e.loaded, e.total, Date.now());
85                     }
86                     console.log(`${e.loaded} / ${e.total}`);
87                 }
88             }).then(data => createCollectionFile({
89                 id: data.data,
90                 name: file.name,
91                 size: file.size
92             }));
93         });
94     }
95
96     private async updateManifest(collectionUuid: string, files: CollectionFile[]): Promise<CollectionResource> {
97         const collection = await this.get(collectionUuid);
98         const manifest: KeepManifestStream[] = parseKeepManifestText(collection.manifestText);
99
100         files.forEach(f => {
101             let kms = manifest.find(stream => stream.name === f.path);
102             if (!kms) {
103                 kms = {
104                     files: [],
105                     locators: [],
106                     name: f.path
107                 };
108                 manifest.push(kms);
109             }
110             kms.locators.push(f.id);
111             const len = kms.files.length;
112             const nextPos = len > 0
113                 ? parseInt(kms.files[len - 1].position, 10) + kms.files[len - 1].size
114                 : 0;
115             kms.files.push({
116                 name: f.name,
117                 position: nextPos.toString(),
118                 size: f.size
119             });
120         });
121
122         console.log(manifest);
123
124         const manifestText = stringifyKeepManifest(manifest);
125         const data = { ...collection, manifestText };
126         return this.update(collectionUuid, CommonResourceService.mapKeys(_.snakeCase)(data));
127     }
128
129     uploadFiles(collectionUuid: string, files: File[], onProgress?: UploadProgress): Promise<CollectionResource | never> {
130         const filters = FilterBuilder.create()
131             .addEqual("service_type", "proxy");
132
133         return this.keepService.list({ filters }).then(data => {
134             if (data.items && data.items.length > 0) {
135                 const serviceHost =
136                     (data.items[0].serviceSslFlag ? "https://" : "http://") +
137                     data.items[0].serviceHost +
138                     ":" + data.items[0].servicePort;
139
140                 console.log("serviceHost", serviceHost);
141
142                 const files$ = files.map((f, idx) => this.uploadFile(serviceHost, f, idx, onProgress));
143                 return Promise.all(files$).then(values => {
144                     return this.updateManifest(collectionUuid, values);
145                 });
146             } else {
147                 return Promise.reject("Missing keep service host");
148             }
149         });
150     }
151 }