display IPs to whitelist

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">

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}

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'