tbenandClaude Opus 5.5
b3057119df
In production, a page request without the running build's cookie gets a small loading page instead of the app. It downloads every file in .bunext/public (listed at /build-info.json) into that build's cache, checks they are all there, hands over to a new service worker waiting behind an older one, sets the cookie and reloads. The service worker then serves the app's code from the cache, so later visits load it from the device. Co-Authored-By: Claude Opus 5.5 <[email protected]>
93 lines
2.5 KiB
TypeScript
93 lines
2.5 KiB
TypeScript
import { SiteData } from "./site-data";
|
|
|
|
/**
|
|
* What makes the app installable, shared by the pages that advertise it,
|
|
* the server that serves it and the script that generates it.
|
|
*/
|
|
export const PwaStartPath = "/admin/bots";
|
|
export const PwaScope = "/";
|
|
export const PwaManifestPath = "/manifest.webmanifest";
|
|
export const PwaServiceWorkerPath = "/sw.js";
|
|
export const PwaOfflinePath = "/offline.html";
|
|
/**
|
|
* The page a browser gets instead of the app while it downloads a build
|
|
* it hasn't yet (`handlePrecacheGate`), generated like the offline page.
|
|
*/
|
|
export const PwaLoadingPath = "/loading.html";
|
|
|
|
/**
|
|
* The running build's id and files (`handle-build-info.ts`). Each build's
|
|
* `.bunext/public` files are downloaded into their own cache,
|
|
* `<prefix><build_id>`, which holds the marker once every file is in.
|
|
* `public/sw.js` repeats all three.
|
|
*/
|
|
export const PwaBuildInfoPath = "/build-info.json";
|
|
export const PwaPrecacheCachePrefix = "cobble-assets-";
|
|
export const PwaPrecacheMarkerPath = "/__cobble-precached";
|
|
|
|
export type PwaIcon = {
|
|
src: string;
|
|
sizes: string;
|
|
type: string;
|
|
purpose: "any" | "maskable";
|
|
};
|
|
|
|
/**
|
|
* Generated from `public/logos/logo.svg` by `bun run gen:favicon`.
|
|
*/
|
|
export const PwaIcons: PwaIcon[] = [
|
|
{
|
|
src: "/icons/icon-192.png",
|
|
sizes: "192x192",
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: "/icons/icon-512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: "/icons/maskable-192.png",
|
|
sizes: "192x192",
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
{
|
|
src: "/icons/maskable-512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
];
|
|
|
|
export type PwaShortcut = {
|
|
name: string;
|
|
url: string;
|
|
icons: { src: string; sizes: string; type: string }[];
|
|
};
|
|
|
|
export const PwaShortcuts: PwaShortcut[] = [
|
|
{
|
|
name: "Routines",
|
|
url: "/admin/routines",
|
|
icons: [{ src: "/icons/icon-192.png", sizes: "192x192", type: "image/png" }],
|
|
},
|
|
{
|
|
name: "Help",
|
|
url: "/admin/help",
|
|
icons: [{ src: "/icons/icon-192.png", sizes: "192x192", type: "image/png" }],
|
|
},
|
|
];
|
|
|
|
export const PwaIconPath = (name: `icon` | `maskable`, size: number) =>
|
|
`/icons/${name}-${size}.png`;
|
|
|
|
/**
|
|
* The app's install name: `SiteName` is lowercase, `PwaShortName` fits
|
|
* under an icon.
|
|
*/
|
|
export const PwaManifestName = SiteData["SiteName"];
|
|
export const PwaShortName = SiteData["SiteName"];
|