From 31cf43c2940c8013a6472af53b52d27a6eedbb4b Mon Sep 17 00:00:00 2001
From: Ahsan Virani <ahsan.virani@gmail.com>
Date: Fri, 13 Aug 2021 12:01:12 +0200
Subject: [PATCH] :zap: Add additional frontend hooks (#2073)

---
 .../editor-ui/src/components/NodeCreator/SearchBar.vue   | 9 +++++++--
 packages/editor-ui/src/components/ParameterInput.vue     | 4 ++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
index 482650f31a..7830989d1f 100644
--- a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
@@ -18,9 +18,12 @@
 </template>
 
 <script lang="ts">
-import Vue from "vue";
 
-export default Vue.extend({
+import mixins from 'vue-typed-mixins';
+
+import { externalHooks } from '@/components/mixins/externalHooks';
+
+export default mixins(externalHooks).extend({
 	name: "SearchBar",
 	props: ["value", "eventBus"],
 	mounted() {
@@ -32,6 +35,8 @@ export default Vue.extend({
 		setTimeout(() => {
 			this.focus();
 		}, 0);
+
+		this.$externalHooks().run('nodeCreator_searchBar.mount', { inputRef: this.$refs['input'] });
 	},
 	methods: {
 		focus() {
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index 5de1334eb9..f1518cebe3 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -134,6 +134,7 @@ import ExpressionEdit from '@/components/ExpressionEdit.vue';
 // @ts-ignore
 import PrismEditor from 'vue-prism-editor';
 import TextEdit from '@/components/TextEdit.vue';
+import { externalHooks } from '@/components/mixins/externalHooks';
 import { genericHelpers } from '@/components/mixins/genericHelpers';
 import { nodeHelpers } from '@/components/mixins/nodeHelpers';
 import { showMessage } from '@/components/mixins/showMessage';
@@ -142,6 +143,7 @@ import { workflowHelpers } from '@/components/mixins/workflowHelpers';
 import mixins from 'vue-typed-mixins';
 
 export default mixins(
+	externalHooks,
 	genericHelpers,
 	nodeHelpers,
 	showMessage,
@@ -621,6 +623,8 @@ export default mixins(
 					}
 				}
 			}
+
+			this.$externalHooks().run('parameterInput.mount', { parameter: this.parameter, inputFieldRef: this.$refs['inputField'] });
 		},
 	});
 </script>