Update app.py

app.py

@@ -1,140 +1,251 @@
-from fastapi import FastAPI
-from fastapi.middleware.cors import CORSMiddleware
-import httpx
-import json
-import logging
-
-app = FastAPI()
-logging.basicConfig(level=logging.INFO)
-
-# Allow all CORS so browser apps can call this API
-def configure_cors(app: FastAPI):
-    app.add_middleware(
-        CORSMiddleware,
-        allow_origins=["*"],
-        allow_methods=["*"],
-        allow_headers=["*"],
-    )
-
-configure_cors(app)
-
-# Precompute Base62 index mapping for O(1) lookup
-BASE_62_MAP = {c: i for i, c in enumerate(
-    "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"
-)}
-
-async def get_client() -> httpx.AsyncClient:
-    if not hasattr(app.state, "client"):
-        app.state.client = httpx.AsyncClient(timeout=10.0)
-    return app.state.client
-
-# Convert base62 string to integer
-def base62_to_int(token: str) -> int:
-    result = 0
-    for ch in token:
-        result = result * 62 + BASE_62_MAP[ch]
-    return result
-
-async def get_base_url(token: str) -> str:
-    first = token[0]
-    if first == "A":
-        n = base62_to_int(token[1])
-    else:
-        n = base62_to_int(token[1:3])
-    return f"https://p{n:02d}-sharedstreams.icloud.com/{token}/sharedstreams/"
-
-# Common headers and payload for iCloud requests
-ICLOUD_HEADERS = {"Origin": "https://www.icloud.com", "Content-Type": "text/plain"}
-ICLOUD_PAYLOAD = '{"streamCtag":null}'
-
-async def get_redirected_base_url(base_url: str, token: str) -> str:
-    client = await get_client()
-    resp = await client.post(
-        f"{base_url}webstream", headers=ICLOUD_HEADERS, data=ICLOUD_PAYLOAD, follow_redirects=False
-    )
-    if resp.status_code == 330:
-        body = resp.json()
-        host = body.get("X-Apple-MMe-Host")
-        return f"https://{host}/{token}/sharedstreams/"
-    return base_url
-
-async def post_json(path: str, base_url: str, payload: str) -> dict:
-    client = await get_client()
-    resp = await client.post(
-        f"{base_url}{path}", headers=ICLOUD_HEADERS, data=payload
-    )
-    resp.raise_for_status()
-    return resp.json()
-
-async def get_metadata(base_url: str) -> list:
-    data = await post_json("webstream", base_url, ICLOUD_PAYLOAD)
-    return data.get("photos", [])
-
-async def get_asset_urls(base_url: str, guids: list) -> dict:
-    payload = json.dumps({"photoGuids": guids})
-    data = await post_json("webasseturls", base_url, payload)
-    return data.get("items", {})
-
-@app.get("/album/{token}")
-async def get_album(token: str):
-    try:
-        base_url = await get_base_url(token)
-        base_url = await get_redirected_base_url(base_url, token)
-
-        metadata = await get_metadata(base_url)
-        guids = [photo["photoGuid"] for photo in metadata]
-        asset_map = await get_asset_urls(base_url, guids)
-
-        videos = []
-        for photo in metadata:
-            if photo.get("mediaAssetType", "").lower() != "video":
-                logging.info(f"Photo {photo.get('photoGuid')} is not a video.")
-                continue
-
-            derivatives = photo.get("derivatives", {})
-            best = max(
-                (d for k, d in derivatives.items() if k.lower() != "posterframe"),
-                key=lambda d: int(d.get("fileSize") or 0),
-                default=None
-            )
-            if not best:
-                logging.info(f"No video derivative for photo {photo.get('photoGuid')}")
-                continue
-
-            checksum = best.get("checksum")
-            info = asset_map.get(checksum)
-            if not info:
-                logging.info(f"Missing asset for checksum {checksum}")
-                continue
-            video_url = f"https://{info['url_location']}{info['url_path']}"
-
-            poster = None
-            pf = derivatives.get("PosterFrame")
-            if pf:
-                pf_info = asset_map.get(pf.get("checksum"))
-                if pf_info:
-                    poster = f"https://{pf_info['url_location']}{pf_info['url_path']}"
-
-            videos.append({
-                "caption": photo.get("caption", ""),
-                "url": video_url,
-                "poster": poster
-            })
-
-        return {"videos": videos}
-    except Exception as e:
-        logging.error(f"Error in get_album: {e}")
-        return {"error": str(e)}
-
-@app.get("/album/{token}/raw")
-async def get_album_raw(token: str):
-    try:
-        base_url = await get_base_url(token)
-        base_url = await get_redirected_base_url(base_url, token)
-        metadata = await get_metadata(base_url)
-        guids = [photo["photoGuid"] for photo in metadata]
-        asset_map = await get_asset_urls(base_url, guids)
-        return {"metadata": metadata, "asset_urls": asset_map}
-    except Exception as e:
-        logging.error(f"Error in get_album_raw: {e}")
-        return {"error": str(e)}
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>CCP - Central Content Pool</title>
+  <style>
+    body {
+      background-color: #ffcc00;
+      font-family: "Comic Sans MS", cursive, sans-serif;
+      margin: 0;
+      padding: 0;
+      text-align: center;
+    }
+    header {
+      background-color: #003399;
+      color: white;
+      padding: 15px;
+      font-size: 2em;
+      border-bottom: 4px double #fff;
+    }
+    .logo {
+      font-size: 50px;
+      font-weight: bold;
+      color: #ff0000;
+      text-shadow: 3px 3px 0 #000;
+      margin-top: 20px;
+    }
+    .subtext {
+      font-size: 24px;
+      color: black;
+      margin-top: -10px;
+    }
+    .fineprint {
+      font-size: 12px;
+      color: gray;
+      margin-top: -5px;
+      font-style: italic;
+    }
+    .container {
+      margin: 20px auto;
+      width: 90%;
+      max-width: 1200px;
+    }
+    .search-container {
+      margin: 20px auto;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+    #search-input {
+      width: 80%;
+      padding: 10px;
+      font-size: 18px;
+      border: 3px solid #000;
+      outline: none;
+      background: #ffffff;
+      transition: 0.3s ease-in-out;
+    }
+    #search-input:focus {
+      background: #ffff99;
+    }
+    .videos {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 15px;
+      justify-content: center;
+    }
+    .video-card {
+      background-color: #fff;
+      border: 3px solid black;
+      padding: 10px;
+      width: 320px;
+      cursor: pointer;
+      transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+      animation: fadeIn 0.5s ease-in;
+    }
+    .video-card:hover {
+      transform: scale(1.05);
+      box-shadow: 5px 5px 0 #000;
+    }
+    .video-card img {
+      width: 100%;
+      height: auto;
+      aspect-ratio: 16/9;
+      object-fit: cover;
+      border: 4px solid black;
+      image-rendering: pixelated;
+    }
+    .video-card h2 {
+      margin: 10px 0 0 0;
+      font-size: 20px;
+      color: #003399;
+    }
+    .modal-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0,0,0,0.5);
+      display: none;
+      align-items: center;
+      justify-content: center;
+      animation: fadeIn 0.5s;
+    }
+    .modal-window {
+      background-color: #c0c0c0;
+      border: 2px solid #000;
+      width: 80%;
+      max-width: 800px;
+      box-shadow: 5px 5px 0 #000;
+      animation: slideDown 0.5s ease-out;
+    }
+    .modal-header {
+      background: #000080;
+      color: white;
+      padding: 5px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .modal-header button {
+      background: #c0c0c0;
+      border: 2px outset #fff;
+      cursor: pointer;
+      margin-left: 5px;
+    }
+    .modal-content {
+      padding: 10px;
+      background: #fff;
+    }
+    .modal-content video {
+      width: 100%;
+      height: auto;
+      max-height: 80vh;
+      object-fit: contain;
+      display: block;
+    }
+    @keyframes fadeIn {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+    @keyframes slideDown {
+      from { transform: translateY(-20px); opacity: 0; }
+      to { transform: translateY(0); opacity: 1; }
+    }
+  </style>
+</head>
+<body>
+  <header>Welcome to CCP</header>
+  <div class="logo">CCP</div>
+  <div class="subtext">(Central Content Pool)</div>
+  <div class="fineprint">(not the China guys, they copied us...)</div>
+
+  <div class="container">
+    <div class="search-container">
+      <input type="text" id="search-input" placeholder="Search for videos...">
+    </div>
+
+    <div class="videos" id="video-list"></div>
+  </div>
+
+  <div class="modal-overlay" id="modal-overlay">
+    <div class="modal-window">
+      <div class="modal-header">
+        <span id="modal-title">Video Player</span>
+        <div>
+          <button id="fullscreen-btn">Full Screen</button>
+          <button id="close-btn">Close</button>
+        </div>
+      </div>
+      <div class="modal-content">
+        <video id="modal-video" controls>
+          <source id="video-source" src="" type="video/mp4">
+          Your browser does not support the video tag.
+        </video>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    let allVideos = [];
+    const videoList = document.getElementById('video-list');
+    const searchInput = document.getElementById('search-input');
+
+    async function fetchVideos() {
+      try {
+        const response = await fetch('https://salexai-funserver.hf.space/album/B0p532ODWH4KDMb');
+        const data = await response.json();
+        allVideos = data.videos;
+        renderVideos(allVideos);
+      } catch (error) {
+        console.error('Failed to fetch videos:', error);
+      }
+    }
+
+    async function renderVideos(videoArray) {
+      videoList.innerHTML = '';
+      for (const vid of videoArray) {
+        const title = vid.caption && vid.caption.trim() ? vid.caption.trim() : 'Unnamed Video';
+        const thumb = vid.poster && vid.poster.trim() ? vid.poster : 'https://via.placeholder.com/320x180.png?text=No+Preview';
+
+        const card = document.createElement('div');
+        card.className = 'video-card';
+        card.innerHTML = `
+          <img src="${thumb}" alt="Thumbnail">
+          <h2>${title}</h2>
+        `;
+        card.addEventListener('click', () => openModal(title, vid.url));
+        videoList.appendChild(card);
+      }
+    }
+
+    searchInput.addEventListener('input', (e) => {
+      const searchVal = e.target.value.toLowerCase();
+      const filtered = allVideos.filter(v => {
+        const cap = v.caption && v.caption.trim() ? v.caption.trim().toLowerCase() : 'unnamed video';
+        return cap.includes(searchVal);
+      });
+      renderVideos(filtered);
+    });
+
+    function openModal(title, url) {
+      document.getElementById('modal-title').textContent = title;
+      document.getElementById('video-source').src = url;
+      const modalVideo = document.getElementById('modal-video');
+      modalVideo.load();
+      document.getElementById('modal-overlay').style.display = 'flex';
+    }
+
+    document.getElementById('close-btn').addEventListener('click', () => {
+      const modalVideo = document.getElementById('modal-video');
+      modalVideo.pause();
+      document.getElementById('modal-overlay').style.display = 'none';
+    });
+
+    document.getElementById('fullscreen-btn').addEventListener('click', () => {
+      const modalVideo = document.getElementById('modal-video');
+      if (modalVideo.requestFullscreen) {
+        modalVideo.requestFullscreen();
+      } else if (modalVideo.webkitRequestFullscreen) {
+        modalVideo.webkitRequestFullscreen();
+      } else if (modalVideo.msRequestFullscreen) {
+        modalVideo.msRequestFullscreen();
+      }
+    });
+
+    fetchVideos();
+  </script>
+</body>
+</html>