Create mod presets to use with Reforger server configs.
// ==UserScript==
// @name ArmA Reforger Workshop - Preset Maker
// @namespace reforger_preset_maker
// @version 1.2
// @description Create mod presets to use with Reforger server configs.
// @author JJayRex
// @match https://reforger.armaplatform.com/workshop*
// @grant none
// @run-at document-idle
// @license GPL-3.0-or-later
// ==/UserScript==
(function () {
'use strict';
const STORAGE_KEY = 'reforgerPreset';
// Storage helpers
function loadMods() {
try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'); }
catch { return []; }
}
function saveMods(mods) {
localStorage.setItem(STORAGE_KEY, JSON.stringify(mods));
refreshPanel();
}
function upsertMod(mod) {
const mods = loadMods();
const idx = mods.findIndex(m => m.modId === mod.modId);
if (idx >= 0) mods[idx] = mod; else mods.push(mod);
saveMods(mods);
}
function removeMod(modId) {
const mods = loadMods().filter(m => m.modId !== modId);
saveMods(mods);
}
// UI
function ensureUI() {
if (document.getElementById('presetToggle')) return;
const btn = document.createElement('button');
btn.id = 'presetToggle';
btn.textContent = 'Preset';
Object.assign(btn.style, {
position: 'fixed', bottom: '10px', right: '20px', zIndex: '999999',
background: '#0d6efd', color: '#fff', border: 'none',
padding: '6px 10px', borderRadius: '6px', cursor: 'pointer',
fontSize: '14px', boxShadow: '0 2px 8px rgba(0,0,0,.3)'
});
document.body.appendChild(btn);
const panel = document.createElement('div');
panel.id = 'presetPanel';
Object.assign(panel.style, {
display: 'none', position: 'fixed', bottom: '60px', right: '20px',
zIndex: '999999', background: 'rgba(20,20,20,.95)', color: '#eee',
padding: '12px', border: '1px solid #444', borderRadius: '8px',
maxHeight: '75vh', overflowY: 'auto', width: '460px',
boxShadow: '0 8px 24px rgba(0,0,0,.4)', backdropFilter: 'blur(2px)'
});
const header = document.createElement('div');
header.style.display = 'flex';
header.style.gap = '8px';
header.style.alignItems = 'center';
header.style.marginBottom = '8px';
const title = document.createElement('strong');
title.textContent = 'Mod Preset';
title.style.flex = '1';
const clearBtn = document.createElement('button');
clearBtn.textContent = 'Clear all';
Object.assign(clearBtn.style, smallBtnStyle('#6c757d'));
const closeBtn = document.createElement('button');
closeBtn.textContent = 'Close';
Object.assign(closeBtn.style, smallBtnStyle('#dc3545'));
header.appendChild(title);
header.appendChild(clearBtn);
header.appendChild(closeBtn);
const listWrap = document.createElement('div');
listWrap.id = 'modListWrap';
listWrap.style.marginBottom = '10px';
listWrap.style.border = '1px solid #333';
listWrap.style.borderRadius = '6px';
listWrap.style.padding = '8px';
listWrap.style.background = '#1d1f20';
const jsonTitle = h3('JSON');
const jsonArea = ta('modJsonView', 140);
const strTitle = h3('STRING');
const strArea = ta('modStringView', 60);
strArea.setAttribute('wrap', 'off');
strArea.style.overflowX = 'auto';
panel.append(header, listWrap, jsonTitle, jsonArea, strTitle, strArea);
document.body.appendChild(panel);
btn.addEventListener('click', () => {
panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
if (panel.style.display === 'block') refreshPanel();
});
closeBtn.addEventListener('click', () => panel.style.display = 'none');
clearBtn.addEventListener('click', () => {
if (confirm('Clear entire mod preset?')) saveMods([]);
});
}
function smallBtnStyle(bg) {
return {
background: bg, color: '#fff', border: 'none', padding: '4px 8px',
borderRadius: '6px', cursor: 'pointer', fontSize: '12px'
};
}
function h3(text) {
const el = document.createElement('h3');
el.textContent = text;
el.style.margin = '8px 0 4px 0';
el.style.fontSize = '14px';
return el;
}
function ta(id, heightPx) {
const el = document.createElement('textarea');
el.id = id; el.readOnly = true;
Object.assign(el.style, {
width: '100%', height: `${heightPx}px`, fontFamily: 'monospace',
fontSize: '12px', background: '#111', color: '#eee',
border: '1px solid #333', borderRadius: '6px', padding: '6px'
});
return el;
}
function refreshPanel() {
const panel = document.getElementById('presetPanel');
if (!panel) return;
const mods = loadMods();
// List
const listWrap = document.getElementById('modListWrap');
listWrap.innerHTML = '';
if (mods.length === 0) {
const empty = document.createElement('div');
empty.textContent = 'No mods added yet.';
empty.style.opacity = '0.8';
listWrap.appendChild(empty);
} else {
for (const m of mods) {
const row = document.createElement('div');
row.style.display = 'grid';
row.style.gridTemplateColumns = '1fr auto';
row.style.alignItems = 'center';
row.style.gap = '6px';
row.style.padding = '4px 0';
const info = document.createElement('div');
info.innerHTML = `<div><b>${escapeHtml(m.name || '')}</b></div>
<div style="opacity:.8">ID: ${escapeHtml(m.modId)}</div>`;
const rm = document.createElement('button');
rm.textContent = 'Remove';
Object.assign(rm.style, smallBtnStyle('#dc3545'));
rm.addEventListener('click', () => removeMod(m.modId));
row.append(info, rm);
listWrap.appendChild(row);
const hr = document.createElement('hr');
hr.style.border = 'none'; hr.style.borderTop = '1px solid #2b2b2b';
listWrap.appendChild(hr);
}
if (listWrap.lastChild && listWrap.lastChild.tagName === 'HR') listWrap.removeChild(listWrap.lastChild);
}
// JSON view
const jsonArea = document.getElementById('modJsonView');
jsonArea.value = JSON.stringify(mods, null, 2);
// STRING view
const ids = mods.map(m => m.modId).filter(Boolean);
document.getElementById('modStringView').value = `-addon ${ids.join(', ')}`;
}
function escapeHtml(s) {
return String(s).replace(/[&<>"']/g, m => ({
'&': '&', '<': '<', '>': '>', '"': '"', "'": '''
}[m]));
}
// Add button
function isModPage() {
return /\/workshop\/[0-9A-Fa-f]{16}(?:-|$)/.test(location.pathname);
}
function getIdFromUrl() {
const m = location.pathname.match(/\/workshop\/([0-9A-Fa-f]{16})/);
return m ? m[1].toUpperCase() : '';
}
async function ensureAddButton() {
if (!isModPage()) return;
// Avoid duplicates
if (document.getElementById('addToPresetBtn')) return;
// Wait for H1
const h1 = await waitForElm('main h1, main section h1', 8000).catch(() => null);
// Create button
const addBtn = document.createElement('button');
addBtn.id = 'addToPresetBtn';
addBtn.textContent = 'Add to Preset';
Object.assign(addBtn.style, smallBtnStyle('#28a745'));
addBtn.style.fontSize = '13px';
addBtn.style.margin = '6px 0';
// Place near top
const anchor = h1 || document.querySelector('main section, main');
if (h1 && h1.parentNode) {
h1.parentNode.insertBefore(addBtn, h1.nextSibling);
} else if (anchor) {
anchor.insertBefore(addBtn, anchor.firstChild);
} else {
document.body.insertBefore(addBtn, document.body.firstChild);
}
addBtn.addEventListener('click', async () => {
addBtn.disabled = true;
const orig = addBtn.textContent;
try {
const data = await scrapeModData();
if (!data.modId) throw new Error('Mod ID not found');
upsertMod(data);
const deps = collectDependencies();
let msg = 'Added!';
if (deps.length > 0) {
deps.forEach(d => upsertMod(d));
msg = `Added (+${deps.length} deps)`;
}
addBtn.textContent = 'Added!';
setTimeout(() => addBtn.textContent = orig, 1500);
} catch (e) {
console.warn(e);
addBtn.textContent = 'Failed (see console)';
setTimeout(() => addBtn.textContent = orig, 2000);
} finally {
addBtn.disabled = false;
}
});
}
async function scrapeModData() {
const h1 = document.querySelector('main h1, main section h1');
const name = (h1?.textContent || '').trim();
let modId = '';
// Try semantic pass
document.querySelectorAll('dl, div').forEach(dl => {
// Only inspect blocks that look like info rows
const rows = dl.querySelectorAll(':scope > div');
rows.forEach(div => {
const dt = div.querySelector('dt');
const dd = div.querySelector('dd');
if (!dt || !dd) return;
const label = dt.textContent.trim().toLowerCase();
if (label === 'id') {
const span = dd.querySelector('span');
modId = (span ? span.textContent : dd.textContent).trim();
}
});
});
// Fallbacks
if (!modId) modId = getIdFromUrl();
// Normalize
modId = (modId || '').toUpperCase();
return { modId, name };
}
// Dependencies
function xpevalFirst(xpath) {
try {
return document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
} catch { return null; }
}
// Try the user-given container first
function findDependenciesContainer() {
const exact = xpevalFirst('/html/body/div[1]/div/main/div/section/div[2]/div[2]/section/div');
return exact;
}
function collectDependencies() {
const container = findDependenciesContainer();
if (!container) return [];
const anchors = Array.from(container.querySelectorAll('a[href^="/workshop/"][href*="-"]'));
const currentId = getIdFromUrl();
const results = [];
for (const a of anchors) {
const href = a.getAttribute('href') || '';
const m = href.match(/\/workshop\/([0-9A-Fa-f]{16})-([^/?#]+)/);
if (!m) continue;
const modId = m[1].toUpperCase();
if (modId === currentId) continue; // skip self
const slug = decodeURIComponent(m[2]);
const name = deriveNameFromAnchor(a, slug);
results.push({ modId, name });
}
return uniqBy(results, x => x.modId);
}
function deriveNameFromAnchor(a, slug) {
// Prefer visible text on the dependency card/link
let txt = (a.innerText || a.textContent || '').trim();
if (txt) {
// Take first non-empty line (cards often have multiple lines)
const firstLine = txt.split('\n').map(s => s.trim()).filter(Boolean)[0];
if (firstLine) return firstLine;
}
// Fallback: guess from slug: underscores -> spaces, keep hyphens (e.g., UH-60)
let s = (slug || '').replace(/_/g, ' ');
// Insert spaces for CamelCase boundaries: ProjectRedline -> Project Redline
s = s.replace(/([a-z])([A-Z])/g, '$1 $2');
return s.trim();
}
function uniqBy(arr, keyFn) {
const seen = new Set();
const out = [];
for (const it of arr) {
const k = keyFn(it);
if (!seen.has(k)) { seen.add(k); out.push(it); }
}
return out;
}
// Utils
function waitForElm(selector, timeoutMs = 5000) {
return new Promise((resolve, reject) => {
const found = document.querySelector(selector);
if (found) return resolve(found);
const obs = new MutationObserver(() => {
const el = document.querySelector(selector);
if (el) {
obs.disconnect();
resolve(el);
}
});
obs.observe(document.documentElement, { childList: true, subtree: true });
if (timeoutMs > 0) {
setTimeout(() => {
obs.disconnect();
reject(new Error(`Timeout waiting for ${selector}`));
}, timeoutMs);
}
});
}
// Hook SPA navigation
function hookRouting() {
const fire = () => window.dispatchEvent(new Event('locationchange'));
const _ps = history.pushState;
history.pushState = function () {
const r = _ps.apply(this, arguments);
fire(); return r;
};
const _rs = history.replaceState;
history.replaceState = function () {
const r = _rs.apply(this, arguments);
fire(); return r;
};
window.addEventListener('popstate', fire);
window.addEventListener('locationchange', () => {
// Attempt to add button on route change
setTimeout(ensureAddButton, 0);
});
}
// Boot
function boot() {
ensureUI();
hookRouting();
ensureAddButton();
// Just in case
const mo = new MutationObserver(() => {
if (isModPage() && !document.getElementById('addToPresetBtn')) {
clearTimeout(mo._t);
mo._t = setTimeout(ensureAddButton, 150);
}
});
mo.observe(document.body, { childList: true, subtree: true });
}
// Delay boot
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();