-
- TarkovLab
+ 
API TERMINAL
@@ -967,10 +1446,42 @@
-
-
SYS: ONLINE
- SECURE: YES
- TIME: 00:00:00
+
+
+
+
+
+
@@ -982,14 +1493,49 @@
-------------------------------------------------------- -->
+
Display Settings
+
+ Theme
+
+
+
+
+
+
-
+
+
+
@@ -1036,17 +1583,19 @@
-------------------------------------------------------- -->
+
+
+ Explorer
+ Build Query
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
GraphQL Editor
Input Query
-
+
-
// Enter query and execute to view API output.// Enter query and execute to view API output.
-
+
@@ -1088,7 +1639,7 @@
-------------------------------------------------------- -->
-
+
@@ -1122,10 +1680,30 @@
+
+
+
@@ -1139,7 +1717,7 @@
let selectedQuestId = null;
let queryEditor = null;
let totalPackets = 0;
-
+
// Trader details mapper
const tradersData = {
0: {
@@ -1333,12 +1911,14 @@
// APP LIFECYCLE
// ----------------------------------------------------------------
window.addEventListener('DOMContentLoaded', async () => {
- startClock();
initEditor();
queryEditor.setValue(queryPresets.allQuests);
-
+ initTheme();
+ buildExplorerTree();
+ buildCommandsModal();
+
await fetchAllQuestsFromServer();
-
+
populateQuestList();
showSchemaType('Query');
});
@@ -1355,17 +1935,6 @@
});
}
- function startClock() {
- const clockEl = document.getElementById('clock');
- setInterval(() => {
- const d = new Date();
- const hrs = String(d.getHours()).padStart(2, '0');
- const mins = String(d.getMinutes()).padStart(2, '0');
- const secs = String(d.getSeconds()).padStart(2, '0');
- clockEl.textContent = `${hrs}:${mins}:${secs}`;
- }, 1000);
- }
-
// ----------------------------------------------------------------
// GRAPHQL API INTERACTION
// ----------------------------------------------------------------
@@ -1402,7 +1971,7 @@
}
}
}`;
-
+
try {
const res = await fetch('/graphql', {
method: 'POST',
@@ -1423,18 +1992,37 @@
}
}
+ async function refreshData() {
+ const btn = document.getElementById('refresh-btn');
+ btn.classList.add('spinning');
+ btn.disabled = true;
+
+ try {
+ await fetchAllQuestsFromServer();
+ populateQuestList(getFilteredQuests());
+ if (selectedQuestId !== null && allQuests.some(q => q.id === selectedQuestId)) {
+ selectQuest(selectedQuestId);
+ }
+ } finally {
+ setTimeout(() => {
+ btn.classList.remove('spinning');
+ btn.disabled = false;
+ }, 400);
+ }
+ }
+
async function runQuery() {
const query = queryEditor.getValue();
const deployBtn = document.getElementById('btn-deploy');
const outputEl = document.getElementById('telemetry-output');
const uplinkVal = document.getElementById('uplink-status-value');
-
+
deployBtn.disabled = true;
deployBtn.textContent = 'EXECUTING...';
uplinkVal.textContent = 'Sending...';
-
+
const startTime = performance.now();
-
+
try {
const res = await fetch('/graphql', {
method: 'POST',
@@ -1444,25 +2032,25 @@
},
body: JSON.stringify({ query })
});
-
+
const duration = (performance.now() - startTime).toFixed(0);
const data = await res.json();
-
+
totalPackets++;
document.getElementById('packets-count').textContent = totalPackets;
-
+
outputEl.textContent = JSON.stringify(data, null, 2);
outputEl.style.color = data.errors ? 'var(--accent-red-bright)' : '#9fadb5';
-
+
document.getElementById('telemetry-status').textContent = `${res.status} ${res.statusText}`;
document.getElementById('telemetry-status').style.color = res.ok ? 'var(--accent-green-bright)' : 'var(--accent-red-bright)';
document.getElementById('telemetry-rtt').textContent = `${duration}ms`;
-
+
const size = (JSON.stringify(data).length / 1024).toFixed(2);
document.getElementById('telemetry-size').textContent = `${size} KB`;
-
+
uplinkVal.textContent = data.errors ? 'Errors Returned' : 'Success';
-
+
} catch (err) {
const duration = (performance.now() - startTime).toFixed(0);
outputEl.textContent = JSON.stringify({ error: err.message }, null, 2);
@@ -1495,7 +2083,7 @@
btn.classList.remove('active');
}
});
-
+
document.querySelectorAll('.tab-pane').forEach(pane => {
if (pane.id === tabId) {
pane.classList.add('active');
@@ -1514,47 +2102,47 @@
function populateQuestList(filtered = null) {
const container = document.getElementById('task-list-container');
container.innerHTML = '';
-
+
const questsToRender = filtered || allQuests;
-
+
if (questsToRender.length === 0) {
container.innerHTML = `
No tasks found
`;
return;
}
-
+
questsToRender.forEach(q => {
const item = document.createElement('div');
item.className = `task-list-item ${selectedQuestId === q.id ? 'active' : ''}`;
item.onclick = () => selectQuest(q.id);
-
+
const info = document.createElement('div');
info.style.overflow = 'hidden';
-
+
const title = document.createElement('div');
title.className = 'task-item-title';
title.textContent = q.title;
-
+
const traderName = tradersData[q.giver] ? tradersData[q.giver].name : `Trader ${q.giver}`;
const meta = document.createElement('div');
meta.className = 'task-item-trader';
meta.innerHTML = `ISSUED BY: ${traderName.toUpperCase()}`;
-
+
info.appendChild(title);
info.appendChild(meta);
-
+
const status = document.createElement('div');
status.className = `task-item-status-dot`;
-
+
item.appendChild(info);
item.appendChild(status);
-
+
container.appendChild(item);
});
}
function selectQuest(questId) {
selectedQuestId = questId;
-
+
document.querySelectorAll('.task-list-item').forEach((item, idx) => {
const renderedQuests = getFilteredQuests();
if (renderedQuests[idx] && renderedQuests[idx].id === questId) {
@@ -1563,14 +2151,14 @@
item.classList.remove('active');
}
});
-
+
const quest = allQuests.find(q => q.id === questId);
if (!quest) return;
-
+
const detailsContainer = document.getElementById('task-details-content');
const giverName = tradersData[quest.giver] ? tradersData[quest.giver].name : `Trader ${quest.giver}`;
const turninName = tradersData[quest.turnin] ? tradersData[quest.turnin].name : `Trader ${quest.turnin}`;
-
+
let reqHtml = '';
if (quest.require) {
const minLvl = quest.require.level || 1;
@@ -1579,7 +2167,7 @@
} else {
reqHtml = 'None';
}
-
+
let repsHtml = '';
if (quest.reputation && quest.reputation.length > 0) {
repsHtml = quest.reputation.map(r => {
@@ -1591,7 +2179,7 @@
} else {
repsHtml = 'None';
}
-
+
// Build Objectives
let objectivesHtml = '';
if (quest.objectives && quest.objectives.length > 0) {
@@ -1617,7 +2205,7 @@
`;
}
-
+
return `
@@ -1681,10 +2269,10 @@
Objectives
function getFilteredQuests() { const search = document.getElementById('task-search').value.toLowerCase(); const trader = document.getElementById('trader-filter-select').value; - + return allQuests.filter(q => { - const matchesSearch = q.title.toLowerCase().includes(search) || - q.objectives.some(o => o.target.toLowerCase().includes(search)); + const matchesSearch = q.title.toLowerCase().includes(search) || + q.objectives.some(o => o.target.toLowerCase().includes(search)); const matchesTrader = trader === 'all' || String(q.giver) === trader; return matchesSearch && matchesTrader; }); @@ -1738,11 +2326,11 @@Objectives
item.classList.remove('active'); } }); - + const doc = schemaDocs[typeName]; const contentEl = document.getElementById('schema-details-content'); if (!doc) return; - + let fieldsHtml = ''; if (doc.fields && doc.fields.length > 0) { fieldsHtml = doc.fields.map(f => ` @@ -1753,7 +2341,7 @@Objectives
`).join(''); } - + contentEl.innerHTML = `
${typeName.toUpperCase()}
@@ -1822,6 +2410,216 @@
+
+ `).join('');
+ }
+
+ function useQuickCommand(idx) {
+ queryEditor.setValue(quickCommands[idx].query);
+ toggleCommandsModal();
+ switchTab('console-tab');
+ }
+
+ function toggleCommandsModal() {
+ document.getElementById('commands-modal-overlay').classList.toggle('d-none');
+ }
+
+ function closeCommandsModalOnOverlay(e) {
+ if (e.target.id === 'commands-modal-overlay') {
+ toggleCommandsModal();
+ }
+ }
+
+ function stripGqlType(type) {
+ return type.replace(/[\[\]!]/g, '');
+ }
+
+ function buildExplorerFieldsHTML(typeName, pathPrefix, depth) {
+ const doc = schemaDocs[typeName];
+ if (!doc || depth > 4) return '';
+
+ return doc.fields.map(f => {
+ const fieldName = f.name.split('(')[0];
+ const childType = stripGqlType(f.type);
+ const isObject = !!schemaDocs[childType];
+ const path = pathPrefix ? `${pathPrefix}.${fieldName}` : fieldName;
+
+ if (isObject) {
+ return `
+
+
+ ${c.title}
+
+
+ ${c.desc}
+ ${c.query}
+
+
`;
+ }
+
+ return `
+ + +
+
+ ${buildExplorerFieldsHTML(childType, path, depth + 1)}
+
+
+
+
`;
+ }).join('');
+ }
+
+ function buildExplorerTree() {
+ document.getElementById('explorer-tree').innerHTML = buildExplorerFieldsHTML('Quest', '', 0);
+ }
+
+ function onExplorerCheck(e) {
+ const cb = e.target;
+ const node = cb.closest('.explorer-node');
+ let parentNode = cb.closest('.explorer-children');
+ while (parentNode) {
+ const parentDetails = parentNode.closest('.explorer-node');
+ if (!parentDetails) break;
+ const parentCheckbox = parentDetails.querySelector(':scope > summary input[type="checkbox"]');
+ if (cb.checked && parentCheckbox) parentCheckbox.checked = true;
+ parentNode = parentDetails.parentElement.closest('.explorer-children');
+ }
+ }
+
+ function onExplorerOperationChange() {
+ const op = document.getElementById('explorer-operation').value;
+ document.getElementById('explorer-id-input').classList.toggle('d-none', op !== 'quest');
+ document.getElementById('explorer-trader-input').classList.toggle('d-none', op !== 'questsByTrader');
+ }
+
+ function clearExplorerSelection() {
+ document.querySelectorAll('#explorer-tree input[type="checkbox"]').forEach(cb => cb.checked = false);
+ }
+
+ function buildSelectionSetFromPaths(paths) {
+ const tree = {};
+ paths.forEach(p => {
+ const parts = p.split('.');
+ let node = tree;
+ parts.forEach(part => {
+ node[part] = node[part] || {};
+ node = node[part];
+ });
+ });
+
+ function stringify(node, indent) {
+ const pad = ' '.repeat(indent);
+ return Object.keys(node).map(key => {
+ const children = node[key];
+ if (Object.keys(children).length === 0) {
+ return `${pad}${key}`;
+ }
+ return `${pad}${key} {\n${stringify(children, indent + 1)}\n${pad}}`;
+ }).join('\n');
+ }
+
+ return stringify(tree, 2);
+ }
+
+ function generateExplorerQuery() {
+ const checked = Array.from(document.querySelectorAll('#explorer-tree input[type="checkbox"]:checked'))
+ .map(cb => cb.dataset.path);
+
+ if (checked.length === 0) {
+ alert('Select at least one field in the explorer tree.');
+ return;
+ }
+
+ const selectionSet = buildSelectionSetFromPaths(checked);
+ const op = document.getElementById('explorer-operation').value;
+ let query;
+
+ if (op === 'quests') {
+ query = `query ExplorerQuery {\n quests {\n${selectionSet}\n }\n}`;
+ } else if (op === 'quest') {
+ const id = document.getElementById('explorer-id-input').value || 1;
+ query = `query ExplorerQuery {\n quest(id: ${id}) {\n${selectionSet}\n }\n}`;
+ } else {
+ const trader = document.getElementById('explorer-trader-input').value || 0;
+ query = `query ExplorerQuery {\n questsByTrader(trader: ${trader}) {\n${selectionSet}\n }\n}`;
+ }
+
+ queryEditor.setValue(query);
+ }
-
+
+