This repository was archived by the owner on Dec 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 65
/
Copy pathHttpUtility.js
170 lines (148 loc) · 4.42 KB
/
HttpUtility.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
import axios from 'axios';
import HttpErrorResponseModel from '../models/HttpErrorResponseModel';
const RequestMethod = {
Get: 'GET',
Post: 'POST',
Put: 'PUT',
Delete: 'DELETE',
Options: 'OPTIONS',
Head: 'HEAD',
Patch: 'PATCH',
};
export default class HttpUtility {
static async get(endpoint, params, requestConfig) {
const paramsConfig = params ? { params } : undefined;
return HttpUtility._request(
{
url: endpoint,
method: RequestMethod.Get,
},
{
...paramsConfig,
...requestConfig,
}
);
}
static async post(endpoint, data) {
const config = data ? { data } : undefined;
return HttpUtility._request(
{
url: endpoint,
method: RequestMethod.Post,
},
config
);
}
static async put(endpoint, data) {
const config = data ? { data } : undefined;
return HttpUtility._request(
{
url: endpoint,
method: RequestMethod.Put,
},
config
);
}
static async delete(endpoint) {
return HttpUtility._request({
url: endpoint,
method: RequestMethod.Delete,
});
}
static async _request(restRequest, config) {
if (!Boolean(restRequest.url)) {
console.error(`Received ${restRequest.url} which is invalid for a endpoint url`);
}
try {
const axiosRequestConfig = {
...config,
method: restRequest.method,
url: restRequest.url,
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
...config?.headers,
},
};
const [axiosResponse] = await Promise.all([axios(axiosRequestConfig), HttpUtility._delay()]);
const { status, data, request } = axiosResponse;
if (data.success === false) {
return HttpUtility._fillInErrorWithDefaults(
{
status,
message: data.errors.join(' - '),
errors: data.errors,
url: request ? request.responseURL : restRequest.url,
raw: axiosResponse,
},
restRequest
);
}
return {
...axiosResponse,
};
} catch (error) {
if (error.response) {
// The request was made and the server responded with a status code that falls out of the range of 2xx
const { status, statusText, data } = error.response;
const errors = data.hasOwnProperty('errors') ? [statusText, ...data.errors] : [statusText];
return HttpUtility._fillInErrorWithDefaults(
{
status,
message: errors.filter(Boolean).join(' - '),
errors,
url: error.request.responseURL,
raw: error.response,
},
restRequest
);
} else if (error.request) {
// The request was made but no response was received `error.request` is an instance of XMLHttpRequest in the browser and an instance of http.ClientRequest in node.js
const { status, statusText, responseURL } = error.request;
return HttpUtility._fillInErrorWithDefaults(
{
status,
message: statusText,
errors: [statusText],
url: responseURL,
raw: error.request,
},
restRequest
);
}
// Something happened in setting up the request that triggered an Error
return HttpUtility._fillInErrorWithDefaults(
{
status: 0,
message: error.message,
errors: [error.message],
url: restRequest.url,
raw: error,
},
restRequest
);
}
}
static _fillInErrorWithDefaults(error, request) {
const model = new HttpErrorResponseModel();
model.status = error.status || 0;
model.message = error.message || 'Error requesting data';
model.errors = error.errors.length ? error.errors : ['Error requesting data'];
model.url = error.url || request.url;
model.raw = error.raw;
// Remove anything with undefined or empty strings.
model.errors = model.errors.filter(Boolean);
return model;
}
/**
* We want to show the loading indicator to the user but sometimes the api
* request finished too quickly. This makes sure there the loading indicator is
* visual for at least a given time.
*
* @param duration
* @returns {Promise<unknown>}
* @private
*/
static _delay(duration = 250) {
return new Promise((resolve) => setTimeout(resolve, duration));
}
}