monkeeShark/src/web/app/common/scripts/stream.js

101 lines
2.3 KiB
JavaScript
Raw Normal View History

2017-05-10 20:08:12 +00:00
'use strict';
2017-02-18 04:18:59 +00:00
const ReconnectingWebSocket = require('reconnecting-websocket');
2017-03-18 11:05:11 +00:00
import * as riot from 'riot';
import CONFIG from './config';
2017-05-10 20:08:12 +00:00
/**
2017-06-08 16:03:54 +00:00
* Misskey stream connection
2017-05-10 20:08:12 +00:00
*/
2017-03-18 11:05:11 +00:00
class Connection {
2017-06-08 16:03:54 +00:00
constructor(endpoint, params) {
2017-03-18 11:05:11 +00:00
// BIND -----------------------------------
this.onOpen = this.onOpen.bind(this);
this.onClose = this.onClose.bind(this);
this.onMessage = this.onMessage.bind(this);
2017-03-20 05:49:24 +00:00
this.send = this.send.bind(this);
2017-03-18 11:05:11 +00:00
this.close = this.close.bind(this);
// ----------------------------------------
2017-03-20 05:49:24 +00:00
riot.observable(this);
2017-03-18 11:05:11 +00:00
this.state = 'initializing';
2017-03-21 09:14:59 +00:00
this.buffer = [];
2017-03-18 11:05:11 +00:00
const host = CONFIG.apiUrl.replace('http', 'ws');
2017-06-08 16:03:54 +00:00
const query = params
? Object.keys(params)
.map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
.join('&')
: null;
this.socket = new ReconnectingWebSocket(`${host}/${endpoint}${query ? '?' + query : ''}`);
2017-03-18 11:05:11 +00:00
this.socket.addEventListener('open', this.onOpen);
this.socket.addEventListener('close', this.onClose);
this.socket.addEventListener('message', this.onMessage);
}
2017-05-10 20:08:12 +00:00
/**
* Callback of when open connection
* @private
*/
2017-03-18 11:05:11 +00:00
onOpen() {
this.state = 'connected';
2017-03-20 05:49:24 +00:00
this.trigger('_connected_');
2017-03-21 09:14:59 +00:00
// バッファーを処理
const _buffer = [].concat(this.buffer); // Shallow copy
this.buffer = []; // Clear buffer
_buffer.forEach(message => {
this.send(message); // Resend each buffered messages
});
2017-03-18 11:05:11 +00:00
}
2017-05-10 20:08:12 +00:00
/**
* Callback of when close connection
* @private
*/
2017-03-18 11:05:11 +00:00
onClose() {
this.state = 'reconnecting';
2017-03-20 05:49:24 +00:00
this.trigger('_closed_');
2017-03-18 11:05:11 +00:00
}
2017-05-10 20:08:12 +00:00
/**
* Callback of when received a message from connection
* @private
*/
2017-03-18 11:05:11 +00:00
onMessage(message) {
2017-02-18 04:18:59 +00:00
try {
2017-02-18 23:02:59 +00:00
const msg = JSON.parse(message.data);
2017-03-20 05:49:24 +00:00
if (msg.type) this.trigger(msg.type, msg.body);
2017-03-18 11:05:11 +00:00
} catch(e) {
2017-02-18 04:18:59 +00:00
// noop
}
2017-03-18 11:05:11 +00:00
}
2017-02-18 04:18:59 +00:00
2017-05-10 20:08:12 +00:00
/**
* Send a message to connection
* @public
*/
2017-03-20 04:54:59 +00:00
send(message) {
2017-03-21 09:14:59 +00:00
// まだ接続が確立されていなかったらバッファリングして次に接続した時に送信する
if (this.state != 'connected') {
this.buffer.push(message);
return;
};
2017-03-20 04:54:59 +00:00
this.socket.send(JSON.stringify(message));
}
2017-05-10 20:08:12 +00:00
/**
* Close this connection
* @public
*/
2017-03-18 11:05:11 +00:00
close() {
this.socket.removeEventListener('open', this.onOpen);
this.socket.removeEventListener('message', this.onMessage);
}
}
2017-02-18 04:18:59 +00:00
2017-03-18 11:05:11 +00:00
export default Connection;