diff options
| -rw-r--r-- | README.md | 14 | ||||
| -rw-r--r-- | webAO/client.ts | 28 | ||||
| -rw-r--r-- | webAO/client/aoHost.ts | 6 | ||||
| -rw-r--r-- | webAO/master.ts | 5 | ||||
| -rw-r--r-- | webAO/utils/queryParser.ts | 23 |
5 files changed, 40 insertions, 36 deletions
@@ -3,25 +3,27 @@ This is a client for the Attorney Online roleplaying chatroom written in HTML and JavaScript. It works with the any AO server if it has WebSocket support. -Link to the client in this repo: http://web.aceattorneyonline.com/ +Link to the client in this repo: <http://web.aceattorneyonline.com/> + +## Project Setup -# Project Setup - Install [Node JS](https://nodejs.org/en/) - Install nvm | [Windows](https://github.com/coreybutler/nvm-windows) , [Linux](https://github.com/nvm-sh/nvm) -# Running Locally on Windows +## Running Locally on Windows + 1. Look at the file version in `.nvmrc` and run `nvm use <VERSION NUMBER>` 2. `npm install` 3. `npm run start` +## Running Locally on Linux -# Running Locally on Linux 1. `npm use` 2. `npm install` 3. `npm run start` -# Running with Docker +## Running with Docker + `docker build -t webao .` `docker run -d -it -p 8080:8080 webao` - diff --git a/webAO/client.ts b/webAO/client.ts index f7b8ebb..3170ec8 100644 --- a/webAO/client.ts +++ b/webAO/client.ts @@ -15,11 +15,12 @@ import { onReplayGo } from './dom/onReplayGo' import { packetHandler } from './packets/packetHandler' import { loadResources } from './client/loadResources' import { AO_HOST } from './client/aoHost' -import { fetchBackgroundList, fetchEvidenceList, fetchCharacterList, fetchManifest } from './client/fetchLists' -const version = process.env.npm_package_version; -const { ip: serverIP, mode, theme } = queryParser(); +import { fetchBackgroundList, fetchEvidenceList, fetchCharacterList } from './client/fetchLists' + +const { ip: serverIP, mode, theme, serverName } = queryParser(); + +document.title = serverName; -const THEME: string = theme || "default"; export let CHATBOX: string; export const setCHATBOX = (val: string) => { CHATBOX = val @@ -38,7 +39,7 @@ export const UPDATE_INTERVAL = 60; */ export let oldLoading = false; export const setOldLoading = (val: boolean) => { - console.warn("old loading set to "+val) + console.warn("old loading set to " + val) oldLoading = val } @@ -69,6 +70,11 @@ fpPromise .then((result) => { hdid = result.visitorId; + if (!serverIP) { + alert("No server IP specified!"); + return; + } + client = new Client(serverIP); client.connect() isLowMemory(); @@ -146,7 +152,7 @@ class Client extends EventEmitter { this.musics_time = false; this.callwords = []; this.manifest = []; - this.resources = getResources(AO_HOST, THEME); + this.resources = getResources(AO_HOST, theme); this.selectedEmote = -1; this.selectedEvidence = 0; this.checkUpdater = null; @@ -217,7 +223,7 @@ class Client extends EventEmitter { console.error(`The connection was closed: ${e.reason} (${e.code})`); if (extrafeatures.length == 0 && banned === false) { document.getElementById("client_errortext").textContent = - "Could not connect to the server"; + "Could not connect to the server"; } document.getElementById("client_waiting").style.display = "block"; document.getElementById("client_error").style.display = "flex"; @@ -235,15 +241,14 @@ class Client extends EventEmitter { console.debug(`S: ${msg}`); this.handle_server_packet(msg); - + } /** * Decode the packet * @param {MessageEvent} e */ - handle_server_packet(p_data: string) - { + handle_server_packet(p_data: string) { let in_data = p_data; if (!p_data.endsWith("%")) { @@ -280,8 +285,7 @@ class Client extends EventEmitter { } // Take the first arg as the command const command = f_contents[0]; - if(command!=="") - { + if (command !== "") { // The rest is contents of the packet packetHandler.has(command) ? packetHandler.get(command)(f_contents) diff --git a/webAO/client/aoHost.ts b/webAO/client/aoHost.ts index fa13e79..6cad62a 100644 --- a/webAO/client/aoHost.ts +++ b/webAO/client/aoHost.ts @@ -1,7 +1,7 @@ import queryParser from '../utils/queryParser' + const { asset } = queryParser(); -const DEFAULT_HOST = 'http://attorneyoffline.de/base/'; -export let AO_HOST = asset || DEFAULT_HOST +export let AO_HOST = asset; export const setAOhost = (val: string) => { - AO_HOST = val + AO_HOST = val; } diff --git a/webAO/master.ts b/webAO/master.ts index 833a0b3..e596406 100644 --- a/webAO/master.ts +++ b/webAO/master.ts @@ -137,12 +137,13 @@ function processServerlist(thelist: { name: string, description: string, ip: str servers[i].online = "Offline"; const ipport = `${serverEntry.ip}:${serverEntry.ws_port}`; + const serverName = serverEntry.name; if (serverEntry.ws_port) { document.getElementById('masterlist').innerHTML += `<li id="server${i}" onmouseover="setServ(${i})"><p>${safeTags(serverEntry.name)}</p>` - + `<a class="button" href="${myURL}client.html?mode=watch&ip=${ipport}">Watch</a>` - + `<a class="button" href="${myURL}client.html?mode=join&ip=${ipport}">Join</a></li>`; + + `<a class="button" href="${myURL}client.html?mode=watch&ip=${ipport}&serverName=${serverName}">Watch</a>` + + `<a class="button" href="${myURL}client.html?mode=join&ip=${ipport}&serverName=${serverName}">Join</a></li>`; } } } diff --git a/webAO/utils/queryParser.ts b/webAO/utils/queryParser.ts index 20863ca..f934ac6 100644 --- a/webAO/utils/queryParser.ts +++ b/webAO/utils/queryParser.ts @@ -2,24 +2,21 @@ interface QueryParams { ip: string; - serverIP: string; mode: string; asset: string; theme: string; -} - -interface StringMap { - [key: string]: any; + serverName: string; } const queryParser = (): QueryParams => { - const queryDict: StringMap = {}; - location.search - .substr(1) - .split("&") - .forEach((item) => { - queryDict[item.split("=")[0]] = item.split("=")[1]; - }); - return queryDict as QueryParams; + const urlParams = new URLSearchParams(window.location.search); + const queryParams = { + ip: urlParams.get("ip") || "", + mode: urlParams.get("mode") || "join", + asset: urlParams.get("asset") || "http://attorneyoffline.de/base/", + theme: urlParams.get("theme") || "default", + serverName: urlParams.get("serverName") || "Attorney Online session" + } + return queryParams as QueryParams; }; export default queryParser; |