refactor: convert screenshot support to TypeScript

src/trx-client/trx-frontend/trx-frontend-http/assets/web/generated/screenshot.js

@@ -1,7 +1,8 @@
 "use strict";
+const screenshotWindow = window;
 (function() {
   "use strict";
-  const T = window.trx;
+  const T = screenshotWindow.trx;
   function isVisibleForSnapshot(el) {
     if (!el) return false;
     const style = getComputedStyle(el);
@@ -40,25 +41,26 @@
     const bgAlpha = Math.min(bg[3], maxAlpha);
     if (bgAlpha > 0.01) {
       drawRoundedRectPath(ctx, x, y, w, h, radius);
-      ctx.fillStyle = `rgba(${Math.round(bg[0])}, ${Math.round(bg[1])}, ${Math.round(bg[2])}, ${bgAlpha})`;
+      ctx.fillStyle = `rgba(${String(Math.round(bg[0]))}, ${String(Math.round(bg[1]))}, ${String(Math.round(bg[2]))}, ${String(bgAlpha)})`;
       ctx.fill();
     }
     const borderAlpha = Math.min(border[3], maxAlpha);
     if (borderWidth > 0 && borderAlpha > 0.01) {
       drawRoundedRectPath(ctx, x + borderWidth * 0.5, y + borderWidth * 0.5, w - borderWidth, h - borderWidth, Math.max(0, radius - borderWidth * 0.5));
       ctx.lineWidth = borderWidth;
-      ctx.strokeStyle = `rgba(${Math.round(border[0])}, ${Math.round(border[1])}, ${Math.round(border[2])}, ${borderAlpha})`;
+      ctx.strokeStyle = `rgba(${String(Math.round(border[0]))}, ${String(Math.round(border[1]))}, ${String(Math.round(border[2]))}, ${String(borderAlpha)})`;
       ctx.stroke();
     }
     return { x, y, w, h, style };
   }
   function drawWrappedText(ctx, text, x, y, maxWidth, lineHeight, maxLines) {
-    const words = String(text || "").split(/\s+/).filter(Boolean);
+    const words = (text || "").split(/\s+/).filter(Boolean);
     if (!words.length) return;
     let line = "";
     let lineIdx = 0;
     for (let i = 0; i < words.length; i += 1) {
-      const candidate = line ? `${line} ${words[i]}` : words[i];
+      const word = words[i] ?? "";
+      const candidate = line ? `${line} ${word}` : word;
       if (ctx.measureText(candidate).width <= maxWidth || !line) {
         line = candidate;
         continue;
@@ -66,7 +68,7 @@
       ctx.fillText(line, x, y + lineIdx * lineHeight);
       lineIdx += 1;
       if (lineIdx >= maxLines) return;
-      line = words[i];
+      line = word;
     }
     if (line && lineIdx < maxLines) {
       ctx.fillText(line, x, y + lineIdx * lineHeight);
@@ -132,7 +134,7 @@
       try {
         if (typeof gl.flush === "function") gl.flush();
         if (typeof gl.finish === "function") gl.finish();
-      } catch (_) {
+      } catch {
       }
     }
     const rootRect = rootEl.getBoundingClientRect();
@@ -188,7 +190,9 @@
     a.style.display = "none";
     document.body.appendChild(a);
     a.click();
-    requestAnimationFrame(() => a.remove());
+    requestAnimationFrame(() => {
+      a.remove();
+    });
   }
   function saveCanvasAsPng(canvas, fileName) {
     if (!canvas) return Promise.resolve(false);
@@ -202,10 +206,12 @@
             }
             const url = URL.createObjectURL(blob);
             clickCanvasDownload(url, fileName);
-            setTimeout(() => URL.revokeObjectURL(url), 1e3);
+            setTimeout(() => {
+              URL.revokeObjectURL(url);
+            }, 1e3);
             resolve(true);
           }, "image/png");
-        } catch (_) {
+        } catch {
           resolve(false);
         }
       });
@@ -213,7 +219,7 @@
     try {
       clickCanvasDownload(canvas.toDataURL("image/png"), fileName);
       return Promise.resolve(true);
-    } catch (_) {
+    } catch {
       return Promise.resolve(false);
     }
   }
@@ -228,7 +234,7 @@
     T.showHint(saved ? "Spectrum screenshot saved" : "Spectrum screenshot failed", saved ? 1500 : 1800);
     return saved;
   }
-  window.trx.modules.screenshot = {
+  screenshotWindow.trx.modules.screenshot = {
     captureSpectrumScreenshot,
     buildSpectrumSnapshotCanvas,
     saveCanvasAsPng