Update index.html

index.html

@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PCoreX Bulut Aktarım İstasyonu</title>
+    <title>PCoreX Parçalı Bulut Aktarıcı</title>
     <style>
-        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f4f7f6; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
-        .card { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; max-width: 450px; width: 100%; }
+        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f4f7f6; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
+        .card { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; max-width: 500px; width: 100%; }
         h1 { color: #333; margin-bottom: 10px; }
         p { color: #666; font-size: 14px; margin-bottom: 25px; }
         button { width: 100%; padding: 12px; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; margin-bottom: 15px; transition: 0.2s; }
@@ -14,32 +14,31 @@
         .btn-login:hover { background-color: #357ae8; }
         .btn-upload { background-color: #34a853; color: white; display: none; }
         .btn-upload:hover { background-color: #2d9247; }
-        #status { margin-top: 15px; padding: 10px; border-radius: 6px; font-size: 14px; display: none; word-break: break-all; }
-        .info { background: #e8f0fe; color: #1967d2; }
-        .success { background: #e6f4ea; color: #137333; }
-        .error { background: #fce8e6; color: #c5221f; }
+        #status { margin-top: 15px; padding: 15px; border-radius: 6px; font-size: 14px; display: none; text-align: left; max-height: 200px; overflow-y: auto; box-sizing: border-box; }
+        .info { background: #e8f0fe; color: #1967d2; border-left: 5px solid #1967d2; }
+        .success { background: #e6f4ea; color: #137333; border-left: 5px solid #137333; }
+        .error { background: #fce8e6; color: #c5221f; border-left: 5px solid #c5221f; }
+        .file-log { font-family: monospace; font-size: 12px; margin-top: 5px; }
     </style>
 </head>
 <body>
 
 <div class="card">
-    <h1>🚀 PCoreX Aktarıcı</h1>
-    <p>Kaggle verisini internetini harcamadan Drive'ına uçur.</p>
+    <h1>🚀 PCoreX Klasörlü Aktarıcı</h1>
+    <p>Hugging Face veri setindeki tüm parçaları, Google Drive'ında özel bir klasör açarak içine tek tek uçurur.</p>
     
     <button id="loginBtn" class="btn-login" onclick="googleLogin()">🔑 Google ile Giriş Yap & Yetki Ver</button>
-    <button id="uploadBtn" class="btn-upload" onclick="startUpload()">🚀 Drive'a Gönder (0 MB İnternet)</button>
+    <button id="uploadBtn" class="btn-upload" onclick="startBatchUpload()">🚀 Klasör Oluştur & Tüm Parçaları Gönder</button>
     
     <div id="status"></div>
 </div>
 
 <script>
-    // 🔑 ANAHTARLAR KODUN İÇİNE GÖMÜLDÜ ŞEF
     const SUPABASE_URL = "https://pesdklsmuuswzvqxyqed.supabase.co";
-    const SUPABASE_ANON_KEY = "sb_publishable_ta2gVJfA149gbcAv3cdjtw_CJ91mjSc";
     const HF_SPACE_URL = "https://magelord-pcorex.hf.space";
+    const DATASET_REPO = "MageLord/PCoreX-Backup-DataSet";
     let googleToken = "";
 
-    // Sayfa yüklendiğinde URL'de token var mı kontrol et
     window.onload = function() {
         const hash = window.location.hash;
         if (hash && hash.includes("access_token")) {
@@ -49,48 +48,114 @@
             if (googleToken) {
                 document.getElementById("loginBtn").style.display = "none";
                 document.getElementById("uploadBtn").style.display = "block";
-                showStatus("🔑 Giriş başarılı! Jeton alındı. Şimdi Drive'a gönderebilirsin şef.", "success");
+                showStatus("🔑 Giriş başarılı! Bağlantı hazır. Süreci başlatabiliriz şef.", "success");
             }
         }
     }
 
     function googleLogin() {
         const scopes = "https://www.googleapis.com/auth/drive.file https://www.googleapis.com/auth/drive";
-        // Doğrudan gömülü URL ve anahtarla Supabase OAuth tetikleniyor
         window.location.href = `${SUPABASE_URL}/auth/v1/authorize?provider=google&scopes=${scopes}&redirect_to=${HF_SPACE_URL}`;
     }
 
-    async function startUpload() {
-        showStatus("⏳ Tünel açılıyor, dosya buluttan Drive'ına pompalanıyor...", "info");
+    // 📁 Google Drive üzerinde klasör oluşturan sihirli fonksiyon
+    async function createDriveFolder(folderName) {
+        const metadata = {
+            name: folderName,
+            mimeType: "application/json",
+            mimeType: "application/vnd.google-apps.folder"
+        };
+
+        const response = await fetch("https://www.googleapis.com/drive/v3/files", {
+            method: "POST",
+            headers: {
+                "Authorization": `Bearer ${googleToken}`,
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(metadata)
+        });
+
+        if (!response.ok) throw new Error("Google Drive'da hedef klasör oluşturulamadı!");
+        const data = await response.json();
+        return data.id; // Oluşturulan klasörün ID'sini döndürür
+    }
+
+    async function startBatchUpload() {
+        const statusEl = document.getElementById("status");
+        showStatus("⏳ Google Drive'da 'PCoreX_Backup' klasörü hazırlanıyor...", "info");
         document.getElementById("uploadBtn").disabled = true;
 
-        const hfFileUrl = "https://huggingface.co/datasets/MageLord/PCoreX-Backup-DataSet/resolve/main/data.txt";
-        
         try {
-            // 1. HF üzerindeki o dev dosyayı tarayıcıya akış (stream) olarak alıyoruz
-            const response = await fetch(hfFileUrl);
-            if (!response.ok) throw new Error("HF Kovasından dosya çekilemedi. Kaggle işlemi bitmemiş olabilir.");
-            const fileBlob = await response.blob();
-
-            // 2. Google Drive API Multipart Upload isteği hazırlıyoruz
-            const metadata = { name: "PCoreX_data.txt", mimeType: "text/plain" };
-            const form = new FormData();
-            form.append("metadata", new Blob([JSON.stringify(metadata)], { type: "application/json" }));
-            form.append("file", fileBlob);
-
-            // 3. Google Drive'a doğrudan postalıyoruz
-            const driveResponse = await fetch("https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
-                method: "POST",
-                headers: { "Authorization": `Bearer ${googleToken}` },
-                body: form
-            });
-
-            if (driveResponse.ok) {
-                showStatus("🔥 MUAZZAM! Dosya şu an Google Drive'ında seni bekliyor şef!", "success");
-            } else {
-                const errData = await driveResponse.text();
-                throw new Error(errData);
+            // 1. Önce klasörü oluşturup ID'sini kapıyoruz
+            const folderId = await createDriveFolder("PCoreX_Backup");
+            
+            statusEl.innerHTML = `<strong>📁 Klasör başarıyla oluşturuldu!</strong><br>⏳ Hugging Face kovası taranıyor, dosya listesi alınıyor...`;
+
+            // 2. HF API kullanarak veri setindeki tüm dosyaların listesini çekiyoruz
+            const hfApiUrl = `https://huggingface.co/api/datasets/${DATASET_REPO}/tree/main`;
+            const hfResponse = await fetch(hfApiUrl);
+            if (!hfResponse.ok) throw new Error("Hugging Face veri seti listesi alınamadı!");
+            
+            const filesList = await hfResponse.json();
+            const validFiles = filesList.filter(f => f.type === "file" && f.path !== ".gitattributes");
+
+            if (validFiles.length === 0) {
+                throw new Error("Veri setinde aktarılacak dosya bulunamadı şef!");
+            }
+
+            statusEl.innerHTML = `<strong>⏳ Klasör Hazır. Toplam ${validFiles.length} parça yeni klasöre pompalanıyor...</strong>`;
+
+            // 3. Her dosyayı sırayla indirip Drive'daki klasöre yüklüyoruz
+            for (let i = 0; i < validFiles.length; i++) {
+                const file = validFiles[i];
+                const fileLogId = `file-${i}`;
+                
+                statusEl.innerHTML += `<div id="${fileLogId}" class="file-log">⏳ [${i+1}/${validFiles.length}] ${file.path} buluttan çekiliyor...</div>`;
+                statusEl.scrollTop = statusEl.scrollHeight;
+
+                const downloadUrl = `https://huggingface.co/datasets/${DATASET_REPO}/resolve/main/${file.path}`;
+                
+                // Parçayı indir
+                const fileResponse = await fetch(downloadUrl);
+                if (!fileResponse.ok) {
+                    document.getElementById(fileLogId).innerText = `❌ [${i+1}/${validFiles.length}] ${file.path} indirilemedi, atlanıyor.`;
+                    continue;
+                }
+                const fileBlob = await fileResponse.blob();
+
+                document.getElementById(fileLogId).innerText = `🚀 [${i+1}/${validFiles.length}] ${file.path} yeni klasöre yükleniyor...`;
+
+                // 📁 KRİTİK AYAR: Dosya metadata'sına parents (ebeveyn klasör) olarak oluşturduğumuz klasörün ID'sini ekliyoruz
+                const metadata = { 
+                    name: file.path, 
+                    mimeType: fileBlob.type || "text/plain",
+                    parents: [folderId] 
+                };
+                
+                const form = new FormData();
+                form.append("metadata", new Blob([JSON.stringify(metadata)], { type: "application/json" }));
+                form.append("file", fileBlob);
+
+                // Google Drive'a fırlat
+                const driveResponse = await fetch("https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart", {
+                    method: "POST",
+                    headers: { "Authorization": `Bearer ${googleToken}` },
+                    body: form
+                });
+
+                if (driveResponse.ok) {
+                    document.getElementById(fileLogId).innerText = `✅ [${i+1}/${validFiles.length}] ${file.path} klasöre uçtu!`;
+                    document.getElementById(fileLogId).style.color = "#137333";
+                } else {
+                    document.getElementById(fileLogId).innerText = `❌ [${i+1}/${validFiles.length}] ${file.path} yüklenemedi!`;
+                    document.getElementById(fileLogId).style.color = "#c5221f";
+                }
+                statusEl.scrollTop = statusEl.scrollHeight;
             }
+
+            statusEl.innerHTML += `<br><strong>🔥 MUHTEŞEM! Tüm parçalar 'PCoreX_Backup' klasörünün içine tıkır tıkır yüklendi şef!</strong>`;
+            statusEl.className = "success";
+
         } catch (error) {
             showStatus("❌ Hata oluştu: " + error.message, "error");
             document.getElementById("uploadBtn").disabled = false;