toolvana/public/assets/js/text-tool.js

/* 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;
    });
  }
})();