Merge pull request #9 from luzmo-official/chore_add_more_userflow_int…

…egrations chore: Add Userflow to ai chart and report builder
luzmo-official · Sep 5, 2024 · 6d2db56 · 6d2db56
2 parents 45ab732 + 9941e87
commit 6d2db56
Show file tree

Hide file tree

Showing 10 changed files with 2,130 additions and 1,465 deletions.
diff --git a/embedded-ai-chart/frontend/package-lock.json b/embedded-ai-chart/frontend/package-lock.json
diff --git a/embedded-ai-chart/frontend/package.json b/embedded-ai-chart/frontend/package.json
@@ -24,6 +24,7 @@
     "material-symbols": "^0.17.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
+    "userflow.js": "^2.12.1",
     "zone.js": "~0.14.0"
   },
   "devDependencies": {
@@ -47,4 +48,4 @@
     "ts-node": "~10.9.0",
     "typescript": "~5.2.0"
   }
-}
+}
diff --git a/embedded-ai-chart/frontend/src/index.html b/embedded-ai-chart/frontend/src/index.html
@@ -19,7 +19,7 @@
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
 </head>
-  <body class="mat-typography">
+  <body class="mat-typography userflow-showcase-ai-chart">
     <app-root></app-root>
   </body>
 </html>
diff --git a/embedded-ai-chart/frontend/src/main.ts b/embedded-ai-chart/frontend/src/main.ts
@@ -11,6 +11,11 @@ import routeConfig from './app/app.routes';
 import { ConfigService } from './app/shared/services/config.service';
 import { environment } from './environments/environment';
 
+// Userflow is only necessary for the Luzmo hosted showcases
+import userflow from 'userflow.js'
+userflow.init('ct_65z5oczamna45bveai47cpcbpe');
+userflow.identifyAnonymous();
+
 export function initializeApp(configService: ConfigService) {
   return () => configService.loadConfig().toPromise();
 }

diff --git a/embedded-ai-chart/frontend/src/reset.scss b/embedded-ai-chart/frontend/src/reset.scss
@@ -89,3 +89,5 @@ input, button, textarea, select {
 }
 html, body { height: 100%; }
 body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+userflow-showcase-ai-chart {}
diff --git a/report-builder/package-lock.json b/report-builder/package-lock.json
diff --git a/report-builder/package.json b/report-builder/package.json
@@ -46,6 +46,7 @@
     "thememirror": "^2.0.1",
     "three": "^0.164.1",
     "tslib": "^2.3.0",
+    "userflow.js": "^2.12.1",
     "util": "^0.12.5",
     "zone.js": "~0.14.10"
   },

diff --git a/report-builder/src/app/report-builder/report-builder.component.html b/report-builder/src/app/report-builder/report-builder.component.html
@@ -1,4 +1,4 @@
-<div class="flex flex-col h-screen">
+<div class="flex flex-col h-screen userflow-report-builder">
   <app-header></app-header>
   <div class="flex flex-row grow">
     <app-data-panel class="border-r h-full"></app-data-panel>

diff --git a/report-builder/src/app/report-builder/report-builder.component.scss b/report-builder/src/app/report-builder/report-builder.component.scss
@@ -2,4 +2,6 @@ app-chart-panel {
   width: 18rem;
   --violet: #7d00fa;
   --violet-50: rgb(245 243 255 / 1);
-}
+}
+
+userflow-report-builder {}
diff --git a/report-builder/src/app/report-builder/report-builder.component.ts b/report-builder/src/app/report-builder/report-builder.component.ts
@@ -6,6 +6,11 @@ import { HeaderComponent } from './header/header.component';
 import { MatSelectModule } from '@angular/material/select';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from "@angular/material/form-field";
 
+// Userflow is only necessary for the Luzmo hosted showcases
+import userflow from 'userflow.js'
+userflow.init('ct_65z5oczamna45bveai47cpcbpe');
+userflow.identifyAnonymous();
+
 @Component({
   selector: 'app-report-builder',
   standalone: true,