Upload 3 files

tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["**/*.ts", "**/*.tsx"]
+}

types.ts

@@ -0,0 +1,31 @@
+export type RepoType = 'model' | 'dataset' | 'space';
+
+export interface HFConfig {
+  token: string;
+  repo: string;
+  repoType: RepoType;
+}
+
+export enum UploadStatus {
+  IDLE = 'IDLE',
+  UPLOADING = 'UPLOADING',
+  SUCCESS = 'SUCCESS',
+  ERROR = 'ERROR',
+}
+
+export interface FileItem {
+  id: string;
+  file: File;
+  status: UploadStatus;
+  path: string; // Destination path in repo
+  error?: string;
+  url?: string; // URL to the file after upload
+}
+
+export interface RemoteFile {
+  path: string;
+  size: number;
+  url: string;
+}
+
+export type UploadCallback = (id: string, status: UploadStatus, error?: string, url?: string) => void;

vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3001',
+        changeOrigin: true,
+        secure: false,
+      },
+    },
+  },
+});