-
Notifications
You must be signed in to change notification settings - Fork 0
/
xhr-classic.js
223 lines (143 loc) · 5.57 KB
/
xhr-classic.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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
//:
//: THIS IS A FUNCTIONAL MODEL FOR A WALKIE TALKIE RESTFUL API SYSTEM
//: It's ready to use if you have a standard rest api
//:
//: some reference:
//: https://www.restapitutorial.com/lessons/httpmethods.html
//:
//: Some good roles for a good unversal response from server:
//: 1) in header set, minimum, this status codes: (0,1,2,3,4,400,401,402,403,404,500,501,508)
//: 2) my server response {
//: status: true, // false if fail, true if computable! not code here!
//: message: "we recived good", // false if nothing, message for success/error!
//: payload: [data,data,data] // false if empty, array of items with datas
//: }
//:
const baseroute = 'http://yoursitewithapi:YOURPORTNUMBER/'
const api = new class API {
transfer (profile,backprogress,backdata) {
if ( !profile[0] || !profile[1] || profile[1].file && profile[1].file.count>0 ) {
request.status = 501
response.status = false
response.payload = false
response.message = "CLIENT API ERROR: CONNECTOR WRONG ~ "+ ( !profile[0] || !profile[1] ? "NO CORRECT PROFILE SETTED":"ONLY ONE FILE FOR CONNECTION" )
this.debugs(request,response)
resolve(response.message)
} else {
var request = new XMLHttpRequest(),
connect = this.connectors(profile[0].action),
params = profile[1]||false,
data = new FormData(),
query = ''
// set xhr debug level
request.debuglevel = 1
// open xhr file/params trasmition
if ( params.file ) {
data = params.file
query = '?' + new URLSearchParams( (delete params.file, params) ).toString()
request.open( connect.method.toUpperCase(), connect.route+query, true)
request.setRequestHeader('content-type','multipart/form-data')
} else {
data = JSON.stringify( params )
request.open( connect.method.toUpperCase(), connect.route, true)
request.setRequestHeader('content-type','application/json')
}
// manage xhr status
request.upload.addEventListener( 'progress', stream => {
if (stream.lengthComputable) {
let totalbyte = ( stream.totalSize||stream.total ),
loadedbyte = ( stream.position||stream.loaded ),
percentage = ( loadedbyte/totalbyte * 100 ).toFixed(1);
backprogress({
totalbytes : totalbyte,
loadedbytes : loadedbyte,
percentage : percentage
})
}
})
request.onload = result => {
try {
result = JSON.parse( request.response.toString("utf-8"), null, 4)
} catch {
result = false
}
if ( result && request.status === 200 && request.readyState === XMLHttpRequest.DONE ) {
backdata(result)
} else {
switch (request.status) {
case 0: request.warning = 'Request URL not exist / corrupted response'; break;
case 1: request.warning = 'Request not initialized'; break;
case 2: request.warning = 'Request not recived'; break;
case 3: request.warning = 'Request not processed'; break;
case 4: request.warning = 'Request not finished / Response lost'; break;
case 400: request.warning = 'Bad Request / Action wrong'; break;
case 401: request.warning = 'Not Authorized Request'; break;
case 403: request.warning = 'Lost or blocked Request'; break;
case 404: request.warning = 'File/Page not found'; break;
case 500: request.warning = 'Inner server error'; break;
case 501: request.warning = 'Bad API requesting'; break;
case 508: request.warning = 'Server Resouces Overloaded'; break;
default: 'Unknown error ~ status: "'+request.status+'" / message: "'+request.message+'"'; break;
}
this.debug( request, result )
backdata( result )
}
}
request.send(data)
}
}
debug (request,result) {
switch (request.debuglevel) {
case 1:
console.log('[api] :: '+request.status+' ~ ' +request.action)
break
case 2:
console.log(
'┈╌─────────────┈ ┈ ┈ \n'+
'[api] ├ STATUS : '+request.status+' ~ '+request.action+'\n'+
' ├ MESSAGE : '+( result.message ? result.message : 'nothing else...' )+'\n'+
'┈╌─────────────┈ ┈ ┈'
)
break
default:
console.groupCollapsed('API connection')
console.log(
'┈╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┈ ┈ ┈'+'\n'+
' ├ ACTION : '+request.action+'\n'+
' ├ WIRED : '+request.wire.route.replace(baseroute,'~/')+'\n'+
' ├ TYPE : '+request.wire.method.toLowerCase()+'; '+request.mode=="async"?"async":"linear"+'; '+request.file?"multipart":"json"+';\n'+
' ├ STATUS : '+request.status+' ~ '+request.warning+'\n'+
' ├ MESSAGE : '+( result.message ? result.message : 'nothing else...' )+'\n'+
'┈╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┈ ┈ ┈'+'\n'+
' └ PAYLOAD :',result
)
console.groupEnd()
break
}
}
connectors ( action ) {
this.route = baseroute
this.method = undefined
this.mode = undefined
return this.connectors_MYAPISECTOR(action) /* || other connector || other connector ... */ ? this : (()=>{
request.status = 500
response.status = false
response.payload = false
response.message = "CLIENT API ERROR: CONNECTOR WRONG ~ NO ENDPOINT SECTOR FINDED"
this.debug(request,response)
})()
}
connectors_MYAPISECTOR(action) {
switch (action) {
case 'MYAPISECTOR-ENDPOINTNAME':
this.route += 'MYAPIPATH/ENDPOINTPAGE'
this.method = 'post'
this.mode = true
break
//others...
/* - - - - - - - - - - - - - */
default: undefined;
}
return this.method!=undefined ? this : false
}
}