bit-twiddler 0.1.0

Cross-platform developer toolbox: bit manipulation, hashing, YAML/JSON/SQL, QR, Markdown, cron, and 40+ more tools — Tauri v2, no Node.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

// About modal — open/close logic, version fetching, and link copying
(function () {
  const modal    = document.getElementById('about-modal');
  const backdrop = document.getElementById('about-backdrop');
  const closeBtn = document.getElementById('about-close');
  const openBtn  = document.getElementById('about-open');
  const verEl    = document.getElementById('about-version');
  const card     = modal && modal.querySelector('.about-card');

  if (!modal || !card) return;

  function open() {
    // Show the container first (display: block), then animate on next frame
    // so the browser has an initial state to transition FROM.
    modal.classList.remove('hidden');
    requestAnimationFrame(() => requestAnimationFrame(() => {
      backdrop.classList.remove('opacity-0');
      card.classList.remove('scale-95', 'opacity-0');
    }));
  }

  function close() {
    backdrop.classList.add('opacity-0');
    card.classList.add('scale-95', 'opacity-0');
    setTimeout(() => modal.classList.add('hidden'), 200);
  }

  openBtn.addEventListener('click', open);
  closeBtn.addEventListener('click', close);
  backdrop.addEventListener('click', (e) => {
    if (e.target === backdrop) close();
  });
  document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape' && !modal.classList.contains('hidden')) close();
  });

  // Copy URL to clipboard on link button click
  modal.querySelectorAll('.about-copy-link').forEach((btn) => {
    btn.addEventListener('click', () => {
      const url = btn.dataset.url;
      if (!url) return;
      navigator.clipboard.writeText(url).then(() => {
        const label = btn.querySelector('.about-copy-label');
        if (!label) return;
        const orig = label.textContent;
        label.textContent = 'Copied!';
        label.classList.add('text-green-500');
        setTimeout(() => {
          label.textContent = orig;
          label.classList.remove('text-green-500');
        }, 1500);
      });
    });
  });

  // Fetch app version from Tauri at runtime
  if (window.__TAURI__?.app?.getVersion) {
    window.__TAURI__.app.getVersion().then((v) => {
      if (verEl) verEl.textContent = 'v' + v;
    }).catch(() => {});
  }
})();