Install this PWA

To get a widget in your Windows Widgets sidebar!

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