windmill-components 1.394.7 → 1.405.0

package/package/components/flows/FlowProgressBar.svelte

@@ -1,12 +1,14 @@
 <script>import {} from '../../gen';
 import ProgressBar from '../progressBar/ProgressBar.svelte';
 export let job = undefined;
+export let currentSubJobProgress = undefined;
 let error = undefined;
 let index = 0;
 let subIndex = undefined;
 let subLength = undefined;
 let length = 1;
 let nextInProgress = false;
+let subIndexIsPercent = false;
 $: if (job)
     updateJobProgress(job);
 function updateJobProgress(job) {
@@ -18,7 +20,7 @@ function updateJobProgress(job) {
     let subStepLength = undefined;
     let newError = undefined;
     let newNextInProgress = false;
-    let maxDone = job?.flow_status?.step ?? 0;
+    let maxDone = Math.max(job?.flow_status?.step ?? 0, 0);
     if (modules.length > maxDone) {
         const nextModule = modules[maxDone];
         if (nextModule.type === 'InProgress') {
@@ -32,6 +34,7 @@ function updateJobProgress(job) {
             maxDone = maxDone + 1;
         }
     }
+    subIndexIsPercent = false;
     // Loop is still iterating
     if (module?.iterator) {
         const stepIndex = module.iterator.index || 0;
@@ -45,6 +48,17 @@ function updateJobProgress(job) {
         subStepIndex = module.branchall.branch;
         subStepLength = module.branchall.len;
     }
+    else if (module?.progress) {
+        const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+        subStepIndex = clamp(module?.progress, subIndex ?? 0, 99);
+        //                  Jitter protection >^^^^^^^^
+        subStepLength = 100;
+        subIndexIsPercent = true;
+        currentSubJobProgress = subStepIndex;
+    }
+    else {
+        currentSubJobProgress = undefined;
+    }
     error = newError;
     subLength = subStepLength ? Math.max(subStepLength, 1) : undefined;
     subIndex = subStepIndex;
@@ -71,5 +85,6 @@ export function reset() {
 	{subLength}
 	{subIndex}
 	{error}
+	bind:subIndexIsPercent
 	class={$$props.class}
 />

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

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         job?: Job | undefined;
+        currentSubJobProgress?: number | undefined;
         reset?: (() => void) | undefined;
     };
     events: {

package/package/components/flows/content/FlowBranchesAllWrapper.svelte

@@ -11,9 +11,11 @@ import FlowModuleSuspend from './FlowModuleSuspend.svelte';
 import FlowModuleMock from './FlowModuleMock.svelte';
 import FlowModuleDeleteAfterUse from './FlowModuleDeleteAfterUse.svelte';
 import { enterpriseLicense } from '../../../stores';
+import FlowModuleSkip from './FlowModuleSkip.svelte';
 export let noEditor;
 export let flowModule;
 export let previousModule;
+export let parentModule;
 let value = flowModule.value;
 $: value = flowModule.value;
 let selected = 'early-stop';
@@ -71,6 +73,7 @@ let selected = 'early-stop';
 					<Pane size={40}>
 						<Tabs bind:selected>
 							<Tab value="early-stop">Early Stop/Break</Tab>
+							<Tab value="skip">Skip</Tab>
 							<Tab value="suspend">Suspend/Approval/Prompt</Tab>
 							<Tab value="sleep">Sleep</Tab>
 							<Tab value="mock">Mock</Tab>
@@ -82,6 +85,11 @@ let selected = 'early-stop';
 											<FlowModuleEarlyStop bind:flowModule />
 										</div>
 									</TabContent>
+									<TabContent value="skip" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSkip bind:flowModule {parentModule} {previousModule} />
+										</div>
+									</TabContent>
 									<TabContent value="suspend" class="flex flex-col flex-1 h-full">
 										<div class="p-4 overflow-y-auto">
 											<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />

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

@@ -5,6 +5,7 @@ declare const __propDef: {
         noEditor: boolean;
         flowModule: FlowModule;
         previousModule: FlowModule | undefined;
+        parentModule: FlowModule | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/components/flows/content/FlowBranchesOneWrapper.svelte

@@ -11,9 +11,11 @@ import FlowModuleSuspend from './FlowModuleSuspend.svelte';
 import SplitPanesWrapper from '../../splitPanes/SplitPanesWrapper.svelte';
 import FlowModuleMock from './FlowModuleMock.svelte';
 import { enterpriseLicense } from '../../../stores';
+import FlowModuleSkip from './FlowModuleSkip.svelte';
 // import FlowRetries from './FlowRetries.svelte'
 export let flowModule;
 export let previousModule;
+export let parentModule;
 export let noEditor;
 export let enableAi = false;
 let value = flowModule.value;
@@ -83,6 +85,7 @@ let selected = 'early-stop';
 					<Pane size={40}>
 						<Tabs bind:selected>
 							<Tab value="early-stop">Early Stop/Break</Tab>
+							<Tab value="skip">Skip</Tab>
 							<Tab value="suspend">Suspend/Approval/Prompt</Tab>
 							<Tab value="sleep">Sleep</Tab>
 							<Tab value="mock">Mock</Tab>
@@ -94,6 +97,11 @@ let selected = 'early-stop';
 											<FlowModuleEarlyStop bind:flowModule />
 										</div>
 									</TabContent>
+									<TabContent value="skip" class="flex flex-col flex-1 h-full">
+										<div class="p-4 overflow-y-auto">
+											<FlowModuleSkip bind:flowModule {parentModule} {previousModule} />
+										</div>
+									</TabContent>
 									<TabContent value="suspend" class="flex flex-col flex-1 h-full">
 										<div class="p-4 overflow-y-auto">
 											<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />

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

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         flowModule: FlowModule;
         previousModule: FlowModule | undefined;
+        parentModule: FlowModule | undefined;
         noEditor: boolean;
         enableAi?: boolean | undefined;
     };

package/package/components/flows/content/FlowConstants.svelte

@@ -94,7 +94,7 @@ setContext('PropPickerWrapper', {
 					</Alert>
 				{/if}
 			{/if}
-			{#each steps as [args, filter, m] (m.id)}
+			{#each steps as [args, filter, m], index (m.id + index)}
 				{#if filter.length > 0}
 					<div class="relative h-full border-t p-4">
 						<h2 class="sticky w-full top-0 z-10 inline-flex items-center py-2">

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

@@ -6,6 +6,7 @@ import FlowFailureModule from './FlowFailureModule.svelte';
 import FlowConstants from './FlowConstants.svelte';
 import { initFlowStepWarnings } from '../utils';
 import { dfs } from '../dfs';
+import FlowPreprocessorModule from './FlowPreprocessorModule.svelte';
 export let noEditor = false;
 export let enableAi = false;
 const { selectedId, flowStore, flowStateStore, flowInputsStore } = getContext('FlowEditorContext');
@@ -47,6 +48,8 @@ onMount(() => {
 	<FlowConstants {noEditor} />
 {:else if $selectedId === 'failure'}
 	<FlowFailureModule {noEditor} />
+{:else if $selectedId === 'preprocessor'}
+	<FlowPreprocessorModule {noEditor} />
 {:else}
 	{@const dup = checkDup($flowStore.value.modules)}
 	{#if dup}

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

@@ -15,6 +15,7 @@ import { defaultScripts } from '../../../stores';
 import { defaultScriptLanguages, processLangs } from '../../../scripts';
 import DefaultScripts from '../../DefaultScripts.svelte';
 export let failureModule;
+export let preprocessorModule;
 export let shouldDisableTriggerScripts = false;
 export let noEditor;
 export let summary = undefined;
@@ -36,12 +37,12 @@ function displayLang(lang, kind) {
         return true;
     }
     if (lang == 'go') {
-        return kind == 'script' || kind == 'trigger' || failureModule;
+        return (kind == 'script' || kind == 'trigger' || failureModule) && !preprocessorModule;
     }
     if (lang == 'bash' || lang == 'nativets') {
-        return kind == 'script';
+        return kind == 'script' && !preprocessorModule;
     }
-    return kind == 'script' && !failureModule;
+    return kind == 'script' && !failureModule && !preprocessorModule;
 }
 let customUi = getContext('customUi');
 </script>
@@ -51,7 +52,7 @@ let customUi = getContext('customUi');
 		<Alert role="info" title="The flow stops here"
 			>This is an identity step with an early stop that has 'true' for expression</Alert
 		>
-	{:else}{#if !failureModule}
+	{:else}{#if !failureModule && !preprocessorModule}
 			<div class="center-center">
 				<div class="max-w-min">
 					<ToggleButtonGroup bind:selected={kind}>
@@ -114,7 +115,7 @@ let customUi = getContext('customUi');
 			</Alert>
 		{/if}
 
-		{#if kind == 'script' && !noEditor}
+		{#if kind == 'script' && !noEditor && !preprocessorModule}
 			<div class="mt-2" />
 			<Alert title="Action Scripts" role="info">
 				An action script is simply a script that is neither a trigger nor an approval script. Those
@@ -212,7 +213,7 @@ let customUi = getContext('customUi');
 							dispatch('new', {
 								language: lang == 'docker' ? 'bash' : lang,
 								kind,
-								subkind: lang == 'docker' ? 'docker' : 'flow',
+								subkind: lang == 'docker' ? 'docker' : preprocessorModule ? 'preprocessor' : 'flow',
 								summary
 							})
 						}}

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

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         failureModule: boolean;
+        preprocessorModule: boolean;
         shouldDisableTriggerScripts?: boolean | undefined;
         noEditor: boolean;
         summary?: string | undefined;

package/package/components/flows/content/FlowInputsFlowQuick.svelte

@@ -0,0 +1,65 @@
+<script>import { Skeleton } from '../../common';
+import SearchItems from '../../SearchItems.svelte';
+import { FlowService } from '../../../gen';
+import { workspaceStore } from '../../../stores';
+import { emptyString } from '../../../utils';
+import BarsStaggered from '../../icons/BarsStaggered.svelte';
+import { createEventDispatcher } from 'svelte';
+// export let failureModule: boolean
+const dispatch = createEventDispatcher();
+let items = undefined;
+let filteredItems = undefined;
+export let filter = '';
+$: $workspaceStore && loadFlows();
+let ownerFilter = undefined;
+$: prefilteredItems = ownerFilter ? items?.filter((x) => x.path.startsWith(ownerFilter)) : items;
+export let owners = [];
+$: owners = Array.from(new Set(filteredItems?.map((x) => x.path.split('/').slice(0, 2).join('/')) ?? [])).sort();
+async function loadFlows() {
+    items = await FlowService.listFlows({ workspace: $workspaceStore });
+}
+</script>
+
+<SearchItems
+	{filter}
+	items={prefilteredItems}
+	bind:filteredItems
+	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
+/>
+<div class="flex flex-col min-h-0">
+	{#if filteredItems}
+		{#if filter.length > 0 && filteredItems.length == 0}
+			<div class="text-2xs text-tercary font-extralight text-center py-2 px-3 items-center">
+				No items found.
+			</div>
+		{/if}
+		<ul class="overflow-auto">
+			{#each filteredItems as { path, summary, marked }}
+				<li class="flex flex-row w-full">
+					<button
+						class="px-3 py-2 gap-2 flex flex-row w-full hover:bg-surface-hover bg-surface transition-all items-center rounded-md text-left text-2xs text-primary font-normal"
+						on:click={async () => {
+							dispatch('pickFlow', {
+								path,
+								summary
+							})
+						}}
+					>
+						<BarsStaggered size={14} />
+						<span class="grow truncate">
+							{#if marked}
+								{@html marked}
+							{:else}
+								{!summary || summary.length == 0 ? path : summary}
+							{/if}
+						</span>
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{:else}
+		{#each Array(10).fill(0) as _}
+			<Skeleton layout={[0.5, [1.5]]} />
+		{/each}
+	{/if}
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        filter?: string | undefined;
+        owners?: string[] | undefined;
+    };
+    events: {
+        pickFlow: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FlowInputsFlowQuickProps = typeof __propDef.props;
+export type FlowInputsFlowQuickEvents = typeof __propDef.events;
+export type FlowInputsFlowQuickSlots = typeof __propDef.slots;
+export default class FlowInputsFlowQuick extends SvelteComponent<FlowInputsFlowQuickProps, FlowInputsFlowQuickEvents, FlowInputsFlowQuickSlots> {
+}
+export {};