///////////////// // // // main.js // // // ///////////////// const {app, BrowserWindow} = require("electron"); let win; app.commandLine.appendSwitch("disable-renderer-backgrounding"); function createWindow() { win = new BrowserWindow({width: 800, height: 600, resizable: false, icon: __dirname + "/harmony.ico", frame: false}); win.loadFile("index.html"); win.webContents.on("devtools-opened", () => win.webContents.closeDevTools()); win.on("closed", () => { win = null; }); } app.on("ready", createWindow); // Quit when all windows are closed. app.on("window-all-closed", () => { if (process.platform !== "darwin") { app.quit(); } }) app.on("activate", () => { if (win === null) { createWindow(); } }) ///////////////// // // // chat.js // // // ///////////////// let socket = io.connect("http://ip:19132"); let isAfk = false, audioOn = true, theme = 0; $(() => { // When the enter key is pressed. $("form").submit(() => { if ($("#inputarea").val().trim() != "") { $("#inputarea").val($("#inputarea").val().trim()); // Remove AFK status if the user sent a message while AFK. if (isAfk && $("#inputarea").val() != "/afk") { isAfk = false; socket.emit("afk"); } // Third person message command. if ($("#inputarea").val().startsWith("/me ")) { socket.emit("msg-me", $("#inputarea").val()); $("#inputarea").val(""); return false; } // Test for other commands. switch ($("#inputarea").val()) { // Toggle AFK status command. case "/afk": socket.emit("afk"); isAfk = !isAfk; break; // Show help text command. case "/help": displayHelpMessage(); break; // Theme switching command. case "/theme": changeTheme(); break; // Crappy UI theme command. case "/theme iq++": changeThemeHighIq(); break; // Notification sound toggling command. case "/audio": toggleAudio(); break; // Regular old message. default: socket.emit("msg", $("#inputarea").val().trim()); } } // Clear input area and return. $("#inputarea").val(""); return false; }); // Generic message. socket.on("msg", msg => { let [hours, minutes, amPm] = getTime(); $("#messages").append(`

${hours}:${minutes} ${amPm} ${msg}

`); scrollToBottom(); // Play sound if the window is not focused and the user is not AFK. if (audioOn && !win.isFocused() && !isAfk) { new Audio("audio/notification.mp3").play(); } }); // Online users update. socket.on("olusud", users => { let tokens, temp = ""; // Update online users list. for (let user of users) { tokens = user.split(" "); temp += `

${tokens.slice(0, tokens.length - 1).join(" ")}
${tokens[tokens.length - 1]}

`; } $("#rightpane").html(temp); }) }); // Append the help message to the message list. function displayHelpMessage() { let [hours, minutes, amPm] = getTime(); let temp = ` ${hours}:${minutes} ${amPm} `; $("#messages").append(`

${hours}:${minutes} ${amPm} All available commands:
${temp}* Afk: toggles AFK status.
${temp}* Audio: toggles notification sound.
${temp}* Help: shows this message.
${temp}* Me: sends a third person message.
${temp}* Theme: switches between themes.

`); scrollToBottom(); } // Loop through different themes. function changeTheme() { theme = ++theme % 3; // Get old CSS link and make new CSS link. let oldCss = document.getElementsByTagName("link").item(0); let newCss = document.createElement("link"); newCss.setAttribute("rel", "stylesheet"); switch (theme) { // Default dark theme. case 0: newCss.setAttribute("href", "styles/style-default.css"); document.getElementById("inputarea").removeAttribute("placeholder"); break; // Light theme. case 1: newCss.setAttribute("href", "styles/style-light.css"); document.getElementById("inputarea").removeAttribute("placeholder"); break; // Terminal/IRC theme. case 2: newCss.setAttribute("href", "styles/style-irc.css"); document.getElementById("inputarea").setAttribute("placeholder", "Enter a message..."); } // Replace old CSS link with the new one. document.getElementsByTagName("head").item(0).replaceChild(newCss, oldCss); } // Change theme to a crappy UI theme. function changeThemeHighIq() { let oldCss = document.getElementsByTagName("link").item(0); let newCss = document.createElement("link"); newCss.setAttribute("rel", "stylesheet"); newCss.setAttribute("href", "styles/style-high-iq.css"); document.getElementById("inputarea").removeAttribute("placeholder"); document.getElementsByTagName("head").item(0).replaceChild(newCss, oldCss); } // Toggle the notification sound. function toggleAudio() { audioOn = !audioOn; let [hours, minutes, amPm] = getTime(); if (audioOn) { $("#messages").append(`

${hours}:${minutes} ${amPm} Audio has been enabled!

`); } else { $("#messages").append(`

${hours}:${minutes} ${amPm} Audio has been disabled!

`); } scrollToBottom(); } // Scroll to the bottom of the message list. function scrollToBottom() { let messages = document.getElementById("messages"); messages.scrollTop = messages.scrollHeight; } // Get the current time in the HH:MM AM/PM format. function getTime() { const date = new Date(); let hours = date.getHours(); let minutes = date.getMinutes(); const amPm = hours >= 12 ? "PM" : "AM"; // Wrap the hour digits and fix single-digit minute digits. hours = hours % 12; hours = hours ? hours : 12; minutes = minutes < 10 ? "0" + minutes : minutes; return [hours, minutes, amPm]; }

[JS] Harmony PC Client