{props.children}

;\n}\n\nfunction Button(props) {\n return (\n \n {props.children}\n \n );\n}\n\nfunction TitleBarControl(props) {\n return (\n \n \n \n );\n}\n\nfunction MinimizeButton(props) {\n return (\n \n );\n}\n\nfunction MaximizeButton(props) {\n return (\n \n );\n}\n\nfunction CloseButton(props) {\n return (\n \n );\n}\n\nfunction Window(props) {\n return (\n \n {props.children}\n \n );\n}\n\nfunction WindowBody(props) {\n return (\n \n {props.children}\n \n );\n}\n\nfunction Text(props) {\n return (\n \n {props.children}\n \n );\n}\n\nfunction Row(props) {\n return (\n \n {props.children}\n \n );\n}\n\napp.get(\"/\", async (c) => {\n // Extract width and height from query params\n const params = new URLSearchParams(c.req.url.split(\"?\")[1]);\n const width = parseInt(params.get(\"w\") ?? \"200\");\n const height = parseInt(params.get(\"h\") ?? \"110\");\n\n const title = params.get(\"title\") ?? \"{title}\";\n const caption = params.get(\"caption\") ?? \"{caption}\";\n\n const svg = await satori(\n \n \n {title}\n \n \n \n \n \n \n \n {caption}\n \n \n \n \n \n ,\n {\n width,\n height,\n fonts: [\n {\n name: \"MS Sans Serif\",\n data: await fetch(\"https://esm.sh/98.css@0.1.20/fonts/converted/ms_sans_serif.woff\").then(res =>\n res.arrayBuffer()\n ),\n weight: 400,\n style: \"normal\",\n },\n {\n name: \"MS Sans Serif\",\n data: await fetch(\"https://esm.sh/98.css@0.1.20/fonts/converted/ms_sans_serif_bold.woff\").then(res =>\n res.arrayBuffer()\n ),\n weight: 600,\n style: \"normal\",\n },\n ],\n },\n );\n\n return c.body(svg, 200, {\n \"Content-Type\": \"image/svg+xml\",\n });\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/jdan/dialog/code/main.tsx","extension","actionData","errors"]