171 lines
3.9 KiB
JavaScript
171 lines
3.9 KiB
JavaScript
|
"use strict";
|
||
|
|
||
|
require("dotenv").config();
|
||
|
const WebSocket = require("ws");
|
||
|
|
||
|
/**
|
||
|
* Client responsible for communicating with ActionCable Websocket.
|
||
|
* @param {string} url - URL of Websocket (starts with ws:// or wss://)
|
||
|
* @param {string} channel - Name of ActionCable Channel.
|
||
|
*/
|
||
|
class ActionCable {
|
||
|
constructor(url, channel) {
|
||
|
/** @type {string} */
|
||
|
this.url = url;
|
||
|
/** @type {string} */
|
||
|
this.channel = channel;
|
||
|
/** @type {boolean} */
|
||
|
this.connected = false;
|
||
|
|
||
|
/** @type {WebSocket} */
|
||
|
this.io = new WebSocket(url, [
|
||
|
"actioncable-v1-json",
|
||
|
"actioncable-unsupported"
|
||
|
]);
|
||
|
|
||
|
/** @type {WebRTC} */
|
||
|
// this.rtc = new WebRTC(~~(Math.random() * 1000), this.channel, this.io);
|
||
|
this.rtc = new WebRTC("3929", this.channel, this.io);
|
||
|
|
||
|
this.setUpEventListeners();
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Sets up the Websocket event listeners.
|
||
|
*/
|
||
|
setUpEventListeners() {
|
||
|
this.io.on("open", data => {
|
||
|
console.log("Connected to " + this.url);
|
||
|
this.connected = true;
|
||
|
this.subscribe();
|
||
|
|
||
|
setTimeout(() => {
|
||
|
console.log("Joining Room");
|
||
|
this.rtc.joinRoom()
|
||
|
}, 5000);
|
||
|
});
|
||
|
|
||
|
this.io.on("close", data => {
|
||
|
console.log("Disconnected from ActionCable Server");
|
||
|
this.connected = false;
|
||
|
});
|
||
|
|
||
|
this.io.on("message", data => {
|
||
|
data = JSON.parse(data);
|
||
|
console.log(data);
|
||
|
|
||
|
if (data.message && data.message.type) {
|
||
|
switch (data.message.type) {
|
||
|
case "JOIN_ROOM":
|
||
|
this.rtc.handleJoin(data.message);
|
||
|
break;
|
||
|
case "REMOVE_USER":
|
||
|
console.log("User has Left Room");
|
||
|
this.rtc.handleLeave(data.message);
|
||
|
break;
|
||
|
default:
|
||
|
// console.log("Pinged");
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Send Stringified Object to Websocket Server to be processed
|
||
|
* @param {string} command
|
||
|
* @param {Object} identifier
|
||
|
*/
|
||
|
send(command, identifier) {
|
||
|
this.io.send(JSON.stringify({ command, identifier }));
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Send Stringified Object to Websocket server asking to subscribe to channel
|
||
|
*/
|
||
|
subscribe() {
|
||
|
this.io.send(
|
||
|
JSON.stringify({
|
||
|
command: "subscribe",
|
||
|
identifier: JSON.stringify({ channel: this.channel })
|
||
|
})
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* The Class Responsible for Handling the data from the WebSocket and Getting the MediaStream.
|
||
|
* @param {string} username - The name of this server when joining the WebRTC Ecosystem.
|
||
|
* @param {string} channel
|
||
|
*/
|
||
|
class WebRTC {
|
||
|
constructor(username, channel, webSocket) {
|
||
|
/** @type {Array<User>} Array of Connected Users */
|
||
|
this.users = [];
|
||
|
/** @type {string} */
|
||
|
this.username = username;
|
||
|
/** @type {string} */
|
||
|
this.channel = channel
|
||
|
/** @type {WebSocket} */
|
||
|
this.io = webSocket;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Handles onmessage event when message contains JOIN
|
||
|
* @param {JSON} data - Objectified (???) JSON
|
||
|
*/
|
||
|
handleJoin(data) {
|
||
|
console.log("User " + data.from + " has joined the room");
|
||
|
this.users.push(new User(data.from));
|
||
|
|
||
|
//Try and Exchange Data with the person
|
||
|
}
|
||
|
|
||
|
joinRoom() {
|
||
|
this.io.send(JSON.stringify({
|
||
|
command: "message",
|
||
|
identifier: JSON.stringify({
|
||
|
channel: this.channel
|
||
|
}),
|
||
|
message: {
|
||
|
type: "JOIN_ROOM", from: `${this.username}`
|
||
|
}
|
||
|
}));
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Handles onmessage event when message contains REMOVE
|
||
|
* @param {JSON} data - Stringified JSON
|
||
|
*/
|
||
|
handleLeave(data) {
|
||
|
console.log("User " + data.from + " has left the room.");
|
||
|
this.users
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const ac = new ActionCable(
|
||
|
"ws://0.0.0.0:3000/cable",
|
||
|
process.env.DEFAULT_CHANNEL
|
||
|
);
|
||
|
|
||
|
class User {
|
||
|
constructor(id) {
|
||
|
this.id = id;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
(function addDeleteMethodToArrayPrototype() {
|
||
|
Array.prototype.delete = function(toRemove) {
|
||
|
let i = this.indexOf(toRemove);
|
||
|
|
||
|
if (i !== -1) this.splice(i, 1);
|
||
|
|
||
|
//return this;
|
||
|
}
|
||
|
})();
|
||
|
|
||
|
const arr = ["Brave", "New", "World"];
|
||
|
|
||
|
console.log(arr.delete("New"));
|
||
|
console.log("Length: " + arr.length);
|