Rename FileMetadata.size to FileMetadata.fileSize (#369)

Author: platypii

src/components/Folder/Folder.test.tsx

@@ -90,8 +90,8 @@ describe('Folder Component', () => {
   it('filters files based on search query', async () => {
     const mockFiles: FileMetadata[] = [
       { sourceId: 'folder1', name: 'folder1/', kind: 'directory', lastModified: '2023-01-01T00:00:00Z' },
-      { sourceId: 'file1.txt', name: 'file1.txt', kind: 'file', size: 8196, lastModified: '2023-01-01T00:00:00Z' },
-      { sourceId: 'report.pdf', name: 'report.pdf', kind: 'file', size: 10240, lastModified: '2023-01-02T00:00:00Z' },
+      { sourceId: 'file1.txt', name: 'file1.txt', kind: 'file', fileSize: 8196, lastModified: '2023-01-01T00:00:00Z' },
+      { sourceId: 'report.pdf', name: 'report.pdf', kind: 'file', fileSize: 10240, lastModified: '2023-01-02T00:00:00Z' },
     ]
     const dirSource: DirSource = {
       sourceId: 'test-source',
@@ -128,8 +128,8 @@ describe('Folder Component', () => {
       value: location,
     })
     const mockFiles: FileMetadata[] = [
-      { sourceId: 'file1.txt', name: 'file1.txt', kind: 'file', size: 8196, lastModified: '2023-01-01T00:00:00Z' },
-      { sourceId: 'file2.txt', name: 'file2.txt', kind: 'file', size: 4096, lastModified: '2023-02-02T00:00:00Z' },
+      { sourceId: 'file1.txt', name: 'file1.txt', kind: 'file', fileSize: 8196, lastModified: '2023-01-01T00:00:00Z' },
+      { sourceId: 'file2.txt', name: 'file2.txt', kind: 'file', fileSize: 4096, lastModified: '2023-02-02T00:00:00Z' },
     ]
     const dirSource: DirSource = {
       sourceId: 'test-source',

src/components/Folder/Folder.tsx

@@ -119,8 +119,8 @@ export default function Folder({ source }: FolderProps) {
                   {file.name}
                 </span>
                 {file.kind === 'file' && <>
-                  {file.size !== undefined && <span data-file-size title={file.size.toLocaleString() + ' bytes'}>
-                    {formatFileSize(file.size)}
+                  {file.fileSize !== undefined && <span data-file-size title={file.fileSize.toLocaleString() + ' bytes'}>
+                    {formatFileSize(file.fileSize)}
                   </span>}
                   <span data-file-date title={getFileDate(file)}>
                     {getFileDateShort(file)}

src/lib/sources/httpSource.ts

@@ -116,6 +116,7 @@ export function getHttpSource(sourceId: string, options?: {requestInit?: Request
             }
             return {
               name,
+              fileSize: item.size,
               lastModified: item.lastModified,
               sourceId: itemSourceId,
               kind: isDirectory ? 'directory' : 'file',

src/lib/sources/huggingFaceSource.ts

@@ -88,7 +88,7 @@ async function fetchFilesList(url: DirectoryUrl, options?: { requestInit?: Reque
     files.push({
       name: getFileName(file.path),
       eTag: file.lastCommit?.id,
-      size: file.size,
+      fileSize: file.size,
       lastModified: file.lastCommit?.date,
       sourceId: `${url.origin}/${getFullName(url)}/${file.type === 'file' ? 'blob' : 'tree'}/${url.branch}/${file.path}`.replace(/\/$/, ''),
       kind: file.type === 'file' ? 'file' : 'directory', // 'unknown' is considered as a directory

src/lib/sources/hyperparamSource.ts

@@ -49,7 +49,7 @@ async function listFiles(prefix: string, { endpoint, requestInit }: {endpoint: s
     return files.map(file => ({
       name: file.key,
       eTag: file.eTag,
-      size: file.fileSize,
+      fileSize: file.fileSize,
       lastModified: file.lastModified,
       sourceId: (prefix === '' ? '' : prefix + '/') + file.key,
       kind: getKind(file.key),

src/lib/sources/types.ts

@@ -3,7 +3,7 @@ export type FileKind = 'file' | 'directory'
 export interface FileMetadata {
   name: string
   eTag?: string
-  size?: number
+  fileSize?: number
   lastModified?: string
   sourceId: string /// the source URL or path
   kind: FileKind