refactor(editor): Add types to global link actions event bus (no-chan…

…gelog) (n8n-io#10452)

Co-authored-by: Alex Grozav <[email protected]>

packages/editor-ui/src/composables/useGlobalLinkActions.ts

@@ -3,15 +3,16 @@
  * unsafe onclick attribute
  */
 import { reactive, computed, onMounted, onUnmounted } from 'vue';
+import type { LinkActionFn, RegisterCustomActionOpts } from '@/event-bus';
 import { globalLinkActionsEventBus } from '@/event-bus';
 
 const state = reactive({
-	customActions: {} as Record<string, Function>,
+	customActions: {} as Record<string, LinkActionFn>,
 	delegatedClickHandler: null as null | ((e: MouseEvent) => void),
 });
 
 export function useGlobalLinkActions() {
-	function registerCustomAction({ key, action }: { key: string; action: Function }) {
+	function registerCustomAction({ key, action }: RegisterCustomActionOpts) {
 		state.customActions[key] = action;
 	}
 	function unregisterCustomAction(key: string) {
@@ -51,7 +52,7 @@ export function useGlobalLinkActions() {
 		}
 	}
 
-	const availableActions = computed<{ [key: string]: Function }>(() => ({
+	const availableActions = computed<{ [key: string]: LinkActionFn }>(() => ({
 		reload,
 		...state.customActions,
 	}));

packages/editor-ui/src/event-bus/global-link-actions.ts

@@ -0,0 +1,16 @@
+import { createEventBus } from 'n8n-design-system/utils';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type LinkActionFn = (...args: any[]) => void;
+
+export type RegisterCustomActionOpts = {
+	key: string;
+	action: LinkActionFn;
+};
+
+export interface GlobalLinkActionsEventBusEvents {
+	/** See useGlobalLinkActions.ts */
+	registerGlobalLinkAction: RegisterCustomActionOpts;
+}
+
+export const globalLinkActionsEventBus = createEventBus<GlobalLinkActionsEventBusEvents>();

packages/editor-ui/src/event-bus/index.ts

@@ -1,6 +1,6 @@
 export * from './code-node-editor';
 export * from './data-pinning';
-export * from './link-actions';
+export * from './global-link-actions';
 export * from './html-editor';
 export * from './import-curl';
 export * from './node-view';