Spaces:

EricSam
/

bingx-monitoring

Runtime error

App Files Files Community

EricSam commited on Jul 31

Commit

eca8261

verified ·

1 Parent(s): 304477b

Update index.html

Browse files

Files changed (1) hide show

index.html +20 -61

index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=1024"> <!-- Force desktop width -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nakhoda4X Pro - Portfolio Dashboard</title>
     <script src="https://cdn.tailwindcss.com"></script>
@@ -25,33 +25,13 @@
         }
     </script>
     <style>
-        .trading-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-        }
-        .animate-pulse {
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-        }
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
-        }
-        .coin-animation {
-            animation: float 3s ease-in-out infinite;
-        }
-        @keyframes float {
-            0% { transform: translateY(0px); }
-            50% { transform: translateY(-10px); }
-            100% { transform: translateY(0px); }
-        }
-        .api-form {
-            max-height: 0;
-            overflow: hidden;
-            transition: max-height 0.3s ease-in-out;
-        }
-        .api-form.open {
-            max-height: 200px;
-        }
     </style>
 </head>
 <body class="bg-gray-100 dark:bg-darkBg transition-colors duration-300">
@@ -295,7 +275,7 @@
         // API Configuration
         let API_KEY = localStorage.getItem('bingxApiKey') || '';
         let API_SECRET = localStorage.getItem('bingxApiSecret') || '';
-        const API_BASE_URL = 'https://open-api.bingx.com';
         // Toggle API Form
         const toggleApiFormBtn = document.getElementById('toggle-api-form');
@@ -322,55 +302,34 @@
             }
         });
-        // Generate Signature
-        function generateSignature(apiSecret, paramsStr) {
-            return CryptoJS.HmacSHA256(paramsStr, apiSecret).toString(CryptoJS.enc.Hex);
-        }
-        // Parse Parameters
-        function parseParams(params) {
-            const sortedKeys = Object.keys(params).sort();
-            const paramPairs = sortedKeys.map(key => `${key}=${params[key]}`);
-            const paramsStr = paramPairs.join('&');
-            return paramsStr ? `${paramsStr}&timestamp=${Date.now()}` : `timestamp=${Date.now()}`;
-        }
-        // Fetch from API
-        async function fetchFromAPI(endpoint, params = {}) {
             if (!API_KEY || !API_SECRET) {
                 throw new Error('API Key and Secret are not set. Please enter your credentials.');
             }
-            params.recvWindow = params.recvWindow || 5000; // Default to 5000ms if not provided
-            const paramsStr = parseParams(params);
-            const signature = generateSignature(API_SECRET, paramsStr);
-            const url = `${API_BASE_URL}${endpoint}?${paramsStr}&signature=${signature}`;
-            const response = await fetch(url, {
-                method: 'GET',
-                headers: {
-                    'X-BX-APIKEY': API_KEY,
-                    'Content-Type': 'application/json'
-                }
-            });
             if (!response.ok) {
-                const errorText = await response.text();
-                throw new Error(`API Error ${response.status}: ${errorText}`);
             }
             return response.json();
         }
         // Fetch Specific Data
         async function fetchBalance() {
-            const data = await fetchFromAPI('/openApi/swap/v3/user/balance');
             return data.data.find(b => b.asset === 'USDT')?.walletBalance || 0;
         }
         async function fetchOpenPositions() {
-            const data = await fetchFromAPI('/openApi/swap/v2/user/positions', { symbol: 'BTC-USDT' }); // Default symbol, adjust as needed
             return data.data || [];
         }
         async function fetchTradeHistory() {
-            const data = await fetchFromAPI('/openApi/swap/v2/user/income', { limit: 100 });
             return data.data || [];
         }
@@ -521,7 +480,7 @@
         document.getElementById('refresh-btn').addEventListener('click', fetchData);
         document.getElementById('sync-now').addEventListener('click', fetchData);
         window.addEventListener('load', fetchData);
-        setInterval(fetchData, 120000); // Refresh every 2 minutes, respecting rate limit of 5/s
     </script>
 </body>
 </html>

 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=1024">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nakhoda4X Pro - Portfolio Dashboard</title>
     <script src="https://cdn.tailwindcss.com"></script>
         }
     </script>
     <style>
+        .trading-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); }
+        .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
+        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+        .coin-animation { animation: float 3s ease-in-out infinite; }
+        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
+        .api-form { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; }
+        .api-form.open { max-height: 200px; }
     </style>
 </head>
 <body class="bg-gray-100 dark:bg-darkBg transition-colors duration-300">
         // API Configuration
         let API_KEY = localStorage.getItem('bingxApiKey') || '';
         let API_SECRET = localStorage.getItem('bingxApiSecret') || '';
+        const PROXY_URL = '/api/proxy'; // Proxy endpoint
         // Toggle API Form
         const toggleApiFormBtn = document.getElementById('toggle-api-form');
             }
         });
+        // Fetch from Proxy
+        async function fetchFromProxy(endpoint, params = {}) {
             if (!API_KEY || !API_SECRET) {
                 throw new Error('API Key and Secret are not set. Please enter your credentials.');
             }
+            params.recvWindow = params.recvWindow || 5000;
+            const url = `${PROXY_URL}?endpoint=${encodeURIComponent(endpoint)}&${new URLSearchParams(params).toString()}`;
+            const response = await fetch(url);
             if (!response.ok) {
+                const error = await response.json();
+                throw new Error(`API Error ${response.status}: ${error.error || 'Unknown error'}`);
             }
             return response.json();
         }
         // Fetch Specific Data
         async function fetchBalance() {
+            const data = await fetchFromProxy('/openApi/swap/v3/user/balance');
             return data.data.find(b => b.asset === 'USDT')?.walletBalance || 0;
         }
         async function fetchOpenPositions() {
+            const data = await fetchFromProxy('/openApi/swap/v2/user/positions', { symbol: 'BTC-USDT' });
             return data.data || [];
         }
         async function fetchTradeHistory() {
+            const data = await fetchFromProxy('/openApi/swap/v2/user/income', { limit: 100 });
             return data.data || [];
         }
         document.getElementById('refresh-btn').addEventListener('click', fetchData);
         document.getElementById('sync-now').addEventListener('click', fetchData);
         window.addEventListener('load', fetchData);
+        setInterval(fetchData, 120000);
     </script>
 </body>
 </html>