copy key from cache resource because less request to server

Author: trae-op

package.json

@@ -1,7 +1,7 @@
 {
   "name": "electron-gp",
   "private": true,
-  "version": "0.2.10",
+  "version": "0.2.11",
   "type": "module",
   "main": "dist-main/app.js",
   "author": "traeop",

src/main/app/window.ts

@@ -18,7 +18,7 @@ import { menu } from "../config.js";
   options: {
     resizable: isDev(),
     show: false,
-    width: 280,
+    width: 320,
     height: 500,
   },
 })
@@ -59,12 +59,11 @@ export class AppWindow implements TWindowManager {
   }
 
   private async checkAuthenticated(window: BrowserWindow) {
-    const response = await this.authService.checkAuthenticated(window);
-    if (response !== undefined) {
-      ipcWebContentsSend("authSocialNetwork", window.webContents, {
-        isAuthenticated: response.isAuthenticated,
-      });
-    }
+    const result = await this.authService.checkAuthenticated(window);
+    ipcWebContentsSend("authSocialNetwork", window.webContents, {
+      isAuthenticated:
+        result !== undefined && result.isAuthenticated !== undefined,
+    });
   }
 
   private buildTray(window: BrowserWindow): void {

src/main/auth/service.ts

@@ -55,31 +55,33 @@ export class AuthService {
       ipcWebContentsSend("sync", window.webContents, {
         isAuthenticated: cacheAccess.ok,
       });
-    }
-
-    ipcWebContentsSend("sync", window.webContents, {
-      isAuthenticated: false,
-    });
-
-    const response = await this.access();
-    if (response !== undefined) {
-      ipcWebContentsSend("sync", window.webContents, {
-        isAuthenticated: response.ok,
-      });
 
       return {
         isAuthenticated: true,
       };
-    } else {
-      ipcWebContentsSend("sync", window.webContents, {
-        isAuthenticated: true,
-      });
     }
   }
 
   setCheckAccessInterval(window: BrowserWindow) {
     const interval = setInterval(async () => {
-      await this.checkAuthenticated(window);
+      ipcWebContentsSend("sync", window.webContents, {
+        isAuthenticated: false,
+      });
+
+      const response = await this.access();
+      if (response !== undefined) {
+        ipcWebContentsSend("sync", window.webContents, {
+          isAuthenticated: response.ok,
+        });
+
+        return {
+          isAuthenticated: true,
+        };
+      } else {
+        ipcWebContentsSend("sync", window.webContents, {
+          isAuthenticated: true,
+        });
+      }
 
       const authToken = getElectronStorage("authToken");
       if (authToken === undefined) {

src/main/master-key/ipc.ts

@@ -2,7 +2,6 @@ import { BrowserWindow, clipboard } from "electron";
 import { IpcHandler } from "../@core/decorators/ipc-handler.js";
 import { getWindow as getWindows } from "../@core/control-window/receive.js";
 import { TParamOnInit } from "../@core/types/ipc-handler.js";
-import { ResourcesService } from "../resources/services/resources.js";
 import { CryptoService } from "../crypto/service.js";
 import {
   ipcMainHandle,
@@ -14,15 +13,13 @@ import {
   getElectronStorage,
   deleteFromElectronStorage,
 } from "../$shared/store.js";
+import { restApi } from "../config.js";
 
 @IpcHandler()
 export class MasterKeyIpc {
   masterKeyWindow: BrowserWindow | undefined;
 
-  constructor(
-    private resourcesService: ResourcesService,
-    private cryptoService: CryptoService
-  ) {}
+  constructor(private cryptoService: CryptoService) {}
 
   onInit({ getWindow }: TParamOnInit<TWindows["masterKey"]>): void {
     const masterKeyWindow = getWindow("window:master-key");
@@ -50,21 +47,43 @@ export class MasterKeyIpc {
     });
   }
 
+  private cacheResources(): TResource[] | undefined {
+    let resources: TResource[] | undefined = undefined;
+    const cacheResponse = getElectronStorage("response");
+
+    if (cacheResponse !== undefined) {
+      resources =
+        cacheResponse[
+          `${restApi.urls.base}${restApi.urls.baseApi}${restApi.urls.resources.base}`
+        ];
+    }
+
+    if (resources !== undefined) {
+      return resources;
+    }
+
+    return undefined;
+  }
+
   private ipcCopyMasterKey(): void {
     ipcMainHandle("copyMasterKey", async (payload) => {
       if (payload !== undefined) {
-        const resource = await this.resourcesService.byId(payload.id);
+        const cacheResources = this.cacheResources();
+        const foundUser =
+          cacheResources !== undefined
+            ? cacheResources.find((res) => res.id + "" === payload.id)
+            : undefined;
         const masterKey = getElectronStorage("masterKey");
 
         if (
           masterKey !== undefined &&
-          resource !== undefined &&
-          resource.salt !== null
+          foundUser !== undefined &&
+          foundUser.salt !== null
         ) {
           const encryptedVault = await this.cryptoService.decrypt(masterKey, {
-            iv: resource.iv,
-            salt: resource.salt,
-            encryptedData: resource.key,
+            iv: foundUser.iv,
+            salt: foundUser.salt,
+            encryptedData: foundUser.key,
           });
           clipboard.writeText(encryptedVault);
 

src/renderer/ui-business/Resources/components/SubmitCopyKeyButton.tsx

@@ -2,19 +2,12 @@ import { memo } from "react";
 import { useFormStatus } from "react-dom";
 import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import IconButton, { IconButtonProps } from "@mui/material/IconButton";
-import { useControlContext } from "../hooks/useControlContext";
 
 export const SubmitButton = memo(({ ...other }: IconButtonProps) => {
-  const { isDisabledActions } = useControlContext();
   const { pending } = useFormStatus();
 
   return (
-    <IconButton
-      disabled={pending || isDisabledActions}
-      loading={pending}
-      type="submit"
-      {...other}
-    >
+    <IconButton loading={pending} type="submit" {...other}>
       <ContentCopyIcon fontSize="small" />
     </IconButton>
   );

src/renderer/windows/home/components/Resources.tsx

@@ -15,7 +15,7 @@ const Container = memo(({ children }: { children: React.ReactElement }) => {
       <Stack
         spacing={2}
         direction="row"
-        sx={{ flexWrap: "wrap", width: "87%", height: "100%" }}
+        sx={{ flexWrap: "wrap", width: "100%", height: "100%" }}
         useFlexGap
       >
         <Typography
@@ -32,7 +32,7 @@ const Container = memo(({ children }: { children: React.ReactElement }) => {
   return (
     <Box
       sx={{
-        width: "87%",
+        width: "100%",
         height: "calc(100vh - 80px)",
         overflowY: "auto",
         overflowX: "hidden",