Spaces:

AstraOS
/

url_proxy_blob_local_load

Running

App Files Files Community

AstraOS commited on Apr 29, 2025

Commit

8d2ce4b

verified ·

1 Parent(s): d7750fd

Upload index.html

Browse files

Files changed (1) hide show

index.html +105 -19

index.html CHANGED Viewed

@@ -1,19 +1,105 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1"><!-- your own page remains responsive -->
+  <title>Responsive Gamma Embed</title>
+  <style>
+    html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
+    #custom-iframe { width: 100%; height: 100%; border: none; }
+  </style>
+</head>
+<body>
+  <iframe id="custom-iframe" sandbox="allow-scripts allow-same-origin allow-top-navigation-by-user-activation allow-popups"></iframe>
+  <script>
+  (async function() {
+    const targetUrl = 'https://scriptfunctionconst-sele-aijki1r.gamma.site/';
+    const proxyUrl = `https://embed-proxy-prod.gamma-app.workers.dev/?alt_url=${targetUrl}`;
+    try {
+      // forward your UA so SSR can pick mobile vs desktop
+      const res = await fetch(proxyUrl, {
+        mode: 'cors',
+        headers: {
+          'Accept': 'text/html',
+          'User-Agent': navigator.userAgent
+        }
+      });
+      if (!res.ok) throw new Error(`Status ${res.status}`);
+      let html = await res.text();
+      // --- 1) Inject viewport meta if missing ---
+      if (!/<meta\s+name=["']viewport["']/i.test(html)) {
+        html = html.replace(
+          /<head([^>]*)>/i,
+          headTag => headTag +
+            '\n  <meta name="viewport" content="width=device-width, initial-scale=1">\n'
+        );
+      }
+      // --- 2) Inject your hide-elements script ---
+      const scriptContent = `
+      (function() {
+        try {
+          const SELECTORS = [
+            '.css-1c6hcbi',
+            '.chakra-button__group.css-1ayoy1w'
+          ];
+          function hideTargets(root = document) {
+            if (root.querySelectorAll) {
+              SELECTORS.forEach(sel => {
+                root.querySelectorAll(sel).forEach(el => el.style.display = 'none');
+              });
+            }
+          }
+          function setup() {
+            if (!document.body) return setTimeout(setup, 100);
+            hideTargets();
+            new MutationObserver(muts => {
+              muts.forEach(m => {
+                if (m.type === 'childList') {
+                  m.addedNodes.forEach(n => {
+                    if (n.nodeType === Node.ELEMENT_NODE) hideTargets(n);
+                  });
+                } else if (m.type === 'attributes' && m.target.matches(SELECTORS.join(','))) {
+                  m.target.style.display = 'none';
+                }
+              });
+            }).observe(document.body, {
+              childList: true,
+              subtree: true,
+              attributes: true,
+              attributeFilter: ['class']
+            });
+          }
+          if (document.readyState !== 'loading') setup();
+          else document.addEventListener('DOMContentLoaded', setup);
+        } catch (e) {
+          console.error('Injected script error:', e);
+        }
+      })();
+      `;
+      const injection = `<script>${scriptContent}<\/script>`;
+      // add before </head> so responsive CSS & your script both load early
+      if (html.match(/<\/head>/i)) {
+        html = html.replace(/<\/head>/i, injection + '</head>');
+      } else {
+        html = injection + html;
+      }
+      // serve via blob so same-origin + your script can run
+      const blob = new Blob([html], { type: 'text/html' });
+      const url = URL.createObjectURL(blob);
+      const iframe = document.getElementById('custom-iframe');
+      iframe.src = url;
+      iframe.onload = () => URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error('Embed error:', err);
+      document.body.innerHTML = `<p style="color:red;">Error loading embed: ${err.message}</p>`;
+    }
+  })();
+  </script>
+</body>
+</html>