windmill-components 1.433.0 → 1.444.0

package/package/components/ResultJobLoader.svelte.d.ts

@@ -81,7 +81,7 @@ export default class ResultJobLoader extends SvelteComponent<ResultJobLoaderProp
         cancel: () => void;
         error: (err: Error) => void;
     } | undefined) => Promise<string>;
-    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible", args: Record<string, any>, tag: string | undefined, callbacks?: {
+    get runPreview(): (path: string | undefined, code: string, lang: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | "rust" | "ansible" | "csharp", args: Record<string, any>, tag: string | undefined, callbacks?: {
         done: (x: any) => void;
         cancel: () => void;
         error: (err: Error) => void;

package/package/components/RunPageSchedules.svelte

@@ -12,6 +12,7 @@ import { emptyString, sendUserToast } from '../utils';
 import Toggle from './Toggle.svelte';
 import { loadSchedules, saveSchedule } from './flows/scheduleUtils';
 import { writable } from 'svelte/store';
+import Description from './Description.svelte';
 export let schema;
 export let isFlow;
 export let path;
@@ -31,14 +32,18 @@ async function save() {
 }
 </script>
 
-<ScheduleEditor
-	on:update={() => {
-		updateSchedules(true)
-	}}
-	bind:this={scheduleEditor}
-/>
-
 <div class="flex flex-col gap-4 w-full">
+	<Description link="https://www.windmill.dev/docs/core_concepts/scheduling">
+		Run scripts and flows automatically on a recurring basis using cron expressions. Each script or
+		flow can have multiple schedules, with one designated as primary.
+	</Description>
+	<ScheduleEditor
+		on:update={() => {
+			updateSchedules(true)
+		}}
+		bind:this={scheduleEditor}
+	/>
+
 	{#if $primarySchedule == undefined}
 		<Skeleton layout={[[12]]} />
 	{:else if $primarySchedule}
@@ -146,10 +151,10 @@ async function save() {
 					}}
 					variant="contained"
 					color="dark"
-					size="md"
+					size="sm"
 					startIcon={{ icon: Calendar }}
 				>
-					Set Primary Schedule
+					Set primary schedule
 				</Button>
 			</div>
 			{#if $initialPrimarySchedule != undefined && $initialPrimarySchedule != false && !newItem}
@@ -186,7 +191,7 @@ async function save() {
 				size="xs"
 				startIcon={{ icon: Calendar }}
 			>
-				New Schedule
+				New schedule
 			</Button>
 		{/if}
 

package/package/components/SavedInputs.svelte

@@ -431,7 +431,7 @@ async function loadLargeArgs(id, input, allowLarge) {
 							disabled={!selectedInput}
 						>
 							<ArrowLeftIcon class="w-4 h-4 mr-2" />
-							Use Input
+							Use input
 						</Button>
 					</div>
 					<div class="w-full min-h-0 grow overflow-auto">

package/package/components/ScheduleEditorInner.svelte

@@ -196,12 +196,15 @@ const dispatch = createEventDispatcher();
 async function loadScript(p) {
     if (p) {
         runnable = undefined;
-        if (is_flow) {
-            runnable = await FlowService.getFlowByPath({ workspace: $workspaceStore, path: p });
-        }
-        else {
-            runnable = await ScriptService.getScriptByPath({ workspace: $workspaceStore, path: p });
+        try {
+            if (is_flow) {
+                runnable = await FlowService.getFlowByPath({ workspace: $workspaceStore, path: p });
+            }
+            else {
+                runnable = await ScriptService.getScriptByPath({ workspace: $workspaceStore, path: p });
+            }
         }
+        catch (err) { }
     }
     else {
         runnable = undefined;
@@ -494,7 +497,11 @@ function onVersionChange() {
 
 <Drawer size="900px" bind:this={drawer}>
 	<DrawerContent
-		title={edit ? `Edit schedule ${initialPath}` : 'New schedule'}
+		title={edit
+			? can_write
+				? `Edit schedule ${initialPath}`
+				: `View schedule ${initialPath}`
+			: 'New schedule'}
 		on:close={drawer.closeDrawer}
 	>
 		<svelte:fragment slot="actions">
@@ -511,22 +518,24 @@ function onVersionChange() {
 							View runs
 						</Button>
 					</div>
-					<div class="mr-8 center-center -mt-1">
-						<Toggle
-							disabled={!can_write}
-							checked={enabled}
-							options={{ right: 'Enabled' }}
-							on:change={async (e) => {
-								await ScheduleService.setScheduleEnabled({
-									path: initialPath,
-									workspace: $workspaceStore ?? '',
-									requestBody: { enabled: e.detail }
-								})
-								dispatch('update')
-								sendUserToast(`${e.detail ? 'enabled' : 'disabled'} schedule ${initialPath}`)
-							}}
-						/>
-					</div>
+					{#if can_write}
+						<div class="mr-8 center-center -mt-1">
+							<Toggle
+								disabled={!can_write}
+								checked={enabled}
+								options={{ right: 'Enabled' }}
+								on:change={async (e) => {
+									await ScheduleService.setScheduleEnabled({
+										path: initialPath,
+										workspace: $workspaceStore ?? '',
+										requestBody: { enabled: e.detail }
+									})
+									dispatch('update')
+									sendUserToast(`${e.detail ? 'enabled' : 'disabled'} schedule ${initialPath}`)
+								}}
+							/>
+						</div>
+					{/if}
 				{/if}
 				<Button
 					startIcon={{ icon: Save }}
@@ -535,7 +544,8 @@ function onVersionChange() {
 						emptyString(script_path) ||
 						(errorHandlerSelected == 'slack' &&
 							!emptyString(errorHandlerPath) &&
-							emptyString(errorHandlerExtraArgs['channel']))}
+							emptyString(errorHandlerExtraArgs['channel'])) ||
+						!can_write}
 					on:click={scheduleScript}
 				>
 					{edit ? 'Save' : 'Schedule'}
@@ -545,6 +555,7 @@ function onVersionChange() {
 		{#if drawerLoading}
 			<Loader2 class="animate-spin" />
 		{:else}
+			{can_write}
 			<div class="flex flex-col gap-12">
 				<div class="flex flex-col gap-4">
 					<div>
@@ -557,6 +568,7 @@ function onVersionChange() {
 								placeholder="Short summary to be displayed when listed"
 								class="text-sm w-full"
 								bind:value={summary}
+								disabled={!can_write}
 								on:keyup={() => {
 									if (!edit && summary?.length > 0 && !dirtyPath) {
 										pathC?.setName(
@@ -634,6 +646,7 @@ function onVersionChange() {
 								size="xs"
 								bind:checked={isLatestCron}
 								on:change={onVersionChange}
+								disabled={!can_write}
 							/>
 						</div>
 					{/if}
@@ -652,6 +665,7 @@ function onVersionChange() {
 						}}
 						bind:checked={showPauseUntil}
 						size="xs"
+						disabled={!can_write}
 					/>
 					{#if showPauseUntil}
 						<DateTimeInput bind:value={paused_until} />
@@ -685,6 +699,8 @@ function onVersionChange() {
 							scriptPath={script_path}
 							allowFlow={true}
 							{itemKind}
+							allowView={script_path != '' && !!runnable}
+							allowEdit={script_path != '' && !!runnable && !$userStore?.operator}
 						/>
 					{/if}
 					{#if itemKind == 'flow'}
@@ -722,6 +738,11 @@ function onVersionChange() {
 										This {is_flow ? 'flow' : 'script'} takes no argument
 									</div>
 								{/if}
+							{:else if script_path != ''}
+								<div class="text-xs texg-gray-700 my-2">
+									You cannot see the the {is_flow ? 'flow' : 'script'} input form as you do not have
+									access to it.
+								</div>
 							{:else}
 								<div class="text-xs texg-gray-700 my-2">
 									Pick a {is_flow ? 'flow' : 'script'} and fill its argument here
@@ -757,6 +778,7 @@ function onVersionChange() {
 									<div class="flex flex-row items-center gap-1 text-2xs text-tertiary">
 										defaults
 										<Dropdown
+											disabled={!can_write}
 											items={[
 												{
 													displayName: `Override future schedules only`,
@@ -849,6 +871,7 @@ function onVersionChange() {
 								</div>
 							</Section>
 						{:else if optionTabSelected === 'recovery_handler'}
+							{@const disabled = !can_write || emptyString($enterpriseLicense)}
 							<Section label="Recovery handler">
 								<svelte:fragment slot="header">
 									<div class="flex flex-row gap-2">
@@ -860,6 +883,7 @@ function onVersionChange() {
 									<div class="flex flex-row items-center text-tertiary text-2xs gap-2">
 										defaults
 										<Dropdown
+											{disabled}
 											items={[
 												{
 													displayName: `Override future schedules only`,
@@ -880,7 +904,7 @@ function onVersionChange() {
 									</div>
 								</svelte:fragment>
 								<ErrorOrRecoveryHandler
-									isEditable={can_write && !emptyString($enterpriseLicense)}
+									isEditable={!disabled}
 									errorOrRecovery="recovery"
 									bind:handlerSelected={recoveryHandlerSelected}
 									bind:handlerPath={recoveryHandlerPath}
@@ -933,12 +957,14 @@ function onVersionChange() {
 											class="!w-14 mx-2 text-center"
 											bind:value={recoveredTimes}
 											min="1"
+											{disabled}
 										/>
 										<p>time{recoveredTimes > 1 ? 's in a row' : ''}</p>
 									</div>
 								</div>
 							</Section>
 						{:else if optionTabSelected === 'success_handler'}
+							{@const disabled = !can_write || emptyString($enterpriseLicense)}
 							<Section label="Success handler">
 								<svelte:fragment slot="header">
 									<div class="flex flex-row gap-2">
@@ -950,6 +976,7 @@ function onVersionChange() {
 									<div class="flex flex-row items-center text-tertiary text-2xs gap-2">
 										defaults
 										<Dropdown
+											{disabled}
 											items={[
 												{
 													displayName: `Override future schedules only`,
@@ -970,7 +997,7 @@ function onVersionChange() {
 									</div>
 								</svelte:fragment>
 								<ErrorOrRecoveryHandler
-									isEditable={can_write && !emptyString($enterpriseLicense)}
+									isEditable={!disabled}
 									errorOrRecovery="success"
 									bind:handlerSelected={successHandlerSelected}
 									bind:handlerPath={successHandlerPath}
@@ -1001,6 +1028,7 @@ function onVersionChange() {
 								</ErrorOrRecoveryHandler>
 							</Section>
 						{:else if optionTabSelected === 'retries'}
+							{@const disabled = !can_write || emptyString($enterpriseLicense)}
 							<Section label="Retries">
 								<svelte:fragment slot="header">
 									<div class="flex flex-row gap-2">
@@ -1015,14 +1043,17 @@ function onVersionChange() {
 										flow step in the flow editor.
 									</Tooltip>
 								</svelte:fragment>
-								<FlowRetries bind:flowModuleRetry={retry} disabled={itemKind !== 'script'} />
+								<FlowRetries
+									bind:flowModuleRetry={retry}
+									disabled={itemKind !== 'script' || disabled}
+								/>
 							</Section>
 						{:else if optionTabSelected === 'tag'}
 							<Section
 								label="Custom script tag"
 								tooltip="When set, the script tag will be overridden by this tag"
 							>
-								<WorkerTagPicker bind:tag popupPlacement="top-end" />
+								<WorkerTagPicker bind:tag popupPlacement="top-end" disabled={!can_write} />
 							</Section>
 						{/if}
 					{:else}

package/package/components/SchemaForm.svelte

@@ -37,6 +37,7 @@ export let lightweightMode = false;
 export let dndConfig = undefined;
 export let items = undefined;
 export let helperScript = undefined;
+export let lightHeader = false;
 const dispatch = createEventDispatcher();
 let inputCheck = {};
 $: if (args == undefined || typeof args !== 'object') {
@@ -47,7 +48,7 @@ export function setDefaults() {
     Object.keys(schema?.properties ?? {}).forEach((key) => {
         if (schema?.properties[key].default != undefined && args[key] == undefined) {
             let value = schema?.properties[key].default;
-            nargs[key] = value === 'object' ? JSON.parse(JSON.stringify(value)) : value;
+            nargs[key] = value === 'object' ? structuredClone(value) : value;
         }
     });
     args = nargs;
@@ -126,7 +127,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 			{@const argName = item.value}
 			<div>
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
-				{#if !schemaSkippedValues.includes(argName) && Object.keys(schema?.properties ?? {}).includes(argName)}
+				{#if !schemaSkippedValues.includes(argName) && keys.includes(argName)}
 					<!-- svelte-ignore a11y-no-static-element-interactions -->
 					<div
 						class="flex flex-row items-center bg-surface"
@@ -146,7 +147,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 										required={schema?.required?.includes(argName)}
 										pattern={schema.properties[argName].pattern}
 										bind:valid={inputCheck[argName]}
-										defaultValue={schema.properties[argName].default}
+										defaultValue={structuredClone(schema.properties[argName].default)}
 										enum_={schema.properties[argName].enum}
 										format={schema.properties[argName].format}
 										contentEncoding={schema.properties[argName].contentEncoding}
@@ -207,7 +208,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 										required={schema?.required?.includes(argName)}
 										pattern={schema.properties[argName].pattern}
 										bind:valid={inputCheck[argName]}
-										defaultValue={schema.properties[argName].default}
+										defaultValue={structuredClone(schema.properties[argName].default)}
 										enum_={schema.properties[argName].enum}
 										format={schema.properties[argName].format}
 										contentEncoding={schema.properties[argName].contentEncoding}
@@ -234,6 +235,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 										orderEditable={dndConfig != undefined}
 										otherArgs={args}
 										{helperScript}
+										{lightHeader}
 									>
 										<svelte:fragment slot="actions">
 											<slot name="actions" />
@@ -305,7 +307,7 @@ $: fields = items ?? keys.map((x) => ({ id: x, value: x }));
 				startIcon={{ icon: Plus }}
 				on:click={() => variableEditor?.initNew?.()}
 			>
-				New Variable
+				New variable
 			</Button>
 		</div>
 	</ItemPicker>

package/package/components/SchemaForm.svelte.d.ts

@@ -40,6 +40,7 @@ declare const __propDef: {
             type: 'hash';
             hash: string;
         } | undefined;
+        lightHeader?: boolean | undefined;
         setDefaults?: (() => void) | undefined;
     };
     events: {

package/package/components/ScriptBuilder.svelte

@@ -32,6 +32,8 @@ import CustomPopover from './CustomPopover.svelte';
 import Summary from './Summary.svelte';
 import DeployOverrideConfirmationModal from './common/confirmationModal/DeployOverrideConfirmationModal.svelte';
 import TriggersEditor from './triggers/TriggersEditor.svelte';
+import { BUN_PREPROCESSOR_MODULE_CODE, PYTHON_PREPROCESSOR_MODULE_CODE } from '../script_helpers';
+import CaptureTable from './triggers/CaptureTable.svelte';
 export let script;
 export let fullyLoaded = true;
 export let initialPath = '';
@@ -51,6 +53,9 @@ let deployedValue = undefined; // Value to diff against
 let deployedBy = undefined; // Author
 let confirmCallback = () => { }; // What happens when user clicks `override` in warning
 let open = false; // Is confirmation modal open
+let args = initialArgs; // Test args input
+let selectedInputTab = 'main';
+let hasPreprocessor = false;
 let metadataOpen = !neverShowMeta &&
     (showMeta ||
         (initialPath == '' &&
@@ -58,6 +63,7 @@ let metadataOpen = !neverShowMeta &&
             searchParams.get('collab') == undefined));
 let editor = undefined;
 let scriptEditor = undefined;
+let captureTable = undefined;
 const primaryScheduleStore = writable(savedPrimarySchedule);
 const triggersCount = writable(savedPrimarySchedule
     ? { schedule_count: 1, primary_schedule: { schedule: savedPrimarySchedule.cron } }
@@ -85,11 +91,15 @@ async function loadTriggers() {
         };
     }
 }
+const triggerDefaultValuesStore = writable(undefined);
+const captureOn = writable(undefined);
 setContext('TriggerContext', {
     selectedTrigger: selectedTriggerStore,
     primarySchedule: primaryScheduleStore,
     triggersCount,
-    simplifiedPoll
+    simplifiedPoll,
+    defaultValues: triggerDefaultValuesStore,
+    captureOn: captureOn
 });
 const enterpriseLangs = ['bigquery', 'snowflake', 'mssql'];
 export function setCode(code) {
@@ -145,7 +155,7 @@ if (script.content == '') {
 function initContent(language, kind, template) {
     scriptEditor?.disableCollaboration();
     script.content = initialCode(language, kind, template);
-    scriptEditor?.inferSchema(script.content, language);
+    scriptEditor?.inferSchema(script.content, language, true);
     if (script.content != editor?.getCode()) {
         setCode(script.content);
     }
@@ -506,6 +516,34 @@ function langToLanguage(lang) {
     }
     return lang;
 }
+async function applyArgs(e) {
+    selectedInputTab = e.detail.kind;
+    metadataOpen = false;
+    args = e.detail.args ?? {};
+}
+function openTriggers(ev) {
+    metadataOpen = true;
+    selectedTab = 'triggers';
+    selectedTriggerStore.set(ev.detail.kind);
+    triggerDefaultValuesStore.set(ev.detail.config);
+    captureOn.set(true);
+}
+function addPreprocessor() {
+    const code = editor?.getCode();
+    if (code) {
+        const preprocessorCode = script.language === 'python3'
+            ? PYTHON_PREPROCESSOR_MODULE_CODE
+            : BUN_PREPROCESSOR_MODULE_CODE;
+        const mainIndex = code.indexOf(script.language === 'python3' ? 'def main' : 'export async function main');
+        if (mainIndex === -1) {
+            editor?.setCode(code + preprocessorCode);
+        }
+        else {
+            editor?.setCode(code.slice(0, mainIndex) + preprocessorCode + '\n' + code.slice(mainIndex) + '\n\n');
+        }
+    }
+    selectedInputTab = 'preprocessor';
+}
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
@@ -541,9 +579,7 @@ function langToLanguage(lang) {
 				</Tab>
 				<Tab value="triggers">
 					Triggers
-					<Tooltip
-						documentationLink="https://www.windmill.dev/docs/getting_started/trigger_scripts"
-					>
+					<Tooltip documentationLink="https://www.windmill.dev/docs/getting_started/triggers">
 						Configure how this script will be triggered.
 					</Tooltip>
 				</Tab>
@@ -1102,12 +1138,22 @@ function langToLanguage(lang) {
 						</TabContent>
 						<TabContent value="triggers">
 							<TriggersEditor
+								on:applyArgs={applyArgs}
+								on:addPreprocessor={addPreprocessor}
+								on:exitTriggers={() => {
+									captureTable?.refreshCaptures()
+								}}
 								{initialPath}
 								schema={script.schema}
 								noEditor={true}
 								isFlow={false}
 								currentPath={script.path}
+								hash={script.parent_hash}
 								newItem={initialPath == ''}
+								canHavePreprocessor={script.language === 'bun' ||
+									script.language === 'deno' ||
+									script.language === 'python3'}
+								{hasPreprocessor}
 							/>
 							<!-- <ScriptSchedules {initialPath} schema={script.schema} schedule={scheduleStore} /> -->
 						</TabContent>
@@ -1286,6 +1332,7 @@ function langToLanguage(lang) {
 		</div>
 
 		<ScriptEditor
+			bind:selectedTab={selectedInputTab}
 			{customUi}
 			collabMode
 			edit={initialPath != ''}
@@ -1295,6 +1342,9 @@ function langToLanguage(lang) {
 			on:saveDraft={() => {
 				saveDraft()
 			}}
+			on:openTriggers={openTriggers}
+			on:applyArgs={applyArgs}
+			on:addPreprocessor={addPreprocessor}
 			bind:editor
 			bind:this={scriptEditor}
 			bind:schema={script.schema}
@@ -1305,6 +1355,9 @@ function langToLanguage(lang) {
 			kind={script.kind}
 			{template}
 			tag={script.tag}
+			bind:args
+			bind:hasPreprocessor
+			bind:captureTable
 		/>
 	</div>
 {:else}