feat(user): implement lazy loading for user module

Added lazy loading functionality to the UserModule, enabling
initialization on demand. Updated IPC hooks to handle user
initialization and send user data accordingly.

Updated package version and dependencies to support new features.

Author: trae-op

package.json

@@ -1,7 +1,7 @@
 {
   "name": "electron-modular-boilerplate",
   "private": true,
-  "version": "0.1.6",
+  "version": "1.0.0",
   "type": "module",
   "main": "dist-main/app.js",
   "author": "traeop",
@@ -30,7 +30,7 @@
     "build:linux:publish": "npm run transpile:electron && npm run build && electron-builder --publish always --linux --x64"
   },
   "dependencies": {
-    "@devisfuture/electron-modular": "^1.1.11",
+    "@devisfuture/electron-modular": "^1.2.20",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
     "compare-versions": "^6.1.1",
@@ -46,6 +46,7 @@
     "react-router-dom": "^7.4.1",
     "react-virtualized-auto-sizer": "^2.0.2",
     "react-window": "^2.2.4",
+    "reflect-metadata": "^0.2.2",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {

src/main/user/module.ts

@@ -31,5 +31,9 @@ import type { TAuthProvider, TUserRestApiProvider } from "./types.js";
       inject: [AuthService],
     },
   ],
+  lazy: {
+    enabled: true,
+    trigger: "init-user-lazy",
+  },
 })
 export class UserModule {}

src/renderer/conceptions/User/hooks/useIpc.ts

@@ -1,15 +1,28 @@
-import { useEffect } from "react";
+import { useCallback, useEffect } from "react";
 
 import { useSetUserDispatch } from "../context/useSelectors";
 
 export const useIpc = () => {
   const setUser = useSetUserDispatch();
 
-  useEffect(() => {
-    window.electron.send("user");
+  const initUserModule = useCallback(async (successfulCallback: () => void) => {
+    const data = await window.electron.invoke("init-user-lazy");
+    const { initialized, error } = data;
+
+    if (initialized && error === undefined) {
+      successfulCallback();
+    }
   }, []);
 
   useEffect(() => {
+    initUserModule(() => {
+      window.electron.send("user");
+    });
+  }, [initUserModule]);
+
+  useEffect(() => {
+    window.electron.send("user");
+
     const unSub = window.electron.receive("user", (data) => {
       if (data === undefined) {
         return;

types/invokes.d.ts

@@ -1,12 +1,14 @@
 type TEventPayloadInvoke = {
   getVersion: string;
+  "init-user-lazy": TInitDataLazy;
   confirmData?: {
     success: boolean;
   };
 };
 
 type TEventSendInvoke = {
   getVersion: string;
+  "init-user-lazy": undefined;
   confirmData: {
     message: string;
   };

types/lazy.d.ts

@@ -0,0 +1,7 @@
+type TInitDataLazy = {
+  initialized: boolean;
+  name: string;
+  error?: {
+    message: string;
+  };
+};