Spaces:

bbc123321
/

proxypirate-browser

Running

App Files Files Community

bbc123321 commited on Dec 10, 2025

Commit

40296ec

verified ·

1 Parent(s): 6a2da3c

No buttons don't work. No websites load. No settings work. NOTHING WORKS. fix it please.

Browse files

Files changed (3) hide show

index.html +0 -5
script.js +36 -38
style.css +4 -0

index.html CHANGED Viewed

@@ -52,11 +52,6 @@
             </div>
         </div>
     </main>
     <script src="script.js"></script>
-    <script>
-        feather.replace();
-    </script>
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

             </div>
         </div>
     </main>
     <script src="script.js"></script>
 </body>
 </html>

script.js CHANGED Viewed

@@ -20,35 +20,24 @@ document.addEventListener('DOMContentLoaded', () => {
             new URL(url);
             if (useProxy) {
-                // Use a reliable proxy service (cors-anywhere requires activation)
-                const proxyUrl = `https://api.allorigins.win/get?url=${encodeURIComponent(url)}`;
-                fetch(proxyUrl)
-                    .then(response => response.json())
-                    .then(data => {
-                        const proxyDocument = browserFrame.contentDocument || browserFrame.contentWindow.document;
-                        proxyDocument.open();
-                        proxyDocument.write(data.contents);
-                        proxyDocument.close();
-                        document.querySelector('.proxy-indicator').classList.remove('hidden');
-                    })
-                    .catch(error => {
-                        console.error('Proxy error:', error);
-                        browserFrame.src = url; // Fallback to direct load
-                        document.querySelector('.proxy-indicator').classList.add('hidden');
-                    });
             } else {
                 browserFrame.src = url;
-                document.querySelector('.proxy-indicator').classList.add('hidden');
             }
             // Remove loading class when page is loaded
             browserFrame.onload = () => {
                 browserFrame.classList.remove('loading');
             };
             browserFrame.onerror = () => {
                 browserFrame.classList.remove('loading');
                 browserFrame.srcdoc = `
-                    <html><body style="color:white;padding:2rem;">
                         <h1>Failed to load page</h1>
                         <p>Could not load ${url}</p>
                         <p>Try enabling proxy or check your connection</p>
@@ -59,7 +48,7 @@ document.addEventListener('DOMContentLoaded', () => {
             console.error('URL loading error:', error);
             browserFrame.classList.remove('loading');
             browserFrame.srcdoc = `
-                <html><body style="color:white;padding:2rem;">
                     <h1>Invalid URL</h1>
                     <p>${url} is not a valid web address</p>
                     <p>Please enter a complete URL like "https://example.com"</p>
@@ -71,8 +60,20 @@ document.addEventListener('DOMContentLoaded', () => {
     proxyForm.addEventListener('proxy-submit', (e) => {
         const { url, useProxy } = e.detail;
         loadUrl(url, useProxy);
-    });
-    // Handle quick link clicks
     document.addEventListener('quick-link-click', (e) => {
         loadUrl(e.detail.url, e.detail.useProxy);
     });
@@ -94,27 +95,24 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         });
     });
     // Clear data functionality
-    const clearDataButtons = document.querySelectorAll('#clear-data');
     clearDataButtons.forEach(button => {
         button.addEventListener('click', () => {
-            try {
-                // Attempt to clear browser data
-                if (confirm('Clear all browsing data (cookies, cache, etc.)?')) {
-                    const browserFrame = document.getElementById('browser-frame');
-                    browserFrame.src = 'about:blank';
-                    setTimeout(() => {
-                        loadUrl('https://www.google.com');
-                        alert('Browser data cleared!');
-                    }, 500);
-                }
-            } catch (e) {
-                alert('Could not clear data due to browser restrictions');
             }
         });
     });
-    // Initialize feather icons
-    feather.replace();
 });

             new URL(url);
             if (useProxy) {
+                // Use a more reliable proxy service
+                const proxyUrl = `https://cors-anywhere.herokuapp.com/${url}`;
+                browserFrame.src = proxyUrl;
+                document.querySelectorAll('.proxy-indicator').forEach(el => el.classList.remove('hidden'));
             } else {
                 browserFrame.src = url;
+                document.querySelectorAll('.proxy-indicator').forEach(el => el.classList.add('hidden'));
             }
             // Remove loading class when page is loaded
             browserFrame.onload = () => {
                 browserFrame.classList.remove('loading');
             };
             browserFrame.onerror = () => {
                 browserFrame.classList.remove('loading');
                 browserFrame.srcdoc = `
+                    <html><body style="color:white;padding:2rem;background:#111827;">
                         <h1>Failed to load page</h1>
                         <p>Could not load ${url}</p>
                         <p>Try enabling proxy or check your connection</p>
             console.error('URL loading error:', error);
             browserFrame.classList.remove('loading');
             browserFrame.srcdoc = `
+                <html><body style="color:white;padding:2rem;background:#111827;">
                     <h1>Invalid URL</h1>
                     <p>${url} is not a valid web address</p>
                     <p>Please enter a complete URL like "https://example.com"</p>
     proxyForm.addEventListener('proxy-submit', (e) => {
         const { url, useProxy } = e.detail;
         loadUrl(url, useProxy);
+});
+// Event delegation for dynamically added elements
+document.addEventListener('click', (e) => {
+    if (e.target.closest('#toggle-vpn')) {
+        const vpnActive = document.querySelector('.proxy-indicator').classList.contains('hidden');
+        document.querySelectorAll('.proxy-indicator').forEach(el => {
+            vpnActive ? el.classList.remove('hidden') : el.classList.add('hidden');
+            el.innerHTML = `<i data-feather="shield" class="proxy-icon"></i> ${vpnActive ? 'VPN Active' : 'Proxy Active'}`;
+        });
+        feather.replace();
+    }
+});
+// Handle quick link clicks
     document.addEventListener('quick-link-click', (e) => {
         loadUrl(e.detail.url, e.detail.useProxy);
     });
             }
         });
     });
     // Clear data functionality
+    const clearDataButtons = document.querySelectorAll('#clear-data, #clear-cookies');
     clearDataButtons.forEach(button => {
         button.addEventListener('click', () => {
+            if (confirm('Clear all browsing data (cookies, cache, etc.)?')) {
+                const browserFrame = document.getElementById('browser-frame');
+                browserFrame.src = 'about:blank';
+                setTimeout(() => {
+                    loadUrl('https://www.google.com');
+                    alert('Browser data cleared!');
+                }, 500);
             }
         });
     });
+    // Initialize feather icons and reload after content changes
+    const initFeather = () => {
+        feather.replace();
+        setTimeout(() => feather.replace(), 500); // Double init to catch dynamic elements
+    };
+    initFeather();
 });

style.css CHANGED Viewed

@@ -6,8 +6,12 @@ body {
 #browser-frame.loading {
     background: url('https://i.gifer.com/origin/b4/b4d657e7ef262b88eb5f7ac021edda87.gif') center center no-repeat;
     background-size: 50px 50px;
 }
 #browser-frame {
     transition: opacity 0.3s ease;
 }

 #browser-frame.loading {
     background: url('https://i.gifer.com/origin/b4/b4d657e7ef262b88eb5f7ac021edda87.gif') center center no-repeat;
     background-size: 50px 50px;
+    min-height: 70vh;
 }
+iframe {
+    min-height: 70vh;
+}
 #browser-frame {
     transition: opacity 0.3s ease;
 }