/** @jsxImportSource https://esm.sh/react */ import { useEffect, useState } from "https://esm.sh/react"; import { renderToString } from "npm:react-dom/server"; const CONFIG = { COIN_GECKO_CURRENCY: "usd", COIN_GECKO_DAYS: 200, SMA_PERIODS: [5, 10, 20, 50, 100, 120, 150, 180, 200], }; async function getBitcoinData() { try { const [priceResponse, historyResponse] = await Promise.all([ fetch(`https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=${CONFIG.COIN_GECKO_CURRENCY}`), fetch( `https://api.coingecko.com/api/v3/coins/bitcoin/market_chart?vs_currency=${CONFIG.COIN_GECKO_CURRENCY}&days=${CONFIG.COIN_GECKO_DAYS}&interval=daily`, ), ]); if (!priceResponse.ok || !historyResponse.ok) throw new Error("API request failed"); const priceData = await priceResponse.json(); const historyData = await historyResponse.json(); return { currentPrice: priceData.bitcoin[CONFIG.COIN_GECKO_CURRENCY], prices: historyData.prices.map(e => e[1]), times: historyData.prices.map(e => e[0]), }; } catch (error) { console.error("An error occurred:", error.message); return null; } } function getChange(prices, times, daysAgo) { const now = new Date().getTime(); const targetTime = now - daysAgo * 24 * 60 * 60 * 1000; const closestTimeIndex = times.findIndex(time => time >= targetTime); if (closestTimeIndex === -1) return null; const targetPrice = prices[closestTimeIndex]; const currentPrice = prices[prices.length - 1]; return ((currentPrice - targetPrice) / targetPrice * 100).toFixed(2); } function calculateSMA(prices, period) { return prices.slice(-period).reduce((sum, price) => sum + price, 0) / period; } function formatPrice(price) { return Math.round(price).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } function daysBetween(date1, date2) { const oneDay = 24 * 60 * 60 * 1000; return Math.abs((date1 - date2) / oneDay); } function calculatePowerLawSupport(daysSinceGenesis) { const logPrice = -17.35 + 5.836 * Math.log10(daysSinceGenesis); return Math.pow(10, logPrice); } function generateSupportPrices(currentPrice) { const genesisDate = new Date(2009, 0, 3); const today = new Date(); const supportPrices = []; for (let year = 10; year >= 0; year--) { for (let month = 9; month >= 0; month -= 3) { const futureDate = new Date(today); futureDate.setFullYear(futureDate.getFullYear() + year); futureDate.setMonth(futureDate.getMonth() + month); const futureDays = daysBetween(futureDate, genesisDate); const price = calculatePowerLawSupport(futureDays); supportPrices.push({ year, month, price }); } } return supportPrices; } function BitcoinData({ data }) { if (!data) return

Failed to fetch Bitcoin data.

; const supportPrices = generateSupportPrices(data.currentPrice); const currentPrice = data.currentPrice; // Find the range where the current price fits let lowerIndex = supportPrices.findIndex(sp => sp.price < currentPrice); if (lowerIndex === -1) lowerIndex = supportPrices.length - 1; if (lowerIndex === 0) lowerIndex = 1; const upperIndex = lowerIndex - 1; // Determine the range to display (2 years above and below) const endYear = Math.max(5, supportPrices[upperIndex].year + 2); const startYear = Math.min(0, supportPrices[lowerIndex].year - 2); const displayPrices = supportPrices.filter(sp => sp.year <= endYear && sp.year >= startYear); const todayChange = getChange(data.prices, data.times, 1); const yesterdayChange = getChange(data.prices, data.times, 2); const oneWeekChange = getChange(data.prices, data.times, 7); const oneMonthChange = getChange(data.prices, data.times, 30); return (

${formatPrice(data.currentPrice)}

= 0 ? "green" : "red" }}> 1d: {todayChange}%

= 0 ? "green" : "red" }}> 2d: {yesterdayChange}%

= 0 ? "green" : "red" }}> 1wk: {oneWeekChange}%

= 0 ? "green" : "red" }}> 1mo: {oneMonthChange}%

{CONFIG.SMA_PERIODS.map(period => { const sma = calculateSMA(data.prices, period); const color = data.currentPrice > sma ? "green" : "red"; return (

{period}d: ${formatPrice(sma)}

); })}

{displayPrices.map((support, index) => { const isCurrentPriceNear = index === upperIndex || index === lowerIndex; const color = currentPrice > support.price ? "green" : "red"; const displayText = support.month === 9 ? `${support.year}y` : `${support.year}y ${support.month}m`; if (support.month === 9 || isCurrentPriceNear) { return (

{displayText}: ${formatPrice(support.price)}

); } return null; })}

); } export default async function(req: Request) { const bitcoinData = await getBitcoinData(); return new Response( renderToString( Bitcoin Data

Bitcoin Data

, ), { headers: { "Content-Type": "text/html", }, }, ); }

park