Files
Automata/packages/editor-ui/src/components/Telemetry.vue
Iván Ovejero 57aab63c10 refactor: Integrate consistent-type-imports in FE packages (no-changelog) (#6060)
* 👕 Move `consistent-type-imports` to top level

* 👕 Apply lintfixes

* 👕 Apply more lintfixes

* 👕 More lintfixes

* 👕 More lintfixes
2023-04-24 12:18:24 +02:00

76 lines
1.7 KiB
Vue

<template>
<fragment></fragment>
</template>
<script lang="ts">
import { useRootStore } from '@/stores/n8nRootStore';
import { useSettingsStore } from '@/stores/settings';
import { useUsersStore } from '@/stores/users';
import type { ITelemetrySettings } from 'n8n-workflow';
import { mapStores } from 'pinia';
import mixins from 'vue-typed-mixins';
import { externalHooks } from '@/mixins/externalHooks';
export default mixins(externalHooks).extend({
name: 'Telemetry',
data() {
return {
isTelemetryInitialized: false,
};
},
computed: {
...mapStores(useRootStore, useSettingsStore, useUsersStore),
currentUserId(): string {
return this.usersStore.currentUserId || '';
},
isTelemetryEnabledOnRoute(): boolean {
return this.$route.meta && this.$route.meta.telemetry
? !this.$route.meta.telemetry.disabled
: true;
},
telemetry(): ITelemetrySettings {
return this.settingsStore.telemetry;
},
isTelemetryEnabled(): boolean {
return !!this.telemetry?.enabled;
},
},
mounted() {
this.init();
},
methods: {
init() {
if (
this.isTelemetryInitialized ||
!this.isTelemetryEnabledOnRoute ||
!this.isTelemetryEnabled
)
return;
this.$telemetry.init(this.telemetry, {
instanceId: this.rootStore.instanceId,
userId: this.currentUserId,
versionCli: this.rootStore.versionCli,
});
this.isTelemetryInitialized = true;
},
},
watch: {
telemetry() {
this.init();
},
currentUserId(userId) {
if (this.isTelemetryEnabled) {
this.$telemetry.identify(this.rootStore.instanceId, userId);
}
},
isTelemetryEnabledOnRoute(enabled) {
if (enabled) {
this.init();
}
},
},
});
</script>