Create index.html

index.html

@@ -1,19 +1,57 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<script>
+  // Use environment variable instead of hardcoding
+  const HF_TOKEN = process.env.HF_TOKEN;  
+  const BUCKET = "aerovortex-storage";
+
+  async function uploadFile() {
+    const fileInput = document.getElementById('fileInput');
+    const file = fileInput.files[0];
+    if (!file) return alert("No file selected");
+
+    const url = `https://huggingface.co/api/buckets/${BUCKET}/upload/${file.name}`;
+    const response = await fetch(url, {
+      method: "PUT",
+      headers: { "Authorization": `Bearer ${HF_TOKEN}` },
+      body: file
+    });
+
+    if (response.ok) {
+      alert(`✅ Uploaded ${file.name}`);
+      await prewarmFile(file.name);
+      listFiles();
+    } else {
+      alert("❌ Upload failed");
+    }
+  }
+
+  async function listFiles() {
+    const url = `https://huggingface.co/api/buckets/${BUCKET}/list`;
+    const response = await fetch(url, {
+      headers: { "Authorization": `Bearer ${HF_TOKEN}` }
+    });
+    const files = await response.json();
+
+    const list = document.getElementById('fileList');
+    list.innerHTML = "";
+    files.forEach(file => {
+      const li = document.createElement("li");
+      li.className = "file-box";
+      li.innerHTML = `<a href="${file.url}" target="_blank">${file.name}</a>`;
+      list.appendChild(li);
+    });
+  }
+
+  async function prewarmFile(fileName) {
+    const url = `https://huggingface.co/api/buckets/${BUCKET}/prewarm`;
+    await fetch(url, {
+      method: "POST",
+      headers: { 
+        "Authorization": `Bearer ${HF_TOKEN}`, 
+        "Content-Type": "application/json" 
+      },
+      body: JSON.stringify({ files: [fileName] })
+    });
+  }
+
+  listFiles();
+</script>