sandvich
/
FXclient-mirror
mirror of https://github.com/fxclient/FXclient
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: sandvich:401499fa0e3f4e85ecb5918838b0999392e5b9a9
Branches Tags
sandvich:gh-pages
sandvich:main
sandvich:dev
sandvich:archived
..
compare: sandvich:88e8b9f27389ded57a1f9ce10eca7663a403074f
Branches Tags
sandvich:gh-pages
sandvich:main
sandvich:dev
sandvich:archived

No commits in common. "401499fa0e3f4e85ecb5918838b0999392e5b9a9" and "88e8b9f27389ded57a1f9ce10eca7663a403074f" have entirely different histories.
401499fa0e ... 88e8b9f273

6 changed files with 131 additions and 169 deletions
Show Stats Expand all files Collapse all files

2
build.js
View File

@ -12,7 +12,7 @@ fs.cpSync("./static/", "./build/", { recursive: true });
fs.cpSync("./assets/", "./build/assets/", { recursive: true }); fs.cpSync("./assets/", "./build/assets/", { recursive: true });
const buildTimestamp = Date.now().toString(); const buildTimestamp = Date.now().toString();
fs.writeFileSync("./build/index.html", fs.readFileSync("./build/index.html").toString().replace(/buildTimestamp/g, buildTimestamp)); fs.writeFileSync("./build/index.html", fs.readFileSync("./build/index.html").toString().replace(/buildTimestamp/g, buildTimestamp));
fs.writeFileSync("./build/sw2.js", fs.readFileSync("./build/sw2.js").toString().replace("buildTimestamp", buildTimestamp)); fs.writeFileSync("./build/sw.js", fs.readFileSync("./build/sw.js").toString().replace("buildTimestamp", buildTimestamp));
const buildClientCode = () => /** @type {Promise<void>} */(new Promise((resolve, reject) => { const buildClientCode = () => /** @type {Promise<void>} */(new Promise((resolve, reject) => {
console.log("Building client code..."); console.log("Building client code...");

11
src/main.js
View File

@ -1,6 +1,17 @@
import versionData from '../version.json'; import versionData from '../version.json';
const { version, lastUpdated } = versionData; const { version, lastUpdated } = versionData;
if ("serviceWorker" in navigator) {
navigator.serviceWorker.addEventListener("message", (e) => {
const message = e.data;
if (message.event === "activate" && buildTimestamp !== message.version) {
// worker was updated in the background
document.getElementById("updateNotification").style.display = "block";
}
});
navigator.serviceWorker.register("./sw.js");
}
import settingsManager from './settings.js'; import settingsManager from './settings.js';
import { clanFilter, leaderboardFilter } from "./clanFilters.js"; import { clanFilter, leaderboardFilter } from "./clanFilters.js";
import WindowManager from "./windowManager.js"; import WindowManager from "./windowManager.js";

175
static/index.html
View File

@ -1,9 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-WYYDMY13BG"></script> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-WYYDMY13BG"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} function gtag(){dataLayer.push(arguments);}
@ -11,103 +10,65 @@
gtag('config', 'G-WYYDMY13BG'); gtag('config', 'G-WYYDMY13BG');
</script>--> </script>-->
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>FX Client</title> <title>FX Client</title>
<meta name="description" content="Modified Version of Territorial.io - FX Client"> <meta name="description" content="Modified Version of Territorial.io - FX Client">
<meta name="keywords" <meta name="keywords"
content="territorial.io,territory games,territorial io,map games,conquest games,conquest game,david tschacher,territorial,territory game,io game,io games,territory.io,territory io,territory games io"> content="territorial.io,territory games,territorial io,map games,conquest games,conquest game,david tschacher,territorial,territory game,io game,io games,territory.io,territory io,territory games io">
<meta name="author" content="MohsenEMX, peshomir,orlemley1, David Tschacher"> <meta name="author" content="MohsenEMX, peshomir,orlemley1, David Tschacher">
<meta name="viewport" content="width=device-width, maximum-scale=1"> <meta name="viewport" content="width=device-width, maximum-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<meta name="og:image" content="https://fxclient.github.io/FXclient/assets/logo.png" /> <meta name="og:image" content="https://fxclient.github.io/FXclient/assets/logo.png" />
<meta property="og:url" content="https://fxclient.github.io/FXclient/"> <meta property="og:url" content="https://fxclient.github.io/FXclient/">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="FX Client"> <meta property="og:title" content="FX Client">
<meta property="og:description" content="Modified Version of Territorial.io - FX Client"> <meta property="og:description" content="Modified Version of Territorial.io - FX Client">
<meta property="og:image" content="https://fxclient.github.io/FXclient/assets/logo.png"> <meta property="og:image" content="https://fxclient.github.io/FXclient/assets/logo.png">
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="FX Client"> <meta name="twitter:title" content="FX Client">
<meta name="twitter:description" content="Modified Version of Territorial.io - FX Client"> <meta name="twitter:description" content="Modified Version of Territorial.io - FX Client">
<meta name="twitter:image" content="https://fxclient.github.io/FXclient/assets/logo.png"> <meta name="twitter:image" content="https://fxclient.github.io/FXclient/assets/logo.png">
<meta itemprop="name" content="FX Client"> <meta itemprop="name" content="FX Client">
<meta itemprop="description" content="Modified Version of Territorial.io - FX Client"> <meta itemprop="description" content="Modified Version of Territorial.io - FX Client">
<meta itemprop="image" content="https://fxclient.github.io/FXclient/assets/logo.png"> <meta itemprop="image" content="https://fxclient.github.io/FXclient/assets/logo.png">
<!-- FX Client CSS --> <!-- FX Client CSS -->
<link rel="stylesheet" href="main.css?buildTimestamp"> <link rel="stylesheet" href="main.css?buildTimestamp">
<!-- Game CSS --> <!-- Game CSS -->
<style> <style>
html, html,
body { body {
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
margin: 0; margin: 0;
background: rgb(0, 0, 0); background: rgb(0, 0, 0);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
* {
box-sizing: border-box;
}
a {
color: rgb(225, 225, 255);
}
</style>
<script>
// adapted from https://stackoverflow.com/a/44593894 and https://stackoverflow.com/a/40446448
function showUpdatePrompt(/** @type {ServiceWorker} */ sw) {
console.log("showing update prompt")
document.getElementById("updateNotification").style.display = "block";
document.getElementById("swUpdateButton").addEventListener("click", () => {
sw.postMessage({ update: true });
})
}
document.addEventListener("DOMContentLoaded", function () {
if (!("serviceWorker" in navigator)) return;
navigator.serviceWorker.addEventListener("controllerchange", () => {
console.log("Controlling service worker changed, refreshing page");
window.location.reload();
});
navigator.serviceWorker.register("./sw2.js").then(function (registration) {
if (!navigator.serviceWorker.controller) return;
// if there's an updated worker already waiting, update
if (registration.waiting) return showUpdatePrompt(registration.waiting);
// if a worker in the "installing" state becomes "installed", update
function handleInstalling() {
var sw = registration.installing;
sw.addEventListener("statechange", function () {
if (sw.state === "installed") showUpdatePrompt(sw);
})
} }
// if there's an updated worker installing, track its progress
if (registration.installing) handleInstalling(); * {
// otherwise, listen for new workers arriving box-sizing: border-box;
registration.addEventListener('updatefound', handleInstalling); }
});
}); a {
</script> color: rgb(225, 225, 255);
}
</style>
</head> </head>
<body onload="aiCommand746(0);"> <body onload="aiCommand746(0);">
<canvas id="canvasA" width="128" height="128"></canvas> <canvas id="canvasA" width="128" height="128"></canvas>
<span id="windowContainer"> <span id="windowContainer"><div class="window flex-column settings" style="display:none">
<div class="window flex-column settings" style="display:none"> <h1>Settings</h1>
<h1>Settings</h1> <div class="scrollable"></div>
<div class="scrollable"></div> <hr>
<hr> <footer>
<footer> <button onclick="__fx.settingsManager.resetAll()">Reset Settings</button>
<button onclick="__fx.settingsManager.resetAll()">Reset Settings</button> <button onclick="__fx.settingsManager.save()">Save Settings</button>
<button onclick="__fx.settingsManager.save()">Save Settings</button> <button onclick="__fx.settingsManager.importFromFile()">Import</button>
<button onclick="__fx.settingsManager.importFromFile()">Import</button> <button onclick="__fx.settingsManager.exportToFile()">Export</button>
<button onclick="__fx.settingsManager.exportToFile()">Export</button> </footer>
</footer>
</div> </div>
<div class="window flex-column" id="customLobbyJoinMenu" style="display: none"> <div class="window flex-column" id="customLobbyJoinMenu" style="display: none">
<input type="text" id="lobbyCode" placeholder="Enter lobby code"> <input type="text" id="lobbyCode" placeholder="Enter lobby code">
@ -115,27 +76,21 @@
<button id="createLobbyButton">Create new lobby</button> <button id="createLobbyButton">Create new lobby</button>
</div> </div>
<div class="window scrollable selectable" id="playerlist" style="display: none;"> <div class="window scrollable selectable" id="playerlist" style="display: none;">
<h1>Player List</h1> <h1>Player List</h1>
<table> <table><tbody id="playerlist_content"></tbody></table>
<tbody id="playerlist_content"></tbody>
</table>
</div> </div>
<div class="window scrollable selectable" id="donationhistory" style="display:none"> <div class="window scrollable selectable" id="donationhistory" style="display:none">
<h1>Donation history for </h1> <h1>Donation history for </h1>
<p id="donationhistory_note">Note: donations from bots are not shown here</p> <p id="donationhistory_note">Note: donations from bots are not shown here</p>
<table> <table><tbody id="donationhistory_content"></tbody></table>
<tbody id="donationhistory_content"></tbody>
</table>
</div> </div>
<div class="window" style="display: none" id="updateNotification"> <div class="window" style="display: none" id="updateNotification">
<h3>A new version of FX is available! Reload to update</h3> <h3>A new version of FX is available! Reload to update</h3>
<button id="swUpdateButton">Reload</button> <button onclick="window.location.reload()">Reload</button>
<button onclick="document.getElementById('updateNotification').style.display = 'none'">Dismiss</button> <button onclick="document.getElementById('updateNotification').style.display = 'none'">Dismiss</button>
</div> </div></span>
</span> <script src="variables.js?buildTimestamp"></script>
<script src="variables.js?buildTimestamp"></script> <script src="fx.bundle.js?buildTimestamp"></script>
<script src="fx.bundle.js?buildTimestamp"></script> <script src="game.js?buildTimestamp"></script>
<script src="game.js?buildTimestamp"></script>
</body> </body>
</html> </html>

48
static/sw.js
View File

@ -1 +1,47 @@
// removed const cacheName = "buildTimestamp"; // this gets replaced by the build script
self.addEventListener("install", (e) => {
console.log("[Service Worker] Install");
self.skipWaiting();
});
self.addEventListener("fetch", (e) => {
const url = e.request.url;
// Cache http and https only, skip unsupported chrome-extension:// and file://...
if (!(url.startsWith('http:') || url.startsWith('https:'))) {
return;
}
e.respondWith(
(async () => {
const r = await caches.match(e.request);
console.log(`[Service Worker] Fetching resource: ${url}`);
if (r) {
return r;
}
const response = await fetch(e.request);
const cache = await caches.open(cacheName);
console.log(`[Service Worker] Caching new resource: ${url}`);
cache.put(e.request, response.clone());
return response;
})(),
);
});
self.addEventListener("activate", (e) => {
console.log("[Service Worker] Activated", cacheName);
self.clients.matchAll().then(clients => {
clients.forEach(client => client.postMessage({ event: "activate", version: cacheName }));
});
e.waitUntil(
caches.keys().then((keyList) => {
return Promise.all(
keyList.map((key) => {
if (key === cacheName) {
return;
}
return caches.delete(key);
}),
);
}),
);
});

51
static/sw2.js
View File

@ -1,51 +0,0 @@
const cacheName = "buildTimestamp"; // this gets replaced by the build script
self.addEventListener("install", (e) => {
console.log("[Service Worker] Install", cacheName);
});
self.addEventListener('message', function (e) {
if (e.data.update) {
self.skipWaiting();
}
});
self.addEventListener("fetch", (e) => {
const url = e.request.url;
// Cache http and https only, skip unsupported chrome-extension:// and file://...
if (!(url.startsWith('http:') || url.startsWith('https:'))) {
return;
}
e.respondWith(
(async () => {
const cache = await caches.open(cacheName);
const r = await cache.match(e.request);
console.log(`[Service Worker] Fetching resource: ${url}`);
if (r) {
return r;
}
const response = await fetch(e.request);
console.log(`[Service Worker] Caching new resource: ${url}`);
cache.put(e.request, response.clone());
return response;
})(),
);
self.clients.matchAll().then(clients => {
clients.forEach(client => client.postMessage({ event: "activate", version: cacheName }));
});
});
self.addEventListener("activate", (e) => {
console.log("[Service Worker] Activated", cacheName);
e.waitUntil(
caches.keys().then((keyList) => {
return Promise.all(
keyList.map((key) => {
if (key === cacheName) {
return;
}
return caches.delete(key);
}),
);
}),
);
});

7
version.json
View File

@ -1,7 +1,8 @@
{ {
"version": "0.6.12", "version": "0.6.11",
"lastUpdated": "Jul 15", "lastUpdated": "Jul 14",
"changes": [ "changes": [
"Refactored the service worker code to (hopefully) fix a ton of relatively rare errors related to how the client's files are loaded (for example, code from earlier versions would sometimes be loaded along with code from newer versions, causing all kinds of issues). FX Client should be much more stable after this change." "Fix for game update 2.09.0",
"Error reporting improvements"
] ]
} }