Market Dashboard

\n {/* Main Content Area */}\n

\n {/* Loading state */}\n {isLoading && (\n

\n )}\n\n {/* No markets configured state */}\n {!isLoading && marketList.length === 0 && !error && (\n

\n No markets configured. Add URLs below.\n

\n )}\n\n {/* Markets configured, but none loaded successfully */}\n {!isLoading && marketList.length > 0 && displayableMarketRows.length === 0 && !error && (\n

\n No market data loaded.
Check configuration or try Refresh.\n

\n )}\n\n {/* Display markets if loaded successfully */}\n {!isLoading && displayableMarketRows.length > 0 && (\n

\n {/* Map over the FILTERED list */}\n {displayableMarketRows.map((row) => {\n const priceChangeString = formatPriceChange(row.priceChange30d);\n const changeColor = row.priceChange30d === null || row.priceChange30d === undefined\n || Math.abs(row.priceChange30d * 100) < 0.05\n ? \"text-stone-400\"\n : row.priceChange30d > 0\n ? \"text-emerald-400\"\n : \"text-rose-400\";\n\n return (\n \n \n {row.q}\n \n

\n \n {/* We know prob is not null here because we filtered */}\n {formatPercentage(row.prob)}\n \n {row.provider === \"polymarket\" && priceChangeString && (\n \n {priceChangeString} last 30d\n \n )}\n {row.provider === \"manifold\" && (\n \n 30d N/A\n \n )}\n {row.provider === \"polymarket\" && !priceChangeString && (\n \n 30d N/A\n \n )}\n

\n \n );\n })}\n

\n )}\n {/* Display general fetch errors */}\n {!isLoading && error &&

{error}

}\n

\n\n {/* Customization Footer Area (same as v12) */}\n \n

\n );\n}\n\n/*────────────────── API HELPER FUNCTIONS ─────────────────*/\n// (extractProbability remains same as v12)\nfunction extractProbability(provider: string, jsonData: any): number | null {\n try {\n if (provider === \"manifold\") {\n const p = jsonData?.probability ?? jsonData?.prob;\n return typeof p === \"number\" ? p : null;\n }\n if (provider === \"polymarket\") {\n const d = Array.isArray(jsonData) ? jsonData[0] : null;\n if (!d || typeof d.outcomePrices !== \"string\") { return null; }\n const pa = JSON.parse(d.outcomePrices);\n const price = parseFloat(pa?.[0]);\n return !isNaN(price) ? price : null;\n }\n return null;\n } catch (e) {\n console.error(`Error parsing probability for ${provider}:`, e);\n return null;\n }\n}\n// (buildMarketURL remains same as v12)\nfunction buildMarketURL(marketConfig: MarketConfig, jsonData: any): string | null {\n const sourceData = jsonData ?? marketConfig;\n try {\n if (marketConfig.provider === \"manifold\") {\n const u = sourceData?.creatorUsername;\n const s = sourceData?.slug ?? marketConfig.slug;\n return (u && s) ? `https://manifold.markets/${u}/${s}` : marketConfig.url;\n }\n if (marketConfig.provider === \"polymarket\") {\n const d = Array.isArray(jsonData) ? jsonData[0] : null;\n const s = d?.slug ?? marketConfig.slug;\n return `https://polymarket.com/event/${s}`;\n }\n return marketConfig.url;\n } catch (e) {\n console.error(`Error building URL for ${marketConfig.provider}:`, e);\n return marketConfig.url;\n }\n}\n\n/*────────────────── CLIENT-SIDE BOOTSTRAP ─────────────────*/\n// (client remains same)\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render(\n \n \n ,\n );\n } else { console.error(\"Root element not found!\"); }\n}\nif (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n client();\n } else { document.addEventListener(\"DOMContentLoaded\", client); }\n}\n\n/*────────────────── VAL TOWN SERVER HANDLER ─────────────────*/\n// (handler remains same as v8 - only proxying Polymarket)\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const { pathname } = url;\n if (pathname.startsWith(\"/proxy/polymarket/\")) {\n const parts = pathname.split(\"/\");\n if (parts.length < 4) {\n return new Response(JSON.stringify({ error: \"Invalid Polymarket proxy path\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n const slug = decodeURIComponent(parts[3]);\n const targetUrl = `https://gamma-api.polymarket.com/markets?slug=${slug}`;\n const headers: HeadersInit = { \"Accept\": \"application/json\", \"User-Agent\": \"ValTownDashboardProxy/1.1\" };\n try {\n const apiResponse = await fetch(targetUrl, { headers: headers });\n if (!apiResponse.ok) {\n let errorBody = `Upstream API Error ${apiResponse.status}`;\n let responseText = \"\";\n try {\n responseText = await apiResponse.clone().text();\n errorBody = responseText || errorBody;\n } catch (e) {}\n let structuredError = { error: errorBody };\n try {\n structuredError = JSON.parse(responseText);\n if (!structuredError.error) structuredError.error = responseText;\n } catch (_) {}\n console.error(`Proxy error Polymarket/${slug}: ${apiResponse.status}`, structuredError);\n return new Response(JSON.stringify(structuredError), {\n status: apiResponse.status,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n const contentType = apiResponse.headers.get(\"content-type\");\n if (!contentType || !contentType.includes(\"application/json\")) {\n let responseText = \"\";\n try {\n responseText = await apiResponse.text();\n } catch (e) {}\n console.warn(`Unexpected Content-Type '${contentType}' from Polymarket. Body:`, responseText);\n return new Response(JSON.stringify({ error: `Unexpected Content-Type from upstream API: ${contentType}` }), {\n status: 502,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n return new Response(apiResponse.body, {\n status: apiResponse.status,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n } catch (error: any) {\n console.error(`Proxy internal fetch error Polymarket/${slug}:`, error);\n return new Response(JSON.stringify({ error: `Proxy internal error: ${error.message}` }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n } /* HTML */\n const selfUrl = new URL(import.meta.url);\n selfUrl.searchParams.set(\"module\", \"\");\n const moduleUrl = selfUrl.toString();\n const html =\n `Market Dashboard📊\">

`;\n return new Response(html, { status: 200, headers: { \"Content-Type\": \"text/html\", \"Cache-Control\": \"no-cache\" } });\n}","deleted","label",[99],"permalink","https://www.val.town/x/dcm31/therundown/code/main.tsx","extension","actionData","errors"]