use base64 to pass icon

src-tauri/Cargo.toml

@@ -10,6 +10,7 @@ tauri-build = { version = "1.5", features = [] }
 monitor = { path = "monitor" }
 raw-window-handle = "0.5"
 serde = { version = "1.0", features = ["derive"] }
+serde_with = { version = "3.0", features = ["base64"] }
 tauri = { version = "1.5.x", features = ["wry", "window-set-focus", "window-set-position", "window-set-size", "window-show", "window-hide", "system-tray"], default-features = false }
 windows-version = "0.1"
 

src-tauri/src/tray.rs

@@ -1,10 +1,13 @@
 use serde::{Deserialize, Serialize};
+use serde_with::{base64::Base64, serde_as};
 use tauri::{Icon, Manager, Window};
 
 use crate::util::JSResult;
 
+#[serde_as]
 #[derive(Debug, Clone, Serialize, Deserialize)]
 pub struct TrayIcon {
+    #[serde_as(as = "Base64")]
     rgba: Vec<u8>,
     width: u32,
     height: u32,

src/polyfill.d.ts

@@ -1,3 +1,7 @@
 interface Math {
     clamp(x: number, lower: number, upper: number): number;
 }
+
+interface Uint8Array {
+    toBase64(options?: { alphabet?: "base64" | "base64url" }): string;
+}

src/polyfill.js

@@ -1 +1,2 @@
 import "core-js/full/math/clamp";
+import "core-js/full/typed-array/to-base64";

src/wm.ts

@@ -222,7 +222,7 @@ watchEffect(() => {
     const imageData = ctx.getImageData(0, 0, scaledSize, scaledSize);
     invoke("set_tray_icon", {
         icon: {
-            rgba: Array.from(imageData.data),
+            rgba: new Uint8Array(imageData.data).toBase64(),
             width: imageData.width,
             height: imageData.height,
         },