windmill/frontend/src/lib/components/flows/content/FlowModuleSleep.svelte

<script lang="ts">
	import InputTransformForm from '$lib/components/InputTransformForm.svelte'
	import type SimpleEditor from '$lib/components/SimpleEditor.svelte'
	import Toggle from '$lib/components/Toggle.svelte'
	import Tooltip from '$lib/components/Tooltip.svelte'

	import type { FlowModule } from '$lib/gen'
	import { emptySchema } from '$lib/utils'
	import { getContext } from 'svelte'
	import PropPickerWrapper from '../propPicker/PropPickerWrapper.svelte'
	import type { FlowEditorContext } from '../types'

	export let flowModule: FlowModule
	export let previousModuleId: string | undefined

	const { selectedId, flowStateStore } = getContext<FlowEditorContext>('FlowEditorContext')

	let schema = emptySchema()
	schema.properties['sleep'] = {
		type: 'number',
		description: 'Sleep time in seconds'
	}

	let editor: SimpleEditor | undefined = undefined

	const result = $flowStateStore[$selectedId]?.previewResult ?? {}

	$: isSleepEnabled = Boolean(flowModule.sleep)
</script>

<h2 class="mt-2"
	>Sleep<Tooltip>
		If defined, at the end of the step, the flow will sleep for a number of seconds before
		scheduling the next job (if any, no effect if the step is the last one). Sleeping is passive and
		does not consume any resources.</Tooltip
	></h2
>
<Toggle
	checked={isSleepEnabled}
	on:change={() => {
		if (isSleepEnabled && flowModule.sleep != undefined) {
			flowModule.sleep = undefined
		} else {
			flowModule.sleep = {
				type: 'static',
				value: 0
			}
		}
	}}
	options={{
		right: 'Sleep after module successful execution'
	}}
/>
<div>
	<span class="text-xs font-bold">Sleep for duration (seconds)</span>

	{#if flowModule.sleep && schema.properties['sleep']}
		<div class="border">
			<PropPickerWrapper
				notSelectable
				{result}
				displayContext={false}
				pickableProperties={undefined}
				on:select={({ detail }) => {
					editor?.insertAtCursor(detail)
					editor?.focus()
				}}
			>
				<InputTransformForm
					bind:arg={flowModule.sleep}
					argName="sleep"
					{schema}
					{previousModuleId}
				/>
			</PropPickerWrapper>
		</div>
	{:else}
		<input type="number" disabled />
	{/if}
</div>