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, 20 insertions, 0 deletions

diff --git a/subprojects/frontend/config/fetchPackageMetadata.ts b/subprojects/frontend/config/fetchPackageMetadata.ts
new file mode 100644
index 00000000..50807b03
--- /dev/null
+++ b/subprojects/frontend/config/fetchPackageMetadata.ts
@@ -0,0 +1,20 @@
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+
+import z from 'zod';
+
+const PackageInfo = z.object({
+  name: z.string().min(1),
+  version: z.string().min(1),
+});
+
+export default async function fetchPackageMetadata(
+  thisDir: string,
+): Promise<void> {
+  const contents = await readFile(path.join(thisDir, 'package.json'), 'utf8');
+  const { name: packageName, version: packageVersion } = PackageInfo.parse(
+    JSON.parse(contents),
+  );
+  process.env['VITE_PACKAGE_NAME'] ??= packageName;
+  process.env['VITE_PACKAGE_VERSION'] ??= packageVersion;
+}