From 11c2c2704d60bd0ddde7f8a67e5d98f495074d64 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 15 Feb 2023 19:51:58 +0100
Subject: [PATCH] display IPs to whitelist

---
 frontend/src/lib/components/AppConnect.svelte |  4 +++
 .../src/lib/components/WhitelistIp.svelte     | 28 +++++++++++++++++++
 .../InlineScriptEditorPanel.svelte            |  1 -
 3 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/lib/components/WhitelistIp.svelte

diff --git a/frontend/src/lib/components/AppConnect.svelte b/frontend/src/lib/components/AppConnect.svelte
index 90968fb6b6..d53e897e33 100644
--- a/frontend/src/lib/components/AppConnect.svelte
+++ b/frontend/src/lib/components/AppConnect.svelte
@@ -62,6 +62,7 @@
 	import ApiConnectForm from './ApiConnectForm.svelte'
 	import SearchItems from './SearchItems.svelte'
 	import autosize from 'svelte-autosize'
+	import WhitelistIp from './WhitelistIp.svelte'
 
 	export let newPageOAuth = false
 
@@ -416,6 +417,9 @@
 					</div>
 				{/if}
 			{/if}
+			{#if resource_type == 'postgresql' || resource_type == 'mysql'}
+				<WhitelistIp />
+			{/if}
 
 			<h2 class="mt-4">Value</h2>
 			<div class="mt-4">
diff --git a/frontend/src/lib/components/WhitelistIp.svelte b/frontend/src/lib/components/WhitelistIp.svelte
new file mode 100644
index 0000000000..e8c28fccac
--- /dev/null
+++ b/frontend/src/lib/components/WhitelistIp.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { WorkerService } from '$lib/gen'
+	import { Alert } from './common'
+
+	let ips: string[] | undefined = undefined
+
+	WorkerService.listWorkers({}).then((workers) => {
+		ips = [
+			...new Set(
+				workers
+					.filter((worker) => {
+						const date = new Date().getTime() - 300 * 60
+						const ping_at = new Date(worker.ping_at).getTime()
+						return ping_at > date
+					})
+					.map((worker) => worker.ip)
+			)
+		]
+	})
+</script>
+
+{#if ips}
+	<div class="mt-2" />
+	<Alert size="xs" type="info" title="IPs to whitelist">
+		<span class="text-gray-600">If necessary, the workers IPs to whitelist are:</span>
+		{ips.join(', ')}
+	</Alert>
+{/if}
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte
index f07761116f..30c8f715fe 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte
@@ -7,7 +7,6 @@
 	import { workspaceStore } from '$lib/stores'
 	import { emptySchema, getScriptByPath } from '$lib/utils'
 	import { faCodeBranch, faExternalLinkAlt, faEye, faPen } from '@fortawesome/free-solid-svg-icons'
-	import { onMount } from 'svelte'
 	import type { AppInput, RunnableByPath } from '../../inputType'
 	import { clearResultAppInput, schemaToInputsSpec } from '../../utils'
 	import EmptyInlineScript from './EmptyInlineScript.svelte'