remove project hardcoded id

Author: bihellzin

.env.example

@@ -1,2 +1,6 @@
+VITE_MEDPLUM_PROJECT_ID=
+VITE_MEDPLUM_GOOGLE_CLIENT_ID=
+MEDPLUM_CLIENT_ID=
+MEDPLUM_CLIENT_SECRET=
 DEPLOY_MEDPLUM_CLIENT_ID=
-DEPLOY_MEDPLUM_CLIENT_SECRET=
+DEPLOY_MEDPLUM_CLIENT_SECRET=

.github/workflows/build.yml

@@ -43,6 +43,9 @@ jobs:
 
       - name: Build
         run: npm run build
+        env:
+          VITE_MEDPLUM_PROJECT_ID: ${{ secrets.VITE_MEDPLUM_PROJECT_ID }}
+          VITE_MEDPLUM_GOOGLE_CLIENT_ID: ${{ secrets.VITE_MEDPLUM_GOOGLE_CLIENT_ID }}
 
   lint:
     name: Run linter

src/config.ts

@@ -1,2 +1,2 @@
-export const MEDPLUM_PROJECT_ID = '77e3c81d-f2e9-4570-a3e7-6fc54fd471e0';
-export const MEDPLUM_GOOGLE_CLIENT_ID = '921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com';
+export const MEDPLUM_PROJECT_ID = import.meta.env.VITE_MEDPLUM_PROJECT_ID || '';
+export const MEDPLUM_GOOGLE_CLIENT_ID = import.meta.env.VITE_MEDPLUM_GOOGLE_CLIENT_ID || '';

src/pages/SignInPage.tsx

@@ -1,17 +1,13 @@
 import { Title } from '@mantine/core';
 import { Logo, SignInForm } from '@medplum/react';
 import { useNavigate } from 'react-router-dom';
-import { MEDPLUM_GOOGLE_CLIENT_ID, MEDPLUM_PROJECT_ID } from '../config';
+import { MEDPLUM_PROJECT_ID } from '../config';
 
 export function SignInPage(): JSX.Element {
   const navigate = useNavigate();
 
   return (
-    <SignInForm
-      projectId={MEDPLUM_PROJECT_ID}
-      googleClientId={MEDPLUM_GOOGLE_CLIENT_ID}
-      onSuccess={() => navigate('/')}
-    >
+    <SignInForm projectId={MEDPLUM_PROJECT_ID} onSuccess={() => navigate('/')}>
       <Logo size={32} />
       <Title>Sign in to SampleMed Regional Portal </Title>
     </SignInForm>

src/vite-env.d.ts

@@ -1,5 +1,15 @@
 /// <reference types="vite/client" />
 
+interface ImportMetaEnv {
+  readonly VITE_MEDPLUM_PROJECT_ID: string;
+  readonly VITE_MEDPLUM_GOOGLE_CLIENT_ID: string;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
 // Re-export JSX namespace from React for React 19 compatibility
 declare global {
   namespace JSX {