Web-Manager

Running

App Files Files Community

openfree commited on 16 days ago

Commit

3140ee8

verified ·

1 Parent(s): 93d180e

Update app.py

Browse files

Files changed (1) hide show

app.py +61 -88

app.py CHANGED Viewed

@@ -3,7 +3,7 @@ import os, re, json
 app = Flask(__name__)
-# ───────────────────────── 1. CURATED CATEGORIES ─────────────────────────
 CATEGORIES = {
     "Productivity": [
         "https://huggingface.co/spaces/ginigen/perflexity-clone",
@@ -61,110 +61,83 @@ CATEGORIES = {
     ],
 }
-# ─────────── 2. HELPERS: build embed & direct URLs from HF link ───────────
-def space_embed_url(hf_url: str) -> str:
-    m = re.match(r"https?://huggingface\.co/spaces/([^/]+)/([^/?#]+)", hf_url)
     if not m:
-        return hf_url
-    owner, name = m.groups()
-    return f"https://huggingface.co/spaces/{owner}/{name}/embed"
-def space_direct_url(hf_url: str) -> str:
-    m = re.match(r"https?://huggingface\.co/spaces/([^/]+)/([^/?#]+)", hf_url)
-    if not m:
-        return hf_url
-    owner, name = m.groups()
-    # dots/underscores → dashes, lowercase
     owner = owner.lower()
-    name  = name.replace('.', '-').replace('_', '-').lower()
-    return f"https://{owner}-{name}.hf.space"
-# ───────────── 3. API: return spaces for a given category ──────────────
 @app.route('/api/category')
-def api_category():
-    cat = request.args.get('name', '')
-    urls = CATEGORIES.get(cat, [])
-    spaces = [{
         "title": url.split('/')[-1],
-        "embedUrl": space_embed_url(url),
-        "directUrl": space_direct_url(url)
-    } for url in urls]
-    return jsonify({"spaces": spaces})
-# ───────────────────────────── 4. ROUTES ────────────────────────────────
 @app.route('/')
 def home():
-    return render_template('index.html', categories=list(CATEGORIES.keys()))
-# ───────────── 5. CREATE index.html with tabbed UI (once) ───────────────
-if not os.path.exists('templates'):
-    os.makedirs('templates')
-with open('templates/index.html', 'w', encoding='utf-8') as f:
-    f.write(r'''<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
-<title>Curated HF Spaces</title>
 <style>
- @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700&display=swap');
- body{margin:0;font-family:Nunito,sans-serif;background:#f0f2f8;}
- .tabs{display:flex;gap:6px;flex-wrap:wrap;padding:16px;}
- .tab-btn{padding:8px 14px;border:none;border-radius:20px;background:#e2e8f0;cursor:pointer;font-weight:600}
- .tab-btn.active{background:#c4b5fd;color:#1a202c}
- .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;padding:0 16px 40px}
- .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;height:420px;position:relative}
- .tag{position:absolute;top:6px;left:6px;background:#10b981;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:2}
- .frame{flex:1;overflow:hidden}
- .frame iframe{position:absolute;width:166.667%;height:166.667%;transform:scale(.6);transform-origin:top left;border:0}
- .foot{height:40px;background:#fafafa;display:flex;align-items:center;justify-content:center;border-top:1px solid #eee}
- .foot a{font-size:.82rem;font-weight:600;color:#4a6dd8;text-decoration:none}
-</style>
-</head>
 <body>
 <div class="tabs" id="tabs"></div>
-<div id="grid" class="grid"></div>
 <script>
-const cats={{ categories|tojson }};
-const tabsEl=document.getElementById('tabs');
-const gridEl=document.getElementById('grid');
-let active='';
-function loadTab(cat){
-  if(cat===active) return;
-  active=cat;
-  [...tabsEl.children].forEach(b=>b.classList.toggle('active',b.dataset.cat===cat));
-  gridEl.innerHTML='<p style="grid-column:1/-1;text-align:center;padding:40px">Loading…</p>';
-  fetch(`/api/category?name=${encodeURIComponent(cat)}`)
-    .then(r=>r.json()).then(data=>{
-      gridEl.innerHTML='';
-      data.spaces.forEach(sp=>{
-        const card=document.createElement('div');
-        card.className='card';
-        card.innerHTML=`
-          <span class="tag">LIVE</span>
-          <div class="frame"><iframe src="${sp.embedUrl}" loading="lazy" allow="accelerometer; gyroscope;"></iframe></div>
-          <div class="foot"><a href="${sp.directUrl}" target="_blank">Open ↗</a></div>
-        `;
-        gridEl.appendChild(card);
-      });
-    });
 }
 cats.forEach((c,i)=>{
-  const b=document.createElement('button');
-  b.textContent=c;
-  b.className='tab-btn';
-  b.dataset.cat=c;
-  b.onclick=()=>loadTab(c);
-  tabsEl.appendChild(b);
-  if(i===0) loadTab(c);
 });
 </script>
-</body>
-</html>''')
-# ─────────────────────────────── 6. RUN ────────────────────────────────
 if __name__ == '__main__':
     app.run(host='0.0.0.0', port=7860)

 app = Flask(__name__)
+# 1️⃣ curated lists ----------------------------------------------------------
 CATEGORIES = {
     "Productivity": [
         "https://huggingface.co/spaces/ginigen/perflexity-clone",
     ],
 }
+# 2️⃣ url helpers -----------------------------------------------------------
+def to_direct(url: str) -> str:
+    m = re.match(r"https?://huggingface\.co/spaces/([^/]+)/([^/?#]+)", url)
     if not m:
+        return url
+    owner, space = m.groups()
     owner = owner.lower()
+    space = space.replace('.', '-').replace('_', '-').lower()
+    return f"https://{owner}-{space}.hf.space"
+def to_snapshot(url: str) -> str:
+    return f"https://image.thum.io/get/fullpage/{to_direct(url)}"
+# 3️⃣  simple API -----------------------------------------------------------
 @app.route('/api/category')
+def api_cat():
+    name = request.args.get('name', '')
+    urls = CATEGORIES.get(name, [])
+    return jsonify([{
         "title": url.split('/')[-1],
+        "img":   to_snapshot(url),
+        "link":  to_direct(url)
+    } for url in urls])
+# 4️⃣  web front ------------------------------------------------------------
 @app.route('/')
 def home():
+    return render_template('index.html', cats=list(CATEGORIES.keys()))
+# 5️⃣  generate template once ----------------------------------------------
+os.makedirs('templates', exist_ok=True)
+with open('templates/index.html', 'w', encoding='utf-8') as fp:
+    fp.write(r'''<!DOCTYPE html>
+<html><head><meta charset="utf-8"><meta name="viewport"content="width=device-width,initial-scale=1">
+<title>Curated HuggingFace Spaces</title>
 <style>
+body{margin:0;font-family:Nunito,sans-serif;background:#f6f8fb}
+.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px}
+.tab{padding:6px 14px;border:none;border-radius:18px;background:#e2e8f0;font-weight:600;cursor:pointer}
+.tab.active{background:#a78bfa;color:#1a202c}
+.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:0 16px 40px}
+.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;height:420px;display:flex;flex-direction:column}
+.frame{flex:1;position:relative;overflow:hidden}
+.frame img{width:166.667%;height:166.667%;transform:scale(.6);transform-origin:top left}
+.foot{height:44px;background:#fafafa;display:flex;align-items:center;justify-content:center;border-top:1px solid #eee}
+.foot a{font-size:.85rem;font-weight:700;color:#4a6dd8;text-decoration:none}
+</style></head>
 <body>
 <div class="tabs" id="tabs"></div>
+<div class="grid" id="grid"></div>
 <script>
+const cats={{cats|tojson}};
+const tabs=document.getElementById('tabs');
+const grid=document.getElementById('grid');
+let active="";
+function load(cat){
+ if(cat===active) return; active=cat;
+ [...tabs.children].forEach(b=>b.classList.toggle('active',b.dataset.c===cat));
+ grid.innerHTML='<p style="grid-column:1/-1;text-align:center;padding:40px">Loading…</p>';
+ fetch('/api/category?name='+encodeURIComponent(cat))
+  .then(r=>r.json()).then(arr=>{
+   grid.innerHTML="";
+   arr.forEach(sp=>{
+     const c=document.createElement('div');c.className='card';
+     c.innerHTML=`<div class="frame"><img src="${sp.img}" loading="lazy"></div>
+                  <div class="foot"><a href="${sp.link}" target="_blank">${sp.title}</a></div>`;
+     grid.appendChild(c);
+   });
+ });
 }
 cats.forEach((c,i)=>{
+ const b=document.createElement('button');b.textContent=c;b.className='tab';b.dataset.c=c;
+ b.onclick=()=>load(c);tabs.appendChild(b);if(i==0)load(c);
 });
 </script>
+</body></html>''')
+# 6️⃣  run ------------------------------------------------------------------
 if __name__ == '__main__':
     app.run(host='0.0.0.0', port=7860)