Health Data Dashboard

\n \n \n \n \n \n \n \n \n \n \n \n {data.map((item, index) => (\n \n \n \n \n \n \n \n ))}\n \n

Date	Metric Type	Value	Units	Source
{new Date(item.date).toLocaleString()}	{item.metric_type}	{item.data.value}	{item.data.units}	{item.source}

\n );\n}\n\n// Client-side rendering\nfunction client() {\n fetch('/api/health-data')\n .then(response => response.json())\n .then(data => {\n createRoot(document.getElementById(\"root\")).render();\n });\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n\n if (request.method === 'POST') {\n try {\n const payload = await request.json();\n console.log('Received payload:', payload);\n\n let healthData = await blob.getJSON(BLOB_KEY) || [];\n\n if (payload.data && payload.data.metrics) {\n for (const metric of payload.data.metrics) {\n for (const dataPoint of metric.data) {\n healthData.push({\n date: new Date(dataPoint.date).toISOString(),\n metric_type: metric.name,\n data: {\n units: metric.units,\n value: dataPoint.qty\n },\n source: dataPoint.source\n });\n }\n }\n } else {\n healthData.push({\n date: new Date().toISOString(),\n data: payload,\n metric_type: 'unknown',\n source: 'iOS App'\n });\n }\n\n await blob.setJSON(BLOB_KEY, healthData);\n\n return new Response(`${healthData.length} health data points stored successfully`, { status: 200 });\n } catch (error) {\n console.error('Error processing request:', error);\n return new Response('Error processing request', { status: 400 });\n }\n } else if (request.method === 'GET') {\n const url = new URL(request.url);\n if (url.pathname === '/api/health-data') {\n const healthData = await blob.getJSON(BLOB_KEY) || [];\n return new Response(JSON.stringify(healthData), {\n status: 200,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n const healthData = await blob.getJSON(BLOB_KEY) || [];\n const latestUpdate = healthData.length > 0 ? new Date(healthData[healthData.length - 1].date) : null;\n\n const html = renderToString(\n \n \n Health Data Dashboard\n \n \n \n

\n {latestUpdate &&

Most recent health update: {latestUpdate.toLocaleString()}

}\n

This webhook is active. Send POST requests to submit data.

\n \n

View source: {import.meta.url.replace(\"esm.town\", \"val.town\")}

\n \n \n );\n\n return new Response(html, {\n status: 200,\n headers: { 'Content-Type': 'text/html' }\n });\n } else {\n return new Response('Method Not Allowed', { status: 405 });\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/ejfox/healthdatasimple/code/main.tsx","extension","actionData","errors"]