fix: cache and cache bust font woff2 (#48)

.licenserc.json

@@ -4,6 +4,7 @@
     "api/testdata/",
     "frontend/_fresh/",
     "frontend/node_modules/",
+    "frontend/fresh.gen.ts",
     "target/",
     ".gcs/",
     "terraform/.terraform/",

frontend/fresh.config.ts

@@ -1,7 +1,40 @@
 // Copyright 2024 the JSR authors. All rights reserved. MIT license.
-import { defineConfig } from "$fresh/server.ts";
+import { defineConfig, Plugin } from "$fresh/server.ts";
+import { asset } from "$fresh/runtime.ts";
 import tailwind from "$fresh/plugins/tailwind.ts";
+import { join } from "$std/path/mod.ts";
 
 export default defineConfig({
-  plugins: [tailwind()],
+  plugins: [tailwind(), assetifyCssUrl()],
 });
+
+const CSS_URL_REGEX =
+  /url\((?:(?<quote>['"])(?<quoted>(?:(?!\k<quote>|\\).|\\.)*)\k<quote>|(?<unquoted>[^'")]*))\)/g;
+
+// This plugin reads the generated style.css file from tailwind plugin and
+// replaces the url() (for font paths) with paths that include asset queries for
+// caching and cache busting.
+function assetifyCssUrl() {
+  let outDir: string;
+  return {
+    name: "assetify-css-url",
+    buildStart(config) {
+      outDir = config.build.outDir;
+    },
+    async buildEnd() {
+      const stylePath = join(outDir, "static", "styles.css");
+      let styleCss = await Deno.readTextFile(stylePath);
+      styleCss = styleCss.replaceAll(CSS_URL_REGEX, (...args) => {
+        const groups = args.at(-1) as Record<string, string>;
+        let path: string;
+        if (groups.quoted) {
+          path = groups.quoted.replaceAll(/\\./g, (s) => JSON.parse(`"${s}"`));
+        } else {
+          path = groups.unquoted;
+        }
+        return `url(${JSON.stringify(asset(path))})`;
+      });
+      await Deno.writeTextFile(stylePath, styleCss);
+    },
+  } satisfies Plugin;
+}

frontend/fresh.gen.ts

@@ -1,4 +1,3 @@
-// Copyright 2024 the JSR authors. All rights reserved. MIT license.
 // DO NOT EDIT. This file is generated by Fresh.
 // This file SHOULD be checked into source version control.
 // This file is automatically updated during development when running `dev.ts`.