/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useState } from "https://esm.sh/react@18.2.0"; function App() { const [isLive, setIsLive] = useState(false); const [channelName, setChannelName] = useState(""); const [isLoading, setIsLoading] = useState(false); const [submittedChannel, setSubmittedChannel] = React.useState(null); async function checkLiveStatus(channel: string) { try { setIsLoading(true); setSubmittedChannel(channel); const response = await fetch(`/check-live-status?channel=${encodeURIComponent(channel)}`); const data = await response.json(); setIsLive(data.isLive); } catch (error) { console.error("Failed to check live status", error); } setIsLoading(false); } const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (channelName.trim()) { checkLiveStatus(channelName.trim()); } }; return (

Mixcloud Live Status Checker

{submittedChannel && ( <>

Channel: {submittedChannel}

{isLoading ? Checking status... : isLive ?

🔴 Channel is LIVE

⚫ Channel is Offline

} )}

View Val Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { const url = new URL(request.url); if (url.pathname === "/check-live-status") { const channelName = url.searchParams.get("channel"); if (!channelName) throw "Missing channel Name"; const isLive = await checkMixcloudLiveStatus(channelName); return new Response(JSON.stringify({ isLive }), { headers: { "Content-Type": "application/json" }, }); } return new Response( ` Mixcloud Live Status

`, { headers: { "Content-Type": "text/html" }, }, ); } async function checkMixcloudLiveStatus(channelName: string): Promise { try { const browserlessToken = Deno.env.get("browserless"); if (!browserlessToken) { console.error("Browserless token not found"); return false; } const res = await fetch( `https://chrome.browserless.io/scrape?token=${browserlessToken}`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ "url": `https://www.mixcloud.com/${channelName}`, "elements": [ { // Selector to find element with href containing /live/channelName "selector": `a[href*="/live/${channelName}"]`, }, ], }), }, ); // Check if the response is ok if (!res.ok) { console.error(`Browserless request failed with status: ${res.status}`); return false; } // Parse the response const data = await res.json(); // Log the raw response for debugging console.log("Browserless response:", data); // Check if the first item exists and has results const firstItem = data.data[0]; // Return true if any matching elements found return firstItem.results.length > 0; } catch (error) { console.error("Comprehensive error checking Mixcloud live status:", error); return false; } } const css = ` body { font-family: Arial, sans-serif; text-align: center; max-width: 600px; margin: 0 auto; padding: 20px; } a { text-decoration: none; color: #666; } input, button { font-size: 16px; } `;

kailhus