feat(expressions): expose editor (#1876)

packages/core/expressions/src/components/ExpressionsEditor.vue

@@ -11,12 +11,13 @@ import type { ParseResult, ParseResultOk, Schema as AtcSchema } from '@kong/atc-
 import { Parser } from '@kong/atc-router'
 import type * as Monaco from 'monaco-editor'
 import * as monaco from 'monaco-editor'
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'
 import { createSchema, type Schema } from '../schema'
 import { registerLanguage, registerTheme, theme } from '../monaco'
 
 let editor: Monaco.editor.IStandaloneCodeEditor | undefined
 let editorModel: Monaco.editor.ITextModel
+const editorRef = shallowRef<Monaco.editor.IStandaloneCodeEditor>()
 
 const { debounce } = useDebounce()
 
@@ -81,6 +82,8 @@ onMounted(() => {
     ...props.editorOptions,
   })
 
+  editorRef.value = editor
+
   if (props.defaultShowDetails) {
     editor.getContribution<Record<string, any> & Monaco.editor.IEditorContribution>('editor.contrib.suggestController')
       ?.widget?.value._setDetailsVisible(true)
@@ -208,6 +211,10 @@ watch(() => parseResult.value, (result?: ParseResult) => {
 
   monaco.editor.setModelMarkers(editorModel, 'kong-expressions-editor', markers)
 })
+
+defineExpose({
+  editor: editorRef,
+})
 </script>
 
 <style lang="scss" scoped>