Toolvana: production-ready media tools platform (CodeIgniter 4)
- 134-tool registry with programmatic SEO (unique titles/H1/descriptions, JSON-LD graphs, sitemap index, canonical 301 enforcement via required filter) - DB-backed job queue (SKIP LOCKED) with drivers: Ffmpeg, Images (GD), Pdf (qpdf/gs/poppler), Youtube (thumbnails), Qr (server-side PNG) - Security: SSRF guard, MIME validation, rate limits, API-key auth, bcrypt admin login, security headers - Admin panel: dashboard, tools/categories/guides CRUD, SEO audit, analytics, job inspector with retry, system health, feature flags - Docker deployment (nginx + web/api FPM pools + scalable workers), PHPUnit suite (19 tests / 1139 assertions), PWA manifest + service worker
This commit is contained in:
deepseek
@@ -0,0 +1,214 @@
|
||||
/* Client-side text tools — everything computed locally, zero requests. */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var form = document.getElementById('tool-form');
|
||||
if (!form) return;
|
||||
var op = form.dataset.client;
|
||||
var input = document.getElementById('tool-input');
|
||||
var out = document.getElementById('client-result');
|
||||
|
||||
function render(text, extra) {
|
||||
out.innerHTML = '';
|
||||
var pre = document.createElement('textarea');
|
||||
pre.className = 'tool-area';
|
||||
pre.readOnly = true;
|
||||
pre.value = text;
|
||||
out.appendChild(pre);
|
||||
if (extra) {
|
||||
var p = document.createElement('p');
|
||||
p.className = 'hint';
|
||||
p.textContent = extra;
|
||||
out.appendChild(p);
|
||||
}
|
||||
var copy = document.createElement('button');
|
||||
copy.className = 'btn-primary';
|
||||
copy.type = 'button';
|
||||
copy.style.cssText = 'margin-top:.7rem;padding:.6rem 1.4rem;font-size:.92rem';
|
||||
copy.textContent = 'Copy result';
|
||||
copy.addEventListener('click', function () {
|
||||
navigator.clipboard.writeText(pre.value).then(function () { copy.textContent = 'Copied!'; setTimeout(function(){copy.textContent='Copy result';},1500); });
|
||||
});
|
||||
out.appendChild(copy);
|
||||
out.classList.add('show');
|
||||
}
|
||||
|
||||
form.addEventListener('submit', function (e) {
|
||||
e.preventDefault();
|
||||
var v = input.value;
|
||||
|
||||
// Server-rendered tools go through the job queue like uploads.
|
||||
if (op === 'qr_generate') {
|
||||
runQrJob(v);
|
||||
return;
|
||||
}
|
||||
|
||||
switch (op) {
|
||||
case 'hash_text': {
|
||||
Promise.all(['SHA-256', 'SHA-512', 'SHA-1'].map(function (alg) {
|
||||
return crypto.subtle.digest(alg, new TextEncoder().encode(v)).then(function (buf) {
|
||||
return [alg, Array.from(new Uint8Array(buf)).map(function (b) { return b.toString(16).padStart(2, '0'); }).join('')];
|
||||
});
|
||||
})).then(function (pairs) {
|
||||
var md5 = sparklessMd5(v);
|
||||
render(pairs.map(function (p) { return p[0] + '\n' + p[1]; }).join('\n\n') + '\n\nMD5\n' + md5);
|
||||
});
|
||||
break;
|
||||
}
|
||||
case 'uuid_gen': {
|
||||
var lines = [];
|
||||
for (var i = 0; i < 10; i++) lines.push(crypto.randomUUID());
|
||||
render(lines.join('\n'));
|
||||
break;
|
||||
}
|
||||
case 'json_format': {
|
||||
try {
|
||||
var obj = JSON.parse(v);
|
||||
render(JSON.stringify(obj, null, 2));
|
||||
} catch (err) {
|
||||
render('// JSON error: ' + err.message + '\n\n' + String(err).split('\n')[1] || '');
|
||||
}
|
||||
break;
|
||||
}
|
||||
case 'url_encode':
|
||||
try { render(encodeURIComponent(v)); } catch (e) { render(''); }
|
||||
break;
|
||||
case 'url_decode':
|
||||
try { render(decodeURIComponent(v.replace(/\+/g, ' '))); } catch (err) { showErrorBox('Invalid percent-encoding.'); }
|
||||
break;
|
||||
case 'timestamp_convert': {
|
||||
var n = Number(v.trim());
|
||||
var ms = !isNaN(n) && String(Math.trunc(n)).length <= 13 ? n : Date.parse(v);
|
||||
if (isNaN(ms)) { showErrorBox('Could not parse that timestamp.'); break; }
|
||||
var d = new Date(ms < 1e12 ? ms * 1000 : ms);
|
||||
render(
|
||||
'ISO 8601: ' + d.toISOString() + '\nUTC: ' + d.toUTCString() +
|
||||
'\nLocal: ' + d.toLocaleString() + '\nUnix seconds: ' + Math.floor(d.getTime() / 1000)
|
||||
);
|
||||
break;
|
||||
}
|
||||
case 'color_convert': {
|
||||
var hex = v.trim().replace('#', '');
|
||||
if (!/^[0-9a-f]{6}$/i.test(hex)) { showErrorBox('Enter a hex color like #7c3aed'); break; }
|
||||
var r = parseInt(hex.slice(0, 2), 16), g = parseInt(hex.slice(2, 4), 16), b = parseInt(hex.slice(4, 6), 16);
|
||||
var hsl = rgbToHsl(r, g, b);
|
||||
render('HEX: #' + hex.toUpperCase() + '\nRGB: rgb(' + r + ', ' + g + ', ' + b + ')\nHSL: hsl(' + hsl[0] + ', ' + hsl[1] + '%, ' + hsl[2] + '%)');
|
||||
break;
|
||||
}
|
||||
default:
|
||||
render('This tool runs in your browser. Output appears here.');
|
||||
}
|
||||
});
|
||||
|
||||
function showErrorBox(msg) {
|
||||
out.innerHTML = '<p class="notice error">' + msg + '</p>';
|
||||
out.classList.add('show');
|
||||
}
|
||||
|
||||
function rgbToHsl(r, g, b) {
|
||||
r /= 255; g /= 255; b /= 255;
|
||||
var max = Math.max(r, g, b), min = Math.min(r, g, b), h = 0, s = 0, l = (max + min) / 2;
|
||||
if (max !== min) {
|
||||
var dd = max - min;
|
||||
s = l > 0.5 ? dd / (2 - max - min) : dd / (max + min);
|
||||
h = max === r ? ((g - b) / dd + (g < b ? 6 : 0)) : max === g ? (b - r) / dd + 2 : (r - g) / dd + 4;
|
||||
h *= 60;
|
||||
}
|
||||
return [Math.round(h), Math.round(s * 100), Math.round(l * 100)];
|
||||
}
|
||||
|
||||
/* compact MD5 implementation (public-domain algorithm, RFC 1321) */
|
||||
function sparklessMd5(str) {
|
||||
function rl(n, c) { return (n << c) | (n >>> (32 - c)); }
|
||||
function add(a, b) { return (((a >> 16) + (b >> 16) + (((a & 65535) + (b & 65535)) >> 16)) << 16) | (((a & 65535) + (b & 65535)) & 65535); }
|
||||
function ff(a, b, c, d, x, s, t) { return add(rl(add(add(a, (b & c) | (~b & d)), add(x, t)), s), b); }
|
||||
function gg(a, b, c, d, x, s, t) { return add(rl(add(add(a, (b & d) | (c & ~d)), add(x, t)), s), b); }
|
||||
function hh(a, b, c, d, x, s, t) { return add(rl(add(add(a, b ^ c ^ d), add(x, t)), s), b); }
|
||||
function ii(a, b, c, d, x, s, t) { return add(rl(add(add(a, c ^ (b | ~d)), add(x, t)), s), b); }
|
||||
|
||||
var utf8 = unescape(encodeURIComponent(str));
|
||||
var n = utf8.length;
|
||||
var words = [];
|
||||
for (var i = 0; i < n; i++) words[i >> 2] = (words[i >> 2] || 0) | (utf8.charCodeAt(i) << ((i % 4) << 3));
|
||||
words[n >> 2] = (words[n >> 2] || 0) | (0x80 << ((n % 4) << 3));
|
||||
var len = (((n + 8) >> 6) + 1) * 16;
|
||||
for (i = n + 8; i < len; i++) words[i] = words[i] || 0;
|
||||
words[len - 2] = n * 8;
|
||||
|
||||
var a = 1732584193, b = -271733879, c = -1732584194, d = 271733878;
|
||||
for (i = 0; i < len; i += 16) {
|
||||
var oa = a, ob = b, oc = c, od = d;
|
||||
a=ff(a,b,c,d,words[i],7,-680876936); d=ff(d,a,b,c,words[i+1],12,-389564586); c=ff(c,d,a,b,words[i+2],17,606105819); b=ff(b,c,d,a,words[i+3],22,-1044525330);
|
||||
a=ff(a,b,c,d,words[i+4],7,-176418897); d=ff(d,a,b,c,words[i+5],12,1200080426); c=ff(c,d,a,b,words[i+6],17,-1473231341); b=ff(b,c,d,a,words[i+7],22,-45705983);
|
||||
a=ff(a,b,c,d,words[i+8],7,1770035416); d=ff(d,a,b,c,words[i+9],12,-1958414417); c=ff(c,d,a,b,words[i+10],17,-42063); b=ff(b,c,d,a,words[i+11],22,-1990404162);
|
||||
a=ff(a,b,c,d,words[i+12],7,1804603682); d=ff(d,a,b,c,words[i+13],12,-40341101); c=ff(c,d,a,b,words[i+14],17,-1502002290); b=ff(b,c,d,a,words[i+15],22,1236535329);
|
||||
a=gg(a,b,c,d,words[i+1],5,-165796510); d=gg(d,a,b,c,words[i+6],9,-1069501632); c=gg(c,d,a,b,words[i+11],14,643717713); b=gg(b,c,d,a,words[i],20,-373897302);
|
||||
a=gg(a,b,c,d,words[i+5],5,-701558691); d=gg(d,a,b,c,words[i+10],9,38016083); c=gg(c,d,a,b,words[i+15],14,-660478335); b=gg(b,c,d,a,words[i+4],20,-405537848);
|
||||
a=gg(a,b,c,d,words[i+9],5,568446438); d=gg(d,a,b,c,words[i+14],9,-1019803690); c=gg(c,d,a,b,words[i+3],14,-187363961); b=gg(b,c,d,a,words[i+8],20,1163531501);
|
||||
a=gg(a,b,c,d,words[i+13],5,-1444681467); d=gg(d,a,b,c,words[i+2],9,-51403784); c=gg(c,d,a,b,words[i+7],14,1735328473); b=gg(b,c,d,a,words[i+12],20,-1926607734);
|
||||
a=hh(a,b,c,d,words[i+5],4,-378558); d=hh(d,a,b,c,words[i+8],11,-2022574463); c=hh(c,d,a,b,words[i+11],16,1839030562); b=hh(b,c,d,a,words[i+14],23,-35309556);
|
||||
a=hh(a,b,c,d,words[i+1],4,-1530992060); d=hh(d,a,b,c,words[i+4],11,1272893353); c=hh(c,d,a,b,words[i+7],16,-155497632); b=hh(b,c,d,a,words[i+10],23,-1094730640);
|
||||
a=hh(a,b,c,d,words[i+13],4,681279174); d=hh(d,a,b,c,words[i],11,-358537222); c=hh(c,d,a,b,words[i+3],16,-722521979); b=hh(b,c,d,a,words[i+6],23,76029189);
|
||||
a=hh(a,b,c,d,words[i+9],4,-640364487); d=hh(d,a,b,c,words[i+12],11,-421815835); c=hh(c,d,a,b,words[i+15],16,530742520); b=hh(b,c,d,a,words[i+2],23,-995338651);
|
||||
a=ii(a,b,c,d,words[i],6,-198630844); d=ii(d,a,b,c,words[i+7],10,1126891415); c=ii(c,d,a,b,words[i+14],15,-1416354905); b=ii(b,c,d,a,words[i+5],21,-57434055);
|
||||
a=ii(a,b,c,d,words[i+12],6,1700485571); d=ii(d,a,b,c,words[i+3],10,-1894986606); c=ii(c,d,a,b,words[i+10],15,-1051523); b=ii(b,c,d,a,words[i+1],21,-2054922799);
|
||||
a=ii(a,b,c,d,words[i+8],6,1873313359); d=ii(d,a,b,c,words[i+15],10,-30611744); c=ii(c,d,a,b,words[i+6],15,-1560198380); b=ii(b,c,d,a,words[i+13],21,1309151649);
|
||||
a=ii(a,b,c,d,words[i+4],6,-145523070); d=ii(d,a,b,c,words[i+11],10,-1120210379); c=ii(c,d,a,b,words[i+2],15,718787259); b=ii(b,c,d,a,words[i+9],21,-343485551);
|
||||
a=add(a,oa); b=add(b,ob); c=add(c,oc); d=add(d,od);
|
||||
}
|
||||
function hex(num) {
|
||||
var s = '';
|
||||
for (var j = 0; j < 4; j++) s += ('0' + ((num >> (j * 8)) & 255).toString(16)).slice(-2);
|
||||
return s;
|
||||
}
|
||||
return hex(a) + hex(b) + hex(c) + hex(d);
|
||||
}
|
||||
/* QR generator: submit to the processing queue, poll, show PNG. */
|
||||
function runQrJob(content) {
|
||||
if (!content.trim()) { return; }
|
||||
var sizeSel = document.getElementById('qr-size');
|
||||
var lvlSel = document.getElementById('qr-level');
|
||||
out.innerHTML = '<p class="hint">Generating…</p>';
|
||||
out.classList.add('show');
|
||||
|
||||
fetch('/jobs/start', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
tool: 'qr-code-generator',
|
||||
content: content,
|
||||
size: sizeSel ? parseInt(sizeSel.value, 10) : 300,
|
||||
level: lvlSel ? lvlSel.value : 'M'
|
||||
})
|
||||
}).then(function (r) { return r.json(); }).then(function (data) {
|
||||
if (!data.ok) { throw new Error(data.error || 'Request failed'); }
|
||||
return pollJob(data.job_id);
|
||||
}).then(function (job) {
|
||||
if (job.status !== 'completed') { throw new Error(job.error || 'Generation failed'); }
|
||||
out.innerHTML = '';
|
||||
var img = document.createElement('img');
|
||||
img.src = '/preview/' + job.id + '.png';
|
||||
img.alt = 'QR code';
|
||||
img.width = 280; img.height = 280;
|
||||
out.appendChild(img);
|
||||
var dl = document.createElement('a');
|
||||
dl.className = 'btn-primary';
|
||||
dl.style.cssText = 'display:inline-block;margin-top:.8rem;padding:.6rem 1.4rem;font-size:.92rem;text-decoration:none';
|
||||
dl.href = '/download/' + job.id;
|
||||
dl.textContent = 'Download PNG';
|
||||
out.appendChild(dl);
|
||||
}).catch(function (err) {
|
||||
out.innerHTML = '<p class="notice error"></p>';
|
||||
out.querySelector('.notice').textContent = err.message;
|
||||
});
|
||||
}
|
||||
|
||||
function pollJob(id) {
|
||||
return fetch('/api/jobs/' + id).then(function (r) { return r.json(); }).then(function (d) {
|
||||
if (d.status === 'queued' || d.status === 'processing') {
|
||||
return new Promise(function (resolve) { setTimeout(resolve, 700); }).then(function () { return pollJob(id); });
|
||||
}
|
||||
return d;
|
||||
});
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user