import { blob } from "https://esm.town/v/std/blob?v=12";
import { today } from "https://esm.town/v/stevekrouse/today";
import { renderToString } from "npm:react-dom/server";
import { Sparklines, SparklinesLine } from "npm:react-sparklines";
export const sparklineEx = async (req: Request) => {
let sparklineExData = await blob.getJSON("sparklineExData");
sparklineExData[today()] = (sparklineExData[today()] ?? 0) + 1;
let htmlString = renderToString(
<Sparklines data={Object.values(sparklineExData)} width={100} height={40}>
<SparklinesLine color="blue" />
</Sparklines>,
);
htmlString = htmlString.replace(
"<svg",
"<svg xmlns=\"http://www.w3.org/2000/svg\"",
);
blob.setJSON("sparklineExData", sparklineExData);
return new Response(htmlString, {
headers: {
"content-type": "image/svg+xml",
},
});
};