feat: link colorBox to colorPicker #128

Author: volta2030

imgkit/features/image_layer_events.js

@@ -48,11 +48,9 @@ class ImageLayerEvents {
           y
         );
 
-        const color_name = await ImageProcessor.getColorName(color);
-
         navigator.clipboard.writeText(color);
         // Send color to main renderer
-        ipcRenderer.send("colorpickerValueSEND", color, color_name);
+        ipcRenderer.send("colorpickerValueSEND", color);
       }
     });
 
@@ -102,6 +100,7 @@ class ImageLayerEvents {
         const color = colorDiv.title;
         if (color && color !== "empty") {
           navigator.clipboard.writeText(color).then(() => {
+            ipcRenderer.send("colorpickerValueSEND", color);
             ipcRenderer.send("showNotificationREQ", "imgkit-color-copy");
           });
         }

main.js

@@ -11,6 +11,7 @@ const {
   clipboard,
   nativeImage,
 } = electron;
+const { ImageProcessor } = require("./imgkit/processing/image_processor");
 
 //electron refresh (only develop)
 if (process.env.NODE_ENV === "development") {
@@ -213,9 +214,9 @@ app.whenReady().then(() => {
     mainWindow.webContents.focus();
   });
 
-  ipcMain.on("colorpickerValueSEND", (event, color, color_name) => {
+  ipcMain.on("colorpickerValueSEND", async (event, color) => {
     const views = mainWindow.getBrowserViews();
-
+    const color_name = await ImageProcessor.getColorName(color);
     views.forEach((view) => {
       view.webContents.send("colorpickerValueRECV", color, color_name);
     });