forked from Ivasoft/mattermost-mobile
* Gallery screen (ground work) * Open the gallery from posts * Open the gallery from post draft * feedback review * Feedback review 2 * do not remove dm channel names and localization fix * update to the latest network-client * do not override file width, height and imageThumbail if received file does not have it set * bring back ScrollView wrapper for message component * Remove Text wrapper for markdown paragraph * Fix YouTube play icon placeholder * Make video file play button container round * Add gif image placeholder * Save images & videos to camera roll * Feedback review 3 * load video thumbnail when post is in viewport * simplify prefix
81 lines
2.7 KiB
TypeScript
81 lines
2.7 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {ClientResponse, ClientResponseError, ProgressPromise, UploadRequestOptions} from '@mattermost/react-native-network-client';
|
|
|
|
export interface ClientFilesMix {
|
|
getFileUrl: (fileId: string, timestamp: number) => string;
|
|
getFileThumbnailUrl: (fileId: string, timestamp: number) => string;
|
|
getFilePreviewUrl: (fileId: string, timestamp: number) => string;
|
|
getFilePublicLink: (fileId: string) => Promise<{link: string}>;
|
|
uploadPostAttachment: (
|
|
file: FileInfo,
|
|
channelId: string,
|
|
onProgress: (fractionCompleted: number, bytesRead?: number | null | undefined) => void,
|
|
onComplete: (response: ClientResponse) => void,
|
|
onError: (response: ClientResponseError) => void,
|
|
skipBytes?: number,
|
|
) => () => void;
|
|
}
|
|
|
|
const ClientFiles = (superclass: any) => class extends superclass {
|
|
getFileUrl(fileId: string, timestamp: number) {
|
|
let url = `${this.apiClient.baseUrl}${this.getFileRoute(fileId)}`;
|
|
if (timestamp) {
|
|
url += `?${timestamp}`;
|
|
}
|
|
|
|
return url;
|
|
}
|
|
|
|
getFileThumbnailUrl(fileId: string, timestamp: number) {
|
|
let url = `${this.apiClient.baseUrl}${this.getFileRoute(fileId)}/thumbnail`;
|
|
if (timestamp) {
|
|
url += `?${timestamp}`;
|
|
}
|
|
|
|
return url;
|
|
}
|
|
|
|
getFilePreviewUrl(fileId: string, timestamp: number) {
|
|
let url = `${this.apiClient.baseUrl}${this.getFileRoute(fileId)}/preview`;
|
|
if (timestamp) {
|
|
url += `?${timestamp}`;
|
|
}
|
|
|
|
return url;
|
|
}
|
|
|
|
getFilePublicLink = async (fileId: string) => {
|
|
return this.doFetch(
|
|
`${this.getFileRoute(fileId)}/link`,
|
|
{method: 'get'},
|
|
);
|
|
};
|
|
|
|
uploadPostAttachment = async (
|
|
file: FileInfo,
|
|
channelId: string,
|
|
onProgress: (fractionCompleted: number, bytesRead?: number | null | undefined) => void,
|
|
onComplete: (response: ClientResponse) => void,
|
|
onError: (response: ClientResponseError) => void,
|
|
skipBytes = 0,
|
|
) => {
|
|
const url = this.getFilesRoute();
|
|
const options: UploadRequestOptions = {
|
|
skipBytes,
|
|
method: 'POST',
|
|
multipart: {
|
|
data: {
|
|
channel_id: channelId,
|
|
},
|
|
},
|
|
};
|
|
const promise = this.apiClient.upload(url, file.localPath, options) as ProgressPromise<ClientResponse>;
|
|
promise.progress!(onProgress).then(onComplete).catch(onError);
|
|
return promise.cancel!;
|
|
};
|
|
};
|
|
|
|
export default ClientFiles;
|