Function loadPngToRgb565

app.js:2731–2773

(src, bgHex, targetW, targetH, tintHex)

}

function loadPngToRgb565(src, bgHex, targetW, targetH, tintHex) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    // Same-origin typically; set anyway for hosted builds
    img.crossOrigin = "anonymous";
    img.onload = () => {
      try {
        const naturalW = img.naturalWidth || img.width;
        const naturalH = img.naturalHeight || img.height;
        const w = targetW || naturalW;
        const h = targetH || naturalH;
        if (!w || !h) throw new Error("Invalid icon dimensions.");
        imgCanvas.width = w;
        imgCanvas.height = h;
        imgCtx.clearRect(0, 0, w, h);
        imgCtx.drawImage(img, 0, 0, w, h);
        const imageData = imgCtx.getImageData(0, 0, w, h);

        // If tint enabled, recolor non-transparent pixels before converting
        if (tintHex) {
          const t = hexToRgb(tintHex) || { r: 255, g: 255, b: 255 };
          const d = imageData.data;
          for (let i = 0; i < d.length; i += 4) {
            const a = d[i + 3];
            if (a >= 16) {
              d[i] = t.r;
              d[i + 1] = t.g;
              d[i + 2] = t.b;
            }
          }
        }

        const rgb565 = imageDataToRgb565(imageData.data, w, h, bgHex);
        const monoBitmap = buildMonoBitmapFromImageData(imageData, w, h);
        resolve({ w, h, rgb565, monoBitmap });
      } catch (e) {
        reject(e);
      }
    };
    img.onerror = () => reject(new Error("Failed to load icon image."));
    img.src = src;
  });
}

function schedule(fn, delayMs = 150) {
  let t = null;