perf: Improve cache when upload / delete plugin

packages/backend/src/core/admin/plugins/upload/upload.resolver.ts

@@ -2,7 +2,6 @@ import { AdminAuthGuards, OnlyForDevelopment } from '@/utils';
 import { UseGuards } from '@nestjs/common';
 import { Args, Mutation, Resolver } from '@nestjs/graphql';
 
-import { ShowAdminPlugins } from '../show/show.dto';
 import { UploadAdminPluginsArgs } from './upload.dto';
 import { UploadAdminPluginsService } from './upload.service';
 

packages/backend/src/core/admin/plugins/upload/upload.service.ts

@@ -1,6 +1,8 @@
+import { core_plugins } from '@/database/schema/plugins';
 import { generateRandomString } from '@/functions/generate-random-string';
 import { InternalDatabaseService } from '@/utils/database/internal_database.service';
 import { Injectable } from '@nestjs/common';
+import { eq } from 'drizzle-orm';
 import { existsSync } from 'fs';
 import { copyFile, cp, mkdir, readFile, rm } from 'fs/promises';
 import { join } from 'path';
@@ -240,6 +242,29 @@ export class UploadAdminPluginsService {
     await this.removeTempFolder();
     this.changeFilesService.setServerToRestartConfig();
 
-    return 'Success!';
+    if (code) {
+      await this.databaseService.db
+        .update(core_plugins)
+        .set({
+          updated: new Date(),
+          name: config.name,
+          description: config.description,
+          support_url: config.support_url,
+          author: config.author,
+          author_url: config.author_url,
+          version: config.version,
+          version_code: config.version_code,
+          allow_default: config.allow_default,
+        })
+        .where(eq(core_plugins.code, code));
+
+      return 'Plugin updated';
+    }
+
+    await this.databaseService.db.insert(core_plugins).values({
+      ...config,
+    });
+
+    return 'Plugin uploaded';
   }
 }

packages/frontend/src/components/utils/files/item-preview-files-input.tsx

@@ -37,8 +37,9 @@ export const ItemPreviewFilesInput = ({
   const t = useTranslations('core');
 
   const size = React.useMemo(() => {
-    const sizeInKb = file instanceof File ? file.size : file.file_size / 1024;
-    if (sizeInKb < 1024) return `${sizeInKb.toFixed(2)} KB`;
+    const sizeInBytes = file instanceof File ? file.size : file.file_size;
+    const sizeInKb = sizeInBytes / 1024;
+    if (sizeInBytes < 2048) return `${Math.ceil(sizeInKb)} KB`;
 
     const sizeInMb = sizeInKb / 1024;
     if (sizeInMb < 1024) return `${sizeInMb.toFixed(2)} MB`;

packages/frontend/src/views/admin/views/core/diagnostic/diagnostic-tools-view.tsx

@@ -3,6 +3,7 @@ import { Metadata } from 'next';
 import { useTranslations } from 'next-intl';
 import { getTranslations } from 'next-intl/server';
 
+import { WarnReqRestartServer } from '../plugins/warn-req-restart-server';
 import { ActionsDiagnosticTools } from './actions/actions';
 
 export const generateMetadataDiagnosticAdmin = async (): Promise<Metadata> => {
@@ -17,8 +18,12 @@ export const DiagnosticToolsView = () => {
   const t = useTranslations('admin.core.diagnostic');
 
   return (
-    <HeaderContent desc={t('desc')} h1={t('title')}>
-      <ActionsDiagnosticTools />
-    </HeaderContent>
+    <>
+      <HeaderContent desc={t('desc')} h1={t('title')}>
+        <ActionsDiagnosticTools />
+      </HeaderContent>
+
+      <WarnReqRestartServer />
+    </>
   );
 };

packages/frontend/src/views/admin/views/core/plugins/plugins-admin-view.tsx

@@ -10,7 +10,6 @@ import {
   Admin__Core_Plugins__ShowQueryVariables,
 } from '@/graphql/queries/admin/plugins/admin__core_plugins__show.generated';
 import { ShowAdminPluginsSortingColumnEnum } from '@/graphql/types';
-import { CONFIG } from '@/helpers/config-with-env';
 import { Metadata } from 'next';
 import { getTranslations } from 'next-intl/server';
 
@@ -29,7 +28,10 @@ const getData = async (variables: Admin__Core_Plugins__ShowQueryVariables) => {
   >({
     query: Admin__Core_Plugins__Show,
     variables,
-    cache: CONFIG.node_development ? 'default' : 'force-cache',
+    cache: 'force-cache',
+    next: {
+      tags: ['Admin__Core_Plugins__Show'],
+    },
   });
 
   return data;

packages/frontend/src/views/admin/views/core/plugins/table/actions/delete/hooks/mutation-api.ts

@@ -6,7 +6,7 @@ import {
   Admin__Core_Plugins__DeleteMutation,
   Admin__Core_Plugins__DeleteMutationVariables,
 } from '@/graphql/mutations/admin/plugins/admin__core_plugins__delete.generated';
-import { revalidatePath } from 'next/cache';
+import { revalidatePath, revalidateTag } from 'next/cache';
 
 export const mutationApi = async (
   variables: Admin__Core_Plugins__DeleteMutationVariables,
@@ -28,4 +28,5 @@ export const mutationApi = async (
   }
 
   revalidatePath('/', 'layout');
+  revalidateTag('Admin__Core_Plugins__Show');
 };

packages/frontend/src/views/admin/views/core/plugins/table/actions/delete/hooks/use-delete-plugin-admin.ts

@@ -24,7 +24,11 @@ export const useDeletePluginAdmin = ({ code }: { code: string }) => {
     toast.success(t('success.title'), {
       description: t('success.desc'),
     });
-    window.location.reload();
+
+    // Wait 3 seconds before reloading the page
+    setTimeout(() => {
+      window.location.reload();
+    }, 3000);
   };
 
   return {

packages/frontend/src/views/admin/views/core/plugins/upload/hooks/mutation-api.ts

@@ -6,7 +6,7 @@ import {
   Admin__Core_Plugins__UploadMutation,
   Admin__Core_Plugins__UploadMutationVariables,
 } from '@/graphql/mutations/admin/plugins/admin__core_plugins__upload.generated';
-import { revalidatePath } from 'next/cache';
+import { revalidatePath, revalidateTag } from 'next/cache';
 
 export const mutationApi = async (formData: FormData) => {
   const files = formData.get('file') as File;
@@ -36,4 +36,5 @@ export const mutationApi = async (formData: FormData) => {
   }
 
   revalidatePath('/', 'layout');
+  revalidateTag('Admin__Core_Plugins__Show');
 };

packages/frontend/src/views/admin/views/core/plugins/upload/hooks/use-upload-plugin-admin.ts

@@ -50,9 +50,15 @@ export const useUploadPluginAdmin = ({ data }: UploadPluginAdminProps) => {
       return;
     }
 
-    toast.success(t(data ? 'success.update' : 'success.title'));
     setOpen?.(false);
-    window.location.reload();
+    toast.success(t(data ? 'success.update' : 'success.title'), {
+      description: t('success.desc'),
+    });
+
+    // Wait 3 seconds before reloading the page
+    setTimeout(() => {
+      window.location.reload();
+    }, 3000);
   };
 
   return { onSubmit, formSchema };