Update app.py
Browse files
app.py
CHANGED
|
@@ -1,10 +1,8 @@
|
|
| 1 |
import streamlit as st
|
| 2 |
import streamlit.components.v1 as components
|
| 3 |
-
import re
|
| 4 |
from bs4 import BeautifulSoup
|
| 5 |
import markdown
|
| 6 |
-
|
| 7 |
-
import io
|
| 8 |
|
| 9 |
# --- PAGE CONFIG ---
|
| 10 |
st.set_page_config(
|
|
@@ -26,11 +24,11 @@ app_mode = st.sidebar.radio(
|
|
| 26 |
)
|
| 27 |
|
| 28 |
# ==========================================
|
| 29 |
-
# VIEW 1: YOUTUBE DOWNLOADER (
|
| 30 |
# ==========================================
|
| 31 |
if app_mode == "YouTube Downloader":
|
| 32 |
st.title("🎥 YouTube Media Extractor")
|
| 33 |
-
st.caption("🚀
|
| 34 |
|
| 35 |
# Input Fields
|
| 36 |
url = st.text_input("Paste YouTube URL", placeholder="https://youtube.com/watch?v=...")
|
|
@@ -39,14 +37,12 @@ if app_mode == "YouTube Downloader":
|
|
| 39 |
with col1:
|
| 40 |
is_audio = st.toggle("Audio Only (MP3)", value=False)
|
| 41 |
|
| 42 |
-
# We pass these variables into the HTML/JS block below
|
| 43 |
mode_str = "audio" if is_audio else "auto"
|
| 44 |
|
| 45 |
if url:
|
| 46 |
st.info("👇 Click the button below to process.")
|
| 47 |
|
| 48 |
-
# ---
|
| 49 |
-
# This HTML runs in the user's browser, bypassing the server completely.
|
| 50 |
html_code = f"""
|
| 51 |
<!DOCTYPE html>
|
| 52 |
<html>
|
|
@@ -56,114 +52,124 @@ if app_mode == "YouTube Downloader":
|
|
| 56 |
.btn {{
|
| 57 |
background: #FF4B4B; color: white; border: none; padding: 12px 24px;
|
| 58 |
border-radius: 8px; font-size: 16px; cursor: pointer; width: 100%;
|
| 59 |
-
transition: 0.3s; font-weight: bold;
|
| 60 |
}}
|
| 61 |
.btn:hover {{ background: #FF2B2B; }}
|
| 62 |
.btn:disabled {{ background: #555; cursor: not-allowed; }}
|
| 63 |
-
.result {{ margin-top: 15px; padding:
|
| 64 |
.success {{ background: #1E3A2F; border: 1px solid #2ecc71; color: #2ecc71; }}
|
| 65 |
.error {{ background: #3A1E1E; border: 1px solid #e74c3c; color: #e74c3c; }}
|
| 66 |
-
a {{
|
|
|
|
|
|
|
|
|
|
|
|
|
| 67 |
</style>
|
| 68 |
</head>
|
| 69 |
<body>
|
| 70 |
-
<button id="procBtn" class="btn" onclick="
|
| 71 |
<div id="status" class="result"></div>
|
|
|
|
| 72 |
|
| 73 |
<script>
|
| 74 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 75 |
const btn = document.getElementById('procBtn');
|
| 76 |
const status = document.getElementById('status');
|
|
|
|
| 77 |
|
| 78 |
btn.disabled = true;
|
| 79 |
-
btn.innerText = "⏳
|
| 80 |
status.style.display = "none";
|
|
|
|
| 81 |
|
| 82 |
-
|
| 83 |
-
const data = {{
|
| 84 |
url: "{url}",
|
| 85 |
downloadMode: "{mode_str}",
|
| 86 |
videoQuality: "1080"
|
| 87 |
}};
|
| 88 |
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
|
|
|
|
|
|
| 112 |
}}
|
|
|
|
| 113 |
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
status.innerText = "Error: " + err.message;
|
| 117 |
-
status.style.display = "block";
|
| 118 |
-
btn.innerText = "❌ Retry";
|
| 119 |
}}
|
|
|
|
| 120 |
btn.disabled = false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 121 |
}}
|
| 122 |
</script>
|
| 123 |
</body>
|
| 124 |
</html>
|
| 125 |
"""
|
| 126 |
|
| 127 |
-
|
| 128 |
-
components.html(html_code, height=250)
|
| 129 |
-
|
| 130 |
|
| 131 |
# ==========================================
|
| 132 |
# VIEW 2: WEBMASTER TOOLKIT (Server Side)
|
| 133 |
# ==========================================
|
| 134 |
elif app_mode == "Webmaster Toolkit":
|
| 135 |
st.title("⚡ Webmaster's Toolkit")
|
| 136 |
-
|
| 137 |
-
tab1, tab2 = st.tabs(["📝 Text Cleaner
|
| 138 |
-
|
| 139 |
with tab1:
|
| 140 |
-
st.write("
|
| 141 |
-
raw_text = st.text_area("Input Text", height=200)
|
| 142 |
-
c1, c2, c3 = st.columns(3)
|
| 143 |
-
processed_text = ""
|
| 144 |
-
|
| 145 |
-
if c1.button("Strip HTML"):
|
| 146 |
-
soup = BeautifulSoup(raw_text, "html.parser")
|
| 147 |
-
processed_text = soup.get_text(separator=" ")
|
| 148 |
-
if c2.button("Fix Spacing"):
|
| 149 |
-
processed_text = re.sub(r'\s+', ' ', raw_text).strip()
|
| 150 |
-
if c3.button("MD to HTML"):
|
| 151 |
-
processed_text = markdown.markdown(raw_text)
|
| 152 |
-
|
| 153 |
-
if processed_text:
|
| 154 |
-
st.success("Done!")
|
| 155 |
-
st.text_area("Result", value=processed_text, height=200)
|
| 156 |
-
|
| 157 |
-
with tab2:
|
| 158 |
-
st.write("Convert heavy images to WebP.")
|
| 159 |
-
uploaded_file = st.file_uploader("Upload Image", type=['png', 'jpg', 'jpeg'])
|
| 160 |
-
if uploaded_file:
|
| 161 |
-
original_image = Image.open(uploaded_file)
|
| 162 |
-
st.image(original_image, caption="Original", use_container_width=True)
|
| 163 |
-
|
| 164 |
-
if st.button("Convert to WebP"):
|
| 165 |
-
buffer = io.BytesIO()
|
| 166 |
-
original_image.save(buffer, format="WEBP", quality=80, optimize=True)
|
| 167 |
-
buffer.seek(0)
|
| 168 |
-
st.success("Converted!")
|
| 169 |
-
st.download_button("Download WebP", data=buffer, file_name="image.webp")
|
|
|
|
| 1 |
import streamlit as st
|
| 2 |
import streamlit.components.v1 as components
|
|
|
|
| 3 |
from bs4 import BeautifulSoup
|
| 4 |
import markdown
|
| 5 |
+
import re
|
|
|
|
| 6 |
|
| 7 |
# --- PAGE CONFIG ---
|
| 8 |
st.set_page_config(
|
|
|
|
| 24 |
)
|
| 25 |
|
| 26 |
# ==========================================
|
| 27 |
+
# VIEW 1: YOUTUBE DOWNLOADER (Swarm Mode)
|
| 28 |
# ==========================================
|
| 29 |
if app_mode == "YouTube Downloader":
|
| 30 |
st.title("🎥 YouTube Media Extractor")
|
| 31 |
+
st.caption("🚀 Swarm Mode: Tries 5 different servers to bypass blocks.")
|
| 32 |
|
| 33 |
# Input Fields
|
| 34 |
url = st.text_input("Paste YouTube URL", placeholder="https://youtube.com/watch?v=...")
|
|
|
|
| 37 |
with col1:
|
| 38 |
is_audio = st.toggle("Audio Only (MP3)", value=False)
|
| 39 |
|
|
|
|
| 40 |
mode_str = "audio" if is_audio else "auto"
|
| 41 |
|
| 42 |
if url:
|
| 43 |
st.info("👇 Click the button below to process.")
|
| 44 |
|
| 45 |
+
# --- JAVASCRIPT SWARM LOGIC ---
|
|
|
|
| 46 |
html_code = f"""
|
| 47 |
<!DOCTYPE html>
|
| 48 |
<html>
|
|
|
|
| 52 |
.btn {{
|
| 53 |
background: #FF4B4B; color: white; border: none; padding: 12px 24px;
|
| 54 |
border-radius: 8px; font-size: 16px; cursor: pointer; width: 100%;
|
| 55 |
+
transition: 0.3s; font-weight: bold; margin-bottom: 10px;
|
| 56 |
}}
|
| 57 |
.btn:hover {{ background: #FF2B2B; }}
|
| 58 |
.btn:disabled {{ background: #555; cursor: not-allowed; }}
|
| 59 |
+
.result {{ margin-top: 15px; padding: 15px; border-radius: 8px; display: none; }}
|
| 60 |
.success {{ background: #1E3A2F; border: 1px solid #2ecc71; color: #2ecc71; }}
|
| 61 |
.error {{ background: #3A1E1E; border: 1px solid #e74c3c; color: #e74c3c; }}
|
| 62 |
+
a.download-link {{
|
| 63 |
+
color: white; text-decoration: none; display: block; padding: 12px;
|
| 64 |
+
background: #2ecc71; border-radius: 5px; text-align: center; font-weight: bold;
|
| 65 |
+
}}
|
| 66 |
+
.log {{ font-size: 12px; color: #aaa; margin-top: 5px; font-family: monospace; }}
|
| 67 |
</style>
|
| 68 |
</head>
|
| 69 |
<body>
|
| 70 |
+
<button id="procBtn" class="btn" onclick="startSwarm()">🚀 Process Media</button>
|
| 71 |
<div id="status" class="result"></div>
|
| 72 |
+
<div id="log" class="log"></div>
|
| 73 |
|
| 74 |
<script>
|
| 75 |
+
// LIST OF PUBLIC MIRRORS (The Swarm)
|
| 76 |
+
const MIRRORS = [
|
| 77 |
+
"https://api.cobalt.750.moe/json",
|
| 78 |
+
"https://cobalt.api.timelessnesses.me/api/json",
|
| 79 |
+
"https://cobalt-api.hyper.lol/json",
|
| 80 |
+
"https://co.wuk.sh/api/json",
|
| 81 |
+
"https://api.cobalt.tools/json"
|
| 82 |
+
];
|
| 83 |
+
|
| 84 |
+
async function startSwarm() {{
|
| 85 |
const btn = document.getElementById('procBtn');
|
| 86 |
const status = document.getElementById('status');
|
| 87 |
+
const log = document.getElementById('log');
|
| 88 |
|
| 89 |
btn.disabled = true;
|
| 90 |
+
btn.innerText = "⏳ Trying Servers...";
|
| 91 |
status.style.display = "none";
|
| 92 |
+
log.innerText = "";
|
| 93 |
|
| 94 |
+
const payload = {{
|
|
|
|
| 95 |
url: "{url}",
|
| 96 |
downloadMode: "{mode_str}",
|
| 97 |
videoQuality: "1080"
|
| 98 |
}};
|
| 99 |
|
| 100 |
+
let success = false;
|
| 101 |
+
|
| 102 |
+
// Try each mirror one by one
|
| 103 |
+
for (const mirror of MIRRORS) {{
|
| 104 |
+
try {{
|
| 105 |
+
log.innerText = "Trying: " + mirror.replace("https://", "");
|
| 106 |
+
|
| 107 |
+
const response = await fetch(mirror, {{
|
| 108 |
+
method: "POST",
|
| 109 |
+
headers: {{
|
| 110 |
+
"Accept": "application/json",
|
| 111 |
+
"Content-Type": "application/json"
|
| 112 |
+
}},
|
| 113 |
+
body: JSON.stringify(payload)
|
| 114 |
+
}});
|
| 115 |
+
|
| 116 |
+
const result = await response.json();
|
| 117 |
+
|
| 118 |
+
if (result.url) {{
|
| 119 |
+
showSuccess(result.url, mirror);
|
| 120 |
+
success = true;
|
| 121 |
+
break; // Stop loop if we found a working one
|
| 122 |
+
}}
|
| 123 |
+
}} catch (err) {{
|
| 124 |
+
console.log("Failed: " + mirror);
|
| 125 |
}}
|
| 126 |
+
}}
|
| 127 |
|
| 128 |
+
if (!success) {{
|
| 129 |
+
showFallback();
|
|
|
|
|
|
|
|
|
|
| 130 |
}}
|
| 131 |
+
|
| 132 |
btn.disabled = false;
|
| 133 |
+
btn.innerText = "🚀 Process Media";
|
| 134 |
+
}}
|
| 135 |
+
|
| 136 |
+
function showSuccess(url, source) {{
|
| 137 |
+
const status = document.getElementById('status');
|
| 138 |
+
status.className = "result success";
|
| 139 |
+
status.innerHTML = `
|
| 140 |
+
<strong>✅ Success!</strong><br><br>
|
| 141 |
+
<a href="${{url}}" class="download-link" target="_blank">⬇️ Click to Download</a>
|
| 142 |
+
<div style="margin-top:10px; font-size:11px; color:#888;">Fetched from: ${{source}}</div>
|
| 143 |
+
`;
|
| 144 |
+
status.style.display = "block";
|
| 145 |
+
}}
|
| 146 |
+
|
| 147 |
+
function showFallback() {{
|
| 148 |
+
const status = document.getElementById('status');
|
| 149 |
+
status.className = "result error";
|
| 150 |
+
// Fallback link to a reliable external tool if all APIs fail
|
| 151 |
+
const fallbackUrl = "https://cobalt.tools";
|
| 152 |
+
status.innerHTML = `
|
| 153 |
+
<strong>⚠️ API Busy</strong><br>
|
| 154 |
+
All internal servers are currently overloaded.<br><br>
|
| 155 |
+
<a href="${{fallbackUrl}}" class="download-link" style="background:#e67e22;" target="_blank">Open Backup Downloader</a>
|
| 156 |
+
`;
|
| 157 |
+
status.style.display = "block";
|
| 158 |
}}
|
| 159 |
</script>
|
| 160 |
</body>
|
| 161 |
</html>
|
| 162 |
"""
|
| 163 |
|
| 164 |
+
components.html(html_code, height=350)
|
|
|
|
|
|
|
| 165 |
|
| 166 |
# ==========================================
|
| 167 |
# VIEW 2: WEBMASTER TOOLKIT (Server Side)
|
| 168 |
# ==========================================
|
| 169 |
elif app_mode == "Webmaster Toolkit":
|
| 170 |
st.title("⚡ Webmaster's Toolkit")
|
| 171 |
+
# ... (Keep your existing toolkit logic here if needed) ...
|
| 172 |
+
tab1, tab2 = st.tabs(["📝 Text Cleaner", "🖼️ Media Optimizer"])
|
| 173 |
+
# Just a placeholder for the logic you already have
|
| 174 |
with tab1:
|
| 175 |
+
st.write("Text Cleaner Active")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|