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
|
define.class(function(require, exports){
this.atConstructor = function(url, websocketclass){
this.websocketclass = websocketclass || WebSocket
this.url = url || ''
this.backoff = 1
this.reconnect()
}
this.use_xhr_fallback_for_binary = true
this.socket_use_blob_send = true
this.disconnect = function(){
if(this.socket){
this.socket.onclose = undefined
this.socket.onerror = undefined
this.socket.onmessage = undefined
this.socket.onopen = undefined
this.socket.close()
this.socket = undefined
}
}
this.reconnect = function(){
this.disconnect()
if(!this.queue) this.queue = []
this.socket = new this.websocketclass(this.url)
this.socket.binaryType = 'arraybuffer'
this.socket.onopen = function(){
this.backoff = 1
for(var i = 0;i<this.queue.length;i++){
this.socket.send(this.queue[i])
}
this.queue = undefined
}.bind(this)
this.socket.onerror = function(event){
this.backoff = 500
}.bind(this)
this.socket.onclose = function(){
this.backoff *= 2
if(this.backoff > 1000) this.backoff = 1000
setTimeout(function(){
this.reconnect()
}.bind(this),this.backoff)
}.bind(this)
if(this.use_xhr_fallback_for_binary){
var binary_xhr = []
this.socket.onmessage = function(event){
var data = event.data
if(data.charAt(0) === '$'){
binary_xhr.push(new define.Promise(function(resolve, reject){
var xhr = new XMLHttpRequest()
xhr.open('GET', '/binrpc?'+data.slice(1), true);
xhr.responseType = 'arraybuffer'
xhr.onload = function(e) {
resolve(xhr)
}
xhr.upload.onprogress = function(e){
}
xhr.send()
}))
return
}
var bin_xhr = binary_xhr
binary_xhr = []
var msg = JSON.parse(data)
if(bin_xhr.length){
define.Promise.all(bin_xhr).then(function(results){
var out = []
for(var i = 0; i < results.length; i++){
out[i] = results[i].response
}
msg = define.structFromJSON(msg, out)
this.atMessage(msg, this)
}.bind(this))
}
else{
msg = define.structFromJSON(msg)
this.atMessage(msg, this)
}
}.bind(this)
function rndhex4(){ return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1) }
this.send = function(msg){
var binary = []
var newmsg = define.makeJSONSafe(msg, binary)
var allbin = []
for(var i = 0; i < binary.length; i++){
var data = binary[i].data
var blobmsg = new Blob([data.buffer], {type: 'application/octet-binary'})
var rpcrandom = rndhex4()+rndhex4()+rndhex4()+rndhex4()+rndhex4()+rndhex4()+rndhex4()+rndhex4()
allbin.push(new define.Promise(function(resolve, reject){
var xhr = new XMLHttpRequest()
xhr.open('POST', '/binrpc?'+rpcrandom, true);
xhr.onload = function(e) {
resolve()
}
xhr.send(blobmsg)
}))
if(this.queue) this.queue.push('$'+rpcrandom)
else this.socket.send('$'+rpcrandom)
}
var jsonmsg = JSON.stringify(newmsg)
if(this.queue) this.queue.push(jsonmsg)
else {
define.Promise.all(allbin).then(function(){
this.socket.send(jsonmsg)
}.bind(this))
}
}
}
else{
var binary_buf = []
this.socket.onmessage = function(event){
var data = event.data
if(data instanceof ArrayBuffer){
binary_buf.push(event.data)
return
}
var msg = define.structFromJSON(JSON.parse(data), binary_buf)
this.atMessage(msg, this)
}.bind(this)
this.send = function(msg){
var binary = []
var newmsg = define.makeJSONSafe(msg, binary)
for(var i = 0; i < binary.length; i++){
var data = binary[i].data
var datamsg =
this.socket_use_blob_send?
new Blob([data.buffer], {type: 'application/octet-binary'}):
data.buffer
if(this.queue) this.queue.push(datamsg)
else this.socket.send(datamsg)
}
var jsonmsg = JSON.stringify(newmsg)
if(this.queue) this.queue.push(jsonmsg)
else this.socket.send(jsonmsg)
}
}
}
this.atMessage = function(message){}
}) |