Update for bootstrapping

nohe427 · nohe427 · commit 5a1b73b59e51 · 2025-05-14T08:10:54.000-07:00
diff --git a/client/web/angular-customer-app/src/app/app.config.ts b/client/web/angular-customer-app/src/app/app.config.ts
@@ -37,7 +37,7 @@ export const appConfig: ApplicationConfig = {
     provideHttpClient( withFetch() ),
     provideMarkdown(),
     provideAnimationsAsync(), 
-    provideFirebaseApp(() => initializeApp(environment.firebaseConfig)), 
+    provideFirebaseApp(() => initializeApp(environment)), 
     provideStorage(() => getStorage()),
     provideAuth(() => getAuth()), 
     provideVertexAI(() => getVertexAI()),
diff --git a/client/web/angular-customer-app/src/app/app.routes.ts b/client/web/angular-customer-app/src/app/app.routes.ts
@@ -22,7 +22,7 @@ export const routes: Routes = [
     path: 'chat',
     component: ChatbotComponent,
   },
-  { path: '/config.html', redirectTo: '/config.html'},
-  { path: '/config', redirectTo: '/config.html'},
+  // { path: '/config.html', redirectTo: '/config.html'},
+  // { path: '/config', redirectTo: '/config.html'},
   { path: '**', redirectTo: '/chat' },
 ];
diff --git a/client/web/angular-customer-app/src/environments/environment.development.ts b/client/web/angular-customer-app/src/environments/environment.development.ts
@@ -14,19 +14,40 @@
  * limitations under the License.
  */
 
+declare const window: any;
+
+export declare interface BootstrapData {
+  firebase: {
+    apiKey?: string;
+    authDomain?: string,
+    databaseURL?: string,
+    projectId?: string,
+    storageBucket?: string,
+    messagingSenderId?: string,
+    measurementId?: string,
+    appId?: string,
+  };
+  geminiApiKey?: string;
+  debugToken?: string;
+  viewCodeLink?: string;
+  viewCodeMessage?: string;
+}
+
+const bootstrapData = window['APP_TEMPLATE_BOOTSTRAP'] as BootstrapData;
+
+console.log(bootstrapData);
+
+if (!bootstrapData) {
+  window.location.href = '/config.html';
+}
+
 export const environment = {
-    production: false,
-    // URL for the backend. Exposed through the Angular proxy server.
-    backendUrl: "/api",
-    firebaseConfig: {
-        apiKey: "",
-        authDomain: "",
-        projectId: "",
-        storageBucket: "",
-        messagingSenderId: "",
-        appId: ""
-    },
-    // recaptchaEnterpriseKey: "",
+    ...bootstrapData?.firebase,
+  geminiApiKey: bootstrapData?.geminiApiKey || '',
+  viewCodeLink: bootstrapData?.viewCodeLink || '',
+  viewCodeMessage: bootstrapData?.viewCodeMessage || '',
 };
 
+console.log('env',environment)
+
 export const geminiModel = "gemini-2.0-flash";
diff --git a/client/web/angular-customer-app/src/index.html b/client/web/angular-customer-app/src/index.html
@@ -24,6 +24,7 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <script src="/bootstrap.js"></script>
 </head>
 <body class="mat-typography">
   <app-root></app-root>
