Spaces:

lexicalspace
/

Blogger-Toolkit

Paused

App Files Files Community

lexicalspace commited on Jan 30

Commit

80ffb94

verified ·

1 Parent(s): 9f0198a

Update app.py

Browse files

Files changed (1) hide show

app.py +95 -76

app.py CHANGED Viewed

@@ -1,9 +1,10 @@
 import streamlit as st
-import requests
-import json
 import re
 from bs4 import BeautifulSoup
 import markdown
 # --- PAGE CONFIG ---
 st.set_page_config(
@@ -13,7 +14,7 @@ st.set_page_config(
     initial_sidebar_state="expanded"
 )
-# --- SIDEBAR & SERVER SELECTOR ---
 st.sidebar.title("Navigation")
 query_params = st.query_params
 default_index = 1 if query_params.get("mode") == "downloader" else 0
@@ -24,89 +25,111 @@ app_mode = st.sidebar.radio(
     index=default_index
 )
-# List of Public Cobalt v10 Instances (Community Hosted)
-# If one fails, the user can switch to another.
-SERVERS = {
-    "Auto (US)": "https://co.wuk.sh",
-    "Backup (EU)": "https://cobalt.api.timelessnesses.me",
-    "Backup (Asia)": "https://api.cobalt.750.moe",
-    "Backup (US-East)": "https://cobalt-api.hyper.lol"
-}
-if app_mode == "YouTube Downloader":
-    st.sidebar.markdown("---")
-    st.sidebar.subheader("⚙️ Server Settings")
-    selected_server_name = st.sidebar.selectbox("Processing Server", list(SERVERS.keys()))
-    api_base_url = SERVERS[selected_server_name]
 # ==========================================
-# VIEW 1: YOUTUBE DOWNLOADER (v10 API)
 # ==========================================
 if app_mode == "YouTube Downloader":
     st.title("🎥 YouTube Media Extractor")
-    st.caption(f"Powered by Cobalt v10 • Server: {selected_server_name}")
     url = st.text_input("Paste YouTube URL", placeholder="https://youtube.com/watch?v=...")
     col1, col2 = st.columns(2)
     with col1:
-        format_type = st.radio("Format", ["Video (MP4)", "Audio Only (MP3)"])
-    if url and st.button("🚀 Process Media"):
-        status_area = st.empty()
-        status_area.info("⏳ Contacting remote server...")
-        try:
-            # v10 API Payload Structure
-            headers = {
-                "Accept": "application/json",
-                "Content-Type": "application/json",
-                "User-Agent": "LexicalTools/1.0"
-            }
-            payload = {
-                "url": url,
-                # v10 uses 'downloadMode' instead of 'isAudioOnly'
-                "downloadMode": "audio" if "Audio" in format_type else "auto",
-                "videoQuality": "1080",
-                "filenameStyle": "basic"
-            }
-            # Send Request to selected instance
-            response = requests.post(f"{api_base_url}", headers=headers, json=payload)
-            try:
-                data = response.json()
-            except:
-                st.error(f"Server Error: {response.text}")
-                st.stop()
-            # Handle Success
-            if "url" in data:
-                download_link = data["url"]
-                status_area.success("✅ Media Ready!")
-                # Direct Stream Link (No server storage used)
-                st.link_button(f"⬇️ Click to Download {format_type}", download_link)
-                # Preview
-                if "Audio" not in format_type:
-                    st.video(download_link)
-                else:
-                    st.audio(download_link)
-            # Handle API Specific Errors
-            elif "text" in data:
-                st.error(f"API Error: {data['text']}")
-            else:
-                st.error("Unknown error. Try switching the server in the sidebar.")
-        except Exception as e:
-            st.error(f"Connection Failed: {str(e)}")
-            st.info("💡 Tip: Try selecting a different server in the Sidebar.")
 # ==========================================
-# VIEW 2: WEBMASTER TOOLKIT (Existing)
 # ==========================================
 elif app_mode == "Webmaster Toolkit":
     st.title("⚡ Webmaster's Toolkit")
@@ -133,14 +156,10 @@ elif app_mode == "Webmaster Toolkit":
     with tab2:
         st.write("Convert heavy images to WebP.")
-        # Need to import PIL and io only here to save memory
-        from PIL import Image
-        import io
         uploaded_file = st.file_uploader("Upload Image", type=['png', 'jpg', 'jpeg'])
         if uploaded_file:
             original_image = Image.open(uploaded_file)
-            st.image(original_image, caption="Original", use_container_width=True) # Updated for Streamlit 1.39+
             if st.button("Convert to WebP"):
                 buffer = io.BytesIO()

 import streamlit as st
+import streamlit.components.v1 as components
 import re
 from bs4 import BeautifulSoup
 import markdown
+from PIL import Image
+import io
 # --- PAGE CONFIG ---
 st.set_page_config(
     initial_sidebar_state="expanded"
 )
+# --- SIDEBAR ---
 st.sidebar.title("Navigation")
 query_params = st.query_params
 default_index = 1 if query_params.get("mode") == "downloader" else 0
     index=default_index
 )
 # ==========================================
+# VIEW 1: YOUTUBE DOWNLOADER (Client-Side JS)
 # ==========================================
 if app_mode == "YouTube Downloader":
     st.title("🎥 YouTube Media Extractor")
+    st.caption("🚀 Client-Side Mode: Runs on your browser (No Server Blocks)")
+    # Input Fields
     url = st.text_input("Paste YouTube URL", placeholder="https://youtube.com/watch?v=...")
     col1, col2 = st.columns(2)
     with col1:
+        is_audio = st.toggle("Audio Only (MP3)", value=False)
+    # We pass these variables into the HTML/JS block below
+    mode_str = "audio" if is_audio else "auto"
+    if url:
+        st.info("👇 Click the button below to process.")
+        # --- THE MAGIC JAVASCRIPT BLOCK ---
+        # This HTML runs in the user's browser, bypassing the server completely.
+        html_code = f"""
+        <!DOCTYPE html>
+        <html>
+        <head>
+            <style>
+                body {{ font-family: sans-serif; color: white; background: transparent; }}
+                .btn {{
+                    background: #FF4B4B; color: white; border: none; padding: 12px 24px;
+                    border-radius: 8px; font-size: 16px; cursor: pointer; width: 100%;
+                    transition: 0.3s; font-weight: bold;
+                }}
+                .btn:hover {{ background: #FF2B2B; }}
+                .btn:disabled {{ background: #555; cursor: not-allowed; }}
+                .result {{ margin-top: 15px; padding: 10px; border-radius: 5px; display: none; }}
+                .success {{ background: #1E3A2F; border: 1px solid #2ecc71; color: #2ecc71; }}
+                .error {{ background: #3A1E1E; border: 1px solid #e74c3c; color: #e74c3c; }}
+                a {{ color: white; text-decoration: none; display: block; padding: 10px; background: #2ecc71; border-radius: 5px; text-align: center; }}
+            </style>
+        </head>
+        <body>
+            <button id="procBtn" class="btn" onclick="fetchMedia()">🚀 Process Media</button>
+            <div id="status" class="result"></div>
+            <script>
+                async function fetchMedia() {{
+                    const btn = document.getElementById('procBtn');
+                    const status = document.getElementById('status');
+                    btn.disabled = true;
+                    btn.innerText = "⏳ Processing...";
+                    status.style.display = "none";
+                    // The Payload
+                    const data = {{
+                        url: "{url}",
+                        downloadMode: "{mode_str}",
+                        videoQuality: "1080"
+                    }};
+                    try {{
+                        // We use a public instance that allows CORS (Browser access)
+                        const response = await fetch("https://co.wuk.sh/api/json", {{
+                            method: "POST",
+                            headers: {{
+                                "Accept": "application/json",
+                                "Content-Type": "application/json"
+                            }},
+                            body: JSON.stringify(data)
+                        }});
+                        const result = await response.json();
+                        if (result.url) {{
+                            status.className = "result success";
+                            status.innerHTML = `
+                                <strong>✅ Success!</strong><br><br>
+                                <a href="${{result.url}}" target="_blank">⬇️ Click to Download</a>
+                            `;
+                            status.style.display = "block";
+                            btn.innerText = "🚀 Process Another";
+                        }} else {{
+                            throw new Error(result.text || "Unknown error");
+                        }}
+                    }} catch (err) {{
+                        status.className = "result error";
+                        status.innerText = "Error: " + err.message;
+                        status.style.display = "block";
+                        btn.innerText = "❌ Retry";
+                    }}
+                    btn.disabled = false;
+                }}
+            </script>
+        </body>
+        </html>
+        """
+        # Inject the HTML/JS into the Streamlit app
+        components.html(html_code, height=250)
 # ==========================================
+# VIEW 2: WEBMASTER TOOLKIT (Server Side)
 # ==========================================
 elif app_mode == "Webmaster Toolkit":
     st.title("⚡ Webmaster's Toolkit")
     with tab2:
         st.write("Convert heavy images to WebP.")
         uploaded_file = st.file_uploader("Upload Image", type=['png', 'jpg', 'jpeg'])
         if uploaded_file:
             original_image = Image.open(uploaded_file)
+            st.image(original_image, caption="Original", use_container_width=True)
             if st.button("Convert to WebP"):
                 buffer = io.BytesIO()