Fixing overlay
This commit is contained in:
parent
7a4242f20e
commit
232971098b
625
web/js/sockerWrapper.js
Normal file
625
web/js/sockerWrapper.js
Normal file
@ -0,0 +1,625 @@
|
|||||||
|
/*
|
||||||
|
* Copyright (C) 2016-2019 phantombot.tv
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU General Public License as published by
|
||||||
|
* the Free Software Foundation, either version 3 of the License, or
|
||||||
|
* (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
//NOTE: this is straight copied from panel's index.js
|
||||||
|
// Main socket and functions.
|
||||||
|
$(function() {
|
||||||
|
|
||||||
|
|
||||||
|
var helpers = {};
|
||||||
|
|
||||||
|
helpers.DEBUG_STATES = {
|
||||||
|
NONE: 0,
|
||||||
|
DEBUG: 1,
|
||||||
|
INFO: 2,
|
||||||
|
FORCE: 3
|
||||||
|
};
|
||||||
|
// Debug status. 0 = off | 1 = on.
|
||||||
|
helpers.DEBUG_STATE = (localStorage.getItem('phantombot_debug_state') !== null ? parseInt(localStorage.getItem('phantombot_debug_state')) : helpers.DEBUG_STATES.NONE);
|
||||||
|
// Debug types.
|
||||||
|
helpers.LOG_TYPE = helpers.DEBUG_STATES;
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Used to print debug messages in the console.
|
||||||
|
*
|
||||||
|
* @param {String} message
|
||||||
|
* @param {Number} type
|
||||||
|
*/
|
||||||
|
helpers.log = function(message, type) {
|
||||||
|
if (helpers.DEBUG_STATE === helpers.DEBUG_STATES.DEBUG || type === helpers.DEBUG_STATE || type === helpers.LOG_TYPE.FORCE) {
|
||||||
|
console.log('%c[PhantomBot Log]', 'color: #6441a5; font-weight: 900;', message);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Used to print error messages in the console.
|
||||||
|
*
|
||||||
|
* @param {String} message
|
||||||
|
* @param {Number} type
|
||||||
|
*/
|
||||||
|
helpers.logError = function(message, type) {
|
||||||
|
console.log('%c[PhantomBot Error]', 'color: red; font-weight: 900;', message);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var webSocket = new ReconnectingWebSocket((getProtocol() === 'https://' || window.location.protocol === 'https:' ? 'wss://' : 'ws://') + window.location.host + '/ws/panel', null, { reconnectInterval: 500 }),
|
||||||
|
callbacks = [],
|
||||||
|
listeners = [],
|
||||||
|
familyHandlers = {},
|
||||||
|
socket = {};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Used to send messages to the socket. This should be private to this script.
|
||||||
|
*
|
||||||
|
* @param {Object} message
|
||||||
|
*/
|
||||||
|
var sendToSocket = function(message) {
|
||||||
|
try {
|
||||||
|
let json = JSON.stringify(message);
|
||||||
|
|
||||||
|
webSocket.send(json);
|
||||||
|
|
||||||
|
// Make sure to not show the user's token.
|
||||||
|
if (json.indexOf('authenticate') !== -1) {
|
||||||
|
helpers.log('sendToSocket:: ' + json.substring(0, json.length - 20) + '.."}', helpers.LOG_TYPE.DEBUG);
|
||||||
|
} else {
|
||||||
|
helpers.log('sendToSocket:: ' + json, helpers.LOG_TYPE.DEBUG);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
helpers.logError('Failed to send message to socket: ' + e.message, helpers.LOG_TYPE.DEBUG);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Generates a callback
|
||||||
|
*
|
||||||
|
* @param {String} id
|
||||||
|
* @param {Array} tables
|
||||||
|
* @param {Boolean} isUpdate
|
||||||
|
* @param {Function} callback
|
||||||
|
* @param {Boolean} storeKey
|
||||||
|
*/
|
||||||
|
var generateCallBack = function(id, tables, isUpdate, isArray, callback, storeKey) {
|
||||||
|
if (callbacks[id] !== undefined) {
|
||||||
|
helpers.logError('Callback with id "' + id + '" exists already. Aborting update.', helpers.LOG_TYPE.FORCE);
|
||||||
|
} else {
|
||||||
|
helpers.log('Created callback with id ' + id, helpers.LOG_TYPE.DEBUG);
|
||||||
|
|
||||||
|
callbacks[id] = {
|
||||||
|
await: (tables.length === 0 ? 1 : tables.length),
|
||||||
|
isUpdate: isUpdate,
|
||||||
|
isArray: isArray,
|
||||||
|
func: function(e) {
|
||||||
|
try {
|
||||||
|
callback(e);
|
||||||
|
} catch (ex) {
|
||||||
|
// Line number won't be accurate, function will by anonymous, but we get the stack so it should be fine.
|
||||||
|
helpers.logError('Failed to run callback: ' + ex.stack, helpers.LOG_TYPE.FORCE);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
storeKey: storeKey,
|
||||||
|
queryData: []
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Adds a listener for the socket.
|
||||||
|
*
|
||||||
|
* @param {String} listener_id
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.addListener = function(listener_id, callback) {
|
||||||
|
if (listeners[listener_id] === undefined) {
|
||||||
|
helpers.log('Adding listener with id ' + listener_id);
|
||||||
|
listeners[listener_id] = function(e) {
|
||||||
|
try {
|
||||||
|
callback(e);
|
||||||
|
} catch (ex) {
|
||||||
|
// Line number won't be accurate, function will by anonymous, but we get the stack so it should be fine.
|
||||||
|
helpers.logError('Failed to run listener: ' + ex.stack, helpers.LOG_TYPE.FORCE);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Removes a listener from the socket.
|
||||||
|
*
|
||||||
|
* @param {String} listener_id
|
||||||
|
*/
|
||||||
|
socket.removeListener = function(listener_id) {
|
||||||
|
if (listeners[listener_id] !== undefined) {
|
||||||
|
delete listeners[listener_id];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
socket.addFamilyHandler = function(familyName, callback) {
|
||||||
|
familyHandlers[familyName] = function(e) {
|
||||||
|
try {
|
||||||
|
callback(e);
|
||||||
|
} catch (ex) {
|
||||||
|
// Line number won't be accurate, function will by anonymous, but we get the stack so it should be fine.
|
||||||
|
helpers.logError('Failed to run family handler: ' + ex.stack, helpers.LOG_TYPE.FORCE);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
socket.removeFamilyHandler = function(familyName) {
|
||||||
|
if (familyHandlers[familyName] !== undefined) {
|
||||||
|
delete listeners[familyName];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Runs a bot commands as the bot in async, thus returning right away.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} command
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.sendCommand = function(callback_id, command, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Send the command.
|
||||||
|
sendToSocket({
|
||||||
|
command: String(command),
|
||||||
|
query_id: callback_id
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Sends a raw request to the socket.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.getBotVersion = function(callback_id, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Send the request.
|
||||||
|
sendToSocket({
|
||||||
|
version: callback_id
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Runs a bot commands as the bot.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} command
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.sendCommandSync = function(callback_id, command, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Send the command.
|
||||||
|
sendToSocket({
|
||||||
|
command_sync: String(command),
|
||||||
|
query_id: callback_id
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Sends the websocket event.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} script
|
||||||
|
* @param {String} argsString
|
||||||
|
* @param {Array} args
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.wsEvent = function(callback_id, script, argsString, args, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Send event.
|
||||||
|
sendToSocket({
|
||||||
|
socket_event: callback_id,
|
||||||
|
script: script,
|
||||||
|
args: {
|
||||||
|
arguments: String(argsString),
|
||||||
|
args: args
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Updates a value in the database of the bot.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {String} key
|
||||||
|
* @param {String} value
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.updateDBValue = function(callback_id, table, key, value, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Update the value.
|
||||||
|
sendToSocket({
|
||||||
|
dbupdate: callback_id,
|
||||||
|
update: {
|
||||||
|
table: String(table),
|
||||||
|
key: String(key),
|
||||||
|
value: String(value)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Updates values in the database of the bot.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {Object} dataObj {tables: [], keys: [], values: }
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.updateDBValues = function(callback_id, dataObj, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, dataObj.tables, true, false, callback);
|
||||||
|
|
||||||
|
// Start sending the updates to the socket.
|
||||||
|
for (let i = 0; i < dataObj.tables.length; i++) {
|
||||||
|
sendToSocket({
|
||||||
|
dbupdate: callback_id,
|
||||||
|
update: {
|
||||||
|
table: String(dataObj.tables[i]),
|
||||||
|
key: String(dataObj.keys[i]),
|
||||||
|
value: String(dataObj.values[i])
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Increases a value in the database.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {String} key
|
||||||
|
* @param {String} value
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.incrDBValue = function(callback_id, table, key, value, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Update the value.
|
||||||
|
sendToSocket({
|
||||||
|
dbincr: callback_id,
|
||||||
|
incr: {
|
||||||
|
table: table,
|
||||||
|
key: key,
|
||||||
|
value: value
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Decreases a value in the database.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {String} key
|
||||||
|
* @param {String} value
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.decrDBValue = function(callback_id, table, key, value, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], true, false, callback);
|
||||||
|
|
||||||
|
// Update the value.
|
||||||
|
sendToSocket({
|
||||||
|
dbdecr: callback_id,
|
||||||
|
decr: {
|
||||||
|
table: table,
|
||||||
|
key: key,
|
||||||
|
value: value
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets a value from the database
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {String} key
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.getDBValue = function(callback_id, table, key, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], false, false, callback);
|
||||||
|
|
||||||
|
// Query database.
|
||||||
|
sendToSocket({
|
||||||
|
dbquery: callback_id,
|
||||||
|
query: {
|
||||||
|
table: String(table),
|
||||||
|
key: String(key)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets values from the database
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {Object} dataObj {tables: [], keys: []}
|
||||||
|
* @param {Function} callback
|
||||||
|
* @param {Boolean} storeKey - Store the value with the key name from the DB. Default stores it as the table, thus making it only possible to query the table once.
|
||||||
|
*/
|
||||||
|
socket.getDBValues = function(callback_id, dataObj, storeKey, callback) {
|
||||||
|
callback = (callback === undefined ? storeKey : callback);
|
||||||
|
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, dataObj.tables, false, false, callback, (typeof storeKey === 'function' ? false : true));
|
||||||
|
|
||||||
|
// Start sending the updates to the socket.
|
||||||
|
for (let i = 0; i < dataObj.tables.length; i++) {
|
||||||
|
sendToSocket({
|
||||||
|
dbquery: callback_id,
|
||||||
|
query: {
|
||||||
|
table: String(dataObj.tables[i]),
|
||||||
|
key: String(dataObj.keys[i])
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets values from the database by an order.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {Number} limit
|
||||||
|
* @param {Number} offset
|
||||||
|
* @param {String} order
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.getDBTableValuesByOrder = function(callback_id, table, limit, offset, order, isNumber, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], false, true, callback);
|
||||||
|
|
||||||
|
// Query database.
|
||||||
|
sendToSocket({
|
||||||
|
dbvaluesbyorder: callback_id,
|
||||||
|
query: {
|
||||||
|
table: table,
|
||||||
|
limit: String(limit),
|
||||||
|
offset: String(offset),
|
||||||
|
order: order,
|
||||||
|
number: String(isNumber)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets all keys and values from a database table.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.getDBTableValues = function(callback_id, table, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], false, true, callback);
|
||||||
|
|
||||||
|
// Query database.
|
||||||
|
sendToSocket({
|
||||||
|
dbkeys: callback_id,
|
||||||
|
query: {
|
||||||
|
table: String(table)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets all keys and values from multiple database table.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {Array Object} tables [{table: 'a'}, {table: 'b'}]
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.getDBTablesValues = function(callback_id, tables, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], false, true, callback);
|
||||||
|
|
||||||
|
// Query database.
|
||||||
|
sendToSocket({
|
||||||
|
dbkeyslist: callback_id,
|
||||||
|
query: tables
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Removes the data from the database.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {String} table
|
||||||
|
* @param {String} key
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.removeDBValue = function(callback_id, table, key, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, [], false, true, callback);
|
||||||
|
|
||||||
|
// Send the event.
|
||||||
|
sendToSocket({
|
||||||
|
dbdelkey: callback_id,
|
||||||
|
delkey: {
|
||||||
|
table: String(table),
|
||||||
|
key: String(key)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Removes the data from the database.
|
||||||
|
*
|
||||||
|
* @param {String} callback_id
|
||||||
|
* @param {Object} dataObj {tables: [], keys: []}
|
||||||
|
* @param {Function} callback
|
||||||
|
*/
|
||||||
|
socket.removeDBValues = function(callback_id, dataObj, callback) {
|
||||||
|
// Genetate a callback.
|
||||||
|
generateCallBack(callback_id, dataObj.tables, false, true, callback);
|
||||||
|
|
||||||
|
for (let i = 0; i < dataObj.tables.length; i++) {
|
||||||
|
// Send the event.
|
||||||
|
sendToSocket({
|
||||||
|
dbdelkey: callback_id,
|
||||||
|
delkey: {
|
||||||
|
table: String(dataObj.tables[i]),
|
||||||
|
key: String(dataObj.keys[i])
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// WebSocket events.
|
||||||
|
|
||||||
|
socket.getReadyState = function() {return webSocket.readyState;}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Called when the socket opens.
|
||||||
|
*/
|
||||||
|
webSocket.onopen = function() {
|
||||||
|
helpers.log('Connection established with the websocket.', helpers.LOG_TYPE.FORCE);
|
||||||
|
// Auth with the socket.
|
||||||
|
sendToSocket({
|
||||||
|
authenticate: getAuth()
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Socket calls when it closes
|
||||||
|
*/
|
||||||
|
webSocket.onclose = function() {
|
||||||
|
helpers.logError('Connection lost with the websocket.', helpers.LOG_TYPE.FORCE);
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Socket calls when it gets message.
|
||||||
|
*/
|
||||||
|
webSocket.onmessage = function(e) {
|
||||||
|
try {
|
||||||
|
helpers.log('Message from socket: ' + e.data, helpers.LOG_TYPE.DEBUG);
|
||||||
|
|
||||||
|
if (e.data === 'PING') {
|
||||||
|
webSocket.send('PONG');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let message = JSON.parse(e.data);
|
||||||
|
|
||||||
|
// Check this message here before doing anything else.
|
||||||
|
if (message.authresult !== undefined) {
|
||||||
|
if (message.authresult === 'false') {
|
||||||
|
helpers.logError('Failed to auth with the socket.', helpers.LOG_TYPE.FORCE);
|
||||||
|
} else {
|
||||||
|
// This is to stop a reconnect loading the main page.
|
||||||
|
if (helpers.isAuth === true) {
|
||||||
|
return;
|
||||||
|
} else {
|
||||||
|
helpers.isAuth = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// XXX: revent loading main page
|
||||||
|
//$.loadPage('dashboard', 'dashboard.html');
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make sure this isn't a version request.
|
||||||
|
if (message.versionresult !== undefined) {
|
||||||
|
// Call the callback.
|
||||||
|
callbacks[message.versionresult].func(message);
|
||||||
|
// Delete the callback.
|
||||||
|
delete callbacks[message.versionresult];
|
||||||
|
} else if(message.query_id !== undefined) {
|
||||||
|
|
||||||
|
// console.log("base got websocket with data");
|
||||||
|
// console.log(e);
|
||||||
|
|
||||||
|
// Handle callbacks.
|
||||||
|
let callback = callbacks[message.query_id],
|
||||||
|
listener = listeners[message.query_id];
|
||||||
|
|
||||||
|
if (callback !== undefined) {
|
||||||
|
// Add our data to the callback array.
|
||||||
|
if (!callback.isUpdate) {
|
||||||
|
if (callback.isArray) {
|
||||||
|
callback.queryData = message.results;
|
||||||
|
} else if (callback.storeKey === true) {
|
||||||
|
callback.queryData[Object.keys(message.results)[1]] = message.results.value;
|
||||||
|
} else {
|
||||||
|
callback.queryData[message.results.table] = message.results.value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// If we got all the data, run the callback.
|
||||||
|
if (--callback.await === 0) {
|
||||||
|
// Run the function and send the query data with it.
|
||||||
|
callback.func(callback.queryData);
|
||||||
|
// Log this.
|
||||||
|
helpers.log('Called callback with id: ' + message.query_id, helpers.LOG_TYPE.DEBUG);
|
||||||
|
// Remove the callback from the array.
|
||||||
|
delete callbacks[message.query_id];
|
||||||
|
|
||||||
|
// Remove any active spinners.
|
||||||
|
if (message.query_id !== 'get_bot_updates' && message.query_id.indexOf('get') !== -1) {
|
||||||
|
// Remove any active spinners.
|
||||||
|
$('.load-ajax').remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (message.query_id.indexOf('module_toggle') !== -1 || message.query_id.indexOf('module_status') !== -1
|
||||||
|
|| message.query_id.endsWith('module')) {
|
||||||
|
if (message.results.value == 'false') {
|
||||||
|
$('.load-ajax').remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
helpers.log('Awaiting for data (' + callback.await + ' left) before calling callback with id: ' + message.query_id, helpers.LOG_TYPE.DEBUG);
|
||||||
|
}
|
||||||
|
} else if (listener !== undefined) {
|
||||||
|
// Call the listener.
|
||||||
|
listener(message.results);
|
||||||
|
}
|
||||||
|
} else if(message.eventFamily !== undefined) {
|
||||||
|
let handler = familyHandlers[message.eventFamily];
|
||||||
|
if(handler !== undefined) {
|
||||||
|
handler(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (ex) {
|
||||||
|
// Line number won't be accurate, function will by anonymous, but we get the stack so it should be fine.
|
||||||
|
helpers.logError('Failed to parse message from socket: ' + ex.stack + '\n\n' + e.data, helpers.LOG_TYPE.FORCE);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Make this a global object.
|
||||||
|
window.socket = socket;
|
||||||
|
// Store all timers in here so we can destroy them.
|
||||||
|
window.timers = [];
|
||||||
|
});
|
44
web/overlay/index.html
Normal file
44
web/overlay/index.html
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>PlampBot Song Requests</title>
|
||||||
|
|
||||||
|
<!-- Load CSS for Chart.js -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css" />
|
||||||
|
<!-- Load our styles -->
|
||||||
|
<link rel="stylesheet" href="styles.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<!-- Main body -->
|
||||||
|
<body>
|
||||||
|
<div class="main-alert">
|
||||||
|
<!-- Where the gif gets played. -->
|
||||||
|
<div id="alert"></div>
|
||||||
|
</div>
|
||||||
|
<div class="main-text-alert">
|
||||||
|
<!-- Where the custom gif text is displayed. -->
|
||||||
|
<div id="alert-text"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||||
|
<!-- Load jQuery UI -->
|
||||||
|
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
|
||||||
|
<!-- Load Chart.js -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
|
||||||
|
<!-- Load chartjs-plugin-datalabels -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.6.0/dist/chartjs-plugin-datalabels.min.js"></script>
|
||||||
|
<!-- Load Reconnecting socket -->
|
||||||
|
<script src="/common/reconnecting-websocket/reconnectingWS.min.js"></script>
|
||||||
|
<!-- Load Bot config file -->
|
||||||
|
<script src="/common/js/wsConfig.js"></script>
|
||||||
|
|
||||||
|
<!-- Load functions copied out of panel dir, since can't directly read panel dir (http auth problem) -->
|
||||||
|
<script src="/custom/js/socketWrapper.js"></script>
|
||||||
|
|
||||||
|
<!-- Load our script -->
|
||||||
|
<script src="index.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
158
web/overlay/index.js
Normal file
158
web/overlay/index.js
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
$(function () {
|
||||||
|
var webSocket = getWebSocket(),
|
||||||
|
queryMap = getQueryMap(),
|
||||||
|
isDebug = localStorage.getItem('phantombot_follow_debug') === 'true' || false;
|
||||||
|
queue = [];
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Gets a new instance of the websocket.
|
||||||
|
*
|
||||||
|
* @return {ReconnectingWebSocket}
|
||||||
|
*/
|
||||||
|
function getWebSocket() {
|
||||||
|
let socketUri = ((window.location.protocol === 'https:' ? 'wss://' : 'ws://') + window.location.host + '/ws/followpolls'), // URI of the socket.
|
||||||
|
reconnectInterval = 5000; // How often in milliseconds we should try reconnecting.
|
||||||
|
|
||||||
|
return new ReconnectingWebSocket(socketUri, null, {
|
||||||
|
reconnectInterval: reconnectInterval
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Parses the query params in the URL and puts them into a map.
|
||||||
|
*
|
||||||
|
* @return {Map}
|
||||||
|
*/
|
||||||
|
function getQueryMap() {
|
||||||
|
let queryString = window.location.search, // Query string that starts with ?
|
||||||
|
queryParts = queryString.substr(1).split('&'), // Split at each &, which is a new query.
|
||||||
|
queryMap = new Map(); // Create a new map for save our keys and values.
|
||||||
|
|
||||||
|
for (let i = 0; i < queryParts.length; i++) {
|
||||||
|
let key = queryParts[i].substr(0, queryParts[i].indexOf('=')),
|
||||||
|
value = queryParts[i].substr(queryParts[i].indexOf('=') + 1, queryParts[i].length);
|
||||||
|
|
||||||
|
if (key.length > 0 && value.length > 0) {
|
||||||
|
queryMap.set(key, value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return queryMap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Prints debug logs.
|
||||||
|
*
|
||||||
|
* @param {String} message
|
||||||
|
*/
|
||||||
|
function printDebug(message, force) {
|
||||||
|
if (isDebug || force) {
|
||||||
|
console.log('%c[PhantomBot Log]', 'color: #6441a5; font-weight: 900;', message);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Toggles the debug mode.
|
||||||
|
*
|
||||||
|
* @param {String} toggle
|
||||||
|
*/
|
||||||
|
window.toggleDebug = function (toggle) {
|
||||||
|
localStorage.setItem('phantombot_follow_debug', toggle.toString());
|
||||||
|
|
||||||
|
// Refresh the page.
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Checks if the query map has the option, if not, returns default.
|
||||||
|
*
|
||||||
|
* @param {String} option
|
||||||
|
* @param {String} def
|
||||||
|
* @return {String}
|
||||||
|
*/
|
||||||
|
function getOptionSetting(option, def) {
|
||||||
|
if (queryMap.has(option)) {
|
||||||
|
return queryMap.get(option);
|
||||||
|
} else {
|
||||||
|
return def;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @function Sends a message to the socket
|
||||||
|
*
|
||||||
|
* @param {String} message
|
||||||
|
*/
|
||||||
|
function sendToSocket(message) {
|
||||||
|
try {
|
||||||
|
webSocket.send(JSON.stringify(message));
|
||||||
|
} catch (ex) {
|
||||||
|
printDebug('Failed to send a message to the socket: ' + ex.stack);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function sleep(ms) {
|
||||||
|
return new Promise(resolve => setTimeout(resolve, ms));
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @event Called once the socket opens.
|
||||||
|
*/
|
||||||
|
webSocket.onopen = function () {
|
||||||
|
printDebug('Successfully connected to the socket.', true);
|
||||||
|
// Authenticate with the socket.
|
||||||
|
sendToSocket({
|
||||||
|
authenticate: getAuth()
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @event Called when the socket closes.
|
||||||
|
*/
|
||||||
|
webSocket.onclose = function () {
|
||||||
|
printDebug('Disconnected from the socket.', true);
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* @event Called when we get a message.
|
||||||
|
*
|
||||||
|
* @param {Object} e
|
||||||
|
*/
|
||||||
|
webSocket.onmessage = function (e) {
|
||||||
|
try {
|
||||||
|
let rawMessage = e.data,
|
||||||
|
message = JSON.parse(rawMessage);
|
||||||
|
|
||||||
|
printDebug('[MESSAGE] ' + rawMessage);
|
||||||
|
|
||||||
|
if (message.query_id === undefined) {
|
||||||
|
// Check for our auth result.
|
||||||
|
if (message.authresult !== undefined) {
|
||||||
|
if (message.authresult === 'true') {
|
||||||
|
printDebug('Successfully authenticated with the socket.', true);
|
||||||
|
// Handle this.
|
||||||
|
handleBrowserInteraction()
|
||||||
|
} else {
|
||||||
|
printDebug('Failed to authenticate with the socket.', true);
|
||||||
|
}
|
||||||
|
} else
|
||||||
|
|
||||||
|
// Queue all events and process them one at-a-time.
|
||||||
|
if (message.alert_image !== undefined || message.audio_panel_hook !== undefined) {
|
||||||
|
queue.push(message);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Message cannot be handled error.
|
||||||
|
else {
|
||||||
|
printDebug('Failed to process message from socket: ' + rawMessage);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (ex) {
|
||||||
|
printDebug('Failed to parse socket message [' + e.data + ']: ' + e.stack);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Handle processing the queue.
|
||||||
|
setInterval(handleQueue, 5e2);
|
||||||
|
});
|
Loading…
x
Reference in New Issue
Block a user