windmill-components 1.448.50 → 1.472.2

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

@@ -0,0 +1,5 @@
+import type { Relations } from '../../../gen';
+export declare function invalidRelations(relations: Relations[], options?: {
+    trackSchemaTableError?: boolean;
+    showError?: boolean;
+}): boolean;

package/package/components/triggers/postgres/utils.js

@@ -0,0 +1,80 @@
+import { sendUserToast } from '../../../toast';
+import { emptyString } from '../../../utils';
+export function invalidRelations(relations, options) {
+    let error = {
+        schemaIndex: -1,
+        tableIndex: -1,
+        schemaError: false,
+        tableError: false,
+        trackAllTablesInSchema: false,
+        trackSpecificColumnsInTable: false,
+        duplicateSchemaName: undefined
+    };
+    const duplicateName = new Set();
+    for (const [schemaIndex, relation] of relations.entries()) {
+        error.schemaIndex = schemaIndex + 1;
+        error.schemaName = relation.schema_name;
+        if (emptyString(relation.schema_name)) {
+            error.schemaError = true;
+            break;
+        }
+        else {
+            if (duplicateName.has(relation.schema_name)) {
+                error.duplicateSchemaName = true;
+                break;
+            }
+            duplicateName.add(relation.schema_name);
+            const tableToTrack = relation.table_to_track;
+            if (tableToTrack.length > 0) {
+                for (const [tableIndex, table] of tableToTrack.entries()) {
+                    if (emptyString(table.table_name)) {
+                        error.tableError = true;
+                        error.tableIndex = tableIndex + 1;
+                        break;
+                    }
+                    if (!error.trackSpecificColumnsInTable &&
+                        table.columns_name &&
+                        table.columns_name.length > 0) {
+                        error.trackSpecificColumnsInTable = true;
+                    }
+                }
+                if (error.tableError) {
+                    break;
+                }
+            }
+            else if (!error.trackAllTablesInSchema) {
+                error.trackAllTablesInSchema = true;
+            }
+            if (options?.trackSchemaTableError &&
+                error.trackAllTablesInSchema &&
+                error.trackSpecificColumnsInTable) {
+                break;
+            }
+        }
+    }
+    const errorFound = error.tableError ||
+        error.schemaError ||
+        error.duplicateSchemaName ||
+        ((options?.trackSchemaTableError ?? false) &&
+            error.trackAllTablesInSchema &&
+            error.trackSpecificColumnsInTable);
+    if ((options?.showError ?? false) && errorFound) {
+        let errorMessage = '';
+        if (error.schemaError) {
+            errorMessage = `Schema Error: Please enter a name for schema number ${error.schemaIndex}`;
+        }
+        else if (error.tableError) {
+            errorMessage = `Table Error: Please enter a name for table number ${error.tableIndex} inside schema number ${error.schemaIndex}`;
+            errorMessage += emptyString(error.schemaName) ? '' : ` named: ${error.schemaName}`;
+        }
+        else if (error.duplicateSchemaName) {
+            errorMessage = `Schema Error: schema name '${error.schemaName}' is already taken`;
+        }
+        else {
+            errorMessage =
+                'Configuration Error: Schema-level tracking and specific table tracking with column selection cannot be used together. Refer to the documentation for valid configurations.';
+        }
+        sendUserToast(errorMessage, true);
+    }
+    return errorFound;
+}

package/package/components/triggers/{ScheduledPollPanel.svelte → scheduled/ScheduledPollPanel.svelte}

@@ -1,6 +1,6 @@
-<script>import Label from '../Label.svelte';
-import { base } from '../../base';
-import Description from '../Description.svelte';
+<script>import Label from '../../Label.svelte';
+import { base } from '../../../base';
+import Description from '../../Description.svelte';
 </script>
 
 <div class="flex flex-col w-full gap-4 text-sm">

package/package/components/triggers/sqs/SqsTriggerEditor.svelte

@@ -0,0 +1,19 @@
+<script>import { tick } from 'svelte';
+import SqsTriggerEditorInner from './SqsTriggerEditorInner.svelte';
+let open = false;
+export async function openEdit(ePath, isFlow) {
+    open = true;
+    await tick();
+    drawer?.openEdit(ePath, isFlow);
+}
+export async function openNew(is_flow, initial_script_path, defaultValues) {
+    open = true;
+    await tick();
+    drawer?.openNew(is_flow, initial_script_path, defaultValues);
+}
+let drawer;
+</script>
+
+{#if open}
+	<SqsTriggerEditorInner on:update bind:this={drawer} />
+{/if}

package/package/components/triggers/sqs/SqsTriggerEditor.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        openEdit?: ((ePath: string, isFlow: boolean) => Promise<void>) | undefined;
+        openNew?: ((is_flow: boolean, initial_script_path?: string, defaultValues?: Record<string, any>) => Promise<void>) | undefined;
+    };
+    events: {
+        update: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SqsTriggerEditorProps = typeof __propDef.props;
+export type SqsTriggerEditorEvents = typeof __propDef.events;
+export type SqsTriggerEditorSlots = typeof __propDef.slots;
+export default class SqsTriggerEditor extends SvelteComponent<SqsTriggerEditorProps, SqsTriggerEditorEvents, SqsTriggerEditorSlots> {
+    get openEdit(): (ePath: string, isFlow: boolean) => Promise<void>;
+    get openNew(): (is_flow: boolean, initial_script_path?: string | undefined, defaultValues?: Record<string, any> | undefined) => Promise<void>;
+}
+export {};

package/package/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte

@@ -0,0 +1,152 @@
+<script>import Section from '../../Section.svelte';
+import CaptureSection, {} from '../CaptureSection.svelte';
+import CaptureTable from '../CaptureTable.svelte';
+import Required from '../../Required.svelte';
+import ResourcePicker from '../../ResourcePicker.svelte';
+import { emptyStringTrimmed } from '../../../utils';
+import MultiSelect from 'svelte-multiselect';
+import TestTriggerConnection from '../TestTriggerConnection.svelte';
+import Subsection from '../../Subsection.svelte';
+import { X } from 'lucide-svelte';
+import ToggleButtonGroup from '../../common/toggleButton-v2/ToggleButtonGroup.svelte';
+import ToggleButton from '../../common/toggleButton-v2/ToggleButton.svelte';
+export let can_write = false;
+export let headless = false;
+export let showCapture = false;
+export let captureTable = undefined;
+export let captureInfo = undefined;
+export let isValid = false;
+export let queue_url = '';
+export let aws_resource_path = '';
+export let message_attributes = [];
+let cached = [];
+let dirtyUrl = false;
+let urlError = '';
+let validateTimeout = undefined;
+let all_attributes = message_attributes.includes('All');
+let tab = all_attributes ? 'all' : 'specific';
+function validateUrl(queue_url) {
+    if (validateTimeout) {
+        clearTimeout(validateTimeout);
+    }
+    validateTimeout = setTimeout(() => {
+        if (!queue_url || /^(https:)\/\/[^\s]+$/.test(queue_url) === false) {
+            urlError = 'Queue url must start with https://';
+        }
+        else {
+            urlError = '';
+        }
+        validateTimeout = undefined;
+    }, 500);
+}
+$: validateUrl(queue_url);
+$: isValid =
+    urlError === '' && !emptyStringTrimmed(aws_resource_path) && !emptyStringTrimmed(queue_url);
+</script>
+
+<div>
+	{#if showCapture && captureInfo}
+		<CaptureSection
+			captureType="sqs"
+			disabled={!isValid}
+			{captureInfo}
+			on:captureToggle
+			on:applyArgs
+			on:updateSchema
+			on:addPreprocessor
+			on:testWithArgs
+			bind:captureTable
+		/>
+	{/if}
+	<Section label="SQS" {headless}>
+		<div class="flex flex-col w-full gap-4">
+			<Subsection label="Connection setup">
+				<div class="flex flex-col gap-3">
+					<div class="flex flex-col gap-1">
+						<p class="text-xs mb-1 text-tertiary">
+							Select an AWS resource with credentials to authenticate your account. <Required
+								required={true}
+							/>
+						</p>
+						<ResourcePicker resourceType="aws" bind:value={aws_resource_path} />
+						{#if isValid}
+							<TestTriggerConnection kind="sqs" args={{ aws_resource_path, queue_url }} />
+						{/if}
+					</div>
+					<div class="flex flex-col gap-1">
+						<div class="text-secondary text-sm flex items-center gap-1 w-full justify-between">
+							<div class="flex flex-col gap-1">
+								<p class="text-xs text-tertiary">
+									Provide the URL of the SQS queue the application should listen to. <Required
+										required={true}
+									/>
+								</p>
+							</div>
+						</div>
+						<input
+							type="text"
+							autocomplete="off"
+							bind:value={queue_url}
+							disabled={!can_write}
+							on:input={() => {
+								dirtyUrl = true
+							}}
+							placeholder="https://example.com"
+							class={urlError === ''
+								? ''
+								: 'border border-red-700 bg-red-100 border-opacity-30 focus:border-red-700 focus:border-opacity-30 focus-visible:ring-red-700 focus-visible:ring-opacity-25 focus-visible:border-red-700'}
+						/>
+						<div class="text-red-600 dark:text-red-400 text-2xs mt-1.5">
+							{dirtyUrl ? urlError : ''}
+						</div>
+					</div>
+				</div>
+			</Subsection>
+			<Subsection
+				tooltip="  When 'All Attributes' is selected, all message attributes from the received message are included with the message. When 'Specific Attributes' is selected, only the specified attributes (up to a maximum of 10) are included if they are present in the message."
+				label="Message attributes"
+			>
+				<div class="mt-2">
+					<ToggleButtonGroup
+						selected={tab}
+						on:selected={({ detail }) => {
+							if (detail === 'all') {
+								cached = message_attributes
+								message_attributes = ['All']
+							} else {
+								message_attributes = cached
+							}
+							tab = detail
+						}}
+						let:item
+					>
+						<ToggleButton value="all" label="All attributes" {item} />
+						<ToggleButton value="specific" label="Specific attributes" {item} />
+					</ToggleButtonGroup>
+				</div>
+				<div class="flex flex-col mt-3 gap-1">
+					<MultiSelect
+						options={message_attributes ?? []}
+						allowUserOptions="append"
+						bind:selected={message_attributes}
+						ulOptionsClass={'!bg-surface !text-sm'}
+						ulSelectedClass="!text-sm"
+						outerDivClass="!bg-surface !min-h-[38px] !border-[#d1d5db]"
+						noMatchingOptionsMsg=""
+						createOptionMsg={null}
+						duplicates={false}
+						placeholder="Set message attributes"
+						--sms-options-margin="4px"
+						disabled={tab === 'all'}
+					>
+						<svelte:fragment slot="remove-icon">
+							<div class="hover:text-primary p-0.5">
+								<X size={12} />
+							</div>
+						</svelte:fragment>
+					</MultiSelect>
+				</div>
+			</Subsection>
+		</div>
+	</Section>
+</div>

package/package/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte.d.ts

@@ -0,0 +1,40 @@
+import { SvelteComponent } from "svelte";
+import { type CaptureInfo } from '../CaptureSection.svelte';
+import CaptureTable from '../CaptureTable.svelte';
+declare const __propDef: {
+    props: {
+        can_write?: boolean | undefined;
+        headless?: boolean | undefined;
+        showCapture?: boolean | undefined;
+        captureTable?: CaptureTable | undefined;
+        captureInfo?: CaptureInfo | undefined;
+        isValid?: boolean | undefined;
+        queue_url?: string | undefined;
+        aws_resource_path?: string | undefined;
+        message_attributes?: string[] | undefined;
+    };
+    events: {
+        captureToggle: CustomEvent<{
+            disableOnly?: boolean | undefined;
+        }>;
+        applyArgs: CustomEvent<{
+            kind: "preprocessor" | "main";
+            args: Record<string, any> | undefined;
+        }>;
+        updateSchema: CustomEvent<{
+            payloadData: Record<string, any>;
+            redirect: boolean;
+        }>;
+        addPreprocessor: CustomEvent<null>;
+        testWithArgs: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SqsTriggerEditorConfigSectionProps = typeof __propDef.props;
+export type SqsTriggerEditorConfigSectionEvents = typeof __propDef.events;
+export type SqsTriggerEditorConfigSectionSlots = typeof __propDef.slots;
+export default class SqsTriggerEditorConfigSection extends SvelteComponent<SqsTriggerEditorConfigSectionProps, SqsTriggerEditorConfigSectionEvents, SqsTriggerEditorConfigSectionSlots> {
+}
+export {};

package/package/components/triggers/sqs/SqsTriggerEditorInner.svelte

@@ -0,0 +1,234 @@
+<script>import { Alert, Button } from '../../common';
+import Drawer from '../../common/drawer/Drawer.svelte';
+import DrawerContent from '../../common/drawer/DrawerContent.svelte';
+import Path from '../../Path.svelte';
+import { usedTriggerKinds, userStore, workspaceStore } from '../../../stores';
+import { canWrite, emptyString, sendUserToast } from '../../../utils';
+import { createEventDispatcher } from 'svelte';
+import { Loader2, Save } from 'lucide-svelte';
+import Label from '../../Label.svelte';
+import Toggle from '../../Toggle.svelte';
+import { SqsTriggerService } from '../../../gen';
+import SqsTriggerEditorConfigSection from './SqsTriggerEditorConfigSection.svelte';
+import Section from '../../Section.svelte';
+import ScriptPicker from '../../ScriptPicker.svelte';
+import Required from '../../Required.svelte';
+let drawer;
+let is_flow = false;
+let initialPath = '';
+let edit = true;
+let itemKind = 'script';
+let script_path = '';
+let initialScriptPath = '';
+let fixedScriptPath = '';
+let path = '';
+let pathError = '';
+let enabled = false;
+let dirtyPath = false;
+let can_write = true;
+let drawerLoading = true;
+let aws_resource_path = '';
+let queue_url = '';
+let message_attributes = [];
+let isValid = false;
+const dispatch = createEventDispatcher();
+$: is_flow = itemKind === 'flow';
+export async function openEdit(ePath, isFlow) {
+    drawerLoading = true;
+    try {
+        drawer?.openDrawer();
+        initialPath = ePath;
+        itemKind = isFlow ? 'flow' : 'script';
+        edit = true;
+        dirtyPath = false;
+        await loadTrigger();
+    }
+    catch (err) {
+        sendUserToast(`Could not load sqs trigger: ${err.body}`, true);
+    }
+    finally {
+        drawerLoading = false;
+    }
+}
+export async function openNew(nis_flow, fixedScriptPath_, defaultValues) {
+    drawerLoading = true;
+    try {
+        drawer?.openDrawer();
+        is_flow = nis_flow;
+        itemKind = nis_flow ? 'flow' : 'script';
+        initialScriptPath = '';
+        fixedScriptPath = fixedScriptPath_ ?? '';
+        script_path = fixedScriptPath;
+        aws_resource_path = defaultValues?.aws_resource_path ?? '';
+        queue_url = defaultValues?.queue_url ?? '';
+        path = '';
+        message_attributes = defaultValues?.message_attributes ?? [];
+        initialPath = '';
+        edit = false;
+        dirtyPath = false;
+    }
+    finally {
+        drawerLoading = false;
+    }
+}
+async function loadTrigger() {
+    try {
+        const s = await SqsTriggerService.getSqsTrigger({
+            workspace: $workspaceStore,
+            path: initialPath
+        });
+        script_path = s.script_path;
+        initialScriptPath = s.script_path;
+        aws_resource_path = s.aws_resource_path;
+        queue_url = s.queue_url;
+        is_flow = s.is_flow;
+        message_attributes = s.message_attributes ?? [];
+        path = s.path;
+        enabled = s.enabled;
+        can_write = canWrite(s.path, s.extra_perms, $userStore);
+    }
+    catch (error) {
+        sendUserToast(`Could not load SQS trigger: ${error.body}`, true);
+    }
+}
+async function updateTrigger() {
+    if (edit) {
+        await SqsTriggerService.updateSqsTrigger({
+            workspace: $workspaceStore,
+            path: initialPath,
+            requestBody: {
+                path,
+                script_path,
+                enabled,
+                is_flow,
+                queue_url,
+                aws_resource_path,
+                message_attributes
+            }
+        });
+        sendUserToast(`SQS trigger ${path} updated`);
+    }
+    else {
+        await SqsTriggerService.createSqsTrigger({
+            workspace: $workspaceStore,
+            requestBody: {
+                enabled: true,
+                aws_resource_path,
+                queue_url,
+                path,
+                script_path,
+                is_flow,
+                message_attributes
+            }
+        });
+        sendUserToast(`SQS trigger ${path} created`);
+    }
+    if (!$usedTriggerKinds.includes('sqs')) {
+        $usedTriggerKinds = [...$usedTriggerKinds, 'sqs'];
+    }
+    dispatch('update');
+    drawer.closeDrawer();
+}
+</script>
+
+<Drawer size="800px" bind:this={drawer}>
+	<DrawerContent
+		title={edit
+			? can_write
+				? `Edit SQS trigger ${initialPath}`
+				: `SQS trigger ${initialPath}`
+			: 'New SQS trigger'}
+		on:close={drawer.closeDrawer}
+	>
+		<svelte:fragment slot="actions">
+			{#if !drawerLoading && can_write}
+				{#if edit}
+					<div class="mr-8 center-center -mt-1">
+						<Toggle
+							disabled={!can_write}
+							checked={enabled}
+							options={{ right: 'enable', left: 'disable' }}
+							on:change={async (e) => {
+								sendUserToast(`${e.detail ? 'enabled' : 'disabled'} sqs trigger ${initialPath}`)
+							}}
+						/>
+					</div>
+				{/if}
+				<Button
+					startIcon={{ icon: Save }}
+					disabled={pathError != '' || emptyString(script_path) || !isValid || !can_write}
+					on:click={updateTrigger}
+				>
+					Save
+				</Button>
+			{/if}
+		</svelte:fragment>
+		{#if drawerLoading}
+			<div class="flex flex-col items-center justify-center h-full w-full">
+				<Loader2 size="50" class="animate-spin" />
+				<p>Loading...</p>
+			</div>
+		{:else}
+			<div class="flex flex-col gap-5">
+				<Alert title="Info" type="info">
+					{#if edit}
+						Changes can take up to 30 seconds to take effect.
+					{:else}
+						New postgres triggers can take up to 30 seconds to start listening.
+					{/if}
+				</Alert>
+			</div>
+			<div class="flex flex-col gap-12 mt-6">
+				<div class="flex flex-col gap-4">
+					<Label label="Path">
+						<Path
+							bind:dirty={dirtyPath}
+							bind:error={pathError}
+							bind:path
+							{initialPath}
+							checkInitialPathExistence={!edit}
+							namePlaceholder="sqs_trigger"
+							kind="sqs_trigger"
+							disabled={!can_write}
+						/>
+					</Label>
+				</div>
+
+				<Section label="Runnable">
+					<p class="text-xs mb-1 text-tertiary">
+						Pick a script or flow to be triggered <Required required={true} />
+					</p>
+					<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
+						/>
+						{#if emptyString(script_path)}
+							<Button
+								btnClasses="ml-4 mt-2"
+								color="dark"
+								size="xs"
+								href={itemKind === 'flow' ? '/flows/add?hub=59' : '/scripts/add?hub=hub%2F11604'}
+								target="_blank">Create from template</Button
+							>
+						{/if}
+					</div>
+				</Section>
+
+				<SqsTriggerEditorConfigSection
+					bind:isValid
+					bind:queue_url
+					bind:message_attributes
+					bind:aws_resource_path
+					{can_write}
+					headless={true}
+				/>
+			</div>
+		{/if}
+	</DrawerContent>
+</Drawer>

package/package/components/triggers/sqs/SqsTriggerEditorInner.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        openEdit?: ((ePath: string, isFlow: boolean) => Promise<void>) | undefined;
+        openNew?: ((nis_flow: boolean, fixedScriptPath_?: string, defaultValues?: Record<string, any>) => Promise<void>) | undefined;
+    };
+    events: {
+        update: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SqsTriggerEditorInnerProps = typeof __propDef.props;
+export type SqsTriggerEditorInnerEvents = typeof __propDef.events;
+export type SqsTriggerEditorInnerSlots = typeof __propDef.slots;
+export default class SqsTriggerEditorInner extends SvelteComponent<SqsTriggerEditorInnerProps, SqsTriggerEditorInnerEvents, SqsTriggerEditorInnerSlots> {
+    get openEdit(): (ePath: string, isFlow: boolean) => Promise<void>;
+    get openNew(): (nis_flow: boolean, fixedScriptPath_?: string | undefined, defaultValues?: Record<string, any> | undefined) => Promise<void>;
+}
+export {};