⚡️ perf: reduce server service bundle size by refactoring with consta…

…nt fold (lobehub#4641)

* refactor

* clean code

src/services/file/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const fileService = isServerMode ? new ServerService() : new ClientService();
+export const fileService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/import/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const importService = isServerMode ? new ServerService() : new ClientService();
+export const importService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/message/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const messageService = isServerMode ? new ServerService() : new ClientService();
+export const messageService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/plugin/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const pluginService = isServerMode ? new ServerService() : new ClientService();
+export const pluginService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/session/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const sessionService = isServerMode ? new ServerService() : new ClientService();
+export const sessionService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/topic/index.ts

@@ -1,6 +1,6 @@
-import { isServerMode } from '@/const/version';
 
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const topicService = isServerMode ? new ServerService() : new ClientService();
+export const topicService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/services/upload.ts

@@ -1,5 +1,4 @@
 import { fileEnv } from '@/config/file';
-import { FileModel } from '@/database/client/models/file';
 import { edgeClient } from '@/libs/trpc/client';
 import { API_ENDPOINTS } from '@/services/_url';
 import { FileMetadata, UploadFileParams } from '@/types/files';
@@ -68,6 +67,7 @@ class UploadService {
   };
 
   uploadToClientDB = async (params: UploadFileParams, file: File) => {
+    const { FileModel } = await import('@/database/client/models/file');
     const fileArrayBuffer = await file.arrayBuffer();
 
     // save to local storage

src/services/user/index.ts

@@ -1,6 +1,5 @@
-import { isServerMode } from '@/const/version';
-
 import { ClientService } from './client';
 import { ServerService } from './server';
 
-export const userService = isServerMode ? new ServerService() : new ClientService();
+export const userService =
+  process.env.NEXT_PUBLIC_SERVICE_MODE === 'server' ? new ServerService() : new ClientService();

src/store/user/slices/common/action.ts

@@ -5,7 +5,6 @@ import type { StateCreator } from 'zustand/vanilla';
 import { DEFAULT_PREFERENCE } from '@/const/user';
 import { useOnlyFetchOnceSWR } from '@/libs/swr';
 import { userService } from '@/services/user';
-import { ClientService } from '@/services/user/client';
 import type { UserStore } from '@/store/user';
 import type { GlobalServerConfig } from '@/types/serverConfig';
 import { UserInitializationState } from '@/types/user';
@@ -47,6 +46,8 @@ export const createCommonSlice: StateCreator<
     await mutate(GET_USER_STATE_KEY);
   },
   updateAvatar: async (avatar) => {
+    const { ClientService } = await import('@/services/user/client');
+
     const clientService = new ClientService();
 
     await clientService.updateAvatar(avatar);

src/store/user/slices/sync/action.ts

@@ -1,7 +1,6 @@
 import useSWR, { SWRResponse } from 'swr';
 import type { StateCreator } from 'zustand/vanilla';
 
-import { syncService } from '@/services/sync';
 import type { UserStore } from '@/store/user';
 import { OnSyncEvent, PeerSyncStatus } from '@/types/sync';
 import { browserInfo } from '@/utils/platform';
@@ -53,6 +52,8 @@ export const createSyncSlice: StateCreator<
     const defaultUserName = `My ${browserInfo.browser} (${browserInfo.os})`;
 
     set({ syncStatus: PeerSyncStatus.Connecting });
+    const { syncService } = await import('@/services/sync');
+
     return syncService.enabledSync({
       channel: {
         name: sync.channelName,
@@ -83,7 +84,10 @@ export const createSyncSlice: StateCreator<
         if (!userId) return false;
 
         // if user don't enable sync, stop sync
-        if (!userEnableSync) return syncService.disableSync();
+        if (!userEnableSync) {
+          const { syncService } = await import('@/services/sync');
+          return syncService.disableSync();
+        }
 
         return get().triggerEnableSync(userId, onEvent);
       },