TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-01-09 19:13:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add posthog integration to console

Browse Source
This commit is contained in:
David Skewis 2024-12-17 11:29:04 +00:00
parent b7e9ae266d
commit 87afc7310b
6 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
console/package.json
View File

@ -47,6 +47,7 @@
"moment": "^2.29.4",
"ngx-color": "^9.0.0",
"opentype.js": "^1.3.4",
"posthog-js": "^1.191.0",
"rxjs": "~7.8.0",
"tinycolor2": "^1.6.0",
"tslib": "^2.7.0",

4
console/src/app/app.component.ts
View File

@ -20,6 +20,7 @@ import { ManagementService } from './services/mgmt.service';
import { ThemeService } from './services/theme.service';
import { UpdateService } from './services/update.service';
import { fallbackLanguage, supportedLanguages, supportedLanguagesRegexp } from './utils/language';
import { PosthogService } from './services/posthog.service';
@Component({
selector: 'cnsl-root',
@ -68,6 +69,7 @@ export class AppComponent implements OnDestroy {
keyboardShortcuts: KeyboardShortcutsService,
private activatedRoute: ActivatedRoute,
@Inject(DOCUMENT) private document: Document,
private posthog: PosthogService,
) {
console.log(
'%cWait!',
@ -236,6 +238,8 @@ export class AppComponent implements OnDestroy {
this.document.documentElement.lang = language.lang;
this.language = language.lang;
});
this.posthog.init();
}
// TODO implement Console storage

2
console/src/app/services/environment.service.ts
View File

@ -13,6 +13,8 @@ export interface Environment {
issuer: string;
customer_portal?: string;
instance_management_url?: string;
posthog_token?: string;
posthog_url?: string;
exhausted?: boolean;
}

34
console/src/app/services/posthog.service.ts Normal file
View File

@ -0,0 +1,34 @@
import { Injectable } from '@angular/core';
import { EnvironmentService } from './environment.service';
import posthog from 'posthog-js';
@Injectable({
providedIn: 'root',
})
export class PosthogService {
private postHog: any;
private posthogToken?: string;
private posthogUrl?: string;
constructor(private envService: EnvironmentService) {
this.envService.env.subscribe((env) => {
this.posthogToken = env.posthog_token;
this.posthogUrl = env.posthog_url;
});
}
async init() {
if (this.posthogToken && this.posthogUrl) {
posthog.init(this.posthogToken, {
api_host: this.posthogUrl,
session_recording: {
maskAllInputs: true,
maskTextSelector: '*',
},
enable_heatmaps: true,
persistence: 'memory',
});
this.postHog = posthog;
}
}
}

1
console/tsconfig.json
View File

@ -16,6 +16,7 @@
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"target": "ES2022",

30
console/yarn.lock
View File

@ -4495,6 +4495,11 @@ core-js-compat@^3.31.0, core-js-compat@^3.33.1:
dependencies:
browserslist "^4.23.3"
core-js@^3.38.1:
version "3.39.0"
resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.39.0.tgz#57f7647f4d2d030c32a72ea23a0555b2eaa30f83"
integrity sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==
core-util-is@1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@ -5414,6 +5419,11 @@ faye-websocket@^0.11.3:
dependencies:
websocket-driver ">=0.5.1"
fflate@^0.4.8:
version "0.4.8"
resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
figures@3.2.0, figures@^3.0.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
@ -7994,6 +8004,21 @@ postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.27:
picocolors "^1.1.0"
source-map-js "^1.2.1"
posthog-js@^1.191.0:
version "1.191.0"
resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.191.0.tgz#150d0d8d6b4c4afbb42f769ff49d2e3fae5fa588"
integrity sha512-RSyqE9GRb6nqJa/DurtdXSlpDi15RUDAyDh13n2CvaiI5Ij7eIs5gEmfqJZchVZgJhtiOCZ5l6/zAq2NxKqbrg==
dependencies:
core-js "^3.38.1"
fflate "^0.4.8"
preact "^10.19.3"
web-vitals "^4.2.0"
preact@^10.19.3:
version "10.25.0"
resolved "https://registry.yarnpkg.com/preact/-/preact-10.25.0.tgz#22a1c93ce97336c5d01d74f363433ab0cd5cde64"
integrity sha512-6bYnzlLxXV3OSpUxLdaxBmE7PMOu0aR3pG6lryK/0jmvcDFPlcXGQAt5DpK3RITWiDrfYZRI0druyaK/S9kYLg==
prelude-ls@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@ -9582,6 +9607,11 @@ wcwidth@^1.0.1:
dependencies:
defaults "^1.0.3"
web-vitals@^4.2.0:
version "4.2.4"
resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.4.tgz#1d20bc8590a37769bd0902b289550936069184b7"
integrity sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==
webdriver-js-extender@2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/webdriver-js-extender/-/webdriver-js-extender-2.1.0.tgz#57d7a93c00db4cc8d556e4d3db4b5db0a80c3bb7"