From 5853dfd85dca3c80b0edfb58b2866948af8011d5 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 5 Jul 2022 11:57:25 +0200
Subject: [PATCH] fix: in-flow script editor fixes

---
 frontend/src/lib/components/FlowPreview.svelte |  2 +-
 frontend/src/lib/components/ModuleStep.svelte  | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/FlowPreview.svelte b/frontend/src/lib/components/FlowPreview.svelte
index d8218d3753..794a072568 100644
--- a/frontend/src/lib/components/FlowPreview.svelte
+++ b/frontend/src/lib/components/FlowPreview.svelte
@@ -31,7 +31,7 @@
 	let jobs = []
 	let jobId: string
 
-	async function runPreview(args) {
+	export async function runPreview(args) {
 		intervalId && clearInterval(intervalId)
 		const newFlow = tab == 'upto' ? truncateFlow(flow) : extractStep(flow)
 		jobId = await JobService.runFlowPreview({
diff --git a/frontend/src/lib/components/ModuleStep.svelte b/frontend/src/lib/components/ModuleStep.svelte
index c0392d9285..c811f37a25 100644
--- a/frontend/src/lib/components/ModuleStep.svelte
+++ b/frontend/src/lib/components/ModuleStep.svelte
@@ -12,6 +12,7 @@
 		schemaToObject,
 		schemaToTsType
 	} from '$lib/utils'
+	import { language, mehO } from 'svelte-awesome/icons'
 	import Editor from './Editor.svelte'
 	import FlowPreview from './FlowPreview.svelte'
 	import RadioButton from './RadioButton.svelte'
@@ -27,6 +28,7 @@
 	export let schemaForms: (SchemaForm | undefined)[] = []
 
 	let editor: Editor
+	let flowPreview: FlowPreview
 
 	$: previousSchema = i === 0 ? schemaToObject(flow.schema) : $previewResults[i]
 
@@ -125,7 +127,13 @@
 					bind:value={mod.value.language}
 				/>
 				<div class="h-96 mt-4">
-					<Editor bind:this={editor} class="h-full" bind:code={mod.value.content} />
+					<Editor
+						bind:this={editor}
+						class="h-full"
+						bind:code={mod.value.content}
+						deno={mod.value.language == 'deno'}
+						cmdEnterAction={() => flowPreview.runPreview(mod.input_transform)}
+					/>
 				</div>
 				<button class="default-button w-full p-1 mt-4" on:click={loadSchema}>Infer schema</button>
 			{/if}
@@ -141,6 +149,7 @@
 				bind:args={mod.input_transform}
 			/>
 			<FlowPreview
+				bind:this={flowPreview}
 				{flow}
 				{i}
 				bind:args