Rim/codtracker-js
Rim/codtracker-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

format: prettify entire project

Browse Source
This commit is contained in:
Rim 2025-04-02 04:56:08 -04:00
parent 86f0782a98
commit c4e5762224
18 changed files with 3986 additions and 3087 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.gitattributes vendored Normal file
View File

@ -0,0 +1,8 @@
* text=auto
*.sh text eol=lf
*.js text eol=lf
*.ts text eol=lf
*.json text eol=lf
*.md text eol=lf
*.html text eol=lf
*.css text eol=lf

8
.prettierrc Normal file
View File

@ -0,0 +1,8 @@
{
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"endOfLine": "lf",
"experimentalTernaries": true,
"bracketSameLine": true
}

13
README.md
View File

@ -24,9 +24,11 @@ COD Tracker provides a clean interface to fetch, display, and export Call of Dut
- Call of Duty account with API security settings set to "ALL"
## Authentication Setup
<!-- <div align="center">
<img src="https://img.shields.io/badge/IMPORTANT-Authentication_Required-red" alt="Authentication Required"/>
</div> -->
### Changing Account API Privacy Settings
To use this application, you need to update your Call of Duty profile settings:
@ -41,14 +43,14 @@ To use this application, you need to update your Call of Duty profile settings:
### Obtaining Your SSO Token
<table>
<tr>
<tr></tr>
<td width="60%">
The application requires an authentication token to access the Call of Duty API:
1. Log in to [Call of Duty](https://profile.callofduty.com/cod/profile)
2. Open developer tools (F12 or right-click → Inspect)
3. Navigate to: **Application** → **Storage** → **Cookies** → **https://profile.callofduty.com**
3. Navigate to: **Application** → **Storage** → **Cookies** → **<https://profile.callofduty.com>**
4. Find and copy the value of `ACT_SSO_COOKIE`
5. Paste this token into the "SSO Token" field
@ -57,7 +59,7 @@ The application requires an authentication token to access the Call of Duty API:
</td>
<td width="40%">
```
```plaintext
Application
└─ Storage
└─ Cookies
@ -75,17 +77,20 @@ The SSO token typically expires after 24 hours. If you encounter authentication
## Installation
1. Clone the repository:
```bash
git clone https://git.rimmyscorner.com/Rim/codtracker-js.git && cd codtracker-js
```
2. Start the application:
```bash
npm run start
```
3. Open your browser and navigate to:
```
```bash
http://127.0.0.1:3513
```

436
app.js
View File

@ -1,7 +1,7 @@
const express = require("express");
const path = require("path");
const bodyParser = require("body-parser");
const API = require("./src/js/index.js");
const express = require('express');
const path = require('path');
const bodyParser = require('body-parser');
const API = require('./src/js/index.js');
const { logger } = require('./src/js/logger');
const favicon = require('serve-favicon');
const app = express();
@ -10,15 +10,20 @@ const port = process.env.PORT || 3512;
app.set('trust proxy', true);
// Middleware
app.use(bodyParser.json({ limit: "10mb" }));
app.use(bodyParser.urlencoded({ extended: true, limit: "10mb" }));
app.use(bodyParser.json({ limit: '10mb' }));
app.use(bodyParser.urlencoded({ extended: true, limit: '10mb' }));
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname, 'public')));
app.use('/images', express.static(path.join(__dirname, 'src/images')));
app.use(favicon(path.join(__dirname, 'src', 'images', 'favicon.ico')));
app.use(bodyParser.json({ limit: "10mb", verify: (req, res, buf) => {
app.use(
bodyParser.json({
limit: '10mb',
verify: (req, res, buf) => {
req.rawBody = buf.toString();
}}));
},
})
);
// app.use(express.raw({ type: 'application/json', limit: '10mb' }));
const fs = require('fs');
@ -27,27 +32,32 @@ const fs = require('fs');
let keyReplacements = {};
try {
const replacementsPath = path.join(__dirname, "src", "data", "replacements.json");
const replacementsPath = path.join(
__dirname,
'src',
'data',
'replacements.json'
);
if (fs.existsSync(replacementsPath)) {
const replacementsContent = fs.readFileSync(replacementsPath, 'utf8');
keyReplacements = JSON.parse(replacementsContent);
// logger.debug("Replacements loaded successfully");
} else {
logger.warn("replacements.json not found, key replacement disabled");
logger.warn('replacements.json not found, key replacement disabled');
}
} catch (error) {
logger.error("Error loading replacements file:", { error: error.message });
logger.error('Error loading replacements file:', { error: error.message });
}
const replaceJsonKeys = (obj) => {
if (!obj || typeof obj !== 'object') return obj;
if (Array.isArray(obj)) {
return obj.map(item => replaceJsonKeys(item));
return obj.map((item) => replaceJsonKeys(item));
}
const newObj = {};
Object.keys(obj).forEach(key => {
Object.keys(obj).forEach((key) => {
// Replace key if it exists in replacements
const newKey = keyReplacements[key] || key;
@ -68,7 +78,7 @@ const replaceJsonKeys = (obj) => {
});
return newObj;
};
};
// Utility regex function
const sanitizeJsonOutput = (data) => {
@ -78,7 +88,8 @@ const sanitizeJsonOutput = (data) => {
const jsonString = JSON.stringify(data);
// Define regex pattern that matches HTML entities
const regexPattern = /&lt;span class=&quot;.*?&quot;&gt;|&lt;\/span&gt;|&quot;&gt;/g;
const regexPattern =
/&lt;span class=&quot;.*?&quot;&gt;|&lt;\/span&gt;|&quot;&gt;/g;
// Replace unwanted patterns
const sanitizedString = jsonString.replace(regexPattern, '');
@ -87,13 +98,16 @@ const sanitizeJsonOutput = (data) => {
try {
return JSON.parse(sanitizedString);
} catch (e) {
console.error("Error parsing sanitized JSON:", e);
console.error('Error parsing sanitized JSON:', e);
return data; // Return original data if parsing fails
}
};
};
// Replace the processJsonOutput function with this more efficient version
const processJsonOutput = (data, options = { sanitize: true, replaceKeys: true }) => {
const processJsonOutput = (
data,
options = { sanitize: true, replaceKeys: true }
) => {
// Use a more efficient deep clone approach instead of JSON.parse(JSON.stringify())
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
@ -101,11 +115,11 @@ const processJsonOutput = (data, options = { sanitize: true, replaceKeys: true }
}
if (Array.isArray(obj)) {
return obj.map(item => deepClone(item));
return obj.map((item) => deepClone(item));
}
const clone = {};
Object.keys(obj).forEach(key => {
Object.keys(obj).forEach((key) => {
clone[key] = deepClone(obj[key]);
});
@ -141,7 +155,9 @@ const timeoutPromise = (ms) => {
// Helper function to ensure login
const ensureLogin = async (ssoToken) => {
if (!activeSessions.has(ssoToken)) {
logger.info(`Attempting to login with SSO token: ${ssoToken.substring(0, 5)}...`);
logger.info(
`Attempting to login with SSO token: ${ssoToken.substring(0, 5)}...`
);
// logger.info(`Attempting to login with SSO token: ${ssoToken}`);
const loginResult = await Promise.race([
API.login(ssoToken),
@ -152,35 +168,35 @@ const ensureLogin = async (ssoToken) => {
logger.debug(`Session created at: ${new Date().toISOString()}`);
activeSessions.set(ssoToken, new Date());
} else {
logger.debug("Using existing session");
logger.debug('Using existing session');
}
};
// Helper function to handle API errors
const handleApiError = (error, res) => {
logger.error("API Error:", error);
logger.error('API Error:', error);
logger.error(`Error Stack: ${error.stack}`);
logger.error(`Error Time: ${new Date().toISOString()}`);
// Try to extract more useful information from the error
let errorMessage = error.message || "Unknown API error";
let errorName = error.name || "ApiError";
let errorMessage = error.message || 'Unknown API error';
let errorName = error.name || 'ApiError';
// Handle the specific JSON parsing error
if (errorName === "SyntaxError" && errorMessage.includes("JSON")) {
logger.debug("JSON parsing error detected");
if (errorName === 'SyntaxError' && errorMessage.includes('JSON')) {
logger.debug('JSON parsing error detected');
return res.status(200).json({
status: "error",
status: 'error',
message:
"Failed to parse API response. This usually means the SSO token is invalid or expired.",
error_type: "InvalidResponseError",
'Failed to parse API response. This usually means the SSO token is invalid or expired.',
error_type: 'InvalidResponseError',
timestamp: new Date().toISOString(),
});
}
// Send a more graceful response
return res.status(200).json({
status: "error",
status: 'error',
message: errorMessage,
error_type: errorName,
timestamp: new Date().toISOString(),
@ -188,20 +204,34 @@ const handleApiError = (error, res) => {
};
// API endpoint to fetch stats
app.post("/api/stats", async (req, res) => {
logger.debug("Received request for /api/stats");
logger.debug(`Request IP: ${req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress}`);
logger.debug(`Request JSON: ${JSON.stringify({
app.post('/api/stats', async (req, res) => {
logger.debug('Received request for /api/stats');
logger.debug(
`Request IP: ${
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress
}`
);
logger.debug(
`Request JSON: ${JSON.stringify({
username: req.body.username,
platform: req.body.platform,
game: req.body.game,
apiCall: req.body.apiCall,
sanitize: req.body.sanitize,
replaceKeys: req.body.replaceKeys
})}`);
replaceKeys: req.body.replaceKeys,
})}`
);
try {
const { username, ssoToken, platform, game, apiCall, sanitize, replaceKeys } = req.body;
const {
username,
ssoToken,
platform,
game,
apiCall,
sanitize,
replaceKeys,
} = req.body;
/*
logger.debug(
@ -217,17 +247,17 @@ app.post("/api/stats", async (req, res) => {
logger.debug("====================="); */
if (!ssoToken) {
return res.status(400).json({ error: "SSO Token is required" });
return res.status(400).json({ error: 'SSO Token is required' });
}
// For mapList, username is not required
if (apiCall !== "mapList" && !username) {
return res.status(400).json({ error: "Username is required" });
if (apiCall !== 'mapList' && !username) {
return res.status(400).json({ error: 'Username is required' });
}
// Clear previous session if it exists
if (activeSessions.has(ssoToken)) {
logger.debug("Clearing previous session");
logger.debug('Clearing previous session');
activeSessions.delete(ssoToken);
}
@ -235,12 +265,12 @@ app.post("/api/stats", async (req, res) => {
try {
await ensureLogin(ssoToken);
} catch (loginError) {
console.error("Login error:", loginError);
console.error('Login error:', loginError);
return res.status(200).json({
status: "error",
error_type: "LoginError",
message: "SSO token login failed",
details: loginError.message || "Unknown login error",
status: 'error',
error_type: 'LoginError',
message: 'SSO token login failed',
details: loginError.message || 'Unknown login error',
timestamp: new Date().toISOString(),
});
}
@ -254,11 +284,11 @@ app.post("/api/stats", async (req, res) => {
};
// Check if the platform is valid for the game
const requiresUno = ["mw2", "wz2", "mw3", "wzm"].includes(game);
if (requiresUno && platform !== "uno" && apiCall !== "mapList") {
const requiresUno = ['mw2', 'wz2', 'mw3', 'wzm'].includes(game);
if (requiresUno && platform !== 'uno' && apiCall !== 'mapList') {
logger.warn(`${game} requires Uno ID`);
return res.status(200).json({
status: "error",
status: 'error',
message: `${game} requires Uno ID (numerical ID)`,
timestamp: new Date().toISOString(),
});
@ -270,131 +300,131 @@ app.post("/api/stats", async (req, res) => {
);
let data;
if (apiCall === "fullData") {
if (apiCall === 'fullData') {
// Fetch lifetime stats based on game
switch (game) {
case "mw":
case 'mw':
data = await fetchWithTimeout(() =>
API.ModernWarfare.fullData(username, platform)
);
break;
case "wz":
case 'wz':
data = await fetchWithTimeout(() =>
API.Warzone.fullData(username, platform)
);
break;
case "mw2":
case 'mw2':
data = await fetchWithTimeout(() =>
API.ModernWarfare2.fullData(username)
);
break;
case "wz2":
case 'wz2':
data = await fetchWithTimeout(() =>
API.Warzone2.fullData(username)
);
break;
case "mw3":
case 'mw3':
data = await fetchWithTimeout(() =>
API.ModernWarfare3.fullData(username)
);
break;
case "cw":
case 'cw':
data = await fetchWithTimeout(() =>
API.ColdWar.fullData(username, platform)
);
break;
case "vg":
case 'vg':
data = await fetchWithTimeout(() =>
API.Vanguard.fullData(username, platform)
);
break;
case "wzm":
case 'wzm':
data = await fetchWithTimeout(() =>
API.WarzoneMobile.fullData(username)
);
break;
default:
return res.status(200).json({
status: "error",
message: "Invalid game selected",
status: 'error',
message: 'Invalid game selected',
timestamp: new Date().toISOString(),
});
}
} else if (apiCall === "combatHistory") {
} else if (apiCall === 'combatHistory') {
// Fetch recent match history based on game
switch (game) {
case "mw":
case 'mw':
data = await fetchWithTimeout(() =>
API.ModernWarfare.combatHistory(username, platform)
);
break;
case "wz":
case 'wz':
data = await fetchWithTimeout(() =>
API.Warzone.combatHistory(username, platform)
);
break;
case "mw2":
case 'mw2':
data = await fetchWithTimeout(() =>
API.ModernWarfare2.combatHistory(username)
);
break;
case "wz2":
case 'wz2':
data = await fetchWithTimeout(() =>
API.Warzone2.combatHistory(username)
);
break;
case "mw3":
case 'mw3':
data = await fetchWithTimeout(() =>
API.ModernWarfare3.combatHistory(username)
);
break;
case "cw":
case 'cw':
data = await fetchWithTimeout(() =>
API.ColdWar.combatHistory(username, platform)
);
break;
case "vg":
case 'vg':
data = await fetchWithTimeout(() =>
API.Vanguard.combatHistory(username, platform)
);
break;
case "wzm":
case 'wzm':
data = await fetchWithTimeout(() =>
API.WarzoneMobile.combatHistory(username)
);
break;
default:
return res.status(200).json({
status: "error",
message: "Invalid game selected",
status: 'error',
message: 'Invalid game selected',
timestamp: new Date().toISOString(),
});
}
} else if (apiCall === "mapList") {
} else if (apiCall === 'mapList') {
// Fetch map list (only valid for MW)
if (game === "mw") {
if (game === 'mw') {
data = await fetchWithTimeout(() =>
API.ModernWarfare.mapList(platform)
);
} else {
return res.status(200).json({
status: "error",
message: "Map list is only available for Modern Warfare",
status: 'error',
message: 'Map list is only available for Modern Warfare',
timestamp: new Date().toISOString(),
});
}
}
logger.debug("Data fetched successfully");
logger.debug('Data fetched successfully');
logger.debug(`Response Size: ~${JSON.stringify(data).length / 1024} KB`);
logger.debug(`Response Time: ${new Date().toISOString()}`);
// Safely handle the response data
if (!data) {
logger.warn("No data returned from API");
logger.warn('No data returned from API');
return res.json({
status: "partial_success",
message: "No data returned from API, but no error thrown",
status: 'partial_success',
message: 'No data returned from API, but no error thrown',
data: null,
timestamp: new Date().toISOString(),
});
@ -413,32 +443,39 @@ app.post("/api/stats", async (req, res) => {
return handleApiError(apiError, res);
}
} catch (serverError) {
console.error("Server Error:", serverError);
console.error('Server Error:', serverError);
// Return a structured error response even for unexpected errors
return res.status(200).json({
status: "server_error",
message: "The server encountered an unexpected error",
error_details: serverError.message || "Unknown server error",
status: 'server_error',
message: 'The server encountered an unexpected error',
error_details: serverError.message || 'Unknown server error',
timestamp: new Date().toISOString(),
});
}
});
// API endpoint to fetch recent matches
app.post("/api/matches", async (req, res) => {
logger.debug("Received request for /api/matches");
logger.debug(`Request IP: ${req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress}`);
logger.debug(`Request JSON: ${JSON.stringify({
app.post('/api/matches', async (req, res) => {
logger.debug('Received request for /api/matches');
logger.debug(
`Request IP: ${
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress
}`
);
logger.debug(
`Request JSON: ${JSON.stringify({
username: req.body.username,
platform: req.body.platform,
game: req.body.game,
sanitize: req.body.sanitize,
replaceKeys: req.body.replaceKeys
})}`);
replaceKeys: req.body.replaceKeys,
})}`
);
try {
const { username, ssoToken, platform, game, sanitize, replaceKeys } = req.body;
const { username, ssoToken, platform, game, sanitize, replaceKeys } =
req.body;
/*
logger.debug(
@ -455,17 +492,17 @@ app.post("/api/matches", async (req, res) => {
if (!username || !ssoToken) {
return res
.status(400)
.json({ error: "Username and SSO Token are required" });
.json({ error: 'Username and SSO Token are required' });
}
try {
await ensureLogin(ssoToken);
} catch (loginError) {
return res.status(200).json({
status: "error",
error_type: "LoginError",
message: "SSO token login failed",
details: loginError.message || "Unknown login error",
status: 'error',
error_type: 'LoginError',
message: 'SSO token login failed',
details: loginError.message || 'Unknown login error',
timestamp: new Date().toISOString(),
});
}
@ -485,10 +522,10 @@ app.post("/api/matches", async (req, res) => {
let data;
// Check if the platform is valid for the game
const requiresUno = ["mw2", "wz2", "mw3", "wzm"].includes(game);
if (requiresUno && platform !== "uno") {
const requiresUno = ['mw2', 'wz2', 'mw3', 'wzm'].includes(game);
if (requiresUno && platform !== 'uno') {
return res.status(200).json({
status: "error",
status: 'error',
message: `${game} requires Uno ID (numerical ID)`,
timestamp: new Date().toISOString(),
});
@ -496,50 +533,50 @@ app.post("/api/matches", async (req, res) => {
// Fetch combat history based on game
switch (game) {
case "mw":
case 'mw':
data = await fetchWithTimeout(() =>
API.ModernWarfare.combatHistory(username, platform)
);
break;
case "wz":
case 'wz':
data = await fetchWithTimeout(() =>
API.Warzone.combatHistory(username, platform)
);
break;
case "mw2":
case 'mw2':
data = await fetchWithTimeout(() =>
API.ModernWarfare2.combatHistory(username)
);
break;
case "wz2":
case 'wz2':
data = await fetchWithTimeout(() =>
API.Warzone2.combatHistory(username)
);
break;
case "mw3":
case 'mw3':
data = await fetchWithTimeout(() =>
API.ModernWarfare3.combatHistory(username)
);
break;
case "cw":
case 'cw':
data = await fetchWithTimeout(() =>
API.ColdWar.combatHistory(username, platform)
);
break;
case "vg":
case 'vg':
data = await fetchWithTimeout(() =>
API.Vanguard.combatHistory(username, platform)
);
break;
case "wzm":
case 'wzm':
data = await fetchWithTimeout(() =>
API.WarzoneMobile.combatHistory(username)
);
break;
default:
return res.status(200).json({
status: "error",
message: "Invalid game selected",
status: 'error',
message: 'Invalid game selected',
timestamp: new Date().toISOString(),
});
}
@ -556,29 +593,36 @@ app.post("/api/matches", async (req, res) => {
}
} catch (serverError) {
return res.status(200).json({
status: "server_error",
message: "The server encountered an unexpected error",
error_details: serverError.message || "Unknown server error",
status: 'server_error',
message: 'The server encountered an unexpected error',
error_details: serverError.message || 'Unknown server error',
timestamp: new Date().toISOString(),
});
}
});
// API endpoint to fetch match info
app.post("/api/matchInfo", async (req, res) => {
logger.debug("Received request for /api/matchInfo");
logger.debug(`Request IP: ${req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress}`);
logger.debug(`Request JSON: ${JSON.stringify({
app.post('/api/matchInfo', async (req, res) => {
logger.debug('Received request for /api/matchInfo');
logger.debug(
`Request IP: ${
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress
}`
);
logger.debug(
`Request JSON: ${JSON.stringify({
matchId: req.body.matchId,
platform: req.body.platform,
game: req.body.game,
sanitize: req.body.sanitize,
replaceKeys: req.body.replaceKeys
})}`);
replaceKeys: req.body.replaceKeys,
})}`
);
try {
const { matchId, ssoToken, platform, game, sanitize, replaceKeys } = req.body;
const mode = "mp";
const { matchId, ssoToken, platform, game, sanitize, replaceKeys } =
req.body;
const mode = 'mp';
/*
logger.debug(
@ -595,17 +639,17 @@ app.post("/api/matchInfo", async (req, res) => {
if (!matchId || !ssoToken) {
return res
.status(400)
.json({ error: "Match ID and SSO Token are required" });
.json({ error: 'Match ID and SSO Token are required' });
}
try {
await ensureLogin(ssoToken);
} catch (loginError) {
return res.status(200).json({
status: "error",
error_type: "LoginError",
message: "SSO token login failed",
details: loginError.message || "Unknown login error",
status: 'error',
error_type: 'LoginError',
message: 'SSO token login failed',
details: loginError.message || 'Unknown login error',
timestamp: new Date().toISOString(),
});
}
@ -624,48 +668,48 @@ app.post("/api/matchInfo", async (req, res) => {
// Fetch match info based on game
switch (game) {
case "mw":
case 'mw':
data = await fetchWithTimeout(() =>
API.ModernWarfare.matchInfo(matchId, platform)
);
break;
case "wz":
case 'wz':
data = await fetchWithTimeout(() =>
API.Warzone.matchInfo(matchId, platform)
);
break;
case "mw2":
case 'mw2':
data = await fetchWithTimeout(() =>
API.ModernWarfare2.matchInfo(matchId)
);
break;
case "wz2":
case 'wz2':
data = await fetchWithTimeout(() => API.Warzone2.matchInfo(matchId));
break;
case "mw3":
case 'mw3':
data = await fetchWithTimeout(() =>
API.ModernWarfare3.matchInfo(matchId)
);
break;
case "cw":
case 'cw':
data = await fetchWithTimeout(() =>
API.ColdWar.matchInfo(matchId, platform)
);
break;
case "vg":
case 'vg':
data = await fetchWithTimeout(() =>
API.Vanguard.matchInfo(matchId, platform)
);
break;
case "wzm":
case 'wzm':
data = await fetchWithTimeout(() =>
API.WarzoneMobile.matchInfo(matchId)
);
break;
default:
return res.status(200).json({
status: "error",
message: "Invalid game selected",
status: 'error',
message: 'Invalid game selected',
timestamp: new Date().toISOString(),
});
}
@ -682,28 +726,35 @@ app.post("/api/matchInfo", async (req, res) => {
}
} catch (serverError) {
return res.status(200).json({
status: "server_error",
message: "The server encountered an unexpected error",
error_details: serverError.message || "Unknown server error",
status: 'server_error',
message: 'The server encountered an unexpected error',
error_details: serverError.message || 'Unknown server error',
timestamp: new Date().toISOString(),
});
}
});
// API endpoint for user-related API calls
app.post("/api/user", async (req, res) => {
logger.debug("Received request for /api/user");
logger.debug(`Request IP: ${req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress}`);
logger.debug(`Request JSON: ${JSON.stringify({
app.post('/api/user', async (req, res) => {
logger.debug('Received request for /api/user');
logger.debug(
`Request IP: ${
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress
}`
);
logger.debug(
`Request JSON: ${JSON.stringify({
username: req.body.username,
platform: req.body.platform,
userCall: req.body.userCall,
sanitize: req.body.sanitize,
replaceKeys: req.body.replaceKeys
})}`);
replaceKeys: req.body.replaceKeys,
})}`
);
try {
const { username, ssoToken, platform, userCall, sanitize, replaceKeys } = req.body;
const { username, ssoToken, platform, userCall, sanitize, replaceKeys } =
req.body;
/*
logger.debug(
@ -718,29 +769,29 @@ app.post("/api/user", async (req, res) => {
logger.debug("========================="); */
if (!ssoToken) {
return res.status(400).json({ error: "SSO Token is required" });
return res.status(400).json({ error: 'SSO Token is required' });
}
// For eventFeed and identities, username is not required
if (
!username &&
userCall !== "eventFeed" &&
userCall !== "friendFeed" &&
userCall !== "identities"
userCall !== 'eventFeed' &&
userCall !== 'friendFeed' &&
userCall !== 'identities'
) {
return res
.status(400)
.json({ error: "Username is required for this API call" });
.json({ error: 'Username is required for this API call' });
}
try {
await ensureLogin(ssoToken);
} catch (loginError) {
return res.status(200).json({
status: "error",
error_type: "LoginError",
message: "SSO token login failed",
details: loginError.message || "Unknown login error",
status: 'error',
error_type: 'LoginError',
message: 'SSO token login failed',
details: loginError.message || 'Unknown login error',
timestamp: new Date().toISOString(),
});
}
@ -759,28 +810,28 @@ app.post("/api/user", async (req, res) => {
// Fetch user data based on userCall
switch (userCall) {
case "codPoints":
case 'codPoints':
data = await fetchWithTimeout(() =>
API.Me.codPoints(username, platform)
);
break;
case "connectedAccounts":
case 'connectedAccounts':
data = await fetchWithTimeout(() =>
API.Me.connectedAccounts(username, platform)
);
break;
case "eventFeed":
case 'eventFeed':
data = await fetchWithTimeout(() => API.Me.eventFeed());
break;
case "friendFeed":
case 'friendFeed':
data = await fetchWithTimeout(() =>
API.Me.friendFeed(username, platform)
);
break;
case "identities":
case 'identities':
data = await fetchWithTimeout(() => API.Me.loggedInIdentities());
break;
case "friendsList":
case 'friendsList':
data = await fetchWithTimeout(() => API.Me.friendsList());
break;
// case "settings":
@ -790,8 +841,8 @@ app.post("/api/user", async (req, res) => {
// break;
default:
return res.status(200).json({
status: "error",
message: "Invalid user API call selected",
status: 'error',
message: 'Invalid user API call selected',
timestamp: new Date().toISOString(),
});
}
@ -808,24 +859,30 @@ app.post("/api/user", async (req, res) => {
}
} catch (serverError) {
return res.status(200).json({
status: "server_error",
message: "The server encountered an unexpected error",
error_details: serverError.message || "Unknown server error",
status: 'server_error',
message: 'The server encountered an unexpected error',
error_details: serverError.message || 'Unknown server error',
timestamp: new Date().toISOString(),
});
}
});
// API endpoint for fuzzy search
app.post("/api/search", async (req, res) => {
logger.debug("Received request for /api/search");
logger.debug(`Request IP: ${req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress}`);
logger.debug(`Request JSON: ${JSON.stringify({
app.post('/api/search', async (req, res) => {
logger.debug('Received request for /api/search');
logger.debug(
`Request IP: ${
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress
}`
);
logger.debug(
`Request JSON: ${JSON.stringify({
username: req.body.username,
platform: req.body.platform,
sanitize: req.body.sanitize,
replaceKeys: req.body.replaceKeys
})}`);
replaceKeys: req.body.replaceKeys,
})}`
);
try {
const { username, ssoToken, platform, sanitize, replaceKeys } = req.body;
@ -844,17 +901,17 @@ app.post("/api/search", async (req, res) => {
if (!username || !ssoToken) {
return res
.status(400)
.json({ error: "Username and SSO Token are required" });
.json({ error: 'Username and SSO Token are required' });
}
try {
await ensureLogin(ssoToken);
} catch (loginError) {
return res.status(200).json({
status: "error",
error_type: "LoginError",
message: "SSO token login failed",
details: loginError.message || "Unknown login error",
status: 'error',
error_type: 'LoginError',
message: 'SSO token login failed',
details: loginError.message || 'Unknown login error',
timestamp: new Date().toISOString(),
});
}
@ -888,18 +945,18 @@ app.post("/api/search", async (req, res) => {
}
} catch (serverError) {
return res.status(200).json({
status: "server_error",
message: "The server encountered an unexpected error",
error_details: serverError.message || "Unknown server error",
status: 'server_error',
message: 'The server encountered an unexpected error',
error_details: serverError.message || 'Unknown server error',
timestamp: new Date().toISOString(),
});
}
});
// Improved logging endpoint
app.post('/api/log', (req, res) => {
const clientIP = req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress;
const clientIP =
req.headers['x-forwarded-for'] || req.ip || req.connection.remoteAddress;
const userAgent = req.headers['user-agent'];
const referer = req.headers['referer'];
const origin = req.headers['origin'];
@ -926,17 +983,16 @@ app.post('/api/log', (req, res) => {
origin,
requestHeaders: sanitizeHeaders(req.headers),
serverTimestamp: new Date().toISOString(),
requestId: req.id || Math.random().toString(36).substring(2, 15)
}
requestId: req.id || Math.random().toString(36).substring(2, 15),
},
};
// Use the dedicated user activity logger
logger.userActivity(enrichedLog.eventType || 'unknown', enrichedLog);
} catch (error) {
logger.error('Error processing log data', {
error: error.message,
rawBody: typeof req.body === 'object' ? '[Object]' : req.body
rawBody: typeof req.body === 'object' ? '[Object]' : req.body,
});
}
@ -950,7 +1006,7 @@ function sanitizeHeaders(headers) {
// Remove potential sensitive information
const sensitiveHeaders = ['authorization', 'cookie', 'set-cookie'];
sensitiveHeaders.forEach(header => {
sensitiveHeaders.forEach((header) => {
if (safeHeaders[header]) {
safeHeaders[header] = '[REDACTED]';
}
@ -969,13 +1025,13 @@ function storeLogInDatabase(logData) {
*/
// Basic health check endpoint
app.get("/health", (req, res) => {
res.json({ status: "ok", timestamp: new Date().toISOString() });
app.get('/health', (req, res) => {
res.json({ status: 'ok', timestamp: new Date().toISOString() });
});
// Serve the main HTML file
app.get("/", (req, res) => {
res.sendFile(path.join(__dirname, "src", "index.html"));
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'src', 'index.html'));
});
// Start the server

2
src/css/styles.css
View File

@ -187,7 +187,7 @@ button:hover {
top: 5px;
}
.checkbox-group input[type="checkbox"] {
.checkbox-group input[type='checkbox'] {
width: auto;
margin-right: 5px;
}

1
src/data/weapon-ids.json
View File

@ -174,7 +174,6 @@
"s4_mr_m1golf": "Marksman_M1 Grand",
"s4_mr_svictor40": "Marksman_SVT-40",
"s4_mr_gecho43": "Marksman_G-43",
"s4_mr_kalpha98": "Marksman_M1916",
"_Modern Warfare 2_": "iw9_",
"iw9_ar_mike4_mp": "AR_M4",
"iw9_ar_golf3_mp": "AR_Lachman-545",

253
src/index.html
View File

@ -1,49 +1,66 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta name="language" content="EN">
<meta name="robots" content="index, follow">
<meta name="language" content="EN" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Call of Duty Stats Tracker</title>
<meta property="og:title" content="#1 Open Source Call of Duty Stat Tracker">
<meta property="og:url" content="https://codtracker.rimmyscorner.com">
<meta name="application-name" content="codtracker-js">
<meta name="generator" content="1.0">
<meta name="rating" content="General">
<meta name="author" content="thahrimdon">
<meta name="designer" content="thahrimdon">
<meta name="copyright" content="thahrimdon">
<meta name="geo.region" content="US-VA">
<meta name="geo.placename" content="Ashburn">
<meta name="geo.position" content="39.0437;-77.4874">
<meta
property="og:title"
content="#1 Open Source Call of Duty Stat Tracker" />
<meta property="og:url" content="https://codtracker.rimmyscorner.com" />
<meta name="application-name" content="codtracker-js" />
<meta name="generator" content="1.0" />
<meta name="rating" content="General" />
<meta name="author" content="thahrimdon" />
<meta name="designer" content="thahrimdon" />
<meta name="copyright" content="thahrimdon" />
<meta name="geo.region" content="US-VA" />
<meta name="geo.placename" content="Ashburn" />
<meta name="geo.position" content="39.0437;-77.4874" />
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> -->
<meta name="description" content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg">
<meta property="og:description"
content="Open Source Call of Duty Statistic Tracker">
<meta name="keywords"
content="HTML, CSS, JavaScript, call of duty, cod, modern warfare, modern warfare 2019, call of duty modern warfare 2019, cod mw2019, cod modern warfare 2019, cold war, call of duty cold war, cod cw, cod cold war, vanguard, call of duty vanguard, cod vg, cod vanguard, mw2, mwii, call of duty mwii, call of duty modern warfare ii, cod mwii, cod modern warfare 2, mw3, call of duty mwiii, call of duty modern warfare iii, cod mwiii, cod modern warfare 3, mw2019, git, rimmyscorner, rimmy, ahrimdon, thahrimdon, gitea, Rimmys Corner, Rimmy’s Corner">
<meta name="twitter:title" content="#1 Open Source Call of Duty Stat Tracker">
<meta name="twitter:description"
content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg">
<meta
name="description"
content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg" />
<meta
property="og:description"
content="Open Source Call of Duty Statistic Tracker" />
<meta
name="keywords"
content="HTML, CSS, JavaScript, call of duty, cod, modern warfare, modern warfare 2019, call of duty modern warfare 2019, cod mw2019, cod modern warfare 2019, cold war, call of duty cold war, cod cw, cod cold war, vanguard, call of duty vanguard, cod vg, cod vanguard, mw2, mwii, call of duty mwii, call of duty modern warfare ii, cod mwii, cod modern warfare 2, mw3, call of duty mwiii, call of duty modern warfare iii, cod mwiii, cod modern warfare 3, mw2019, git, rimmyscorner, rimmy, ahrimdon, thahrimdon, gitea, Rimmys Corner, Rimmy’s Corner" />
<meta
name="twitter:title"
content="#1 Open Source Call of Duty Stat Tracker" />
<meta
name="twitter:description"
content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg" />
<link rel="stylesheet" type="text/css" href="./src/css/styles.css">
<link rel="icon" type="image/x-icon" href="./src/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="./src/css/styles.css" />
<link rel="icon" type="image/x-icon" href="./src/images/favicon.ico" />
<script src="./src/js/backend.js" defer></script>
<script src="./src/js/frontend.js" defer></script>
<script src="./src/js/localStorage.js" defer></script>
</head>
</head>
<body>
<body>
<div class="container">
<h1>Call of Duty Stats Tracker</h1>
<div align="center" class="small-header2-text">
<p class="small-text">
The #1 <a href="https://git.rimmyscorner.com/Rim/codtracker-js" target="_blank">Open Source</a> Call of Duty Statistic Tracker since cod.tracker.gg shutdown!
<br>
New? View some <a href="https://rimmyscorner.com/codtracker-examples" target="_blank">examples</a>
The #1
<a
href="https://git.rimmyscorner.com/Rim/codtracker-js"
target="_blank"
>Open Source</a
>
Call of Duty Statistic Tracker since cod.tracker.gg shutdown!
<br />
New? View some
<a href="https://rimmyscorner.com/codtracker-examples" target="_blank"
>examples</a
>
</p>
</div>
@ -71,11 +88,11 @@
<label>Processing Options:</label>
<div class="checkbox-group">
<div>
<input type="checkbox" id="sanitizeOption" checked>
<input type="checkbox" id="sanitizeOption" checked />
<label for="sanitizeOption">Sanitize Output</label>
</div>
<div>
<input type="checkbox" id="replaceKeysOption" checked>
<input type="checkbox" id="replaceKeysOption" checked />
<label for="replaceKeysOption">Replace Keys</label>
</div>
</div>
@ -88,11 +105,11 @@
<label>Time Display Options:</label>
<div class="checkbox-group">
<div>
<input type="checkbox" id="convertTimeOption">
<input type="checkbox" id="convertTimeOption" />
<label for="convertTimeOption">Convert Epoch Times</label>
</div>
</div>
<div class="timezone-select" style="margin-top: 10px;">
<div class="timezone-select" style="margin-top: 10px">
<label for="timezoneSelect">Timezone:</label>
<select id="timezoneSelect" disabled>
<option value="UTC">UTC</option>
@ -130,14 +147,20 @@
<!-- Common fields for all tabs -->
<div class="form-group">
<label for="ssoToken">SSO Token:</label>
<input type="password" id="ssoToken" placeholder="Enter your SSO Token" />
<input
type="password"
id="ssoToken"
placeholder="Enter your SSO Token" />
</div>
<!-- Stats tab -->
<div class="tab-content active" id="stats-tab">
<div class="form-group">
<label for="username">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input type="text" id="username" placeholder="Enter your Call of Duty username" />
<label for="username">Username (e.g., User or User#1234567):</label>
<input
type="text"
id="username"
placeholder="Enter your Call of Duty username" />
</div>
<div class="form-group">
@ -180,7 +203,12 @@
<h2>Authentication Setup</h2>
<h3>Obtaining Your SSO Token</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Open developer tools (F12 or right-click → Inspect)</li>
<li>
Navigate to: <b>Application</b> → <b>Storage</b> →
@ -192,9 +220,16 @@
<h3>Changing Account API Privacy Settings</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Navigate to the <b>Privacy & Security</b> tab</li>
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
<li>
Scroll down to the <b>Game Data and Profile Privacy</b> section
</li>
<li>
Set the following options to "<b>ALL</b>":
<ul>
@ -204,14 +239,18 @@
</li>
</ol>
</div>
</div>
<!-- Matches tab -->
<div class="tab-content" id="matches-tab">
<div class="form-group">
<label for="matchUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input type="text" id="matchUsername" placeholder="Enter your Call of Duty username" />
<label for="matchUsername"
>Username (e.g., User or User#1234567):</label
>
<input
type="text"
id="matchUsername"
placeholder="Enter your Call of Duty username" />
</div>
<div class="form-group">
@ -241,7 +280,10 @@
<div class="form-group">
<label for="matchId">Match ID:</label>
<input type="text" id="matchId" placeholder="Enter Match ID (Required for Match Info)" />
<input
type="text"
id="matchId"
placeholder="Enter Match ID (Required for Match Info)" />
</div>
<div class="button-group">
@ -253,7 +295,12 @@
<h2>Authentication Setup</h2>
<h3>Obtaining Your SSO Token</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Open developer tools (F12 or right-click → Inspect)</li>
<li>
Navigate to: <b>Application</b> → <b>Storage</b> →
@ -265,9 +312,16 @@
<h3>Changing Account API Privacy Settings</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Navigate to the <b>Privacy & Security</b> tab</li>
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
<li>
Scroll down to the <b>Game Data and Profile Privacy</b> section
</li>
<li>
Set the following options to "<b>ALL</b>":
<ul>
@ -277,14 +331,18 @@
</li>
</ol>
</div>
</div>
<!-- User tab -->
<div class="tab-content" id="user-tab">
<div class="form-group">
<label for="userUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input type="text" id="userUsername" placeholder="Enter your Call of Duty username" />
<label for="userUsername"
>Username (e.g., User or User#1234567):</label
>
<input
type="text"
id="userUsername"
placeholder="Enter your Call of Duty username" />
</div>
<div class="form-group">
@ -305,9 +363,13 @@
<option value="codPoints">COD Points</option>
<option value="connectedAccounts">Connected Accounts</option>
<option value="eventFeed">Event Feed (Logged In User Only)</option>
<option value="friendFeed">Friend Feed (Logged In User Only)</option>
<option value="friendFeed">
Friend Feed (Logged In User Only)
</option>
<option value="identities">Identities (Logged In User Only)</option>
<option value="friendsList">Friends List (Logged In User Only)</option>
<option value="friendsList">
Friends List (Logged In User Only)
</option>
<!-- <option value="settings">Settings</option> -->
</select>
</div>
@ -318,7 +380,12 @@
<h2>Authentication Setup</h2>
<h3>Obtaining Your SSO Token</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Open developer tools (F12 or right-click → Inspect)</li>
<li>
Navigate to: <b>Application</b> → <b>Storage</b> →
@ -330,9 +397,16 @@
<h3>Changing Account API Privacy Settings</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Navigate to the <b>Privacy & Security</b> tab</li>
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
<li>
Scroll down to the <b>Game Data and Profile Privacy</b> section
</li>
<li>
Set the following options to "<b>ALL</b>":
<ul>
@ -342,14 +416,18 @@
</li>
</ol>
</div>
</div>
<!-- Search tab -->
<div class="tab-content" id="other-tab">
<div class="form-group">
<label for="searchUsername">Username to Search (e.g., Ahrimdon or Ahrimdon#1234567):</label>
<input type="text" id="searchUsername" placeholder="Enter username to search" />
<label for="searchUsername"
>Username to Search (e.g., User or User#1234567):</label
>
<input
type="text"
id="searchUsername"
placeholder="Enter username to search" />
</div>
<div class="form-group">
@ -376,7 +454,12 @@
<h2>Authentication Setup</h2>
<h3>Obtaining Your SSO Token</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Open developer tools (F12 or right-click → Inspect)</li>
<li>
Navigate to: <b>Application</b> → <b>Storage</b> →
@ -388,9 +471,16 @@
<h3>Changing Account API Privacy Settings</h3>
<ol>
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
<li>
Log in to
<a href="https://profile.callofduty.com" target="_blank"
>Call of Duty</a
>
</li>
<li>Navigate to the <b>Privacy & Security</b> tab</li>
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
<li>
Scroll down to the <b>Game Data and Profile Privacy</b> section
</li>
<li>
Set the following options to "<b>ALL</b>":
<ul>
@ -400,30 +490,47 @@
</li>
</ol>
</div>
</div>
<div id="error" class="error"></div>
<div id="loading" class="loading">Loading data...</div>
<div id="download-container" style="display: none; margin-top: 10px;">
<button id="downloadJson" class="download-btn">Download JSON Data</button>
<div id="download-container" style="display: none; margin-top: 10px">
<button id="downloadJson" class="download-btn">
Download JSON Data
</button>
</div>
<pre id="results"></pre>
</div>
<a href="https://git.rimmyscorner.com/Rim/codtracker-js" target="_blank" class="github-corner"
aria-label="View source on Gitea" title="View Source Code on Gitea">
<svg width="120" height="120" viewBox="0 0 250 250"
style="fill:#151513; color:#fff; position: absolute; top: 0; right: 0; border: 0;">
<a
href="https://git.rimmyscorner.com/Rim/codtracker-js"
target="_blank"
class="github-corner"
aria-label="View source on Gitea"
title="View Source Code on Gitea">
<svg
width="120"
height="120"
viewBox="0 0 250 250"
style="
fill: #151513;
color: #fff;
position: absolute;
top: 0;
right: 0;
border: 0;
">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
fill="currentColor"
style="transform-origin: 130px 106px"
class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
fill="currentColor"
class="octo-body"></path>
</svg>
</a>
</body>
</body>
</html>

120
src/js/backend.js
View File

@ -4,16 +4,16 @@ window.backendAPI = {
jsonToYAML,
formatDuration,
formatEpochTime,
processTimestamps
processTimestamps,
};
window.appState = {
currentData: null,
outputFormat: "json",
tutorialDismissed: false
outputFormat: 'json',
tutorialDismissed: false,
};
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener('DOMContentLoaded', function () {
// Backend-specific initialization
});
@ -29,7 +29,11 @@ function jsonToYAML(json) {
if (typeof value === 'string') {
// Check if string needs quotes (contains special chars)
if (/[:{}[\],&*#?|\-<>=!%@`]/.test(value) || value === '' || !isNaN(value)) {
if (
/[:{}[\],&*#?|\-<>=!%@`]/.test(value) ||
value === '' ||
!isNaN(value)
) {
return `"${value.replace(/"/g, '\\"')}"`;
}
return value;
@ -43,7 +47,10 @@ function jsonToYAML(json) {
if (value.length === 0) return '[]';
let result = '';
for (const item of value) {
result += `\n${indent}- ${formatValue(item, indentLevel + INDENT_SIZE).trimStart()}`;
result += `\n${indent}- ${formatValue(
item,
indentLevel + INDENT_SIZE
).trimStart()}`;
}
return result;
}
@ -72,32 +79,37 @@ function jsonToYAML(json) {
// Common fetch function
async function fetchData(endpoint, requestData) {
console.log(`[CLIENT] Request to ${endpoint} at ${new Date().toISOString()}`);
console.log(`[CLIENT] Request data: ${JSON.stringify({
console.log(
`[CLIENT] Request data: ${JSON.stringify({
...requestData,
ssoToken: requestData.ssoToken ? requestData.ssoToken.substring(0, 5) + '...' : 'none'
})}`);
ssoToken:
requestData.ssoToken ?
requestData.ssoToken.substring(0, 5) + '...'
: 'none',
})}`
);
const errorElement = document.getElementById("error");
const loadingElement = document.getElementById("loading");
const resultsElement = document.getElementById("results");
const errorElement = document.getElementById('error');
const loadingElement = document.getElementById('loading');
const resultsElement = document.getElementById('results');
// Reset display
errorElement.textContent = "";
resultsElement.style.display = "none";
loadingElement.style.display = "block";
errorElement.textContent = '';
resultsElement.style.display = 'none';
loadingElement.style.display = 'block';
// Hide tutorial if not already dismissed
if (!window.appState.tutorialDismissed) {
window.appState.tutorialDismissed = true;
document.querySelectorAll(".tutorial").forEach(element => {
element.style.display = "none";
document.querySelectorAll('.tutorial').forEach((element) => {
element.style.display = 'none';
});
}
// Validate request data
if (!requestData.ssoToken) {
window.uiAPI.displayError("SSO Token is required");
loadingElement.style.display = "none";
window.uiAPI.displayError('SSO Token is required');
loadingElement.style.display = 'none';
return;
}
@ -107,26 +119,28 @@ async function fetchData(endpoint, requestData) {
const timeoutId = setTimeout(() => controller.abort(), 30000); // 30 second timeout
const response = await fetch(endpoint, {
method: "POST",
method: 'POST',
headers: {
"Content-Type": "application/json",
'Content-Type': 'application/json',
},
body: JSON.stringify(requestData),
signal: controller.signal
signal: controller.signal,
});
clearTimeout(timeoutId);
// Handle non-JSON responses
const contentType = response.headers.get("content-type");
if (!contentType || !contentType.includes("application/json")) {
throw new Error("Server returned non-JSON response");
const contentType = response.headers.get('content-type');
if (!contentType || !contentType.includes('application/json')) {
throw new Error('Server returned non-JSON response');
}
const data = await response.json();
console.log(`[CLIENT] Response received at ${new Date().toISOString()}`);
console.log(`[CLIENT] Response status: ${response.status}`);
console.log(`[CLIENT] Response size: ~${JSON.stringify(data).length / 1024} KB`);
console.log(
`[CLIENT] Response size: ~${JSON.stringify(data).length / 1024} KB`
);
if (!response.ok) {
throw new Error(data.message || `Error: ${response.status}`);
@ -134,23 +148,23 @@ async function fetchData(endpoint, requestData) {
if (data.error) {
window.uiAPI.displayError(data.error);
} else if (data.status === "error") {
window.uiAPI.displayError(data.message || "An error occurred");
} else if (data.status === 'error') {
window.uiAPI.displayError(data.message || 'An error occurred');
} else {
window.appState.currentData = data;
window.uiAPI.displayResults(data);
}
} catch (error) {
if (error.name === 'AbortError') {
window.uiAPI.displayError("Request timed out. Please try again.");
window.uiAPI.displayError('Request timed out. Please try again.');
} else {
window.uiAPI.displayError(
`Error: ${error.message || "An error occurred while fetching data."}`
`Error: ${error.message || 'An error occurred while fetching data.'}`
);
console.error("Fetch error:", error);
console.error('Fetch error:', error);
}
} finally {
loadingElement.style.display = "none";
loadingElement.style.display = 'none';
}
}
@ -179,7 +193,8 @@ function formatEpochTime(epoch, timezone) {
if (isNaN(epochNumber)) return epoch;
// Convert to milliseconds if needed
const epochMs = epochNumber.toString().length <= 10 ? epochNumber * 1000 : epochNumber;
const epochMs =
epochNumber.toString().length <= 10 ? epochNumber * 1000 : epochNumber;
// Parse the timezone offset
let offset = 0;
@ -201,21 +216,52 @@ function formatEpochTime(epoch, timezone) {
}
// Function to recursively process timestamps and durations in the data
function processTimestamps(data, timezone, keysToConvert = ['date', 'dateAdded', 'utcStartSeconds', 'utcEndSeconds', 'timestamp', 'startTime', 'endTime'], durationKeys = ['time', 'timePlayedTotal', 'timePlayed', 'avgLifeTime', 'duration', 'objTime']) {
function processTimestamps(
data,
timezone,
keysToConvert = [
'date',
'dateAdded',
'utcStartSeconds',
'utcEndSeconds',
'timestamp',
'startTime',
'endTime',
],
durationKeys = [
'time',
'timePlayedTotal',
'timePlayed',
'avgLifeTime',
'duration',
'objTime',
]
) {
if (!data || typeof data !== 'object') return data;
if (Array.isArray(data)) {
return data.map(item => processTimestamps(item, timezone, keysToConvert, durationKeys));
return data.map((item) =>
processTimestamps(item, timezone, keysToConvert, durationKeys)
);
}
const result = {};
for (const [key, value] of Object.entries(data)) {
if (keysToConvert.includes(key) && typeof value === 'number') {
result[key] = formatEpochTime(value, timezone);
} else if (durationKeys.includes(key) && typeof value === 'number' && document.getElementById("replaceKeysOption").checked) {
} else if (
durationKeys.includes(key) &&
typeof value === 'number' &&
document.getElementById('replaceKeysOption').checked
) {
result[key] = formatDuration(value);
} else if (typeof value === 'object' && value !== null) {
result[key] = processTimestamps(value, timezone, keysToConvert, durationKeys);
result[key] = processTimestamps(
value,
timezone,
keysToConvert,
durationKeys
);
} else {
result[key] = value;
}

96
src/js/deploy.js
View File

@ -10,30 +10,35 @@ const config = {
rootJs: {
src: '*.js',
exclude: ['*.min.js', 'build*.js'],
outputExt: '.js'
outputExt: '.js',
},
js: {
src: ['src/**/*.js', 'node_modules/**/*.js'],
exclude: ['src/**/*.min.js', 'src/**/build*.js'],
outputExt: '.js'
outputExt: '.js',
},
css: {
src: ['src/**/*.css', 'node_modules/**/*.css'],
exclude: 'src/**/*.min.css',
outputExt: '.css'
outputExt: '.css',
},
json: {
src: ['src/**/*.json', './package.json', './package-lock.json', 'node_modules/**/*.json']
src: [
'src/**/*.json',
'./package.json',
'./package-lock.json',
'node_modules/**/*.json',
],
},
html: {
src: ['src/**/*.html', 'node_modules/**/*.html']
src: ['src/**/*.html', 'node_modules/**/*.html'],
},
images: {
src: 'src/**/*.+(png|jpg|jpeg|gif|svg|ico)'
src: 'src/**/*.+(png|jpg|jpeg|gif|svg|ico)',
},
typescript: {
src: ['src/**/*.+(ts|ts.map|d.ts)', 'node_modules/**/*.+(ts|ts.map|d.ts)']
}
src: ['src/**/*.+(ts|ts.map|d.ts)', 'node_modules/**/*.+(ts|ts.map|d.ts)'],
},
// Add all files that might contain references
// allFiles: {
// src: ['./*.js', 'src/**/*.js', 'src/**/*.css', 'src/**/*.json']
@ -85,7 +90,9 @@ async function debugAppJsMinification() {
try {
const appJsContent = fs.readFileSync('app.js', 'utf8');
console.log(`✓ app.js loaded successfully - file size: ${appJsContent.length} bytes`);
console.log(
`✓ app.js loaded successfully - file size: ${appJsContent.length} bytes`
);
console.log(`✓ First 100 characters: ${appJsContent.substring(0, 100)}...`);
// Check for syntax errors by parsing
@ -94,7 +101,7 @@ async function debugAppJsMinification() {
compress: true,
mangle: true,
sourceMap: false,
toplevel: true
toplevel: true,
});
if (result.error) {
@ -107,8 +114,15 @@ async function debugAppJsMinification() {
return;
}
console.log(`✓ app.js minified successfully - result size: ${result.code.length} bytes`);
console.log(`✓ First 100 characters of minified: ${result.code.substring(0, 100)}...`);
console.log(
`✓ app.js minified successfully - result size: ${result.code.length} bytes`
);
console.log(
`✓ First 100 characters of minified: ${result.code.substring(
0,
100
)}...`
);
// Write to output with explicit name
const outputPath = path.join('public', 'app.js');
@ -116,9 +130,10 @@ async function debugAppJsMinification() {
console.log(`✓ Written minified app.js to: ${outputPath}`);
// Calculate compression ratio
const ratio = Math.round((result.code.length / appJsContent.length) * 100);
const ratio = Math.round(
(result.code.length / appJsContent.length) * 100
);
console.log(`✓ Compression ratio: ${ratio}% (smaller is better)`);
} catch (err) {
console.error('❌ Terser processing error:', err);
}
@ -137,7 +152,9 @@ async function appJsMinification() {
try {
const appJsContent = fs.readFileSync('app.js', 'utf8');
console.log(`✓ app.js loaded successfully - file size: ${appJsContent.length} bytes`);
console.log(
`✓ app.js loaded successfully - file size: ${appJsContent.length} bytes`
);
console.log(`✓ First 100 characters: ${appJsContent.substring(0, 100)}...`);
// Check for syntax errors by parsing
@ -146,7 +163,7 @@ async function appJsMinification() {
compress: true,
mangle: true,
sourceMap: false,
toplevel: true
toplevel: true,
});
if (result.error) {
@ -159,8 +176,15 @@ async function appJsMinification() {
return;
}
console.log(`✓ app.js minified successfully - result size: ${result.code.length} bytes`);
console.log(`✓ First 100 characters of minified: ${result.code.substring(0, 100)}...`);
console.log(
`✓ app.js minified successfully - result size: ${result.code.length} bytes`
);
console.log(
`✓ First 100 characters of minified: ${result.code.substring(
0,
100
)}...`
);
// Write to output with explicit name
const outputPath = path.join('public', 'app.js');
@ -168,9 +192,10 @@ async function appJsMinification() {
console.log(`✓ Written minified app.js to: ${outputPath}`);
// Calculate compression ratio
const ratio = Math.round((result.code.length / appJsContent.length) * 100);
const ratio = Math.round(
(result.code.length / appJsContent.length) * 100
);
console.log(`✓ Compression ratio: ${ratio}% (smaller is better)`);
} catch (err) {
console.error('❌ Terser processing error:', err);
}
@ -184,7 +209,9 @@ async function minifyJS() {
console.log('Minifying JavaScript files...');
// Minify root-level JS files (like app.js)
const rootFiles = glob.sync(config.rootJs.src, { ignore: config.rootJs.exclude });
const rootFiles = glob.sync(config.rootJs.src, {
ignore: config.rootJs.exclude,
});
console.log(`Found ${rootFiles.length} root JS files to process:`, rootFiles);
@ -198,19 +225,22 @@ async function minifyJS() {
console.log(`- Read ${content.length} bytes`);
// Special handling for app.js with more aggressive options
const minifyOptions = file === 'app.js' ? {
const minifyOptions =
file === 'app.js' ?
{
compress: {
dead_code: true,
drop_console: false,
drop_debugger: true,
keep_fargs: false,
unused: true
unused: true,
},
mangle: true,
toplevel: true
} : {
toplevel: true,
}
: {
compress: true,
mangle: true
mangle: true,
};
const result = await terser.minify(content, minifyOptions);
@ -220,7 +250,9 @@ async function minifyJS() {
continue;
}
console.log(`- Minified from ${content.length} to ${result.code.length} bytes`);
console.log(
`- Minified from ${content.length} to ${result.code.length} bytes`
);
const outputPath = createOutputPath(file, '.', config.rootJs.outputExt);
ensureDirectoryExistence(outputPath);
@ -242,7 +274,7 @@ async function minifyJS() {
const content = fs.readFileSync(file, 'utf8');
const result = await terser.minify(content, {
compress: true,
mangle: true
mangle: true,
});
const outputPath = createOutputPath(file, '.', config.js.outputExt);
@ -315,7 +347,7 @@ function minifyHTML() {
minifyCSS: true,
removeRedundantAttributes: true,
removeEmptyAttributes: true,
removeOptionalTags: true
removeOptionalTags: true,
});
const outputPath = createOutputPath(file, '.');
@ -501,12 +533,12 @@ if (require.main === module) {
const args = process.argv.slice(2);
if (args.includes('--debug-app')) {
debugAppJsOnly().catch(err => {
debugAppJsOnly().catch((err) => {
console.error('Debug failed:', err);
process.exit(1);
});
} else {
build().catch(err => {
build().catch((err) => {
console.error('Build failed:', err);
process.exit(1);
});
@ -516,5 +548,5 @@ if (require.main === module) {
// Export functions for external usage
module.exports = {
build,
debugAppJsOnly
debugAppJsOnly,
};

413
src/js/frontend.js
View File

@ -1,7 +1,7 @@
window.uiAPI = {
displayResults,
displayError
};
displayError,
};
// Configure client-side logging settings
const clientLogger = {
@ -18,7 +18,7 @@ const clientLogger = {
// Throttle function to limit how often a function can run
throttle(func, limit) {
let lastRun;
return function(...args) {
return function (...args) {
if (!lastRun || Date.now() - lastRun >= limit) {
lastRun = Date.now();
func.apply(this, args);
@ -29,11 +29,16 @@ const clientLogger = {
log(eventType, data) {
// Use sendBeacon for reliability during page unload
if (navigator.sendBeacon) {
const blob = new Blob([JSON.stringify({
const blob = new Blob(
[
JSON.stringify({
eventType,
timestamp: new Date().toISOString(),
...data
})], { type: 'application/json' });
...data,
}),
],
{ type: 'application/json' }
);
navigator.sendBeacon('/api/log', blob);
} else {
@ -45,15 +50,15 @@ const clientLogger = {
body: JSON.stringify({
eventType,
timestamp: new Date().toISOString(),
...data
})
}).catch(e => console.error('Logging error:', e));
...data,
}),
}).catch((e) => console.error('Logging error:', e));
}
}
};
},
};
// Initialize once DOM is loaded
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener('DOMContentLoaded', function () {
initTabSwitching();
addEnterKeyListeners();
setupDownloadButton();
@ -66,36 +71,45 @@ document.addEventListener("DOMContentLoaded", function() {
// Tab switching logic
function initTabSwitching() {
document.querySelectorAll(".tab").forEach((tab) => {
tab.addEventListener("click", () => {
document.querySelectorAll('.tab').forEach((tab) => {
tab.addEventListener('click', () => {
document
.querySelectorAll(".tab")
.forEach((t) => t.classList.remove("active"));
.querySelectorAll('.tab')
.forEach((t) => t.classList.remove('active'));
document
.querySelectorAll(".tab-content")
.forEach((c) => c.classList.remove("active"));
.querySelectorAll('.tab-content')
.forEach((c) => c.classList.remove('active'));
tab.classList.add("active");
const tabId = tab.getAttribute("data-tab");
document.getElementById(`${tabId}-tab`).classList.add("active");
tab.classList.add('active');
const tabId = tab.getAttribute('data-tab');
document.getElementById(`${tabId}-tab`).classList.add('active');
});
});
}
// Setup processing options (sanitize/replace)
function setupProcessingOptions() {
document.getElementById("sanitizeOption").addEventListener("change", function() {
if (window.appState.currentData) { // Call window.appState
document
.getElementById('sanitizeOption')
.addEventListener('change', function () {
if (window.appState.currentData) {
// Call window.appState
// Re-fetch with new options
const activeTab = document.querySelector(".tab.active").getAttribute("data-tab");
const activeTab = document
.querySelector('.tab.active')
.getAttribute('data-tab');
triggerActiveTabButton();
}
});
document.getElementById("replaceKeysOption").addEventListener("change", function() {
document
.getElementById('replaceKeysOption')
.addEventListener('change', function () {
if (window.appState.currentData) {
// Re-fetch with new options
const activeTab = document.querySelector(".tab.active").getAttribute("data-tab");
const activeTab = document
.querySelector('.tab.active')
.getAttribute('data-tab');
triggerActiveTabButton();
}
});
@ -103,139 +117,143 @@ function setupProcessingOptions() {
// Setup format selector
function setupFormatSelector() {
document.getElementById("outputFormat").addEventListener("change", function() {
document
.getElementById('outputFormat')
.addEventListener('change', function () {
window.appState.outputFormat = this.value;
if (window.appState.currentData) {
displayResults(window.appState.currentData);
}
});
}
}
// Fetch stats
document.getElementById("fetchStats").addEventListener("click", async () => {
const username = document.getElementById("username").value.trim();
const ssoToken = document.getElementById("ssoToken").value.trim();
const platform = document.getElementById("platform").value;
const game = document.getElementById("game").value;
const apiCall = document.getElementById("apiCall").value;
// Fetch stats
document.getElementById('fetchStats').addEventListener('click', async () => {
const username = document.getElementById('username').value.trim();
const ssoToken = document.getElementById('ssoToken').value.trim();
const platform = document.getElementById('platform').value;
const game = document.getElementById('game').value;
const apiCall = document.getElementById('apiCall').value;
const sanitize = document.getElementById("sanitizeOption").checked;
const replaceKeys = document.getElementById("replaceKeysOption").checked;
const sanitize = document.getElementById('sanitizeOption').checked;
const replaceKeys = document.getElementById('replaceKeysOption').checked;
await window.backendAPI.fetchData("/api/stats", {
await window.backendAPI.fetchData('/api/stats', {
username,
ssoToken,
platform,
game,
apiCall,
sanitize,
replaceKeys
});
replaceKeys,
});
});
// Fetch match history
document.getElementById("fetchMatches").addEventListener("click", async () => {
const username = document.getElementById("matchUsername").value.trim();
const ssoToken = document.getElementById("ssoToken").value.trim();
const platform = document.getElementById("matchPlatform").value;
const game = document.getElementById("matchGame").value;
// Fetch match history
document.getElementById('fetchMatches').addEventListener('click', async () => {
const username = document.getElementById('matchUsername').value.trim();
const ssoToken = document.getElementById('ssoToken').value.trim();
const platform = document.getElementById('matchPlatform').value;
const game = document.getElementById('matchGame').value;
const sanitize = document.getElementById("sanitizeOption").checked;
const replaceKeys = document.getElementById("replaceKeysOption").checked;
const sanitize = document.getElementById('sanitizeOption').checked;
const replaceKeys = document.getElementById('replaceKeysOption').checked;
await window.backendAPI.fetchData("/api/matches", {
await window.backendAPI.fetchData('/api/matches', {
username,
ssoToken,
platform,
game,
sanitize,
replaceKeys
});
replaceKeys,
});
});
// Fetch match details
document.getElementById("fetchMatchInfo").addEventListener("click", async () => {
const matchId = document.getElementById("matchId").value.trim();
const ssoToken = document.getElementById("ssoToken").value.trim();
const platform = document.getElementById("matchPlatform").value;
const game = document.getElementById("matchGame").value;
// Fetch match details
document
.getElementById('fetchMatchInfo')
.addEventListener('click', async () => {
const matchId = document.getElementById('matchId').value.trim();
const ssoToken = document.getElementById('ssoToken').value.trim();
const platform = document.getElementById('matchPlatform').value;
const game = document.getElementById('matchGame').value;
const sanitize = document.getElementById("sanitizeOption").checked;
const replaceKeys = document.getElementById("replaceKeysOption").checked;
const sanitize = document.getElementById('sanitizeOption').checked;
const replaceKeys = document.getElementById('replaceKeysOption').checked;
if (!matchId) {
displayError("Match ID is required");
displayError('Match ID is required');
return;
}
await window.backendAPI.fetchData("/api/matchInfo", {
await window.backendAPI.fetchData('/api/matchInfo', {
matchId,
ssoToken,
platform,
game,
sanitize,
replaceKeys
replaceKeys,
});
});
// Fetch user info
document.getElementById("fetchUserInfo").addEventListener("click", async () => {
const username = document.getElementById("userUsername").value.trim();
const ssoToken = document.getElementById("ssoToken").value.trim();
const platform = document.getElementById("userPlatform").value;
const userCall = document.getElementById("userCall").value;
// Fetch user info
document.getElementById('fetchUserInfo').addEventListener('click', async () => {
const username = document.getElementById('userUsername').value.trim();
const ssoToken = document.getElementById('ssoToken').value.trim();
const platform = document.getElementById('userPlatform').value;
const userCall = document.getElementById('userCall').value;
const sanitize = document.getElementById("sanitizeOption").checked;
const replaceKeys = document.getElementById("replaceKeysOption").checked;
const sanitize = document.getElementById('sanitizeOption').checked;
const replaceKeys = document.getElementById('replaceKeysOption').checked;
// For event feed and identities, username is not required
if (
!username &&
userCall !== "eventFeed" &&
userCall !== "friendFeed" &&
userCall !== "identities"
userCall !== 'eventFeed' &&
userCall !== 'friendFeed' &&
userCall !== 'identities'
) {
displayError("Username is required for this API call");
displayError('Username is required for this API call');
return;
}
await window.backendAPI.fetchData("/api/user", {
await window.backendAPI.fetchData('/api/user', {
username,
ssoToken,
platform,
userCall,
sanitize,
replaceKeys
});
replaceKeys,
});
});
// Fuzzy search
document.getElementById("fuzzySearch").addEventListener("click", async () => {
const username = document.getElementById("searchUsername").value.trim();
const ssoToken = document.getElementById("ssoToken").value.trim();
const platform = document.getElementById("searchPlatform").value;
// Fuzzy search
document.getElementById('fuzzySearch').addEventListener('click', async () => {
const username = document.getElementById('searchUsername').value.trim();
const ssoToken = document.getElementById('ssoToken').value.trim();
const platform = document.getElementById('searchPlatform').value;
const sanitize = document.getElementById("sanitizeOption").checked;
const replaceKeys = document.getElementById("replaceKeysOption").checked;
const sanitize = document.getElementById('sanitizeOption').checked;
const replaceKeys = document.getElementById('replaceKeysOption').checked;
if (!username) {
displayError("Username is required for search");
displayError('Username is required for search');
return;
}
await window.backendAPI.fetchData("/api/search", {
await window.backendAPI.fetchData('/api/search', {
username,
ssoToken,
platform,
sanitize,
replaceKeys
replaceKeys,
});
});
// Function to handle time and duration conversion
function displayResults(data) {
const resultsElement = document.getElementById("results");
const downloadContainer = document.getElementById("download-container");
const resultsElement = document.getElementById('results');
const downloadContainer = document.getElementById('download-container');
// Apply time conversion if enabled
const convertTime = document.getElementById('convertTimeOption').checked;
@ -244,7 +262,10 @@ function displayResults(data) {
if (convertTime || replaceKeys) {
const timezone = document.getElementById('timezoneSelect').value;
displayData = window.backendAPI.processTimestamps(structuredClone(data), timezone); // Use structured clone API instead of JSON.parse/stringify
displayData = window.backendAPI.processTimestamps(
structuredClone(data),
timezone
); // Use structured clone API instead of JSON.parse/stringify
// displayData = window.backendAPI.processTimestamps(JSON.parse(JSON.stringify(data)), timezone);
}
@ -252,42 +273,42 @@ function displayResults(data) {
let formattedData = '';
if (window.appState.outputFormat === 'yaml') {
formattedData = window.backendAPI.jsonToYAML(displayData);
document.getElementById("downloadJson").textContent = "Download YAML Data";
document.getElementById('downloadJson').textContent = 'Download YAML Data';
} else {
formattedData = JSON.stringify(displayData, null, 2);
document.getElementById("downloadJson").textContent = "Download JSON Data";
document.getElementById('downloadJson').textContent = 'Download JSON Data';
}
resultsElement.textContent = formattedData;
resultsElement.style.display = "block";
downloadContainer.style.display = "block";
resultsElement.style.display = 'block';
downloadContainer.style.display = 'block';
}
// Helper function to display errors
function displayError(message) {
const errorElement = document.getElementById("error");
const loadingElement = document.getElementById("loading");
const resultsElement = document.getElementById("results");
const errorElement = document.getElementById('error');
const loadingElement = document.getElementById('loading');
const resultsElement = document.getElementById('results');
errorElement.textContent = message;
loadingElement.style.display = "none";
loadingElement.style.display = 'none';
// Clear previous results to ensure they can be redrawn
resultsElement.style.display = "none";
resultsElement.textContent = "";
resultsElement.style.display = 'none';
resultsElement.textContent = '';
// Keep tutorial hidden if previously dismissed
if (window.appState.tutorialDismissed) {
document.querySelectorAll(".tutorial").forEach(element => {
element.style.display = "none";
document.querySelectorAll('.tutorial').forEach((element) => {
element.style.display = 'none';
});
}
}
function addEnterKeyListeners() {
// Use event delegation for handling Enter key press
document.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
document.addEventListener('keypress', function (event) {
if (event.key === 'Enter') {
// Get the active element
const activeElement = document.activeElement;
@ -295,18 +316,20 @@ function addEnterKeyListeners() {
// Mapping of input fields to their submit buttons
const inputToButtonMapping = {
"ssoToken": null, // Will trigger active tab button
"username": null, // Will trigger active tab button
"matchUsername": "fetchMatches",
"matchId": "fetchMatchInfo",
"userUsername": "fetchUserInfo",
"searchUsername": "fuzzySearch"
ssoToken: null, // Will trigger active tab button
username: null, // Will trigger active tab button
matchUsername: 'fetchMatches',
matchId: 'fetchMatchInfo',
userUsername: 'fetchUserInfo',
searchUsername: 'fuzzySearch',
};
if (activeElement.id in inputToButtonMapping) {
if (inputToButtonMapping[activeElement.id]) {
// Click the specific button
document.getElementById(inputToButtonMapping[activeElement.id]).click();
document
.getElementById(inputToButtonMapping[activeElement.id])
.click();
} else {
// Trigger the active tab button
triggerActiveTabButton();
@ -317,19 +340,21 @@ function addEnterKeyListeners() {
}
function triggerActiveTabButton() {
const activeTab = document.querySelector(".tab.active").getAttribute("data-tab");
const activeTab = document
.querySelector('.tab.active')
.getAttribute('data-tab');
switch (activeTab) {
case "stats":
document.getElementById("fetchStats").click();
case 'stats':
document.getElementById('fetchStats').click();
break;
case "matches":
document.getElementById("fetchMatches").click();
case 'matches':
document.getElementById('fetchMatches').click();
break;
case "user":
document.getElementById("fetchUserInfo").click();
case 'user':
document.getElementById('fetchUserInfo').click();
break;
case "other":
document.getElementById("fuzzySearch").click();
case 'other':
document.getElementById('fuzzySearch').click();
break;
}
}
@ -339,46 +364,53 @@ function setupTimeOptions() {
const convertTimeCheckbox = document.getElementById('convertTimeOption');
const timezoneSelect = document.getElementById('timezoneSelect');
convertTimeCheckbox.addEventListener('change', function() {
convertTimeCheckbox.addEventListener('change', function () {
timezoneSelect.disabled = !this.checked;
if ((window.appState.currentData)) {
displayResults((window.appState.currentData)); // Refresh the display
if (window.appState.currentData) {
displayResults(window.appState.currentData); // Refresh the display
}
});
timezoneSelect.addEventListener('change', function() {
if ((window.appState.currentData)) {
displayResults((window.appState.currentData)); // Refresh the display
timezoneSelect.addEventListener('change', function () {
if (window.appState.currentData) {
displayResults(window.appState.currentData); // Refresh the display
}
});
}
// Download Button
function setupDownloadButton() {
const downloadBtn = document.getElementById("downloadJson");
const downloadBtn = document.getElementById('downloadJson');
if (!downloadBtn) return;
downloadBtn.addEventListener("click", function() {
const resultsElement = document.getElementById("results");
downloadBtn.addEventListener('click', function () {
const resultsElement = document.getElementById('results');
const jsonData = resultsElement.textContent;
if (!jsonData) {
alert("No data to download");
alert('No data to download');
return;
}
// Create a Blob with the data
const contentType = window.appState.outputFormat === 'yaml' ? 'text/yaml' : 'application/json';
const contentType =
window.appState.outputFormat === 'yaml' ?
'text/yaml'
: 'application/json';
const blob = new Blob([jsonData], { type: contentType });
// Create a temporary link element
const a = document.createElement("a");
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
// Generate a filename with timestamp
const date = new Date();
const timestamp = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}_${String(date.getHours()).padStart(2, '0')}-${String(date.getMinutes()).padStart(2, '0')}`;
const timestamp = `${date.getFullYear()}-${String(
date.getMonth() + 1
).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}_${String(
date.getHours()
).padStart(2, '0')}-${String(date.getMinutes()).padStart(2, '0')}`;
const extension = window.appState.outputFormat === 'yaml' ? 'yaml' : 'json';
a.download = `cod_stats_${timestamp}.${extension}`;
@ -392,47 +424,54 @@ function setupDownloadButton() {
}
// Function to synchronize username across tabs
function syncUsernames() {
const mainUsername = document.getElementById("username").value.trim();
const mainUsername = document.getElementById('username').value.trim();
// Only sync if there's a value
if (mainUsername) {
document.getElementById("matchUsername").value = mainUsername;
document.getElementById("userUsername").value = mainUsername;
document.getElementById("searchUsername").value = mainUsername;
document.getElementById('matchUsername').value = mainUsername;
document.getElementById('userUsername').value = mainUsername;
document.getElementById('searchUsername').value = mainUsername;
}
// Also sync platform across tabs when it changes
const mainPlatform = document.getElementById("platform").value;
document.getElementById("matchPlatform").value = mainPlatform;
document.getElementById("userPlatform").value = mainPlatform;
document.getElementById("searchPlatform").value = mainPlatform;
const mainPlatform = document.getElementById('platform').value;
document.getElementById('matchPlatform').value = mainPlatform;
document.getElementById('userPlatform').value = mainPlatform;
document.getElementById('searchPlatform').value = mainPlatform;
}
// Sync listeners for persistent usernames
function addSyncListeners() {
// Add change listeners for username sync
document.getElementById("username").addEventListener("change", syncUsernames);
document.getElementById("matchUsername").addEventListener("change", function() {
document.getElementById("username").value = this.value;
document.getElementById('username').addEventListener('change', syncUsernames);
document
.getElementById('matchUsername')
.addEventListener('change', function () {
document.getElementById('username').value = this.value;
syncUsernames();
});
document.getElementById("userUsername").addEventListener("change", function() {
document.getElementById("username").value = this.value;
document
.getElementById('userUsername')
.addEventListener('change', function () {
document.getElementById('username').value = this.value;
syncUsernames();
});
document.getElementById("searchUsername").addEventListener("change", function() {
document.getElementById("username").value = this.value;
document
.getElementById('searchUsername')
.addEventListener('change', function () {
document.getElementById('username').value = this.value;
syncUsernames();
});
// Add change listeners for platform sync
document.getElementById("platform").addEventListener("change", syncUsernames);
document.getElementById('platform').addEventListener('change', syncUsernames);
}
// Initialize session tracking when the page loads
function initializeSessionTracking() {
// Generate a unique session ID
const sessionId = Date.now().toString(36) + Math.random().toString(36).substr(2);
const sessionId =
Date.now().toString(36) + Math.random().toString(36).substr(2);
const sessionStart = Date.now();
let lastActivity = Date.now();
let activityTimer;
@ -444,7 +483,7 @@ function initializeSessionTracking() {
viewportWidth: window.innerWidth,
viewportHeight: window.innerHeight,
pixelRatio: window.devicePixelRatio,
userAgent: navigator.userAgent
userAgent: navigator.userAgent,
};
// Log initial session start with device info
@ -452,13 +491,15 @@ function initializeSessionTracking() {
sessionId,
deviceInfo,
referrer: document.referrer,
landingPage: window.location.pathname
landingPage: window.location.pathname,
});
// Update last activity time on user interactions
['click', 'mousemove', 'keypress', 'scroll', 'touchstart'].forEach(event => {
document.addEventListener(event, () => lastActivity = Date.now());
});
['click', 'mousemove', 'keypress', 'scroll', 'touchstart'].forEach(
(event) => {
document.addEventListener(event, () => (lastActivity = Date.now()));
}
);
// Track clicks with throttling to reduce spam
let lastClickTime = 0;
@ -476,21 +517,20 @@ function initializeSessionTracking() {
id: target.id || undefined,
className: target.className || undefined,
text: target.innerText ? target.innerText.substring(0, 100) : undefined,
href: target.href || target.closest('a')?.href
href: target.href || target.closest('a')?.href,
};
clientLogger.log('element_click', {
sessionId,
elementInfo,
path: window.location.pathname
path: window.location.pathname,
});
});
// Helper function to extract data attributes
function getDataAttributes(element) {
if (!element.dataset) return {};
return Object.entries(element.dataset)
.reduce((acc, [key, value]) => {
return Object.entries(element.dataset).reduce((acc, [key, value]) => {
acc[key] = value;
return acc;
}, {});
@ -501,7 +541,7 @@ function initializeSessionTracking() {
clientLogger.log('visibility_change', {
sessionId,
visibilityState: document.visibilityState,
timestamp: Date.now()
timestamp: Date.now(),
});
});
@ -515,8 +555,8 @@ function initializeSessionTracking() {
element: {
tagName: target.tagName,
id: target.id || undefined,
className: target.className || undefined
}
className: target.className || undefined,
},
});
}
});
@ -524,14 +564,19 @@ function initializeSessionTracking() {
// Track scroll events with throttling (if enabled)
if (clientLogger.settings.logScrollEvents) {
document.addEventListener('scroll',
document.addEventListener(
'scroll',
clientLogger.throttle(() => {
clientLogger.log('scroll', {
sessionId,
scrollPosition: {
y: window.scrollY
y: window.scrollY,
},
percentScrolled: Math.round((window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100)
percentScrolled: Math.round(
(window.scrollY /
(document.documentElement.scrollHeight - window.innerHeight)) *
100
),
});
}, 1000) // Log at most once per second
);
@ -539,14 +584,15 @@ function initializeSessionTracking() {
// Track window resize events with throttling (if enabled)
if (clientLogger.settings.logResizeEvents) {
window.addEventListener('resize',
window.addEventListener(
'resize',
clientLogger.throttle(() => {
clientLogger.log('window_resize', {
sessionId,
dimensions: {
width: window.innerWidth,
height: window.innerHeight
}
height: window.innerHeight,
},
});
}, 1000) // Log at most once per second
);
@ -558,7 +604,7 @@ function initializeSessionTracking() {
clientLogger.log('form_submit', {
sessionId,
formId: form.id || undefined,
formName: form.getAttribute('name') || undefined
formName: form.getAttribute('name') || undefined,
});
});
@ -569,7 +615,7 @@ function initializeSessionTracking() {
if (inactiveTime > clientLogger.settings.minimumInactivityTime) {
clientLogger.log('user_inactive', {
sessionId,
inactiveTime: Math.round(inactiveTime / 1000)
inactiveTime: Math.round(inactiveTime / 1000),
});
}
}, 60000);
@ -581,7 +627,7 @@ function initializeSessionTracking() {
clientLogger.log('session_end', {
sessionId,
duration,
path: window.location.pathname
path: window.location.pathname,
});
});
@ -589,12 +635,12 @@ function initializeSessionTracking() {
const originalPushState = history.pushState;
const originalReplaceState = history.replaceState;
history.pushState = function() {
history.pushState = function () {
originalPushState.apply(this, arguments);
handleHistoryChange();
};
history.replaceState = function() {
history.replaceState = function () {
originalReplaceState.apply(this, arguments);
handleHistoryChange();
};
@ -604,14 +650,14 @@ function initializeSessionTracking() {
sessionId,
path: window.location.pathname,
query: window.location.search,
title: document.title
title: document.title,
});
}
// Track network requests only if detailed network logging is enabled
if (clientLogger.settings.enableDetailedNetworkLogs) {
const originalFetch = window.fetch;
window.fetch = function() {
window.fetch = function () {
const startTime = Date.now();
const url = arguments[0];
const method = arguments[1]?.method || 'GET';
@ -625,27 +671,28 @@ function initializeSessionTracking() {
clientLogger.log('network_request_start', {
sessionId,
url: typeof url === 'string' ? url : url.url,
method
method,
});
return originalFetch.apply(this, arguments)
.then(response => {
return originalFetch
.apply(this, arguments)
.then((response) => {
clientLogger.log('network_request_complete', {
sessionId,
url: typeof url === 'string' ? url : url.url,
method,
status: response.status,
duration: Date.now() - startTime
duration: Date.now() - startTime,
});
return response;
})
.catch(error => {
.catch((error) => {
clientLogger.log('network_request_error', {
sessionId,
url: typeof url === 'string' ? url : url.url,
method,
error: error.message,
duration: Date.now() - startTime
duration: Date.now() - startTime,
});
throw error;
});
@ -659,7 +706,7 @@ function initializeSessionTracking() {
message: e.message,
source: e.filename,
lineno: e.lineno,
colno: e.colno
colno: e.colno,
});
});
}
}

136
src/js/index.d.ts vendored
View File

@ -1,47 +1,70 @@
declare enum platforms {
All = "all",
Activision = "acti",
Battlenet = "battle",
PSN = "psn",
Steam = "steam",
Uno = "uno",
XBOX = "xbl",
ios = "ios",
NULL = "_"
All = 'all',
Activision = 'acti',
Battlenet = 'battle',
PSN = 'psn',
Steam = 'steam',
Uno = 'uno',
XBOX = 'xbl',
ios = 'ios',
NULL = '_',
}
declare enum games {
ModernWarfare = "mw",
ModernWarfare2 = "mw2",
Vanguard = "vg",
ColdWar = "cw",
NULL = "_"
ModernWarfare = 'mw',
ModernWarfare2 = 'mw2',
Vanguard = 'vg',
ColdWar = 'cw',
NULL = '_',
}
declare enum friendActions {
Invite = "invite",
Uninvite = "uninvite",
Remove = "remove",
Block = "block",
Unblock = "unblock"
Invite = 'invite',
Uninvite = 'uninvite',
Remove = 'remove',
Block = 'block',
Unblock = 'unblock',
}
declare const enableDebugMode: () => boolean;
declare const disableDebugMode: () => boolean;
declare const login: (ssoToken: string) => boolean;
declare const telescopeLogin: (username: string, password: string) => Promise<boolean>;
declare const telescopeLogin: (
username: string,
password: string
) => Promise<boolean>;
declare class WZ {
fullData: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistory: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
breakdown: (gamertag: string, platform: platforms) => Promise<unknown>;
breakdownWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
breakdownWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
matchInfo: (matchId: string, platform: platforms) => Promise<unknown>;
cleanGameMode: (mode: string) => Promise<string>;
}
declare class MW {
fullData: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistory: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
breakdown: (gamertag: string, platform: platforms) => Promise<unknown>;
breakdownWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
breakdownWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
matchInfo: (matchId: string, platform: platforms) => Promise<unknown>;
seasonloot: (gamertag: string, platform: platforms) => Promise<unknown>;
mapList: (platform: platforms) => Promise<unknown>;
@ -69,9 +92,19 @@ declare class WZM {
declare class CW {
fullData: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistory: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
breakdown: (gamertag: string, platform: platforms) => Promise<unknown>;
breakdownWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
breakdownWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
seasonloot: (gamertag: string, platform: platforms) => Promise<unknown>;
mapList: (platform: platforms) => Promise<unknown>;
matchInfo: (matchId: string, platform: platforms) => Promise<unknown>;
@ -79,9 +112,19 @@ declare class CW {
declare class VG {
fullData: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistory: (gamertag: string, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
combatHistoryWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
breakdown: (gamertag: string, platform: platforms) => Promise<unknown>;
breakdownWithDate: (gamertag: string, startTime: number, endTime: number, platform: platforms) => Promise<unknown>;
breakdownWithDate: (
gamertag: string,
startTime: number,
endTime: number,
platform: platforms
) => Promise<unknown>;
seasonloot: (gamertag: string, platform: platforms) => Promise<unknown>;
mapList: (platform: platforms) => Promise<unknown>;
matchInfo: (matchId: string, platform: platforms) => Promise<unknown>;
@ -89,16 +132,27 @@ declare class VG {
declare class SHOP {
purchasableItems: (gameId: string) => Promise<unknown>;
bundleInformation: (title: string, bundleId: string) => Promise<unknown>;
battlePassLoot: (title: games, season: number, platform: platforms) => Promise<unknown>;
battlePassLoot: (
title: games,
season: number,
platform: platforms
) => Promise<unknown>;
}
declare class USER {
friendFeed: (gamertag: string, platform: platforms) => Promise<unknown>;
eventFeed: () => Promise<unknown>;
loggedInIdentities: () => Promise<unknown>;
codPoints: (gamertag: string, platform: platforms) => Promise<unknown>;
connectedAccounts: (gamertag: string, platform: platforms) => Promise<unknown>;
connectedAccounts: (
gamertag: string,
platform: platforms
) => Promise<unknown>;
settings: (gamertag: string, platform: platforms) => Promise<unknown>;
friendAction: (gamertag: string, platform: platforms, action: friendActions) => Promise<unknown>;
friendAction: (
gamertag: string,
platform: platforms,
action: friendActions
) => Promise<unknown>;
}
declare class ALT {
search: (gamertag: string, platform: platforms) => Promise<unknown>;
@ -115,4 +169,22 @@ declare const Vanguard: VG;
declare const Store: SHOP;
declare const Me: USER;
declare const Misc: ALT;
export { login, telescopeLogin, platforms, friendActions, Warzone, ModernWarfare, ModernWarfare2, ModernWarfare3, WarzoneMobile, Warzone2, ColdWar, Vanguard, Store, Me, Misc, enableDebugMode, disableDebugMode, };
export {
login,
telescopeLogin,
platforms,
friendActions,
Warzone,
ModernWarfare,
ModernWarfare2,
ModernWarfare3,
WarzoneMobile,
Warzone2,
ColdWar,
Vanguard,
Store,
Me,
Misc,
enableDebugMode,
disableDebugMode,
};

1197
src/js/index.js
View File

File diff suppressed because it is too large Load Diff

11
src/js/index.js.map
View File

File diff suppressed because one or more lines are too long

214
src/js/index.ts
View File

@ -1,105 +1,105 @@
import { IncomingHttpHeaders } from "http";
import { request } from "undici";
import weaponMappings from "../data/weapon-ids.json";
import wzMappings from "../data/game-modes.json";
import { IncomingHttpHeaders } from 'http';
import { request } from 'undici';
import weaponMappings from '../data/weapon-ids.json';
import wzMappings from '../data/game-modes.json';
const userAgent: string =
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36";
let baseCookie: string = "new_SiteId=cod;ACT_SSO_LOCALE=en_US;country=US;";
let baseSsoToken: string = "";
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36';
let baseCookie: string = 'new_SiteId=cod;ACT_SSO_LOCALE=en_US;country=US;';
let baseSsoToken: string = '';
let debugMode = false;
interface CustomHeaders extends IncomingHttpHeaders {
"X-XSRF-TOKEN"?: string | undefined;
"X-CSRF-TOKEN"?: string | undefined;
"Atvi-Auth"?: string | undefined;
'X-XSRF-TOKEN'?: string | undefined;
'X-CSRF-TOKEN'?: string | undefined;
'Atvi-Auth'?: string | undefined;
ACT_SSO_COOKIE?: string | undefined;
atkn?: string | undefined;
cookie?: string | undefined;
"content-type"?: string | undefined;
'content-type'?: string | undefined;
}
let baseHeaders: CustomHeaders = {
"content-type": "application/json",
'content-type': 'application/json',
cookie: baseCookie,
"user-agent": userAgent,
'user-agent': userAgent,
};
let baseTelescopeHeaders: CustomHeaders = {
accept: "application/json, text/plain, */*",
"accept-language": "en-GB,en;q=0.9,en-US;q=0.8,fr;q=0.7,nl;q=0.6,et;q=0.5",
"cache-control": "no-cache",
pragma: "no-cache",
"sec-ch-ua":
accept: 'application/json, text/plain, */*',
'accept-language': 'en-GB,en;q=0.9,en-US;q=0.8,fr;q=0.7,nl;q=0.6,et;q=0.5',
'cache-control': 'no-cache',
pragma: 'no-cache',
'sec-ch-ua':
'"Chromium";v="118", "Microsoft Edge";v="118", "Not=A?Brand";v="99"',
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": '"Windows"',
"sec-fetch-dest": "empty",
"sec-fetch-mode": "cors",
"sec-fetch-site": "same-site",
'sec-ch-ua-mobile': '?0',
'sec-ch-ua-platform': '"Windows"',
'sec-fetch-dest': 'empty',
'sec-fetch-mode': 'cors',
'sec-fetch-site': 'same-site',
};
let basePostHeaders: CustomHeaders = {
"content-type": "text/plain",
'content-type': 'text/plain',
cookie: baseCookie,
"user-agent": userAgent,
'user-agent': userAgent,
};
let baseUrl: string = "https://profile.callofduty.com";
let apiPath: string = "/api/papi-client";
let baseTelescopeUrl: string = "https://telescope.callofduty.com";
let apiTelescopePath: string = "/api/ts-api";
let baseUrl: string = 'https://profile.callofduty.com';
let apiPath: string = '/api/papi-client';
let baseTelescopeUrl: string = 'https://telescope.callofduty.com';
let apiTelescopePath: string = '/api/ts-api';
let loggedIn: boolean = false;
enum platforms {
All = "all",
Activision = "acti",
Battlenet = "battle",
PSN = "psn",
Steam = "steam",
Uno = "uno",
XBOX = "xbl",
ios = "ios",
NULL = "_",
All = 'all',
Activision = 'acti',
Battlenet = 'battle',
PSN = 'psn',
Steam = 'steam',
Uno = 'uno',
XBOX = 'xbl',
ios = 'ios',
NULL = '_',
}
enum games {
ModernWarfare = "mw",
ModernWarfare2 = "mw2",
Vanguard = "vg",
ColdWar = "cw",
NULL = "_",
ModernWarfare = 'mw',
ModernWarfare2 = 'mw2',
Vanguard = 'vg',
ColdWar = 'cw',
NULL = '_',
}
enum telescopeGames {
ModernWarfare2 = "mw2",
Warzone2 = "wz2",
ModernWarfare3 = "jup",
Mobile = "mgl",
ModernWarfare2 = 'mw2',
Warzone2 = 'wz2',
ModernWarfare3 = 'jup',
Mobile = 'mgl',
}
enum modes {
Multiplayer = "mp",
Warzone = "wz",
Warzone2 = "wz2",
NULL = "_",
Multiplayer = 'mp',
Warzone = 'wz',
Warzone2 = 'wz2',
NULL = '_',
}
enum telescopeModes {
Multiplayer = "mp",
Outbreak = "ob",
Multiplayer = 'mp',
Outbreak = 'ob',
}
enum friendActions {
Invite = "invite",
Uninvite = "uninvite",
Remove = "remove",
Block = "block",
Unblock = "unblock",
Invite = 'invite',
Uninvite = 'uninvite',
Remove = 'remove',
Block = 'block',
Unblock = 'unblock',
}
enum generics {
STEAM_UNSUPPORTED = "Steam platform not supported by this game. Try `battle` instead.",
STEAM_UNSUPPORTED = 'Steam platform not supported by this game. Try `battle` instead.',
UNO_NO_NUMERICAL_ID = `You must use a numerical ID when using the platform 'uno'.\nIf using an Activision ID, please use the platform 'acti'.`,
}
@ -121,7 +121,7 @@ interface telescopeLoginErrorResponse {
error: telescopeLoginErrorNestedResponse;
}
let telescopeUnoToken = "";
let telescopeUnoToken = '';
const enableDebugMode = () => (debugMode = true);
@ -129,7 +129,7 @@ const disableDebugMode = () => (debugMode = false);
const sendTelescopeRequest = async (url: string) => {
try {
if (!loggedIn) throw new Error("Not Logged In!");
if (!loggedIn) throw new Error('Not Logged In!');
let requestUrl = `${baseTelescopeUrl}${apiTelescopePath}${url}`;
if (debugMode) console.log(`[DEBUG]`, `Request Uri: ${requestUrl}`);
baseTelescopeHeaders.authorization = `Bearer ${telescopeUnoToken}`;
@ -152,17 +152,17 @@ const sendTelescopeRequest = async (url: string) => {
const sendRequest = async (url: string) => {
try {
if (!loggedIn) throw new Error("Not Logged In.");
if (!loggedIn) throw new Error('Not Logged In.');
let requestUrl = `${baseUrl}${apiPath}${url}`;
if (debugMode) console.log(`[DEBUG]`, `Request Uri: ${requestUrl}`);
if (debugMode) console.time("Round Trip");
if (debugMode) console.time('Round Trip');
const { body, statusCode } = await request(requestUrl, {
headers: baseHeaders,
});
if (debugMode) console.timeEnd("Round Trip");
if (debugMode) console.timeEnd('Round Trip');
if (statusCode >= 500)
throw new Error(
@ -185,10 +185,10 @@ const sendRequest = async (url: string) => {
const sendPostRequest = async (url: string, data: string) => {
try {
if (!loggedIn) throw new Error("Not Logged In.");
if (!loggedIn) throw new Error('Not Logged In.');
let requestUrl = `${baseUrl}${apiPath}${url}`;
const { body, statusCode } = await request(requestUrl, {
method: "POST",
method: 'POST',
headers: basePostHeaders,
body: data,
});
@ -212,41 +212,39 @@ const cleanClientName = (gamertag: string): string => {
const login = (ssoToken: string): boolean => {
if (!ssoToken || ssoToken.trim().length <= 0) return false;
let fakeXSRF = "68e8b62e-1d9d-4ce1-b93f-cbe5ff31a041";
baseHeaders["X-XSRF-TOKEN"] = fakeXSRF;
baseHeaders["X-CSRF-TOKEN"] = fakeXSRF;
baseHeaders["Atvi-Auth"] = ssoToken;
baseHeaders["ACT_SSO_COOKIE"] = ssoToken;
baseHeaders["atkn"] = ssoToken;
baseHeaders[
"cookie"
] = `${baseCookie}ACT_SSO_COOKIE=${ssoToken};XSRF-TOKEN=${fakeXSRF};API_CSRF_TOKEN=${fakeXSRF};ACT_SSO_EVENT="LOGIN_SUCCESS:1644346543228";ACT_SSO_COOKIE_EXPIRY=1645556143194;comid=cod;ssoDevId=63025d09c69f47dfa2b8d5520b5b73e4;tfa_enrollment_seen=true;gtm.custom.bot.flag=human;`;
let fakeXSRF = '68e8b62e-1d9d-4ce1-b93f-cbe5ff31a041';
baseHeaders['X-XSRF-TOKEN'] = fakeXSRF;
baseHeaders['X-CSRF-TOKEN'] = fakeXSRF;
baseHeaders['Atvi-Auth'] = ssoToken;
baseHeaders['ACT_SSO_COOKIE'] = ssoToken;
baseHeaders['atkn'] = ssoToken;
baseHeaders['cookie'] =
`${baseCookie}ACT_SSO_COOKIE=${ssoToken};XSRF-TOKEN=${fakeXSRF};API_CSRF_TOKEN=${fakeXSRF};ACT_SSO_EVENT="LOGIN_SUCCESS:1644346543228";ACT_SSO_COOKIE_EXPIRY=1645556143194;comid=cod;ssoDevId=63025d09c69f47dfa2b8d5520b5b73e4;tfa_enrollment_seen=true;gtm.custom.bot.flag=human;`;
baseSsoToken = ssoToken;
basePostHeaders["X-XSRF-TOKEN"] = fakeXSRF;
basePostHeaders["X-CSRF-TOKEN"] = fakeXSRF;
basePostHeaders["Atvi-Auth"] = ssoToken;
basePostHeaders["ACT_SSO_COOKIE"] = ssoToken;
basePostHeaders["atkn"] = ssoToken;
basePostHeaders[
"cookie"
] = `${baseCookie}ACT_SSO_COOKIE=${ssoToken};XSRF-TOKEN=${fakeXSRF};API_CSRF_TOKEN=${fakeXSRF};ACT_SSO_EVENT="LOGIN_SUCCESS:1644346543228";ACT_SSO_COOKIE_EXPIRY=1645556143194;comid=cod;ssoDevId=63025d09c69f47dfa2b8d5520b5b73e4;tfa_enrollment_seen=true;gtm.custom.bot.flag=human;`;
basePostHeaders['X-XSRF-TOKEN'] = fakeXSRF;
basePostHeaders['X-CSRF-TOKEN'] = fakeXSRF;
basePostHeaders['Atvi-Auth'] = ssoToken;
basePostHeaders['ACT_SSO_COOKIE'] = ssoToken;
basePostHeaders['atkn'] = ssoToken;
basePostHeaders['cookie'] =
`${baseCookie}ACT_SSO_COOKIE=${ssoToken};XSRF-TOKEN=${fakeXSRF};API_CSRF_TOKEN=${fakeXSRF};ACT_SSO_EVENT="LOGIN_SUCCESS:1644346543228";ACT_SSO_COOKIE_EXPIRY=1645556143194;comid=cod;ssoDevId=63025d09c69f47dfa2b8d5520b5b73e4;tfa_enrollment_seen=true;gtm.custom.bot.flag=human;`;
loggedIn = true;
return loggedIn;
};
const telescope_login_endpoint =
"https://wzm-ios-loginservice.prod.demonware.net/v1/login/uno/?titleID=7100&client=shg-cod-jup-bnet";
'https://wzm-ios-loginservice.prod.demonware.net/v1/login/uno/?titleID=7100&client=shg-cod-jup-bnet';
const telescopeLogin = async (
username: string,
password: string
): Promise<boolean> => {
if (!username || !password) return false;
const { body, statusCode } = await request(telescope_login_endpoint, {
method: "POST",
method: 'POST',
headers: baseHeaders,
body: JSON.stringify({
platform: "ios",
hardwareType: "ios",
platform: 'ios',
hardwareType: 'ios',
auth: {
email: username,
password: password,
@ -263,14 +261,14 @@ const telescopeLogin = async (
} else if (statusCode === 403) {
let errorResponse: telescopeLoginErrorResponse =
(await body.json()) as telescopeLoginErrorResponse;
console.error("Error Logging In:", errorResponse.error.msg);
console.error('Error Logging In:', errorResponse.error.msg);
}
loggedIn = statusCode == 200;
return loggedIn;
};
const handleLookupType = (platform: platforms) => {
return platform === platforms.Uno ? "id" : "gamer";
return platform === platforms.Uno ? 'id' : 'gamer';
};
const checkForValidPlatform = (platform: platforms, gamertag?: string) => {
@ -487,7 +485,7 @@ class WZ {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.ModernWarfare,
gamertag,
@ -500,7 +498,7 @@ class WZ {
cleanGameMode = async (mode: string): Promise<string> => {
//@ts-ignore
const foundMode: string = wzMappings["modes"][mode];
const foundMode: string = wzMappings['modes'][mode];
if (!foundMode) return mode;
return foundMode;
};
@ -604,7 +602,7 @@ class MW {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.ModernWarfare,
gamertag,
@ -636,7 +634,7 @@ class MW {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.ModernWarfare,
gamertag,
@ -914,7 +912,7 @@ class CW {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.ColdWar,
gamertag,
@ -930,7 +928,7 @@ class CW {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.ColdWar,
gamertag,
@ -1056,7 +1054,7 @@ class VG {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.Vanguard,
gamertag,
@ -1072,7 +1070,7 @@ class VG {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
games.Vanguard,
gamertag,
@ -1088,10 +1086,10 @@ class SHOP {
purchasableItems = async (gameId: string) => {
const endpoint = new Endpoints(
games.NULL,
"",
'',
platforms.NULL,
modes.NULL,
""
''
);
return await sendRequest(endpoint.purchasableItems(gameId));
};
@ -1099,10 +1097,10 @@ class SHOP {
bundleInformation = async (title: string, bundleId: string) => {
const endpoint = new Endpoints(
games.NULL,
"",
'',
platforms.NULL,
modes.NULL,
""
''
);
return await sendRequest(endpoint.bundleInformation(title, bundleId));
};
@ -1116,7 +1114,7 @@ class SHOP {
gamertag,
_platform: platform,
lookupType,
} = mapGamertagToPlatform("", platform);
} = mapGamertagToPlatform('', platform);
const endpoint = new Endpoints(
title,
gamertag,
@ -1148,10 +1146,10 @@ class USER {
eventFeed = async () => {
const endpoint = new Endpoints(
games.NULL,
"",
'',
platforms.NULL,
modes.NULL,
""
''
);
return await sendRequest(endpoint.eventFeed());
};
@ -1159,10 +1157,10 @@ class USER {
loggedInIdentities = async () => {
const endpoint = new Endpoints(
games.NULL,
"",
'',
platforms.NULL,
modes.NULL,
""
''
);
return await sendRequest(endpoint.loggedInIdentities());
};
@ -1232,7 +1230,7 @@ class USER {
modes.NULL,
lookupType
);
return await sendPostRequest(endpoint.friendAction(action), "{}");
return await sendPostRequest(endpoint.friendAction(action), '{}');
};
}
@ -1255,7 +1253,7 @@ class ALT {
cleanWeapon = async (weapon: string): Promise<string> => {
//@ts-ignore
const foundWeapon: string = weaponMappings["All Weapons"][weapon];
const foundWeapon: string = weaponMappings['All Weapons'][weapon];
if (!foundWeapon) return weapon;
return foundWeapon;
};

84
src/js/localStorage.js
View File

@ -1,46 +1,46 @@
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener('DOMContentLoaded', function () {
// Fields to save in localStorage with their respective keys
const fieldsToSave = [
// Stats tab
{ id: "username", key: "cod_username" },
{ id: "platform", key: "cod_platform" },
{ id: "game", key: "cod_game" },
{ id: "apiCall", key: "cod_apiCall" },
{ id: 'username', key: 'cod_username' },
{ id: 'platform', key: 'cod_platform' },
{ id: 'game', key: 'cod_game' },
{ id: 'apiCall', key: 'cod_apiCall' },
// Matches tab
{ id: "matchUsername", key: "cod_matchUsername" },
{ id: "matchPlatform", key: "cod_matchPlatform" },
{ id: "matchGame", key: "cod_matchGame" },
{ id: "matchId", key: "cod_matchId" },
{ id: 'matchUsername', key: 'cod_matchUsername' },
{ id: 'matchPlatform', key: 'cod_matchPlatform' },
{ id: 'matchGame', key: 'cod_matchGame' },
{ id: 'matchId', key: 'cod_matchId' },
// User tab
{ id: "userUsername", key: "cod_userUsername" },
{ id: "userPlatform", key: "cod_userPlatform" },
{ id: "userCall", key: "cod_userCall" },
{ id: 'userUsername', key: 'cod_userUsername' },
{ id: 'userPlatform', key: 'cod_userPlatform' },
{ id: 'userCall', key: 'cod_userCall' },
// Other/Search tab
{ id: "searchUsername", key: "cod_searchUsername" },
{ id: "searchPlatform", key: "cod_searchPlatform" },
{ id: 'searchUsername', key: 'cod_searchUsername' },
{ id: 'searchPlatform', key: 'cod_searchPlatform' },
// Format and processing options
{ id: "outputFormat", key: "cod_outputFormat" },
{ id: "sanitizeOption", key: "cod_sanitizeOption" },
{ id: "replaceKeysOption", key: "cod_replaceKeysOption" },
{ id: "convertTimeOption", key: "cod_convertTimeOption" },
{ id: "timezoneSelect", key: "cod_timezone" }
{ id: 'outputFormat', key: 'cod_outputFormat' },
{ id: 'sanitizeOption', key: 'cod_sanitizeOption' },
{ id: 'replaceKeysOption', key: 'cod_replaceKeysOption' },
{ id: 'convertTimeOption', key: 'cod_convertTimeOption' },
{ id: 'timezoneSelect', key: 'cod_timezone' },
];
// Load saved values
fieldsToSave.forEach(field => {
fieldsToSave.forEach((field) => {
const element = document.getElementById(field.id);
if (!element) return; // Skip if element doesn't exist
const savedValue = localStorage.getItem(field.key);
if (savedValue !== null) {
// Handle different input types
if (element.type === "checkbox") {
element.checked = savedValue === "true";
} else if (element.tagName === "SELECT") {
if (element.type === 'checkbox') {
element.checked = savedValue === 'true';
} else if (element.tagName === 'SELECT') {
element.value = savedValue;
} else {
element.value = savedValue;
@ -49,38 +49,42 @@ document.addEventListener("DOMContentLoaded", function () {
});
// Save values on change
fieldsToSave.forEach(field => {
fieldsToSave.forEach((field) => {
const element = document.getElementById(field.id);
if (!element) return; // Skip if element doesn't exist
// Different event listener based on input type
if (element.type === "checkbox") {
element.addEventListener("change", function() {
if (element.type === 'checkbox') {
element.addEventListener('change', function () {
localStorage.setItem(field.key, element.checked);
});
} else if (element.tagName === "SELECT") {
element.addEventListener("change", function() {
} else if (element.tagName === 'SELECT') {
element.addEventListener('change', function () {
localStorage.setItem(field.key, element.value);
});
} else {
element.addEventListener("input", function() {
element.addEventListener('input', function () {
localStorage.setItem(field.key, element.value);
});
}
});
// Special handling for SSO Token
const ssoTokenInput = document.getElementById("ssoToken");
const savedSsoToken = localStorage.getItem("cod_ssoToken");
const ssoTokenInput = document.getElementById('ssoToken');
const savedSsoToken = localStorage.getItem('cod_ssoToken');
if (savedSsoToken) {
ssoTokenInput.value = savedSsoToken;
}
// Ask the user before saving SSO token
ssoTokenInput.addEventListener("input", function() {
if (confirm("Would you like to save your SSO token? Note: This is stored on your device only.")) {
localStorage.setItem("cod_ssoToken", ssoTokenInput.value);
ssoTokenInput.addEventListener('input', function () {
if (
confirm(
'Would you like to save your SSO token? Note: This is stored on your device only.'
)
) {
localStorage.setItem('cod_ssoToken', ssoTokenInput.value);
}
});
@ -90,14 +94,16 @@ document.addEventListener("DOMContentLoaded", function () {
clearButton.textContent = 'Clear Saved Data';
clearButton.className = 'clear-data-btn';
clearButton.style.marginTop = '10px';
clearButton.addEventListener('click', function() {
clearButton.addEventListener('click', function () {
if (confirm('Are you sure you want to clear all saved form data?')) {
fieldsToSave.forEach(field => {
fieldsToSave.forEach((field) => {
localStorage.removeItem(field.key);
});
localStorage.removeItem("cod_ssoToken");
alert('All saved data has been cleared. Refresh the page to see changes.');
localStorage.removeItem('cod_ssoToken');
alert(
'All saved data has been cleared. Refresh the page to see changes.'
);
}
});
container.appendChild(clearButton);
});
});

21
src/js/logger.js
View File

@ -3,7 +3,7 @@ const fs = require('fs');
const path = require('path');
class Logger {
constructor(options = {}) {
constructor(options = {}) {
// Dynamically determine the base directory
const isPackaged = process.pkg !== undefined;
let baseDir;
@ -23,7 +23,7 @@ constructor(options = {}) {
logDirectory: options.logDirectory || path.join(baseDir, 'logs'),
userActivityLogFile: options.userActivityLogFile || 'user-activity.log',
apiLogFile: options.apiLogFile || 'api.log',
minLevel: options.minLevel || 'info'
minLevel: options.minLevel || 'info',
};
// Create log directory if it doesn't exist and logging to file is enabled
@ -45,7 +45,7 @@ constructor(options = {}) {
debug: 0,
info: 1,
warn: 2,
error: 3
error: 3,
};
}
@ -58,7 +58,7 @@ constructor(options = {}) {
const logObject = {
timestamp,
type,
message
message,
};
if (Object.keys(data).length > 0) {
@ -71,8 +71,9 @@ constructor(options = {}) {
writeToFile(content, isUserActivity = false) {
if (!this.options.logToFile) return;
const logFile = isUserActivity
? path.join(this.options.logDirectory, this.options.userActivityLogFile)
const logFile =
isUserActivity ?
path.join(this.options.logDirectory, this.options.userActivityLogFile)
: path.join(this.options.logDirectory, this.options.apiLogFile);
// Check if the log directory exists before writing
@ -89,7 +90,9 @@ constructor(options = {}) {
console.error(`Error writing to log file: ${err.message}`);
// Fall back to console logging if file writing fails
if (this.options.logToConsole) {
console.log(`Failed to write to log file, logging to console instead: ${content}`);
console.log(
`Failed to write to log file, logging to console instead: ${content}`
);
}
}
}
@ -161,10 +164,10 @@ constructor(options = {}) {
const defaultLogger = new Logger({
logToConsole: true,
logToFile: true,
minLevel: process.env.NODE_ENV === 'production' ? 'info' : 'debug'
minLevel: process.env.NODE_ENV === 'production' ? 'info' : 'debug',
});
module.exports = {
Logger,
logger: defaultLogger
logger: defaultLogger,
};