force js insert

__sw__.js

addEventListener("install", (event) => {
  event.waitUntil(skipWaiting());
  console.log("Service worker install");
});

addEventListener("activate", (event) => {
  event.waitUntil(self.clients.claim());
  console.log("Service worker activate");
});

addEventListener("fetch", (event) => {
  console.info("[fetch]", event.request.url);
});

worker.json

{
  "assets": { "directory": "./public", "binding": "assets", "run_worker_first": true }
}

worker.ts

const isNavigate = (request: Request) => {
  return request.headers.get("accept")?.includes("text/html") ?? false;
};

function transformNavigationResponse(response: Response): Response {
  return new HTMLRewriter()
    .on("head", {
      element(element) {
        element.append(`<script>navigator.serviceWorker.register('/__sw__.js')</script>`, {
          html: true,
        });
      },
    })
    .transform(response);
}

export default {
  async fetch(request, env, ctx): Promise<Response> {
    if (isNavigate(request)) {
      const res = await env.assets.fetch(request);
      return transformNavigationResponse(res);
    }
    return env.assets.fetch(request);
  },
} satisfies ExportedHandler<Env>;