windmill-components 1.532.0 → 1.542.4

package/package/components/triggers/email/EmailTriggerEditorInner.svelte

@@ -0,0 +1,335 @@
+<script lang="ts">import { Button } from '../../common';
+import Drawer from '../../common/drawer/Drawer.svelte';
+import DrawerContent from '../../common/drawer/DrawerContent.svelte';
+import Path from '../../Path.svelte';
+import Required from '../../Required.svelte';
+import ScriptPicker from '../../ScriptPicker.svelte';
+import { EmailTriggerService } from '../../../gen';
+import { usedTriggerKinds, userStore, workspaceStore } from '../../../stores';
+import { canWrite, emptyString, sendUserToast } from '../../../utils';
+import Section from '../../Section.svelte';
+import { Loader2 } from 'lucide-svelte';
+import Label from '../../Label.svelte';
+import EmailTriggerEditorConfigSection from './EmailTriggerEditorConfigSection.svelte';
+import TriggerEditorToolbar from '../TriggerEditorToolbar.svelte';
+import { getHandlerType, handleConfigChange } from '../utils';
+import { untrack } from 'svelte';
+import Tabs from '../../common/tabs/Tabs.svelte';
+import Tab from '../../common/tabs/Tab.svelte';
+import TriggerRetriesAndErrorHandler from '../TriggerRetriesAndErrorHandler.svelte';
+import { saveEmailTriggerFromCfg } from './utils';
+let { useDrawer = true, hideTarget = false, description = undefined, isEditor = false, customLabel = undefined, allowDraft = false, isDeployed = false, onConfigChange = undefined, onCaptureConfigChange = undefined, onUpdate = undefined, onDelete = undefined, onReset = undefined, trigger = undefined, customSaveBehavior = undefined } = $props();
+// Form data state
+let initialPath = $state('');
+let edit = $state(true);
+let itemKind = $state('script');
+let is_flow = $state(false);
+let script_path = $state('');
+let initialScriptPath = $state('');
+let fixedScriptPath = $state('');
+let path = $state('');
+let pathError = $state('');
+let isValid = $state(false);
+let dirtyLocalPart = $state(false);
+let dirtyPath = $state(false);
+let local_part = $state('');
+let workspaced_local_part = $state(false);
+let drawerLoading = $state(true);
+let showLoader = $state(false);
+let can_write = $state(true);
+let extraPerms = $state(undefined);
+let error_handler_path = $state();
+let error_handler_args = $state({});
+let retry = $state();
+// Component references
+let drawer = $state(undefined);
+let initialConfig = undefined;
+let deploymentLoading = $state(false);
+let optionTabSelected = $state('error_handler');
+let errorHandlerSelected = $state('slack');
+const isAdmin = $derived($userStore?.is_admin || $userStore?.is_super_admin);
+const routeConfig = $derived.by(getEmailTriggerConfig);
+const captureConfig = $derived.by(isEditor ? getCaptureConfig : () => ({}));
+const saveDisabled = $derived(drawerLoading || !can_write || pathError != '' || !isValid || emptyString(script_path));
+$effect(() => {
+    is_flow = itemKind === 'flow';
+});
+export async function openEdit(ePath, isFlow, defaultConfig) {
+    drawerLoading = true;
+    let loader = setTimeout(() => {
+        showLoader = true;
+    }, 100); // if loading takes less than 100ms, we don't show the loader
+    try {
+        drawer?.openDrawer();
+        initialPath = ePath;
+        path = ePath;
+        itemKind = isFlow ? 'flow' : 'script';
+        edit = true;
+        dirtyPath = false;
+        dirtyLocalPart = false;
+        await loadTrigger(defaultConfig);
+    }
+    catch (err) {
+        sendUserToast(`Could not load email trigger: ${err}`, true);
+    }
+    finally {
+        if (!defaultConfig) {
+            // If the email trigger is loaded from the backend, we to set the initial config
+            initialConfig = structuredClone($state.snapshot(getEmailTriggerConfig()));
+        }
+        clearTimeout(loader);
+        drawerLoading = false;
+        showLoader = false;
+    }
+}
+export async function openNew(nis_flow, fixedScriptPath_, defaultValues) {
+    drawerLoading = true;
+    let loader = setTimeout(() => {
+        showLoader = true;
+    }, 100); // if loading takes less than 100ms, we don't show the loader
+    try {
+        drawer?.openDrawer();
+        is_flow = defaultValues?.is_flow ?? nis_flow;
+        edit = false;
+        itemKind = nis_flow ? 'flow' : 'script';
+        local_part = defaultValues?.local_part ?? '';
+        dirtyLocalPart = false;
+        initialScriptPath = '';
+        fixedScriptPath = fixedScriptPath_ ?? '';
+        script_path = fixedScriptPath;
+        path = defaultValues?.path ?? '';
+        initialPath = '';
+        dirtyPath = false;
+        workspaced_local_part = defaultValues?.workspaced_local_part ?? false;
+        error_handler_path = defaultValues?.error_handler_path ?? undefined;
+        error_handler_args = defaultValues?.error_handler_args ?? {};
+        retry = defaultValues?.retry ?? undefined;
+        errorHandlerSelected = getHandlerType(error_handler_path ?? '');
+    }
+    finally {
+        clearTimeout(loader);
+        drawerLoading = false;
+        showLoader = false;
+    }
+}
+function loadTriggerConfig(cfg) {
+    script_path = cfg?.script_path ?? '';
+    initialScriptPath = cfg?.script_path ?? '';
+    is_flow = cfg?.is_flow ?? false;
+    path = cfg?.path ?? '';
+    local_part = cfg?.local_part ?? '';
+    workspaced_local_part = cfg?.workspaced_local_part ?? false;
+    extraPerms = cfg?.extra_perms ?? undefined;
+    can_write = canWrite(path, cfg?.extra_perms ?? {}, $userStore);
+    error_handler_path = cfg?.error_handler_path;
+    error_handler_args = cfg?.error_handler_args ?? {};
+    retry = cfg?.retry;
+    errorHandlerSelected = getHandlerType(error_handler_path ?? '');
+}
+async function loadTrigger(defaultConfig) {
+    if (defaultConfig) {
+        loadTriggerConfig(defaultConfig);
+        return;
+    }
+    else {
+        const s = await EmailTriggerService.getEmailTrigger({
+            workspace: $workspaceStore,
+            path: initialPath
+        });
+        loadTriggerConfig(s);
+    }
+}
+async function triggerScript() {
+    if (customSaveBehavior) {
+        customSaveBehavior(routeConfig);
+        drawer?.closeDrawer();
+    }
+    else {
+        deploymentLoading = true;
+        const saveCfg = routeConfig;
+        const isSaved = await saveEmailTriggerFromCfg(initialPath, saveCfg, edit, $workspaceStore, !!$userStore?.is_admin || !!$userStore?.is_super_admin, usedTriggerKinds);
+        if (isSaved) {
+            onUpdate(saveCfg.path);
+            drawer?.closeDrawer();
+        }
+        deploymentLoading = false;
+    }
+}
+function getEmailTriggerConfig() {
+    const nCfg = {
+        script_path,
+        is_flow,
+        path,
+        local_part,
+        workspaced_local_part,
+        extra_perms: extraPerms,
+        error_handler_path,
+        error_handler_args,
+        retry
+    };
+    return nCfg;
+}
+// Update config for captures
+function getCaptureConfig() {
+    const newCaptureConfig = {
+        local_part: routeConfig.local_part,
+        path: routeConfig.path
+    };
+    //
+    return newCaptureConfig;
+}
+$effect(() => {
+    const args = [captureConfig, isValid];
+    untrack(() => onCaptureConfigChange?.(...args));
+});
+$effect(() => {
+    if (!drawerLoading) {
+        handleConfigChange(routeConfig, initialConfig, saveDisabled, edit, onConfigChange);
+    }
+});
+</script>
+
+{#snippet config()}
+	{#if drawerLoading}
+		{#if showLoader}
+			<Loader2 class="animate-spin" />
+		{/if}
+	{:else}
+		<div class="flex flex-col gap-12">
+			<Section label="Metadata">
+				<div class="flex flex-col gap-2">
+					<Label label="Path">
+						<Path
+							bind:dirty={dirtyPath}
+							bind:error={pathError}
+							bind:path
+							{initialPath}
+							checkInitialPathExistence={!edit}
+							namePlaceholder="email_trigger"
+							kind="email_trigger"
+							hideUser
+							disableEditing={!can_write}
+						/>
+					</Label>
+				</div>
+			</Section>
+
+			{#if !hideTarget}
+				<Section label="Target">
+					<p class="text-xs mt-3 mb-1 text-tertiary">
+						Pick a script or flow to be triggered<Required required={true} />
+					</p>
+					<div class="flex flex-col gap-2">
+						<div class="flex flex-row mb-2">
+							<ScriptPicker
+								disabled={fixedScriptPath != '' || !can_write}
+								initialPath={fixedScriptPath || initialScriptPath}
+								kinds={['script']}
+								allowFlow={true}
+								bind:itemKind
+								bind:scriptPath={script_path}
+								allowRefresh={can_write}
+								allowEdit={!$userStore?.operator}
+								clearable
+							/>
+
+							{#if emptyString(script_path)}
+								<Button
+									btnClasses="ml-4 mt-2"
+									color="dark"
+									size="xs"
+									href={itemKind === 'flow' ? '/flows/add?hub=72' : '/scripts/add?hub=hub%2F19813'}
+									target="_blank">Create from template</Button
+								>
+							{/if}
+						</div>
+					</div>
+				</Section>
+			{/if}
+
+			<EmailTriggerEditorConfigSection
+				initialTriggerPath={initialPath}
+				bind:local_part
+				bind:isValid
+				bind:workspaced_local_part
+				bind:dirtyLocalPart
+				{can_write}
+				showTestingBadge={isEditor}
+				isDraftOnly={trigger ? trigger.isDraft : false}
+			/>
+
+			<Section label="Advanced" collapsable>
+				<div class="flex flex-col gap-4">
+					<div class="min-h-96">
+						<Tabs bind:selected={optionTabSelected}>
+							<Tab value="error_handler">Error Handler</Tab>
+							<Tab value="retries">Retries</Tab>
+						</Tabs>
+						<div class="mt-4">
+							<TriggerRetriesAndErrorHandler
+								{optionTabSelected}
+								{itemKind}
+								{can_write}
+								bind:errorHandlerSelected
+								bind:error_handler_path
+								bind:error_handler_args
+								bind:retry
+							/>
+						</div>
+					</div>
+				</div>
+			</Section>
+		</div>
+	{/if}
+{/snippet}
+
+{#snippet saveButton()}
+	{#if !drawerLoading}
+		<TriggerEditorToolbar
+			{trigger}
+			permissions={drawerLoading || !can_write ? 'none' : can_write && isAdmin ? 'create' : 'write'}
+			{saveDisabled}
+			enabled={undefined}
+			{allowDraft}
+			{edit}
+			isLoading={deploymentLoading}
+			onUpdate={triggerScript}
+			{onReset}
+			{onDelete}
+			{isDeployed}
+		/>
+	{/if}
+{/snippet}
+
+{#if useDrawer}
+	<Drawer size="700px" bind:this={drawer}>
+		<DrawerContent
+			title={edit
+				? can_write
+					? `Edit email trigger ${initialPath}`
+					: `Email trigger ${initialPath}`
+				: 'New email trigger'}
+			on:close={() => drawer?.closeDrawer()}
+		>
+			{#snippet actions()}
+				{@render saveButton()}
+			{/snippet}
+			{@render config()}
+		</DrawerContent>
+	</Drawer>
+{:else}
+	<Section label={!customLabel ? 'Email trigger' : ''} headerClass="grow min-w-0 h-[30px]">
+		{#snippet header()}
+			{#if customLabel}
+				{@render customLabel()}
+			{/if}
+		{/snippet}
+		{#snippet action()}
+			{@render saveButton()}
+		{/snippet}
+		{#if description}
+			{@render description()}
+		{/if}
+		{@render config()}
+	</Section>
+{/if}

package/package/components/triggers/email/EmailTriggerEditorInner.svelte.d.ts

@@ -0,0 +1,22 @@
+import { type EmailTrigger, type NewEmailTrigger } from '../../../gen';
+declare const EmailTriggerEditorInner: import("svelte").Component<{
+    useDrawer?: boolean;
+    hideTarget?: boolean;
+    description?: any;
+    isEditor?: boolean;
+    customLabel?: any;
+    allowDraft?: boolean;
+    isDeployed?: boolean;
+    onConfigChange?: any;
+    onCaptureConfigChange?: any;
+    onUpdate?: any;
+    onDelete?: any;
+    onReset?: any;
+    trigger?: any;
+    customSaveBehavior?: any;
+}, {
+    openEdit: (ePath: string, isFlow: boolean, defaultConfig?: Partial<NewEmailTrigger>) => Promise<void>;
+    openNew: (nis_flow: boolean, fixedScriptPath_?: string, defaultValues?: Partial<EmailTrigger>) => Promise<void>;
+}, "">;
+type EmailTriggerEditorInner = ReturnType<typeof EmailTriggerEditorInner>;
+export default EmailTriggerEditorInner;

package/package/components/triggers/email/EmailTriggerPanel.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">import EmailTriggerEditorInner from './EmailTriggerEditorInner.svelte';
+import Description from '../../Description.svelte';
+import { enterpriseLicense, userStore } from '../../../stores';
+import { Alert } from '../../common';
+import { onMount } from 'svelte';
+import { getEmailDomain } from './utils';
+let emailTriggerEditor = $state(null);
+let { selectedTrigger, isFlow, path, defaultValues = undefined, isEditor = false, customLabel, onEmailDomain, ...restProps } = $props();
+async function openEmailTriggerEditor(isFlow, isDraft) {
+    if (isDraft) {
+        emailTriggerEditor?.openNew(isFlow, path, defaultValues);
+    }
+    else {
+        emailTriggerEditor?.openEdit(selectedTrigger.path ?? '', isFlow, defaultValues);
+    }
+}
+onMount(() => {
+    if (emailTriggerEditor) {
+        openEmailTriggerEditor(isFlow, selectedTrigger.isDraft ?? false);
+    }
+});
+let emailDomain = $state(null);
+getEmailDomain().then((domain) => {
+    emailDomain = domain;
+});
+$effect(() => {
+    if (emailDomain) {
+        onEmailDomain(emailDomain);
+    }
+});
+</script>
+
+<EmailTriggerEditorInner
+	useDrawer={false}
+	bind:this={emailTriggerEditor}
+	hideTarget
+	{isEditor}
+	{customLabel}
+	trigger={selectedTrigger}
+	allowDraft
+	{...restProps}
+>
+	{#snippet description()}
+		<div class="flex flex-col gap-2 pb-4">
+			<Description link="https://www.windmill.dev/docs/advanced/email_triggers">
+				Email triggers execute scripts and flows when emails are sent to specific addresses. Each
+				trigger can be configured with a specific local part.
+			</Description>
+
+			{#if !$userStore?.is_admin && !$userStore?.is_super_admin && selectedTrigger.isDraft}
+				<Alert title="Only workspace admins can create email triggers" type="info" size="xs" />
+			{/if}
+
+			{#if !$enterpriseLicense}
+				<Alert title="Community Edition limitations" type="warning" size="xs">
+					Email triggers on Windmill Community Edition are limited to 100 emails per day.
+				</Alert>
+			{/if}
+		</div>
+	{/snippet}
+</EmailTriggerEditorInner>

package/package/components/triggers/email/EmailTriggerPanel.svelte.d.ts

@@ -0,0 +1,14 @@
+import { type Snippet } from 'svelte';
+import type { Trigger } from '../utils';
+interface Props {
+    selectedTrigger: Trigger;
+    isFlow: boolean;
+    path: string;
+    defaultValues?: Record<string, any>;
+    isEditor?: boolean;
+    customLabel: Snippet;
+    onEmailDomain: (domain: string) => void;
+}
+declare const EmailTriggerPanel: import("svelte").Component<Props, {}, "">;
+type EmailTriggerPanel = ReturnType<typeof EmailTriggerPanel>;
+export default EmailTriggerPanel;

package/package/components/triggers/email/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Writable } from 'svelte/store';
+export declare function getEmailAddress(local_part: string | undefined, workspaced_local_part: boolean, workspace_id: string, emailDomain: string): string;
+export declare function saveEmailTriggerFromCfg(initialPath: string, routeCfg: Record<string, any>, edit: boolean, workspace: string, isAdmin: boolean, usedTriggerKinds: Writable<string[]>): Promise<boolean>;
+export declare function getEmailDomain(): Promise<string>;

package/package/components/triggers/email/utils.js

@@ -0,0 +1,52 @@
+import { isCloudHosted } from '../../../cloud';
+import { EmailTriggerService, SettingService } from '../../../gen';
+import { sendUserToast } from '../../../toast';
+import { get } from 'svelte/store';
+export function getEmailAddress(local_part, workspaced_local_part, workspace_id, emailDomain) {
+    return `${isCloudHosted() || workspaced_local_part ? workspace_id + '-' : ''}${local_part ?? ''}@${emailDomain}`;
+}
+export async function saveEmailTriggerFromCfg(initialPath, routeCfg, edit, workspace, isAdmin, usedTriggerKinds) {
+    const requestBody = {
+        path: routeCfg.path,
+        script_path: routeCfg.script_path,
+        local_part: routeCfg.local_part,
+        is_flow: routeCfg.is_flow,
+        workspaced_local_part: routeCfg.workspaced_local_part,
+        error_handler_path: routeCfg.error_handler_path,
+        error_handler_args: routeCfg.error_handler_path ? routeCfg.error_handler_args : undefined,
+        retry: routeCfg.retry
+    };
+    try {
+        if (edit) {
+            await EmailTriggerService.updateEmailTrigger({
+                workspace: workspace,
+                path: initialPath,
+                requestBody: {
+                    ...requestBody,
+                    local_part: isAdmin || !edit ? routeCfg.local_part : undefined
+                }
+            });
+            sendUserToast(`Route ${routeCfg.path} updated`);
+        }
+        else {
+            await EmailTriggerService.createEmailTrigger({
+                workspace: workspace,
+                requestBody: requestBody
+            });
+            sendUserToast(`Route ${routeCfg.path} created`);
+        }
+        if (!get(usedTriggerKinds).includes('email')) {
+            usedTriggerKinds.update((t) => [...t, 'email']);
+        }
+        return true;
+    }
+    catch (error) {
+        sendUserToast(error.body || error.message, true);
+        return false;
+    }
+}
+export async function getEmailDomain() {
+    return ((await SettingService.getGlobal({
+        key: 'email_domain'
+    })) ?? 'mail.test.com');
+}

package/package/components/triggers/http/RouteEditorConfigSection.svelte

@@ -126,7 +126,7 @@ let userCanEditConfig = $derived(userIsAdmin || isDraftOnly); // User can edit c
 						<Toggle
 							size="sm"
 							checked={workspaced_route}
-							disabled={!can_write}
+							disabled={!can_write || !userCanEditConfig}
 							on:change={() => {
 								workspaced_route = !workspaced_route
 								dirtyRoutePath = true

package/package/components/triggers/http/RouteEditorInner.svelte

@@ -527,7 +527,7 @@ $effect(() => {
 				{can_write}
 				bind:static_asset_config
 				showTestingBadge={isEditor}
-				isDraftOnly={trigger?.isDraft}
+				isDraftOnly={trigger ? trigger.isDraft : false}
 			/>
 
 			{#if !is_static_website}

package/package/components/triggers/http/utils.js

@@ -37,7 +37,7 @@ export async function saveHttpRouteFromCfg(initialPath, routeCfg, edit, workspac
         summary: routeCfg.summary,
         error_handler_path: routeCfg.error_handler_path,
         error_handler_args: routeCfg.error_handler_path ? routeCfg.error_handler_args : undefined,
-        retry: routeCfg.retry,
+        retry: routeCfg.retry
     };
     try {
         if (edit) {

package/package/components/triggers/nats/NatsTriggerEditorInner.svelte

@@ -36,11 +36,11 @@ let drawerLoading = $state(true);
 let showLoading = $state(false);
 let defaultValues = $state(undefined);
 let natsResourcePath = $state('');
-let subjects = $state(['']);
-let useJetstream = $state(false);
-let streamName = $state('');
-let consumerName = $state('');
 let initialConfig = undefined;
+let natsCfg = $state({
+    subjects: [],
+    use_jetstream: false
+});
 let deploymentLoading = $state(false);
 let isValid = $state(false);
 let optionTabSelected = $state('error_handler');
@@ -90,10 +90,13 @@ export async function openNew(nis_flow, fixedScriptPath_, nDefaultValues) {
         edit = false;
         itemKind = nis_flow ? 'flow' : 'script';
         natsResourcePath = nDefaultValues?.nats_resource_path ?? '';
-        subjects = nDefaultValues?.subjects ?? [''];
-        useJetstream = nDefaultValues?.use_jetstream ?? false;
-        streamName = useJetstream ? (nDefaultValues?.stream_name ?? '') : undefined;
-        consumerName = useJetstream ? (nDefaultValues?.consumer_name ?? '') : undefined;
+        const useJetstream = nDefaultValues?.use_jetstream ?? false;
+        natsCfg = {
+            subjects: nDefaultValues?.subjects ?? [''],
+            use_jetstream: useJetstream,
+            stream_name: useJetstream ? (nDefaultValues?.stream_name ?? '') : undefined,
+            consumer_name: useJetstream ? (nDefaultValues?.consumer_name ?? '') : undefined
+        };
         initialScriptPath = '';
         fixedScriptPath = fixedScriptPath_ ?? '';
         script_path = fixedScriptPath;
@@ -119,10 +122,13 @@ async function loadTriggerConfig(cfg) {
     is_flow = cfg?.is_flow;
     path = cfg?.path;
     natsResourcePath = cfg?.nats_resource_path;
-    streamName = cfg?.stream_name;
-    consumerName = cfg?.consumer_name;
-    subjects = cfg?.subjects || [''];
-    useJetstream = cfg?.use_jetstream || false;
+    const useJetstream = cfg?.use_jetstream || false;
+    natsCfg = {
+        subjects: cfg?.subjects || [''],
+        use_jetstream: useJetstream,
+        stream_name: useJetstream ? cfg?.stream_name || '' : undefined,
+        consumer_name: useJetstream ? cfg?.consumer_name || '' : undefined
+    };
     enabled = cfg?.enabled;
     can_write = canWrite(cfg?.path, cfg?.extra_perms, $userStore);
     error_handler_path = cfg?.error_handler_path;
@@ -150,10 +156,10 @@ function getSaveCfg() {
         is_flow,
         enabled,
         nats_resource_path: natsResourcePath,
-        stream_name: streamName,
-        consumer_name: consumerName,
-        subjects,
-        use_jetstream: useJetstream,
+        stream_name: natsCfg.stream_name,
+        consumer_name: natsCfg.consumer_name,
+        subjects: natsCfg.subjects,
+        use_jetstream: natsCfg.use_jetstream,
         error_handler_path,
         error_handler_args,
         retry
@@ -325,10 +331,7 @@ $effect(() => {
 			<NatsTriggersConfigSection
 				{path}
 				bind:natsResourcePath
-				bind:subjects
-				bind:useJetstream
-				bind:streamName
-				bind:consumerName
+				bind:natsCfg
 				on:valid-config={({ detail }) => {
 					isValid = detail
 				}}

package/package/components/triggers/nats/NatsTriggersConfigSection.svelte

@@ -5,11 +5,11 @@ import ResourcePicker from '../../ResourcePicker.svelte';
 import SchemaForm from '../../SchemaForm.svelte';
 import TestTriggerConnection from '../TestTriggerConnection.svelte';
 import TestingBadge from '../testingBadge.svelte';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, untrack } from 'svelte';
 const dispatch = createEventDispatcher();
-let { defaultValues = undefined, headless = false, natsResourcePath = $bindable(), subjects = $bindable(), useJetstream = $bindable(), streamName = $bindable(), consumerName = $bindable(), path, can_write = true, showTestingBadge = false } = $props();
+let { defaultValues = undefined, headless = false, natsResourcePath = $bindable(), natsCfg = $bindable(), path, can_write = true, showTestingBadge = false } = $props();
 let otherArgsValid = $state(false);
-let globalError = $derived(!useJetstream && subjects && subjects.length > 1
+let globalError = $derived(!natsCfg.use_jetstream && natsCfg.subjects && natsCfg.subjects.length > 1
     ? 'Only one subject is supported if not using JetStream.'
     : '');
 let isConnectionValid = $derived(!!natsResourcePath);
@@ -55,37 +55,25 @@ const argsSchema = {
 $effect(() => {
     const valid = isConnectionValid &&
         otherArgsValid &&
-        !!subjects &&
-        subjects.length > 0 &&
-        subjects.every((b) => /^[a-zA-Z0-9-_.*>]+$/.test(b)) &&
+        !!natsCfg.subjects &&
+        natsCfg.subjects.length > 0 &&
+        natsCfg.subjects.every((b) => /^[a-zA-Z0-9-_.*>]+$/.test(b)) &&
         globalError === '';
     dispatch('valid-config', valid);
 });
 function setStreamAndConsumerNames() {
-    if (!streamName) {
-        streamName = `windmill_stream-${$workspaceStore}-${path.replaceAll('/', '__')}`;
+    if (!natsCfg.stream_name) {
+        natsCfg.stream_name = `windmill_stream-${$workspaceStore}-${path.replaceAll('/', '__')}`;
     }
-    if (!consumerName) {
-        consumerName = `windmill_consumer-${$workspaceStore}-${path.replaceAll('/', '__')}`;
+    if (!natsCfg.consumer_name) {
+        natsCfg.consumer_name = `windmill_consumer-${$workspaceStore}-${path.replaceAll('/', '__')}`;
     }
 }
-function setNewArgs(args) {
-    subjects = args.subjects;
-    useJetstream = args.use_jetstream;
-    streamName = args.stream_name;
-    consumerName = args.consumer_name;
-    if (args.use_jetstream) {
-        setStreamAndConsumerNames();
+$effect(() => {
+    if (natsCfg.use_jetstream) {
+        untrack(() => setStreamAndConsumerNames());
     }
-}
-function getNatsArgsCfg() {
-    return {
-        subjects,
-        use_jetstream: useJetstream,
-        stream_name: streamName,
-        consumer_name: consumerName
-    };
-}
+});
 </script>
 
 <div>
@@ -121,7 +109,7 @@ function getNatsArgsCfg() {
 				<Subsection headless={true}>
 					<SchemaForm
 						schema={argsSchema}
-						bind:args={getNatsArgsCfg, (args) => setNewArgs(args)}
+						bind:args={natsCfg}
 						bind:isValid={otherArgsValid}
 						lightHeader={true}
 						disabled={!can_write}