🔥 Sauna Dashboard Malfunction 🔥

Error Details

\n {this.state.error?.toString()}\n

\n \n );\n }\n\n return this.props.children;\n }\n}\n\nfunction App() {\n const [temperatureData, setTemperatureData] = useState({\n labels: [],\n datasets: [{\n label: \"Sauna Temperature (°F)\",\n data: [],\n borderColor: \"#FF6B35\",\n backgroundColor: \"rgba(255, 107, 53, 0.2)\",\n cubicInterpolationMode: \"monotone\", // Added to smooth the line\n }],\n });\n\n const [currentTemp, setCurrentTemp] = useState(null);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n async function fetchTemperatures() {\n try {\n const response = await fetch(\"/temperatures\");\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const temps = await response.json();\n\n // Ensure temps is an array and has data\n if (Array.isArray(temps) && temps.length > 0) {\n // Reverse the order of temperatures to show oldest on the left\n const fahrenheitTemps = temps.reverse().map(t => celsiusToFahrenheit(t.temperature));\n\n setCurrentTemp(fahrenheitTemps[fahrenheitTemps.length - 1]);\n\n setTemperatureData({\n labels: temps.reverse().map(t => new Date(t.timestamp).toLocaleTimeString()),\n datasets: [{\n label: \"Sauna Temperature (°F)\",\n data: fahrenheitTemps,\n borderColor: \"#FF6B35\",\n backgroundColor: \"rgba(255, 107, 53, 0.2)\",\n cubicInterpolationMode: \"monotone\", // Added to smooth the line\n }],\n });\n } else {\n setError(new Error(\"No temperature data available\"));\n }\n } catch (error) {\n console.error(\"Failed to fetch temperatures:\", error);\n setError(error);\n }\n }\n\n fetchTemperatures();\n const interval = setInterval(fetchTemperatures, 60000);\n return () => clearInterval(interval);\n }, []);\n\n if (error) {\n return (\n \n

🌡️ Sauna Temperature Error

{error.message}

\n \n );\n }\n\n const tempStatus = currentTemp ? getTemperatureStatus(currentTemp) : { status: \"Loading...\", color: \"#FF6B35\" };\n\n return (\n \n \n \n 🔥 Sauna Dashboard\n \n\n \n \n

\n {currentTemp ? `${currentTemp.toFixed(1)}°F` : \"---\"}\n

\n {tempStatus.status}\n

\n \n \n\n \n Loading chart...}>\n \n \n \n\n \n \n View Source\n \n

\n \n \n );\n}\n\nfunction client() {\n try {\n const root = createRoot(document.getElementById(\"root\"));\n root.render(\n \n \n \n \n ,\n );\n } catch (error) {\n console.error(\"Client-side rendering error:\", error);\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"saunaTemperatureDashboard\";\n const SCHEMA_VERSION = 1;\n\n // Create temperatures table if not exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_temperatures_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n temperature REAL NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,\n battery_voltage REAL,\n humidity REAL\n )\n `);\n\n // Handle temperature data ingestion\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/ingest\") {\n const payload = await request.json();\n\n // Extract relevant temperature data\n const temperature = payload.object?.TempC_SHT;\n const batteryVoltage = payload.object?.BatV;\n const humidity = payload.object?.Hum_SHT;\n\n if (temperature) {\n await sqlite.execute(\n `\n INSERT INTO ${KEY}_temperatures_${SCHEMA_VERSION} \n (temperature, battery_voltage, humidity) \n VALUES (?, ?, ?)\n `,\n [temperature, batteryVoltage, humidity],\n );\n }\n\n return new Response(\"Temperature logged\", { status: 200 });\n }\n\n // Fetch temperatures for dashboard\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/temperatures\") {\n const result = await sqlite.execute(`\n SELECT temperature, timestamp \n FROM ${KEY}_temperatures_${SCHEMA_VERSION} \n ORDER BY timestamp DESC \n LIMIT 50\n `);\n\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Serve HTML for dashboard\n return new Response(\n `\n \n \n Sauna Temperature Dashboard\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label","children",[],[153],"files",[151],"counts",{"_174":32,"_175":119,"_176":32,"_177":178},"pulls","branches","forks","envVars",{"_179":32,"_180":32},"count","emptyCount","contents",[183],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":184,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":185},["D",1740018864664],[153],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":195,"_181":200,"_203":-7,"_204":-5,"_205":-5,"_170":206,"_210":211},{"_102":103,"_95":96,"_104":196,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":119,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":197,"_133":198,"_136":199,"_148":22},["D",1746226260031],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[201],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":184,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":202},[153],"readme","upstream","pull",[207],{"_102":152,"_95":153,"_154":114,"_155":-5,"_156":139,"_157":138,"_158":116,"_104":159,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":208,"_98":209},[],[153],"previews",[207],"actionData","errors"]

jhiller

saunaTemperatureDashboard