Pi Web UI - Example

\n ${Alert({\n variant: notification.variant,\n children: html`\n

${notification.message}

\n ${new Date(notification.timestamp).toLocaleTimeString()}\n

\n `,\n })}\n

\n `,\n};\n\nexport function registerCustomMessageRenderers() {\n registerMessageRenderer(\"system-notification\", systemNotificationRenderer);\n}\n\nexport function createSystemNotification(\n message,\n variant = \"default\",\n) {\n return {\n role: \"system-notification\",\n message,\n variant,\n timestamp: new Date().toISOString(),\n };\n}\n\nexport function customConvertToLlm(messages) {\n const processed = messages.map((message) => {\n if (message.role !== \"system-notification\") {\n return message;\n }\n\n return {\n role: \"user\",\n content: `${message.message}`,\n timestamp: Date.now(),\n };\n });\n\n return defaultConvertToLlm(processed);\n}\n",[],[162,289],{"_108":296,"_99":297,"_163":298,"_165":164,"_166":148,"_167":299,"_169":22,"_110":300,"_104":33,"_172":301,"_174":302,"_175":22,"_176":-5,"_177":303,"_102":304},"e4cf2f04-2b36-11f1-8071-42dde27851f2","index.html","e4cf2fae-2b36-11f1-8071-42dde27851f2",16,["D",1774765018890],"file","\n\n\t\n\t\t\n\t\t\n\t\tPi Web UI - Example\n\t\t\n\t\t\n\t\t\n\t\t\n\t\n\t\n\t\t

\n\t\n\n",[],[162,297],[162],{"_108":307,"_99":308,"_163":309,"_165":-5,"_166":148,"_167":310,"_169":170,"_110":311,"_104":33,"_172":301,"_174":312,"_175":22,"_176":-5,"_177":313,"_102":314},"e4b9044a-2b36-11f1-958b-42dde27851f2","deno.json","e4b90526-2b36-11f1-958b-42dde27851f2",15,["D",1774765019026],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[],[308],{"_108":316,"_99":103,"_163":317,"_165":-5,"_166":148,"_167":318,"_169":22,"_110":319,"_104":168,"_172":320,"_174":321,"_175":22,"_176":-5,"_177":322,"_102":323},"6f25b8b2-2b37-11f1-bd75-42dde27851f2","e4ae60b2-2b36-11f1-9a60-42dde27851f2",18,["D",1774765251300],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst FRONTEND_ROOT = \"/frontend\";\nconst INDEX_FILE = `${FRONTEND_ROOT}/index.html`;\n\nfunction contentTypeForPath(path: string): string {\n if (path.endsWith(\".html\")) return \"text/html; charset=utf-8\";\n if (path.endsWith(\".css\")) return \"text/css; charset=utf-8\";\n if (path.endsWith(\".js\") || path.endsWith(\".mjs\")) {\n return \"application/javascript; charset=utf-8\";\n }\n if (path.endsWith(\".json\")) return \"application/json; charset=utf-8\";\n return \"text/plain; charset=utf-8\";\n}\n\nfunction notFound() {\n return new Response(\"Not found\", {\n status: 404,\n headers: { \"Content-Type\": \"text/plain; charset=utf-8\" },\n });\n}\n\nfunction methodNotAllowed() {\n return new Response(\"Method not allowed\", {\n status: 405,\n headers: { \"Content-Type\": \"text/plain; charset=utf-8\" },\n });\n}\n\nasync function serveProjectFile(path: string): Promise {\n if (!import.meta.url.startsWith(\"file:\")) {\n return serveFile(path, import.meta.url);\n }\n\n const localPath = path.startsWith(\"/\") ? `.${path}` : path;\n\n try {\n const body = await Deno.readFile(new URL(localPath, import.meta.url));\n return new Response(body, {\n headers: { \"Content-Type\": contentTypeForPath(path) },\n });\n } catch (error) {\n if (error instanceof Deno.errors.NotFound) {\n return notFound();\n }\n throw error;\n }\n}\n\nexport default function handler(req: Request): Response | Promise {\n const { pathname } = new URL(req.url);\n\n if (req.method !== \"GET\" && req.method !== \"HEAD\") {\n return methodNotAllowed();\n }\n\n if (pathname === \"/\" || pathname === \"/index.html\") {\n return serveProjectFile(INDEX_FILE);\n }\n\n if (pathname.startsWith(\"/assets/\")) {\n return serveProjectFile(`${FRONTEND_ROOT}${pathname}`);\n }\n\n return notFound();\n}\n",[],[103],"files",[160,179,186,196,205,214,223,232,241,250,259,268,277,287,295,306,315],"counts",{"_328":33,"_329":168,"_330":33,"_331":332,"_335":336},"pulls","branches","forks","envVars",{"_333":33,"_334":33},"count","emptyCount","connections",{"_333":33,"_337":33},"unfilledCount","contents",[],{"_108":316,"_99":103,"_163":317,"_165":-5,"_166":148,"_167":318,"_169":22,"_110":341,"_104":168,"_172":320,"_174":321,"_175":22,"_176":-5,"_102":342},["D",1774765251300],[103],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_97":98,"_99":100,"_101":45,"_104":105,"_102":103,"_106":351,"_158":356,"_324":425,"_301":426,"_338":429,"_430":-5,"_431":-5,"_432":-5,"_433":-5,"_434":435,"_331":-5},{"_108":109,"_99":100,"_110":352,"_112":-5,"_113":22,"_114":115,"_116":76,"_117":-5,"_14":118,"_119":-5,"_120":22,"_121":-5,"_122":-5,"_123":33,"_16":124,"_125":-5,"_126":-5,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_23":353,"_140":354,"_145":355,"_157":22},["D",1774764863359],{"_97":98,"_138":139},{"_97":98,"_142":139,"_14":118,"_143":144},{"_104":147,"_99":45,"_108":148,"_149":109,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":100,"_156":98},[357,417,421],{"_108":161,"_99":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":170,"_110":358,"_104":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":359,"_102":416},["D",1774765017926],[360,408,412],{"_108":180,"_99":181,"_163":182,"_165":164,"_166":148,"_167":183,"_169":22,"_110":361,"_104":33,"_172":173,"_174":-5,"_175":22,"_176":-5,"_177":362,"_102":407},["D",1774765018100],[363,367,371,375,379,383,387,391,395,399,403],{"_108":187,"_99":188,"_163":189,"_165":182,"_166":148,"_167":190,"_169":22,"_110":364,"_104":33,"_172":192,"_174":193,"_175":22,"_176":-5,"_177":365,"_102":366},["D",1774765018685],[],[162,181,188],{"_108":197,"_99":198,"_163":199,"_165":182,"_166":148,"_167":200,"_169":22,"_110":368,"_104":33,"_172":192,"_174":202,"_175":22,"_176":-5,"_177":369,"_102":370},["D",1774765018275],[],[162,181,198],{"_108":206,"_99":207,"_163":208,"_165":182,"_166":148,"_167":209,"_169":22,"_110":372,"_104":33,"_172":192,"_174":211,"_175":22,"_176":-5,"_177":373,"_102":374},["D",1774765018510],[],[162,181,207],{"_108":215,"_99":216,"_163":217,"_165":182,"_166":148,"_167":218,"_169":22,"_110":376,"_104":33,"_172":192,"_174":220,"_175":22,"_176":-5,"_177":377,"_102":378},["D",1774765018671],[],[162,181,216],{"_108":224,"_99":225,"_163":226,"_165":182,"_166":148,"_167":227,"_169":22,"_110":380,"_104":33,"_172":192,"_174":229,"_175":22,"_176":-5,"_177":381,"_102":382},["D",1774765018470],[],[162,181,225],{"_108":233,"_99":234,"_163":235,"_165":182,"_166":148,"_167":236,"_169":22,"_110":384,"_104":33,"_172":192,"_174":238,"_175":22,"_176":-5,"_177":385,"_102":386},["D",1774765018497],[],[162,181,234],{"_108":242,"_99":243,"_163":244,"_165":182,"_166":148,"_167":245,"_169":22,"_110":388,"_104":33,"_172":192,"_174":247,"_175":22,"_176":-5,"_177":389,"_102":390},["D",1774765018871],[],[162,181,243],{"_108":251,"_99":252,"_163":253,"_165":182,"_166":148,"_167":254,"_169":22,"_110":392,"_104":33,"_172":192,"_174":256,"_175":22,"_176":-5,"_177":393,"_102":394},["D",1774765018857],[],[162,181,252],{"_108":260,"_99":261,"_163":262,"_165":182,"_166":148,"_167":263,"_169":22,"_110":396,"_104":33,"_172":192,"_174":265,"_175":22,"_176":-5,"_177":397,"_102":398},["D",1774765018468],[],[162,181,261],{"_108":269,"_99":270,"_163":271,"_165":182,"_166":148,"_167":272,"_169":22,"_110":400,"_104":33,"_172":192,"_174":274,"_175":22,"_176":-5,"_177":401,"_102":402},["D",1774765018292],[],[162,181,270],{"_108":278,"_99":279,"_163":280,"_165":182,"_166":148,"_167":281,"_169":22,"_110":404,"_104":33,"_172":192,"_174":283,"_175":22,"_176":-5,"_177":405,"_102":406},["D",1774765018482],[],[162,181,279],[162,181],{"_108":288,"_99":289,"_163":290,"_165":164,"_166":148,"_167":105,"_169":170,"_110":409,"_104":33,"_172":192,"_174":292,"_175":22,"_176":-5,"_177":410,"_102":411},["D",1774765345554],[],[162,289],{"_108":296,"_99":297,"_163":298,"_165":164,"_166":148,"_167":299,"_169":22,"_110":413,"_104":33,"_172":301,"_174":302,"_175":22,"_176":-5,"_177":414,"_102":415},["D",1774765018890],[],[162,297],[162],{"_108":307,"_99":308,"_163":309,"_165":-5,"_166":148,"_167":310,"_169":170,"_110":418,"_104":33,"_172":301,"_174":312,"_175":22,"_176":-5,"_177":419,"_102":420},["D",1774765019026],[],[308],{"_108":316,"_99":103,"_163":317,"_165":-5,"_166":148,"_167":318,"_169":22,"_110":422,"_104":168,"_172":320,"_174":321,"_175":22,"_176":-5,"_177":423,"_102":424},["D",1774765251300],[],[103],[357,360,363,367,371,375,379,383,387,391,395,399,403,408,412,417,421],{"_108":316,"_99":103,"_163":317,"_165":-5,"_166":148,"_167":318,"_169":22,"_110":427,"_104":168,"_172":320,"_174":321,"_175":22,"_176":-5,"_102":428},["D",1774765251300],[103],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

arthrod

pi-web-ui-example-valtown