muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

working upload saga?

Browse source
This commit is contained in:
muerwre 2019-08-07 15:37:57 +07:00
parent 3872ff5903
commit d73437d8c6
8 changed files with 153 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/utils/uploader.ts
View file

@ -1,11 +1,18 @@
import { eventChannel, END } from 'redux-saga';
import uuid from 'uuid4';
import { eventChannel, END, EventChannel } from 'redux-saga';
import { VALIDATORS } from '~/utils/validators';
import { IResultWithStatus, IFile } from '~/redux/types';
import { HTTP_RESPONSES } from './api';
export const IMAGE_MIME_TYPES = ['image/jpeg', 'image/png', 'image/gif', 'image/jpg'];
export function createUploader<T extends {}, R extends {}>
(callback: (args: any) => any, payload: R):
[(args: T) => (args: T & { onProgress: (current: number, total: number) => void }) => any, EventChannel<any>] {
export function createUploader<T extends {}, R extends {}>(
callback: (args: any) => any,
payload: R
): [
(args: T) => (args: T & { onProgress: (current: number, total: number) => void }) => any,
EventChannel<any>
] {
let emit;
const chan = eventChannel(emitter => {
@ -14,7 +21,9 @@ export function createUploader<T extends {}, R extends {}>
});
const onProgress = (current: number, total: number): void => {
emit(current >= total ? END : { ...payload, progress: parseFloat((current / total).toFixed(1)) });
emit(
current >= total ? END : { ...payload, progress: parseFloat((current / total).toFixed(1)) }
);
};
const wrappedCallback = args => callback({ ...args, onProgress });
@ -31,3 +40,30 @@ export const uploadGetThumb = async file => {
reader.readAsDataURL(file);
});
};
export const fakeUploader = ({
file,
onProgress,
mustSucceed,
}: {
file: { url?: string; error?: string };
onProgress: (current: number, total: number) => void;
mustSucceed: boolean;
}): Promise<IResultWithStatus<IFile>> => {
const { url, error } = file;
return new Promise((resolve, reject) => {
setTimeout(() => {
onProgress(1, 2);
}, 100);
setTimeout(() => {
onProgress(2, 2);
if (mustSucceed) {
resolve({ status: HTTP_RESPONSES.CREATED, data: { id: uuid() } });
} else {
reject({ response: { statusText: error } });
}
}, 500);
});
};

23
src/utils/validators.ts
View file

@ -1,28 +1,23 @@
import { IMAGE_MIME_TYPES } from '~/utils/uploader';
import isValid from 'date-fns/isValid';
import { IAddress } from '~/redux/types';
import { IMAGE_MIME_TYPES } from '~/utils/uploader';
const isValidEmail = (email: string): boolean =>
!!email &&
String(email) &&
!!String(email).match(
/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/,
const isValidEmail = (email: string): boolean => !!email
&& String(email)
&& !!String(email).match(
/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/
);
const isLikeEmail = (email: string): boolean =>
!!email && String(email) && !!String(email).match(/^([^\@]+)@([^\@]+)\.([^\@]+)$$/);
const isLikeEmail = (email: string): boolean => !!email && String(email) && !!String(email).match(/^([^\@]+)@([^\@]+)\.([^\@]+)$$/);
const isNonEmpty = (value: string): boolean => !!value && value.trim().length > 0;
const isLikePhone = isNonEmpty;
const isAtLeast = (length: number, value: string): boolean =>
!!value && value.trim().length >= length;
const isAtLeast = (length: number, value: string): boolean => !!value && value.trim().length >= length;
const isMimeOfImage = (mime): boolean => !!mime && IMAGE_MIME_TYPES.indexOf(mime) >= 0;
const isDate = (val: string): boolean => !!val && isValid(new Date(val));
const isStringDate = (val: string): boolean => !!val && !!val.match(/^[\d]{2,4}\-[\d]{2}-[\d]{2}/);
const isAddrWithRaw = ({ raw }: Partial<IAddress>): boolean => !!raw && isNonEmpty(raw);
export const VALIDATORS = {
EMAIL: isValidEmail,
@ -33,7 +28,5 @@ export const VALIDATORS = {
IS_IMAGE_MIME: isMimeOfImage,
IS_DATE: isDate,
IS_STRINGY_DATE: isStringDate,
IS_ADDRESS_WITH_RAW: isAddrWithRaw,
EVOLVE: (validator: (val: any) => boolean, error: string) => (val: any) =>
!val || !validator(val) ? error : null,
EVOLVE: (validator: (val: any) => boolean, error: string) => (val: any) => (!val || !validator(val) ? error : null)
};