Upload 12 files

README.md

@@ -1,8 +1,3 @@
----
-title: My Website
-emoji: 🌐
-colorFrom: blue
-colorTo: purple
-sdk: docker
-pinned: false
----
+![login](https://github.com/codeaashu/Animated-attractive-Login-Page/assets/130897584/77914cda-281a-4a3f-8231-dd2f339f5e01)
+# Animated-attractive-Login-Page
+Creating Animated Login Page with awesome background HTML & CSS.

dashboardlogic.js

@@ -1,5 +1,23 @@
+
 import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client@1.9.0/dist/index.min.js";
 
+// Read/write tokens from sessionStorage
+function getReadToken() {
+    return sessionStorage.getItem('hf_read_token') || '';
+}
+function getWriteToken() {
+    return sessionStorage.getItem('hf_write_token') || '';
+}
+
+// Helper to add tokens to every API call
+function withTokens(obj = {}) {
+    return {
+        ...obj,
+        read_token: getReadToken(),
+        write_token: getWriteToken(),
+    };
+}
+
 let client;
 let currentUser = null;
 let currentPassword = null;
@@ -58,7 +76,7 @@ async function initDashboard() {
 async function loadUserData() {
     try {
         console.log('Loading user data...');
-        const result = await client.predict("/search_user", { user_id: currentUser });
+        const result = await client.predict("/search_user", withTokens({ user_id: currentUser }));
         const [log, isDev, isPro, isTester, capacityUsed, usedTotal] = result.data;
         
         // Determine role
@@ -105,10 +123,10 @@ async function loadFiles() {
     try {
         console.log('Loading files...');
         loading(true);
-        const result = await client.predict("/get_files_secure", {
+        const result = await client.predict("/get_files_secure", withTokens({
             user_id: currentUser,
             password: currentPassword,
-        });
+        }));
         // API returns [dropdown, status]
         const dropdownData = result.data[0];
         console.log('Raw dropdownData:', dropdownData);
@@ -282,11 +300,11 @@ async function loadPreviewContent(file) {
     previewContainer.innerHTML = '<span style="color:#aaa">Loading preview...</span>';
     try {
         // Try /handle_preview_secure first
-        const result = await client.predict("/handle_preview_secure", {
+        const result = await client.predict("/handle_preview_secure", withTokens({
             user_id: currentUser,
             password: currentPassword,
             filename: file.name,
-        });
+        }));
         // result.data: [file, localPath, html, image, code]
         let previewHtml = '';
         if (result.data[3] && typeof result.data[3] === 'string' && result.data[3].startsWith('data:image')) {
@@ -300,11 +318,11 @@ async function loadPreviewContent(file) {
             previewHtml = `<pre class="pv-code">${escapeHtml(result.data[4])}</pre>`;
         } else {
             // Try /get_preview_text_action for text preview
-            const textResult = await client.predict("/get_preview_text_action", {
+            const textResult = await client.predict("/get_preview_text_action", withTokens({
                 user_id: currentUser,
                 password: currentPassword,
                 filename: file.name,
-            });
+            }));
             if (textResult.data && typeof textResult.data[0] === 'string' && textResult.data[0].length > 0) {
                 previewHtml = `<pre class="pv-text">${escapeHtml(textResult.data[0])}</pre>`;
             } else {
@@ -336,11 +354,11 @@ async function deleteFile(id) {
     
     try {
         loading(true);
-        const result = await client.predict("/delete_file_secure", {
+        const result = await client.predict("/delete_file_secure", withTokens({
             user_id: currentUser,
             password: currentPassword,
             filename: file.name,
-        });
+        }));
         
         console.log('Deleted:', file.name);
         
@@ -395,11 +413,11 @@ async function downloadFile(id) {
     try {
         loading(true);
         // Use /get_download_link_action to get the raw download link
-        const result = await client.predict("/get_download_link_action", {
+        const result = await client.predict("/get_download_link_action", withTokens({
             user_id: currentUser,
             password: currentPassword,
             filename: file.name,
-        });
+        }));
         const fileUrl = result.data[0];
         if (typeof fileUrl === 'string' && (fileUrl.startsWith('http') || fileUrl.startsWith('https'))) {
             // Fetch as blob to force download, with optional Hugging Face token
@@ -455,12 +473,12 @@ async function handleUpload(input) {
         loading(true);
         // Use File object and pass custom_name for filename preservation
         console.log('Uploading file:', file, 'type:', file.constructor.name);
-        const result = await client.predict("/upload_file_secure", {
+        const result = await client.predict("/upload_file_secure", withTokens({
             user_id: currentUser,
             password: currentPassword,
             filepath: file,
             custom_name: file.name,
-        });
+        }));
         console.log('Uploaded:', file.name);
         // Update storage
         const [status, capacityUsed, usedTotal] = result.data;
@@ -529,10 +547,10 @@ async function changePassword() {
     
     try {
         loading(true);
-        const result = await client.predict("/update_password", {
+        const result = await client.predict("/update_password", withTokens({
             user_id: currentUser,
             new_password: p1,
-        });
+        }));
         
         if (result.data[0].toLowerCase().includes('success') || result.data[0].toLowerCase().includes('updated')) {
             currentPassword = p1;

logic.js

@@ -1,5 +1,23 @@
+
 import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client@1.9.0/dist/index.min.js";
 
+// Read/write tokens from sessionStorage
+function getReadToken() {
+    return sessionStorage.getItem('hf_read_token') || '';
+}
+function getWriteToken() {
+    return sessionStorage.getItem('hf_write_token') || '';
+}
+
+// Helper to add tokens to every API call
+function withTokens(obj = {}) {
+    return {
+        ...obj,
+        read_token: getReadToken(),
+        write_token: getWriteToken(),
+    };
+}
+
 const loginForm = document.getElementById('loginForm');
 const signupForm = document.getElementById('signupForm');
 
@@ -45,10 +63,10 @@ if (signupForm) {
 
         try {
             const client = await Client.connect("pockit-cloud/main");
-            const result = await client.predict("/create_user", {
+            const result = await client.predict("/create_user", withTokens({
                 user_id: user,
                 password: pass,
-            });
+            }));
 
             // Debug: log the result
             console.log("/create_user result:", result.data);
@@ -88,10 +106,10 @@ if (loginForm) {
 
         try {
             const client = await Client.connect("pockit-cloud/main");
-            const result = await client.predict("/get_files_secure", {
+            const result = await client.predict("/get_files_secure", withTokens({
                 user_id: user,
                 password: pass,
-            });
+            }));
 
             // Status message is at index 1 for get_files_secure
             const status = result.data[1].toLowerCase();