pleshevskiy/react-rest-request
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: add response to state

Browse source
This commit is contained in:
Dmitriy Pleshevskiy 2021-06-17 22:43:29 +03:00
parent 3d8898f333
commit 3c1582ef9f
5 changed files with 29 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/lazy_request_hook.ts
View file

@ -104,8 +104,8 @@ export function useLazyRequest<E extends AnyEndpoint>(
return Promise.resolve(state.data);
}
const onComplete = handlerConfig?.onComplete ?? config?.onComplete;
const onFailure = handlerConfig?.onFailure ?? config?.onFailure;
const onCompletes = [config?.onComplete, handlerConfig?.onComplete].filter(isFunction);
const onFailures = [config?.onFailure, handlerConfig?.onFailure].filter(isFunction);
dispatch({ type: 'call', headers, variables, params });
@ -123,17 +123,15 @@ export function useLazyRequest<E extends AnyEndpoint>(
(response) => {
dispatch({ type: 'success', response });
if (isFunction(onComplete)) {
onComplete(response.data);
}
onCompletes.forEach(cb => cb(response.data));
return response.data;
},
(response: ClientResponse<ExtractEndpointResponse<E>>) => {
dispatch({ type: 'failure', response });
if (!response.canceled && isFunction(onFailure)) {
onFailure(response);
if (!response.canceled) {
onFailures.forEach(cb => cb(response));
}
return null;
@ -172,7 +170,7 @@ export function useLazyRequest<E extends AnyEndpoint>(
loading: state.loading,
isCalled: state.isCalled,
isCanceled: state.isCanceled,
error: state.error,
fetchError: state.fetchError,
refetch,
cancel: client.cancelRequest.bind(client),
},

14
src/reducer.ts
View file

@ -5,7 +5,8 @@ export type PublicRequestState<R> = Readonly<{
loading: boolean;
isCalled: boolean;
isCanceled?: boolean;
error?: Error;
response?: ClientResponse<R>;
fetchError?: Error;
}>;
export type RequestState<R> = PublicRequestState<R> & Readonly<{
@ -35,12 +36,13 @@ export type RequestAction<R> =
export type RequestReducer<R> = React.Reducer<RequestState<R>, RequestAction<R>>
export function requestReducer<R>(state: RequestState<R>, action: RequestAction<R>) {
export function requestReducer<R>(state: RequestState<R>, action: RequestAction<R>): RequestState<R> {
switch (action.type) {
case 'call': {
return {
...state,
error: undefined,
response: undefined,
fetchError: undefined,
isCanceled: false,
loading: true,
isCalled: true,
@ -53,6 +55,7 @@ export function requestReducer<R>(state: RequestState<R>, action: RequestAction<
return {
...state,
loading: false,
response: action.response,
data: action.response.data,
};
}
@ -60,8 +63,9 @@ export function requestReducer<R>(state: RequestState<R>, action: RequestAction<
return {
...state,
loading: false,
response: action.response,
data: null,
error: action.response.error,
fetchError: action.response.error,
isCanceled: action.response.canceled,
};
}
@ -69,7 +73,7 @@ export function requestReducer<R>(state: RequestState<R>, action: RequestAction<
return {
...state,
isCanceled: false,
error: undefined,
fetchError: undefined,
};
}
}

16
target/lazy_request_hook.js
View file

@ -20,7 +20,7 @@ export function useLazyRequest(endpoint, config) {
: data;
}, [endpoint]);
const handler = React.useCallback((handlerConfig) => {
var _a, _b, _c;
var _a;
if ((state === null || state === void 0 ? void 0 : state.loading) || (state === null || state === void 0 ? void 0 : state.isCanceled)) {
return Promise.resolve(null);
}
@ -45,8 +45,8 @@ export function useLazyRequest(endpoint, config) {
&& !(handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.force)) {
return Promise.resolve(state.data);
}
const onComplete = (_b = handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.onComplete) !== null && _b !== void 0 ? _b : config === null || config === void 0 ? void 0 : config.onComplete;
const onFailure = (_c = handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.onFailure) !== null && _c !== void 0 ? _c : config === null || config === void 0 ? void 0 : config.onFailure;
const onCompletes = [config === null || config === void 0 ? void 0 : config.onComplete, handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.onComplete].filter(isFunction);
const onFailures = [config === null || config === void 0 ? void 0 : config.onFailure, handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.onFailure].filter(isFunction);
dispatch({ type: 'call', headers, variables, params });
setPrevHandlerConfig(handlerConfig !== null && handlerConfig !== void 0 ? handlerConfig : {});
return client
@ -55,14 +55,12 @@ export function useLazyRequest(endpoint, config) {
transformResponseData }))
.then((response) => {
dispatch({ type: 'success', response });
if (isFunction(onComplete)) {
onComplete(response.data);
}
onCompletes.forEach(cb => cb(response.data));
return response.data;
}, (response) => {
dispatch({ type: 'failure', response });
if (!response.canceled && isFunction(onFailure)) {
onFailure(response);
if (!response.canceled) {
onFailures.forEach(cb => cb(response));
}
return null;
});
@ -85,7 +83,7 @@ export function useLazyRequest(endpoint, config) {
loading: state.loading,
isCalled: state.isCalled,
isCanceled: state.isCanceled,
error: state.error,
fetchError: state.fetchError,
refetch,
cancel: client.cancelRequest.bind(client),
},

32
target/reducer.d.ts vendored
View file

@ -5,7 +5,8 @@ export declare type PublicRequestState<R> = Readonly<{
loading: boolean;
isCalled: boolean;
isCanceled?: boolean;
error?: Error;
response?: ClientResponse<R>;
fetchError?: Error;
}>;
export declare type RequestState<R> = PublicRequestState<R> & Readonly<{
prevHeaders?: Record<string, string>;
@ -27,31 +28,4 @@ export declare type RequestAction<R> = {
type: 'cancel';
};
export declare type RequestReducer<R> = React.Reducer<RequestState<R>, RequestAction<R>>;
export declare function requestReducer<R>(state: RequestState<R>, action: RequestAction<R>): {
loading: boolean;
data: R;
isCalled: boolean;
isCanceled?: boolean | undefined;
error?: Error | undefined;
prevHeaders?: Record<string, string> | undefined;
prevVariables?: Record<string, any> | undefined;
prevParams?: Record<string, any> | undefined;
} | {
loading: boolean;
data: null;
error: Error | undefined;
isCanceled: boolean | undefined;
isCalled: boolean;
prevHeaders?: Record<string, string> | undefined;
prevVariables?: Record<string, any> | undefined;
prevParams?: Record<string, any> | undefined;
} | {
isCanceled: boolean;
error: undefined;
data: R | null;
loading: boolean;
isCalled: boolean;
prevHeaders?: Record<string, string> | undefined;
prevVariables?: Record<string, any> | undefined;
prevParams?: Record<string, any> | undefined;
};
export declare function requestReducer<R>(state: RequestState<R>, action: RequestAction<R>): RequestState<R>;

8
target/reducer.js
View file

@ -1,16 +1,16 @@
export function requestReducer(state, action) {
switch (action.type) {
case 'call': {
return Object.assign(Object.assign({}, state), { error: undefined, isCanceled: false, loading: true, isCalled: true, prevHeaders: action.headers, prevVariables: action.variables, prevParams: action.params });
return Object.assign(Object.assign({}, state), { response: undefined, fetchError: undefined, isCanceled: false, loading: true, isCalled: true, prevHeaders: action.headers, prevVariables: action.variables, prevParams: action.params });
}
case 'success': {
return Object.assign(Object.assign({}, state), { loading: false, data: action.response.data });
return Object.assign(Object.assign({}, state), { loading: false, response: action.response, data: action.response.data });
}
case 'failure': {
return Object.assign(Object.assign({}, state), { loading: false, data: null, error: action.response.error, isCanceled: action.response.canceled });
return Object.assign(Object.assign({}, state), { loading: false, response: action.response, data: null, fetchError: action.response.error, isCanceled: action.response.canceled });
}
case 'cancel': {
return Object.assign(Object.assign({}, state), { isCanceled: false, error: undefined });
return Object.assign(Object.assign({}, state), { isCanceled: false, fetchError: undefined });
}
}
}