mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-20 14:57:31 -07:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

refactor(editor-ui): Create first PH experiment (#3969)

Browse source
This commit is contained in:
Iván Ovejero 2022-09-01 10:05:22 +02:00 committed by GitHub
parent 10cdf60202
commit ee519b0c08
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
packages/editor-ui/src/plugins/telemetry/telemetry.types.ts
View file

@ -9,40 +9,13 @@ declare module 'vue/types/vue' {
declare global {
interface Window {
rudderanalytics: RudderStack;
featureFlag: FeatureFlag;
posthog: posthog;
posthog: {
isFeatureEnabled(flagName: string): boolean;
getFeatureFlag(flagName: string): boolean | string;
};
}
}
/**
* Simplified version of:
* https://github.com/PostHog/posthog-js/blob/master/src/module.d.ts
*/
/* tslint:disable-next-line */
interface posthog {
identify(
uniqueId?: string,
userPropertiesToSet?: object,
userPropertiesToSetOnce?: object,
): void;
reset(resetDeviceId?: boolean): void;
capture(
eventName: string,
properties?: object,
options?: object,
): unknown;
isFeatureEnabled(key: string, options?: object): boolean;
register(properties: object, days?: number): void;
people: {
set(
prop: object | string,
to?: object,
callback?: Function,
): unknown;
};
getFeatureFlag?: (flagName: string) => boolean;
}
export interface IUserNodesPanelSession {
sessionId: string;
data: IUserNodesPanelSessionData;
@ -54,13 +27,6 @@ interface IUserNodesPanelSessionData {
filterMode: string;
}
interface FeatureFlag {
getAll(): string[];
get(flagName: string): boolean | undefined;
isEnabled(flagName: string): boolean | undefined;
reload(): void;
}
/**
* Simplified version of:
* https://github.com/rudderlabs/rudder-sdk-js/blob/master/dist/rudder-sdk-js/index.d.ts

51
packages/editor-ui/src/views/NodeView.vue
View file

@ -2051,35 +2051,32 @@ export default mixins(
this.setZoomLevel(1);
if (
window.posthog && window.featureFlag && window.posthog.getFeatureFlag &&
!window.featureFlag.isEnabled('show-welcome-note')
) {
return;
}
const flagAvailable = window.posthog !== undefined && window.posthog.getFeatureFlag !== undefined;
setTimeout(() => {
this.$store.commit('setNodeViewOffsetPosition', {newOffset: [0, 0]});
// For novice users (onboardingFlowEnabled == true)
// Inject welcome sticky note and zoom to fit
if (newWorkflow.onboardingFlowEnabled && !this.isReadOnly) {
this.$nextTick(async () => {
await this.addNodes([
{
id: uuid(),
...CanvasHelpers.WELCOME_STICKY_NODE,
parameters: {
// Use parameters from the template but add translated content
...CanvasHelpers.WELCOME_STICKY_NODE.parameters,
content: this.$locale.baseText('onboardingWorkflow.stickyContent'),
if (flagAvailable && window.posthog.getFeatureFlag('welcome-note') === 'test') {
setTimeout(() => {
this.$store.commit('setNodeViewOffsetPosition', {newOffset: [0, 0]});
// For novice users (onboardingFlowEnabled == true)
// Inject welcome sticky note and zoom to fit
if (newWorkflow.onboardingFlowEnabled && !this.isReadOnly) {
this.$nextTick(async () => {
await this.addNodes([
{
id: uuid(),
...CanvasHelpers.WELCOME_STICKY_NODE,
parameters: {
// Use parameters from the template but add translated content
...CanvasHelpers.WELCOME_STICKY_NODE.parameters,
content: this.$locale.baseText('onboardingWorkflow.stickyContent'),
},
},
},
]);
this.zoomToFit();
this.$telemetry.track('welcome note inserted');
});
}
}, 0);
]);
this.zoomToFit();
this.$telemetry.track('welcome note inserted');
});
}
}, 0);
}
},
async initView (): Promise<void> {
if (this.$route.params.action === 'workflowSave') {