import { fetch } from "https://esm.town/v/std/fetch"; import { notFound } from "https://esm.town/v/wilt/notFound"; import { thisUrl } from "https://esm.town/v/wilt/thisUrl"; import { tinyLogomark } from "https://esm.town/v/wilt/tinyLogomark"; export async function miniWidget(request: Request): Promise { switch (new URL(request.url).pathname) { case "/": case "/index.html": return new Response( `

Install this PWA

To get a widget in your Windows Widgets sidebar!

`, { headers: { "Content-Type": "text/html" } }, ); case "/manifest.json": return new Response( JSON.stringify({ name: "simplepwa", description: "A simple demo PWA", scope: "./", start_url: "./", display: "standalone", display_override: ["window-controls-overlay"], icons: [{ src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAAAXNSR0IArs4c6QAAAANQTFRFLf+I56geCQAAABlJREFUeNrtwTEBAAAAwiD7p7bGDmAAABB2CrAAAR3VlIUAAAAASUVORK5CYII=", sizes: "144x144", type: "image/png", }, { "src": "https://placehold.co/192x192.png", "sizes": "192x192", "type": "image/png", }, { "src": "https://placehold.co/512x512.png", "sizes": "512x512", "type": "image/png", }], screenshots: [{ src: "img.jpg", sizes: "600x400", label: "Widget", }], widgets: [{ name: "simplepwa widget", description: "A simple demo widget for the Windows sidebar", tag: "simplepwa", ms_ac_template: "template.json", data: "data.json", screenshots: [{ src: "img.jpg", sizes: "600x400", label: "Demo widget", }], backgrounds: [{ src: "img.jpg", sizes: "600x400", }], }], }), { headers: { "Content-Type": "application/manifest+json" }, }, ); case "/template.json": return new Response( JSON.stringify({ type: "AdaptiveCard", body: [{ type: "TextBlock", size: "Medium", text: "Hello from Val.Town!", weight: "Bolder", horizontalAlignment: "Center", }], actions: [{ type: "Action.OpenUrl", title: "Go to Val", url: "${valUrl}", }], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", version: "1.5", }), { headers: { "Content-Type": "application/json" } }, ); case "/serviceworker.js": return new Response( ` self.addEventListener("widgetinstall", event => { console.log('widgetinstall'); console.log(event); event.waitUntil(renderWidget(event.widget)); }) async function renderWidget(widget) { console.log(widget); if (!widget) return; const templateResp = await fetch(widget.definition.msAcTemplate); const template = await templateResp.text(); // Not json! const dataResp = await fetch(widget.definition.data); const data = await dataResp.text(); await self.widgets.updateByTag('simplepwa', {template, data}); } self.addEventListener("activate", event => { console.log('activate'); console.log(event); event.waitUntil(updateWidgets()); }); async function updateWidgets() { const widget = await self.widgets.getByTag("simplepwa"); renderWidget(widget); } `, { headers: { "Content-Type": "text/javascript" } }, ); case "/data.json": return new Response( JSON.stringify({ valUrl: thisUrl("source") }), { headers: { "Content-Type": "application/json" }, }, ); case "/img.jpg": return new Response( await fetch(tinyLogomark).then((r) => r.blob()), { headers: { "Content-Type": "image/jpeg" } }, ); case "/ping": return new Response("pong"); default: return notFound(); } }

miniWidget

Version 20