format fixes

Author: kartikpersistent

frontend/src/components/Layout/DrawerDropzone.tsx

@@ -94,7 +94,9 @@ const DrawerDropzone: React.FC<DrawerProps> = ({
                           {(APP_SOURCES.includes('youtube') ||
                             APP_SOURCES.includes('wiki') ||
                             APP_SOURCES.includes('web')) && (
-                            <div className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}>
+                            <div
+                              className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}
+                            >
                               <GenericButton openModal={toggleGenericModal}></GenericButton>
                               <GenericModal
                                 isOnlyYoutube={isYoutubeOnlyCheck}
@@ -106,15 +108,19 @@ const DrawerDropzone: React.FC<DrawerProps> = ({
                             </div>
                           )}
                           {APP_SOURCES.includes('s3') && (
-                            <div className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}>
+                            <div
+                              className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}
+                            >
                               <S3Component openModal={toggleS3Modal} />
                               <Suspense fallback={<FallBackDialog />}>
                                 <S3Modal hideModal={toggleS3Modal} open={shows3Modal} />
                               </Suspense>
                             </div>
                           )}
                           {APP_SOURCES.includes('gcs') && (
-                            <div className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}>
+                            <div
+                              className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}
+                            >
                               <GCSButton openModal={toggleGCSModal} />
                               <Suspense fallback={<FallBackDialog />}>
                                 <GCSModal
@@ -157,15 +163,19 @@ const DrawerDropzone: React.FC<DrawerProps> = ({
                       (APP_SOURCES != undefined && APP_SOURCES.includes('gcs')) ? (
                         <>
                           {APP_SOURCES != undefined && APP_SOURCES.includes('s3') && (
-                            <div className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}>
+                            <div
+                              className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}
+                            >
                               <S3Component openModal={toggleS3Modal} />
                               <Suspense fallback={<FallBackDialog />}>
                                 <S3Modal hideModal={toggleS3Modal} open={shows3Modal} />
                               </Suspense>
                             </div>
                           )}
                           {APP_SOURCES != undefined && APP_SOURCES.includes('gcs') && (
-                            <div className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}>
+                            <div
+                              className={`outline-dashed imageBg ${process.env.VITE_ENV === 'PROD' ? 'w-[245px]' : ''}`}
+                            >
                               <GCSButton openModal={toggleGCSModal} />
                               <GCSModal openGCSModal={toggleGCSModal} open={showGCSModal} hideModal={toggleGCSModal} />
                             </div>

frontend/src/components/Popups/GraphEnhancementDialog/Deduplication/index.tsx

@@ -80,12 +80,12 @@ export default function DeduplicationTab() {
   const onRemove = (nodeid: string, similarNodeId: string) => {
     setDuplicateNodes((prev) => {
       return prev.map((d) =>
-        (d.e.elementId === nodeid
+        d.e.elementId === nodeid
           ? {
               ...d,
               similar: d.similar.filter((n) => n.elementId != similarNodeId),
             }
-          : d)
+          : d
       );
     });
   };

frontend/src/types.ts

@@ -605,7 +605,7 @@ export interface ExtendedNode extends Node {
   properties: {
     fileName?: string;
     [key: string]: any;
-  }
+  };
 }
 
 export interface ExtendedRelationship extends Relationship {

frontend/src/utils/Constants.ts

@@ -63,7 +63,9 @@ export const chatModes =
 export const chunkSize = process.env.VITE_CHUNK_SIZE ? parseInt(process.env.VITE_CHUNK_SIZE) : 1 * 1024 * 1024;
 export const timeperpage = process.env.VITE_TIME_PER_PAGE ? parseInt(process.env.VITE_TIME_PER_PAGE) : 50;
 export const timePerByte = 0.2;
-export const largeFileSize = process.env.VITE_LARGE_FILE_SIZE ? parseInt(process.env.VITE_LARGE_FILE_SIZE) : 5 * 1024 * 1024;
+export const largeFileSize = process.env.VITE_LARGE_FILE_SIZE
+  ? parseInt(process.env.VITE_LARGE_FILE_SIZE)
+  : 5 * 1024 * 1024;
 export const NODES_OPTIONS = [
   {
     label: 'Person',

frontend/src/utils/Utils.ts

@@ -150,7 +150,7 @@ export const processGraphData = (neoNodes: ExtendedNode[], neoRels: Relationship
       color: schemeVal[g.labels[0]],
       icon: getIcon(g),
       labels: g.labels,
-      properties: g.properties
+      properties: g.properties,
     };
   });
   const finalNodes = newNodes.flat();
@@ -179,9 +179,7 @@ export const filterData = (
   if (graphType.includes('DocumentChunk') && !graphType.includes('Entities')) {
     // Document + Chunk
     filteredNodes = allNodes.filter(
-      (node) =>
-        (node.labels.includes('Document') && node.properties.fileName) ||
-        node.labels.includes('Chunk')
+      (node) => (node.labels.includes('Document') && node.properties.fileName) || node.labels.includes('Chunk')
     );
     const nodeIds = new Set(filteredNodes.map((node) => node.id));
     filteredRelations = allRelationships.filter(

frontend/vite.config.ts

@@ -6,9 +6,10 @@ import react from '@vitejs/plugin-react';
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), 'VITE_');
   return {
-    define:{
-    'process.env': env,
+    define: {
+      'process.env': env,
     },
     plugins: [react()],
+    optimizeDeps: { esbuildOptions: { target: 'es2020' } },
   };
 });