feat(editor, core): Integrate PostHog (#3865)

* Integrate PostHog - Part 1: Groundwork (#3753)

* Integrate PostHog - Part 2: Event capture (#3779)

* Integrate PostHog - Part 3: Session recordings (#3789)

* Integrate PostHog - Part 4: Experiments (#3825)

* Finalize PostHog integration (#3866)

* 📦 Update `package-lock.json`

* 🐛 Account for absent PH hooks file

* ✨ Create new env `EXTERNAL_FRONTEND_HOOKS_FILES`

* ⚡ Adjust env used for injecting PostHog

* 🐛 Switch to semicolon delimiter

* ⚡ Simplify to `externalFrontendHookPath`

* Refactor FE hooks flow (#3884)

* Add env var for session recordings

* inject frontend hooks even when telemetry is off

* allow multiple hooks files

* cr

* 🐛 Handle missing ref errors

* 🔥 Remove outdated `continue`

* 🎨 Change one-liners to blocks

* 📦 Update `package-lock.json`

Co-authored-by: Ahsan Virani <ahsan.virani@gmail.com>

packages/design-system/src/components/N8nUserInfo/UserInfo.vue

@@ -8,7 +8,7 @@
 			<n8n-text :bold="true">{{email}}</n8n-text>
 			<span :class="$style.pendingBadge"><n8n-badge :bold="true">Pending</n8n-badge></span>
 		</div>
-		<div v-else :class="$style.infoContainer">
+		<div v-else :class="$style.infoContainer" ref="userInfo">
 			<div>
 				<n8n-text :bold="true">{{firstName}} {{lastName}} {{isCurrentUser ? this.t('nds.userInfo.you') : ''}}</n8n-text>
 			</div>
@@ -26,9 +26,10 @@ import N8nText from '../N8nText';
 import N8nAvatar from '../N8nAvatar';
 import N8nBadge from '../N8nBadge';
 import Locale from '../../mixins/locale';
+import { externalHooks } from '@/components/mixins/externalHooks';
 import mixins from 'vue-typed-mixins';
 
-export default mixins(Locale).extend({
+export default mixins(Locale, externalHooks).extend({
 	name: 'n8n-users-info',
 	components: {
 		N8nAvatar,
@@ -52,6 +53,9 @@ export default mixins(Locale).extend({
 			type: Boolean,
 		},
 	},
+	mounted() {
+		this.$externalHooks().run('userInfo.mounted', { userInfoRef: this.$refs.userInfo });
+	}
 });
 </script>
 

packages/design-system/src/main.d.ts

@@ -14,3 +14,4 @@ declare module 'n8n-design-system' {
 }
 
 export * from './types';
+export { locale } from './locale';