diff --git a/packages/hoppscotch-common/src/components/smart/EnvInput.vue b/packages/hoppscotch-common/src/components/smart/EnvInput.vue index dbcbf36d8..23218ec8b 100644 --- a/packages/hoppscotch-common/src/components/smart/EnvInput.vue +++ b/packages/hoppscotch-common/src/components/smart/EnvInput.vue @@ -34,6 +34,7 @@ import { inputTheme } from "~/helpers/editor/themes/baseTheme" import { HoppReactiveEnvPlugin } from "~/helpers/editor/extensions/HoppEnvironment" import { useReadonlyStream } from "@composables/stream" import { AggregateEnvironment, aggregateEnvs$ } from "~/newstore/environments" +import { platform } from "~/platform" const props = withDefaults( defineProps<{ @@ -219,6 +220,7 @@ onMounted(() => { if (editor.value) { if (!view.value) initView(editor.value) if (props.selectTextOnMount) triggerTextSelection() + platform.ui?.onCodemirrorInstanceMount?.(editor.value) } }) diff --git a/packages/hoppscotch-common/src/composables/codemirror.ts b/packages/hoppscotch-common/src/composables/codemirror.ts index 0f4affc7a..8dbfaf0a1 100644 --- a/packages/hoppscotch-common/src/composables/codemirror.ts +++ b/packages/hoppscotch-common/src/composables/codemirror.ts @@ -38,6 +38,7 @@ import { baseHighlightStyle, } from "@helpers/editor/themes/baseTheme" import { HoppEnvironmentPlugin } from "@helpers/editor/extensions/HoppEnvironment" +import { platform } from "~/platform" // TODO: Migrate from legacy mode type ExtendedEditorConfig = { @@ -267,6 +268,7 @@ export function useCodemirror( onMounted(() => { if (el.value) { if (!view.value) initView(el.value) + platform.ui?.onCodemirrorInstanceMount?.(el.value) } }) diff --git a/packages/hoppscotch-common/src/platform/ui.ts b/packages/hoppscotch-common/src/platform/ui.ts index 57ceb9280..49d5a0a40 100644 --- a/packages/hoppscotch-common/src/platform/ui.ts +++ b/packages/hoppscotch-common/src/platform/ui.ts @@ -5,4 +5,5 @@ export type UIPlatformDef = { paddingTop?: Ref paddingLeft?: Ref } + onCodemirrorInstanceMount?: (element: HTMLElement) => void }