windmill-components 1.434.1 → 1.444.1

package/package/components/details/EmailTriggerPanel.svelte.d.ts

@@ -6,9 +6,15 @@ declare const __propDef: {
         isFlow?: boolean | undefined;
         hash?: string | undefined;
         path: string;
-        email?: string | undefined;
+        isEditor?: boolean | undefined;
+        canHavePreprocessor?: boolean | undefined;
+        hasPreprocessor?: boolean | undefined;
+        newItem?: boolean | undefined;
     };
     events: {
+        applyArgs: any;
+        addPreprocessor: any;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/package/components/flows/FlowEditor.svelte

@@ -61,7 +61,7 @@ setContext('PropPickerContext', {
 					</div>
 				</div>
 			{:else}
-				<FlowEditorPanel {disabledFlowInputs} {newFlow} enableAi={!disableAi} />
+				<FlowEditorPanel {disabledFlowInputs} {newFlow} enableAi={!disableAi} on:applyArgs />
 			{/if}
 		</Pane>
 	</Splitpanes>

package/package/components/flows/FlowEditor.svelte.d.ts

@@ -12,6 +12,7 @@ declare const __propDef: {
     };
     events: {
         reload: any;
+        applyArgs: any;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package/components/flows/FlowHistoryInner.svelte

@@ -123,7 +123,7 @@ $: selectedVersion !== undefined && loadFlow(selectedVersion.id);
 											color="blue"
 											buttonType="button"
 											btnClasses="!p-1 !w-[34px] !ml-1"
-											aria-label="Save Deployment Message"
+											aria-label="Save deployment message"
 											on:click={() => {
 												updateDeploymentMsg(selectedVersion?.id)
 											}}

package/package/components/flows/content/BranchPredicateEditor.svelte

@@ -57,7 +57,7 @@ $: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousMod
 				on:click={() => (open = !open)}
 				id="flow-editor-edit-predicate"
 			>
-				Edit Predicate
+				Edit predicate
 			</Button>
 		</div>
 	</div>

package/package/components/flows/content/FlowEditorPanel.svelte

@@ -8,11 +8,13 @@ import TriggersEditor from '../../triggers/TriggersEditor.svelte';
 import { initFlowStepWarnings } from '../utils';
 import { dfs } from '../dfs';
 import FlowPreprocessorModule from './FlowPreprocessorModule.svelte';
+import { insertNewPreprocessorModule } from '../flowStateUtils';
 export let noEditor = false;
 export let enableAi = false;
 export let newFlow = false;
 export let disabledFlowInputs = false;
 const { selectedId, flowStore, flowStateStore, flowInputsStore, pathStore, initialPath } = getContext('FlowEditorContext');
+const { selectedTrigger, defaultValues, captureOn } = getContext('TriggerContext');
 function checkDup(modules) {
     let seenModules = [];
     for (const m of modules) {
@@ -44,7 +46,24 @@ onMount(() => {
 {#if $selectedId?.startsWith('settings')}
 	<FlowSettings {noEditor} />
 {:else if $selectedId === 'Input'}
-	<FlowInput {noEditor} disabled={disabledFlowInputs} />
+	<FlowInput
+		{noEditor}
+		disabled={disabledFlowInputs}
+		on:openTriggers={(ev) => {
+			$selectedId = 'triggers'
+			selectedTrigger.set(ev.detail.kind)
+			defaultValues.set(ev.detail.config)
+			captureOn.set(true)
+		}}
+		on:applyArgs
+		on:updateSchema={(e) => {
+			const { schema, redirect } = e.detail
+			$flowStore.schema = schema
+			if (redirect) {
+				$selectedId = 'Input'
+			}
+		}}
+	/>
 {:else if $selectedId === 'Result'}
 	<p class="p-4 text-secondary">The result of the flow will be the result of the last node.</p>
 {:else if $selectedId === 'constants'}
@@ -55,12 +74,22 @@ onMount(() => {
 	<FlowPreprocessorModule {noEditor} />
 {:else if $selectedId === 'triggers'}
 	<TriggersEditor
+		on:applyArgs
+		on:addPreprocessor={async () => {
+			await insertNewPreprocessorModule(flowStore, flowStateStore, {
+				language: 'bun',
+				subkind: 'preprocessor'
+			})
+			$selectedId = 'preprocessor'
+		}}
 		currentPath={$pathStore}
 		{initialPath}
 		schema={$flowStore.schema}
 		{noEditor}
 		newItem={newFlow}
 		isFlow={true}
+		hasPreprocessor={!!$flowStore.value.preprocessor_module}
+		canHavePreprocessor={true}
 	/>
 {:else if $selectedId.startsWith('subflow:')}
 	<div class="p-4"

package/package/components/flows/content/FlowEditorPanel.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         disabledFlowInputs?: boolean | undefined;
     };
     events: {
+        applyArgs: any;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/package/components/flows/content/FlowInput.svelte

@@ -2,7 +2,6 @@
 import { getContext } from 'svelte';
 import FlowCard from '../common/FlowCard.svelte';
 import { copyFirstStepSchema } from '../flowStore';
-import CapturePayload from './CapturePayload.svelte';
 import Drawer from '../../common/drawer/Drawer.svelte';
 import SimpleEditor from '../../SimpleEditor.svelte';
 import { convert } from '@redocly/json-to-json-schema';
@@ -14,7 +13,6 @@ import FlowInputViewer from '../../FlowInputViewer.svelte';
 export let noEditor;
 export let disabled;
 const { flowStore, flowStateStore, previewArgs, initialPath } = getContext('FlowEditorContext');
-let capturePayload;
 let inputLibraryDrawer;
 let jsonPayload;
 let pendingJson;
@@ -31,21 +29,10 @@ function importJson() {
 const yOffset = 191;
 </script>
 
-<CapturePayload bind:this={capturePayload} />
-
 <FlowCard {noEditor} title="Flow Input">
 	{#if !disabled}
 		<div class="flex flex-row items-center gap-2 px-4 py-2 border-b">
-			<div>Copy input's schema from</div>
-			<Button
-				color="dark"
-				size="xs"
-				on:click={() => {
-					capturePayload.openDrawer()
-				}}
-			>
-				A request
-			</Button>
+			<div class="text-sm">Copy input's schema from</div>
 			<Button
 				color="dark"
 				size="xs"
@@ -62,7 +49,7 @@ const yOffset = 191;
 					inputLibraryDrawer.openDrawer()
 				}}
 			>
-				Past Runs/Input library
+				Past runs/Input library
 			</Button>
 			<Button
 				color="dark"

package/package/components/flows/content/FlowInputs.svelte

@@ -108,7 +108,7 @@ let customUi = getContext('customUi');
 				By default, adding a trigger will set the schedule to 15 minutes. To see all ways to trigger
 				a flow, check
 				<a
-					href="https://www.windmill.dev/docs/getting_started/trigger_flows"
+					href="https://www.windmill.dev/docs/getting_started/triggers"
 					target="_blank"
 					class="text-blue-400">Triggering Flows</a
 				>.

package/package/components/flows/content/FlowInputsQuick.svelte

@@ -110,8 +110,8 @@ function computeInlineScriptChoices(funcDesc, selected, preFilter, selectedKind)
     inlineScripts = [];
 }
 const allToplevelNodes = [
-    ['For Loop', 'forloop'],
-    ['While Loop', 'whileloop'],
+    ['For loop', 'forloop'],
+    ['While loop', 'whileloop'],
     ['Branch to one', 'branchone'],
     ['Branch to all', 'branchall']
 ];

package/package/components/flows/content/FlowModuleComponent.svelte

@@ -42,7 +42,7 @@ import { computeFlowStepWarning, initFlowStepWarnings } from '../utils';
 import { debounce } from '../../../utils';
 import { dfs } from '../dfs';
 import FlowModuleSkip from './FlowModuleSkip.svelte';
-const { selectedId, previewArgs, flowStateStore, flowStore, pathStore, saveDraft, flowInputsStore, customUi } = getContext('FlowEditorContext');
+const { selectedId, previewArgs, flowStateStore, flowStore, pathStore, saveDraft, flowInputsStore, customUi, executionCount } = getContext('FlowEditorContext');
 export let flowModule;
 export let failureModule = false;
 export let preprocessorModule = false;
@@ -83,9 +83,10 @@ function setCopilotModuleEditor() {
     });
 }
 $: editor !== undefined && setCopilotModuleEditor();
-$: stepPropPicker = failureModule
-    ? getFailureStepPropPicker($flowStateStore, $flowStore, $previewArgs)
-    : getStepPropPicker($flowStateStore, parentModule, previousModule, flowModule.id, $flowStore, $previewArgs, false);
+$: stepPropPicker =
+    $executionCount != undefined && failureModule
+        ? getFailureStepPropPicker($flowStateStore, $flowStore, $previewArgs)
+        : getStepPropPicker($flowStateStore, parentModule, previousModule, flowModule.id, $flowStore, $previewArgs, false);
 function onKeyDown(event) {
     if ((event.ctrlKey || event.metaKey) && event.key == 'Enter') {
         event.preventDefault();
@@ -214,6 +215,9 @@ function setFlowInput(argName) {
 							$flowStateStore[flowModule.id].schema,
 							$pathStore
 						)
+						if (flowModule.value.type == 'rawscript') {
+							module.value.input_transforms = flowModule.value.input_transforms
+						}
 						flowModule = module
 						$flowStateStore[module.id] = state
 					}}
@@ -427,7 +431,7 @@ function setFlowInput(argName) {
 											<FlowRetries bind:flowModuleRetry={flowModule.retry} />
 										</Section>
 									{:else if advancedSelected === 'runtime' && advancedRuntimeSelected === 'concurrency'}
-										<Section label="Concurrency Limits" class="flex flex-col gap-4" eeOnly>
+										<Section label="Concurrency limits" class="flex flex-col gap-4" eeOnly>
 											<svelte:fragment slot="header">
 												<Tooltip>Allowed concurrency within a given timeframe</Tooltip>
 											</svelte:fragment>

package/package/components/flows/content/FlowModuleEarlyStop.svelte

@@ -68,7 +68,7 @@ $: parentLoopId = checkIfParentLoop($flowStore);
 			/>
 
 			<div
-				class="w-full border p-2 flex flex-col {flowModule.stop_after_if
+				class="w-full mt-1 border p-2 flex flex-col {flowModule.stop_after_if
 					? ''
 					: 'bg-surface-secondary'}"
 			>
@@ -162,7 +162,7 @@ $: parentLoopId = checkIfParentLoop($flowStore);
 			/>
 
 			<div
-				class="w-full border p-2 flex flex-col {flowModule.stop_after_all_iters_if
+				class="w-full border mt-1 p-2 flex flex-col {flowModule.stop_after_all_iters_if
 					? ''
 					: 'bg-surface-secondary'}"
 			>

package/package/components/flows/content/FlowModuleHeader.svelte

@@ -105,9 +105,12 @@ $: moduleRetry = module.retry?.constant || module.retry?.exponential;
 				}}
 				startIcon={{ icon: Pen }}
 				iconOnly={false}
+				tooltip={module.value.hash != undefined
+					? 'Script is locked with a specific hash'
+					: undefined}
 				disabled={module.value.hash != undefined}
 			>
-				Edit {#if module.value.hash != undefined} (locked hash){/if}
+				Edit
 			</Button>
 		{/if}
 		{#if customUi?.tagEdit != false}

package/package/components/flows/content/FlowModuleSuspend.svelte

@@ -225,7 +225,7 @@ let jsonView = false;
 							label="JSON View"
 							size="xs"
 							options={{
-								right: 'JSON Editor',
+								right: 'JSON editor',
 								rightTooltip:
 									'Arguments can be edited either using the wizard, or by editing their JSON Schema.'
 							}}

package/package/components/flows/content/FlowPathViewer.svelte

@@ -14,7 +14,9 @@ setContext('TriggerContext', {
     primarySchedule: primaryScheduleStore,
     selectedTrigger: selectedTriggerStore,
     triggersCount: triggersCount,
-    simplifiedPoll: writable(false)
+    simplifiedPoll: writable(false),
+    defaultValues: writable(undefined),
+    captureOn: writable(undefined)
 });
 async function loadFlow(path) {
     flow = await FlowService.getFlowByPath({ workspace: $workspaceStore, path });

package/package/components/flows/content/FlowRetries.svelte

@@ -41,6 +41,7 @@ function resetDelayType() {
 }
 $: flowModuleRetry === undefined && resetDelayType();
 $: !loaded && initialLoad();
+const u32Max = 4294967295;
 </script>
 
 <div class="h-full flex flex-col {$$props.class ?? ''}">
@@ -67,14 +68,34 @@ $: !loaded && initialLoad();
 			{#if delayType === 'constant'}
 				{#if flowModuleRetry?.constant}
 					<div class="text-xs font-bold !mt-2">Attempts</div>
-					<input bind:value={flowModuleRetry.constant.attempts} type="number" />
+					<div class="flex gap-1">
+						<input
+							max={u32Max.toString()}
+							bind:value={flowModuleRetry.constant.attempts}
+							type="number"
+						/>
+						<button
+							class="text-xs"
+							on:click={() =>
+								flowModuleRetry?.constant && (flowModuleRetry.constant.attempts = u32Max)}
+							>max</button
+						>
+					</div>
 					<div class="text-xs font-bold !mt-2">Delay</div>
 					<SecondsInput bind:seconds={flowModuleRetry.constant.seconds} />
 				{/if}
 			{:else if delayType === 'exponential'}
 				{#if flowModuleRetry?.exponential}
 					<div class="text-xs font-bold !mt-2">Attempts</div>
-					<input bind:value={flowModuleRetry.exponential.attempts} type="number" />
+					<div class="flex gap-1">
+						<input max="100" bind:value={flowModuleRetry.exponential.attempts} type="number" />
+						<button
+							class="text-xs"
+							on:click={() =>
+								flowModuleRetry?.exponential && (flowModuleRetry.exponential.attempts = 100)}
+							>max</button
+						>
+					</div>
 					<div class="text-xs font-bold !mt-2">Multiplier</div>
 					<span class="text-xs text-tertiary">delay = multiplier * base ^ (number of attempt)</span>
 					<input bind:value={flowModuleRetry.exponential.multiplier} type="number" />
@@ -118,9 +139,9 @@ $: !loaded && initialLoad();
 					multiplier,
 					random_factor
 				} = flowModuleRetry?.exponential || {}}
-				{@const cArray = Array.from({ length: cAttempts || 0 }, () => cSeconds)}
+				{@const cArray = Array.from({ length: Math.min(cAttempts || 0, 100) }, () => cSeconds)}
 				{@const eArray = Array.from(
-					{ length: eAttempts || 0 },
+					{ length: Math.min(eAttempts || 0, 100) },
 					(_, i) => (multiplier || 0) * (eSeconds || 0) ** (i + cArray.length + 1)
 				)}
 				{@const array = [...cArray, ...eArray]}
@@ -137,7 +158,7 @@ $: !loaded && initialLoad();
 										seconds){/if}</td
 								>
 							</tr>
-							{#each array.slice(1) as delay, i}
+							{#each array.slice(1, 100) as delay, i}
 								{@const index = i + 2}
 								<tr>
 									<td class="font-semibold pr-1 align-top">{index}:</td>
@@ -154,6 +175,12 @@ $: !loaded && initialLoad();
 									</td>
 								</tr>
 							{/each}
+							{#if (cAttempts ?? 0) > 100 || (eAttempts ?? 0) > 100}
+								<tr>
+									<td class="font-semibold pr-1 align-top">...</td>
+									<td class="pb-1">...</td>
+								</tr>
+							{/if}
 						</table>
 					{:else}
 						<div class="text-xs">No retries</div>

package/package/components/flows/content/FlowSettings.svelte

@@ -128,7 +128,7 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 								right: 'Worker group tag (queue)',
 								rightTooltip:
 									"When a worker group tag is defined at the flow level, any steps inside the flow will run on any worker group that listen to that tag, regardless of the steps tag. If no worker group tags is defined, the flow controls will be executed with the default tag 'flow' and the steps will be executed with their respective tag",
-							rightDocumentationLink: 'https://www.windmill.dev/docs/core_concepts/worker_groups'
+								rightDocumentationLink: 'https://www.windmill.dev/docs/core_concepts/worker_groups'
 							}}
 							class="py-1"
 						/>
@@ -175,7 +175,8 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 							}}
 							options={{
 								right: 'Cache the results for each possible inputs',
-								rightTooltip: 'When enabled, the flow will cache the results of the flow for each possible set of inputs.',
+								rightTooltip:
+									'When enabled, the flow will cache the results of the flow for each possible set of inputs.',
 								rightDocumentationLink: 'https://www.windmill.dev/docs/flows/cache#cache-flows'
 							}}
 							class="py-1"
@@ -216,7 +217,8 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 								rightTooltip:
 									'If the inputs meet the predefined condition, the flow will not run.' +
 									'to decide if the flow should stop early.',
-								rightDocumentationLink: 'https://www.windmill.dev/docs/flows/early_stop#early-stop-for-flow'
+								rightDocumentationLink:
+									'https://www.windmill.dev/docs/flows/early_stop#early-stop-for-flow'
 							}}
 							class="py-1"
 						/>
@@ -306,7 +308,8 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 								'Steps will share a folder at `./shared` in which they can store heavier data and ' +
 								'pass them to the next step. Beware that the `./shared` folder is not ' +
 								'preserved across suspends and sleeps.',
-							rightDocumentationLink: 'https://www.windmill.dev/docs/core_concepts/persistent_storage/within_windmill#shared-directory'
+							rightDocumentationLink:
+								'https://www.windmill.dev/docs/core_concepts/persistent_storage/within_windmill#shared-directory'
 						}}
 						class="py-1"
 					/>
@@ -329,7 +332,8 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 						right: 'Make runs invisible to others',
 						rightTooltip:
 							'When this option is enabled, manual executions of this script are invisible to users other than the user running it, including the owner(s). This setting can be overridden when this script is run manually from the advanced menu.',
-						rightDocumentationLink: 'https://www.windmill.dev/docs/core_concepts/monitor_past_and_future_runs#invisible-runs'
+						rightDocumentationLink:
+							'https://www.windmill.dev/docs/core_concepts/monitor_past_and_future_runs#invisible-runs'
 					}}
 					class="py-1"
 				/>
@@ -355,27 +359,29 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 				<!-- Concurrency Section -->
 				{#if customUi?.settingsTabs?.concurrency != false}
 					<div>
-						<Toggle
-							textClass="font-normal text-sm"
-							color="nord"
-							size="xs"
-							disabled={!$enterpriseLicense}
-							checked={Boolean($flowStore.value.concurrent_limit)}
-							on:change={() => {
-								if ($flowStore.value.concurrent_limit) {
-									$flowStore.value.concurrent_limit = undefined
-								} else {
-									$flowStore.value.concurrent_limit = 1
-								}
-							}}
-							options={{
-								right: 'Concurrency limits',
-								rightTooltip: 'Allowed concurrency within a given timeframe',
-								rightDocumentationLink: 'https://www.windmill.dev/docs/flows/concurrency_limit'
-							}}
-							class="py-1"
-							eeOnly={true}
-						/>
+						<div class="flex flex-row items-center gap-2">
+							<Toggle
+								textClass="font-normal text-sm"
+								color="nord"
+								size="xs"
+								disabled={!$enterpriseLicense}
+								checked={Boolean($flowStore.value.concurrent_limit)}
+								on:change={() => {
+									if ($flowStore.value.concurrent_limit) {
+										$flowStore.value.concurrent_limit = undefined
+									} else {
+										$flowStore.value.concurrent_limit = 1
+									}
+								}}
+								options={{
+									right: 'Concurrency limits',
+									rightTooltip: 'Allowed concurrency within a given timeframe',
+									rightDocumentationLink: 'https://www.windmill.dev/docs/flows/concurrency_limit'
+								}}
+								class="py-1"
+								eeOnly={true}
+							/>
+						</div>
 
 						{#if $flowStore.value.concurrent_limit}
 							<div class="flex flex-col gap-4">
@@ -473,28 +479,30 @@ $: activeAdvancedOptionNames = activeAdvancedOptions
 				</Toggle>
 
 				<div>
-					<Toggle
-						textClass="font-normal text-sm"
-						color="nord"
-						size="xs"
-						disabled={!$enterpriseLicense || isCloudHosted()}
-						checked={Boolean($flowStore.dedicated_worker)}
-						on:change={() => {
-							if ($flowStore.dedicated_worker) {
-								$flowStore.dedicated_worker = undefined
-							} else {
-								$flowStore.dedicated_worker = true
-							}
-						}}
-						options={{
-							right: 'Flow is run on dedicated workers',
-							rightTooltip:
-								'When enabled, the flow will be executed on a dedicated worker.',
-							rightDocumentationLink: 'https://www.windmill.dev/docs/core_concepts/jobs#high-priority-jobs'
-						}}
-						class="py-1"
-						eeOnly={true}
-					/>
+					<div class="flex flex-row items-center gap-2">
+						<Toggle
+							textClass="font-normal text-sm"
+							color="nord"
+							size="xs"
+							disabled={!$enterpriseLicense || isCloudHosted()}
+							checked={Boolean($flowStore.dedicated_worker)}
+							on:change={() => {
+								if ($flowStore.dedicated_worker) {
+									$flowStore.dedicated_worker = undefined
+								} else {
+									$flowStore.dedicated_worker = true
+								}
+							}}
+							options={{
+								right: 'Flow is run on dedicated workers',
+								rightTooltip: 'When enabled, the flow will be executed on a dedicated worker.',
+								rightDocumentationLink:
+									'https://www.windmill.dev/docs/core_concepts/jobs#high-priority-jobs'
+							}}
+							class="py-1"
+							eeOnly={true}
+						/>
+					</div>
 
 					{#if $flowStore.dedicated_worker}
 						<div>

package/package/components/flows/flowStateUtils.d.ts

@@ -3,6 +3,7 @@ import type { Schema } from '../../common';
 import { type FlowModule, type PathFlow, type PathScript, type RawScript, type OpenFlow, type Script } from '../../gen';
 import { type Writable } from 'svelte/store';
 import type { FlowModuleState, FlowState } from './flowState';
+import type { ExtendedOpenFlow } from './types';
 export declare function loadFlowModuleState(flowModule: FlowModule): Promise<FlowModuleState>;
 export declare function pickScript(path: string, summary: string, id: string, hash?: string, kind?: string): Promise<[FlowModule & {
     value: PathScript;
@@ -10,7 +11,7 @@ export declare function pickScript(path: string, summary: string, id: string, ha
 export declare function pickFlow(path: string, summary: string, id: string): Promise<[FlowModule & {
     value: PathFlow;
 }, FlowModuleState]>;
-export declare function createInlineScriptModule(language: RawScript['language'], kind: Script['kind'], subkind: 'pgsql' | 'flow', id: string, summary?: string): Promise<[FlowModule, FlowModuleState]>;
+export declare function createInlineScriptModule(language: RawScript['language'], kind: Script['kind'], subkind: 'pgsql' | 'flow' | 'preprocessor', id: string, summary?: string): Promise<[FlowModule, FlowModuleState]>;
 export declare function createLoop(id: string, enabledAi: boolean): Promise<[FlowModule, FlowModuleState]>;
 export declare function createWhileLoop(id: string): Promise<[FlowModule, FlowModuleState]>;
 export declare function createBranches(id: string): Promise<[FlowModule, FlowModuleState]>;
@@ -25,3 +26,11 @@ export declare function createScriptFromInlineScript(flowModule: FlowModule, suf
 }, FlowModuleState]>;
 export declare function deleteFlowStateById(id: string, flowStateStore: Writable<FlowState>): void;
 export declare function sliceModules(modules: FlowModule[], upTo: number, idOrders: string[]): FlowModule[];
+export declare function insertNewPreprocessorModule(flowStore: Writable<ExtendedOpenFlow>, flowStateStore: Writable<FlowState>, inlineScript?: {
+    language: RawScript['language'];
+    subkind: 'preprocessor';
+}, wsScript?: {
+    path: string;
+    summary: string;
+    hash: string | undefined;
+}): Promise<void>;

package/package/components/flows/flowStateUtils.js

@@ -211,3 +211,26 @@ export function sliceModules(modules, upTo, idOrders) {
         return m;
     });
 }
+export async function insertNewPreprocessorModule(flowStore, flowStateStore, inlineScript, wsScript) {
+    var module = {
+        id: 'preprocessor',
+        value: { type: 'identity' }
+    };
+    var state = emptyFlowModuleState();
+    if (inlineScript) {
+        ;
+        [module, state] = await createInlineScriptModule(inlineScript.language, 'script', inlineScript.subkind, 'preprocessor');
+    }
+    else if (wsScript) {
+        ;
+        [module, state] = await pickScript(wsScript.path, wsScript.summary, module.id, wsScript.hash);
+    }
+    flowStore.update((fs) => {
+        fs.value.preprocessor_module = module;
+        return fs;
+    });
+    flowStateStore.update((fss) => {
+        fss[module.id] = state;
+        return fss;
+    });
+}

package/package/components/flows/map/FlowModuleSchemaMap.svelte

@@ -1,5 +1,5 @@
 <script>import { createEventDispatcher, getContext, tick } from 'svelte';
-import { createInlineScriptModule, createBranchAll, createBranches, createLoop, createWhileLoop, deleteFlowStateById, emptyModule, pickScript, pickFlow } from '../flowStateUtils';
+import { createInlineScriptModule, createBranchAll, createBranches, createLoop, createWhileLoop, deleteFlowStateById, emptyModule, pickScript, pickFlow, insertNewPreprocessorModule } from '../flowStateUtils';
 import { emptyFlowModuleState, initFlowStepWarnings } from '../utils';
 import FlowSettingsItem from './FlowSettingsItem.svelte';
 import FlowConstantsItem from './FlowConstantsItem.svelte';
@@ -89,23 +89,6 @@ async function insertNewModuleAtIndex(modules, index, kind, wsScript, wsFlow, in
     modules.splice(index, 0, module);
     return modules;
 }
-async function insertNewPreprocessorModule(inlineScript, wsScript) {
-    var module = {
-        id: 'preprocessor',
-        value: { type: 'identity' }
-    };
-    var state = emptyFlowModuleState();
-    if (inlineScript) {
-        ;
-        [module, state] = await createInlineScriptModule(inlineScript.language, 'script', inlineScript.subkind, 'preprocessor');
-    }
-    else if (wsScript) {
-        ;
-        [module, state] = await pickScript(wsScript.path, wsScript.summary, module.id, wsScript.hash);
-    }
-    $flowStore.value.preprocessor_module = module;
-    $flowStateStore[module.id] = state;
-}
 function removeAtId(modules, id) {
     const index = modules.findIndex((mod) => mod.id == id);
     if (index != -1) {
@@ -252,6 +235,8 @@ function setExpr(module, expr) {
 
 	<div class="z-10 flex-auto grow bg-surface-secondary" bind:clientHeight={minHeight}>
 		<FlowGraphV2
+			earlyStop={$flowStore.value?.skip_expr !== undefined}
+			cache={$flowStore.value?.cache_ttl !== undefined}
 			triggerNode={true}
 			path={$pathStore}
 			{newFlow}
@@ -311,7 +296,12 @@ function setExpr(module, expr) {
 							$moving = undefined
 						} else {
 							if (detail.detail === 'preprocessor') {
-								insertNewPreprocessorModule(detail.inlineScript, detail.script)
+								insertNewPreprocessorModule(
+									flowStore,
+									flowStateStore,
+									detail.inlineScript,
+									detail.script
+								)
 								$selectedId = 'preprocessor'
 							} else {
 								const index = detail.index ?? 0