refactor(frontend): split vite config

Also introduces tsconfig.shared.json to keep track of source files used
both and build time and in the browser.

1 files changed, 24 insertions, 0 deletions

diff --git a/subprojects/frontend/config/preloadFontsVitePlugin.ts b/subprojects/frontend/config/preloadFontsVitePlugin.ts
new file mode 100644
index 00000000..bc6f8eaf
--- /dev/null
+++ b/subprojects/frontend/config/preloadFontsVitePlugin.ts
@@ -0,0 +1,24 @@
+import micromatch from 'micromatch';
+import type { PluginOption } from 'vite';
+
+export default function preloadFontsVitePlugin(
+  fontsGlob: string | string[],
+): PluginOption {
+  return {
+    name: 'refinery-preload-fonts',
+    apply: 'build',
+    enforce: 'post',
+    transformIndexHtml(_html, { bundle }) {
+      return micromatch(Object.keys(bundle ?? {}), fontsGlob).map((href) => ({
+        tag: 'link',
+        attrs: {
+          href,
+          rel: 'preload',
+          type: 'font/woff2',
+          as: 'font',
+          crossorigin: 'anonymous',
+        },
+      }));
+    },
+  };
+}