Update index.html

index.html

@@ -1,3 +1,51 @@
-<script>
-    window.location.replace("https://vh-prod-one-api-main-961189-1c740b28.livemy.site");
-</script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>One API Loader</title>
+    <style>
+        body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
+        iframe { width: 100%; height: 100%; border: none; }
+    </style>
+</head>
+<body>
+    <!-- Embed One API inside an iframe so JavaScript can interact with it -->
+    <iframe id="oneApiFrame" src="https://vh-prod-one-api-main-961189-1c740b28.livemy.site/"></iframe>
+
+    <script>
+        const iframe = document.getElementById('oneApiFrame');
+
+        iframe.addEventListener('load', () => {
+            try {
+                // Access the inner document of the loaded website
+                const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+
+                // Pull credentials from Hugging Face's secure variables
+                const username = window.huggingface?.variables?.ONEAPI_USERNAME || "your_default_username";
+                const password = window.huggingface?.variables?.ONEAPI_PASSWORD || "your_default_password";
+
+                // Target the input fields based on their placeholder text attributes
+                const userInput = iframeDoc.querySelector('input[placeholder*="Username"], input[placeholder*="Email"]');
+                const passInput = iframeDoc.querySelector('input[type="password"]');
+                const loginBtn = iframeDoc.querySelector('button, input[type="submit"]');
+
+                if (userInput && passInput && loginBtn) {
+                    // Populate the values programmatically
+                    userInput.value = username;
+                    passInput.value = password;
+
+                    // Trigger input events so the app recognizes the typed text
+                    userInput.dispatchEvent(new Event('input', { bubbles: true }));
+                    passInput.dispatchEvent(new Event('input', { bubbles: true }));
+
+                    // Automatically submit the form
+                    loginBtn.click();
+                }
+            } catch (error) {
+                console.error("Cross-Origin security block prevented automated input injection:", error);
+            }
+        });
+    </script>
+</body>
+</html>