windmill-components 1.448.50 → 1.472.2

package/package/components/flows/content/FlowModuleMock.svelte

@@ -1,6 +1,6 @@
 <script>import Toggle from '../../Toggle.svelte';
 import Tooltip from '../../Tooltip.svelte';
-import JsonEditor from '../../apps/editor/settingsPanel/inputEditor/JsonEditor.svelte';
+import JsonEditor from '../../JsonEditor.svelte';
 import Section from '../../Section.svelte';
 export let flowModule;
 let code = flowModule.mock?.return_value

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

@@ -110,8 +110,13 @@ let jsonView = false;
 			<Toggle
 				options={{
 					right: 'Continue on disapproval/timeout',
-					rightTooltip:
-						'Instead of failing the flow and bubbling up the error, continue to the next step which would allow to put a branchone right after to handle both cases separately. If any disapproval/timeout event is received, the resume payload will be similar to every error result in Winmdill, an object containing an `error` field which you can use to distinguish between approvals and disapproval/timeouts'
+					rightTooltip: `Instead of failing the flow and bubbling up the error, continue to the next step which would allow to put a branchone right after to handle both cases separately. 
+						If any disapproval/timeout event is received, the resume payload will be similar to every error result in Windmill, an object containing an "error" field which you can use 
+						to distinguish between approvals and disapproval/timeouts. 
+						
+						We recommend using the expr "resume?.error" to handle null payload values. 
+						To filter timeout, use "resume?.error?.name === "SuspendedTimedOut" 
+						To filter disapproval, use "resume?.error?.name === "SuspendedDisapproved"`
 				}}
 				checked={Boolean(flowModule.suspend?.continue_on_disapprove_timeout)}
 				disabled={!Boolean(flowModule.suspend)}
@@ -121,6 +126,14 @@ let jsonView = false;
 					}
 				}}
 			/>
+			{#if Boolean(flowModule.suspend?.continue_on_disapprove_timeout)}
+				<Alert type="info" title="Continue on disapproval/timeout">
+					We recommend using the expr <code>resume?.error</code> to handle null payload values.
+					<br />
+					To filter timeout, use <code>resume?.error?.name === "SuspendedTimedOut"</code>. <br />
+					To filter disapproval, use <code>resume?.error?.name === "SuspendedDisapproved"</code>
+				</Alert>
+			{/if}
 		</div>
 	{:else if suspendTabSelected === 'permissions'}
 		<div class="flex flex-col mt-4 gap-4">

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

@@ -58,10 +58,11 @@ const u32Max = 4294967295;
 				setExponentialRetries()
 			}
 		}}
+		let:item
 	>
-		<ToggleButton light value="disabled" label="Disabled" />
-		<ToggleButton light value="constant" label="Constant" />
-		<ToggleButton light value="exponential" label="Exponential" />
+		<ToggleButton light value="disabled" label="Disabled" {item} />
+		<ToggleButton light value="constant" label="Constant" {item} />
+		<ToggleButton light value="exponential" label="Exponential" {item} />
 	</ToggleButtonGroup>
 	<div class="flex h-[calc(100%-22px)]">
 		<div class="w-1/2 h-full overflow-auto pr-2">

package/package/components/flows/content/ScriptEditorDrawer.svelte

@@ -80,7 +80,6 @@ async function checkForUnsavedChanges() {
 }
 </script>
 
-<!-- <UnsavedConfirmationModal savedValue={savedScript} modifiedValue={script} {diffDrawer} /> -->
 
 <ConfirmationModal
 	open={unsavedModalOpen}

package/package/components/flows/flowStateUtils.js

@@ -52,7 +52,7 @@ export async function createInlineScriptModule(language, kind, subkind, id, summ
             content: code,
             language,
             input_transforms: {},
-            is_trigger: kind === 'trigger'
+            ...(kind === 'trigger' ? { is_trigger: true } : {})
         }
     };
     return [flowModule, await loadFlowModuleState(flowModule)];

package/package/components/flows/flowStore.d.ts

@@ -12,7 +12,7 @@ export declare function getFirstStepSchema(flowState: FlowState, flowStore: Writ
         id: string;
         summary: string | undefined;
         value: {
-            language?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "graphql" | "nativets" | "bun" | "php" | undefined;
+            language?: "python3" | "deno" | "go" | "bash" | "powershell" | "postgresql" | "mysql" | "bigquery" | "snowflake" | "mssql" | "oracledb" | "graphql" | "nativets" | "bun" | "php" | undefined;
             path?: string | undefined;
             type: "script" | "flow" | "identity" | "rawscript" | "forloopflow" | "branchone" | "branchall" | "whileloopflow";
         };

package/package/components/flows/header/FlowPreviewButtons.svelte

@@ -5,12 +5,14 @@ import FlowPreviewContent from '../../FlowPreviewContent.svelte';
 import { createEventDispatcher } from 'svelte';
 import { getContext } from 'svelte';
 import { Play } from 'lucide-svelte';
+export let loading = false;
 const { selectedId } = getContext('FlowEditorContext');
 let previewOpen = false;
 let previewMode = 'whole';
 export async function openPreview(test = false) {
     if (!previewOpen) {
         previewOpen = true;
+        flowPreviewContent?.refresh();
         if (!test)
             return;
     }
@@ -20,6 +22,7 @@ const dispatch = createEventDispatcher();
 let flowPreviewContent;
 let jobId = undefined;
 let job = undefined;
+let preventEscape = false;
 $: upToDisabled =
     $selectedId == undefined ||
         [
@@ -71,6 +74,9 @@ $: upToDisabled =
 	on:click={() => {
 		previewMode = 'whole'
 		previewOpen = !previewOpen
+		if (previewOpen) {
+			flowPreviewContent?.refresh()
+		}
 	}}
 	startIcon={{ icon: Play }}
 	id="flow-editor-test-flow"
@@ -78,19 +84,22 @@ $: upToDisabled =
 	Test flow
 </Button>
 
-<Drawer bind:open={previewOpen} alwaysOpen size="75%">
-	<FlowPreviewContent
-		bind:this={flowPreviewContent}
-		open={previewOpen}
-		bind:previewMode
-		bind:job
-		bind:jobId
-		on:close={() => {
-			previewOpen = false
-		}}
-		on:openTriggers={(e) => {
-			previewOpen = false
-			dispatch('openTriggers', e.detail)
-		}}
-	/>
-</Drawer>
+{#if !loading}
+	<Drawer bind:open={previewOpen} alwaysOpen size="75%" {preventEscape}>
+		<FlowPreviewContent
+			bind:this={flowPreviewContent}
+			open={previewOpen}
+			bind:previewMode
+			bind:job
+			bind:jobId
+			on:close={() => {
+				previewOpen = false
+			}}
+			on:openTriggers={(e) => {
+				previewOpen = false
+				dispatch('openTriggers', e.detail)
+			}}
+			bind:preventEscape
+		/>
+	</Drawer>
+{/if}

package/package/components/flows/header/FlowPreviewButtons.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        loading?: boolean | undefined;
         openPreview?: ((test?: boolean) => Promise<void>) | undefined;
     };
     events: {

package/package/components/flows/map/FlowJobsMenu.svelte

@@ -1,8 +1,8 @@
-<script>import Menu from '../../common/menu/MenuV2.svelte';
+<script>import { Menu, Menubar, MenuItem, MeltButton } from '../../meltComponents';
 import { createEventDispatcher } from 'svelte';
 import { ListFilter, Lock, LockOpen } from 'lucide-svelte';
-import { MenuItem } from '@rgossiaux/svelte-headlessui';
 import Popover from '../../Popover.svelte';
+import { twMerge } from 'tailwind-merge';
 const dispatch = createEventDispatcher();
 export let id;
 export let flowJobs;
@@ -17,20 +17,30 @@ function onKeydown(event) {
         filter < flowJobs.length &&
         filter > 0) {
         event.preventDefault();
-        dispatch('selectedIteration', { index: filter - 1, id: flowJobs[filter - 1], manuallySet: true });
+        dispatch('selectedIteration', {
+            index: filter - 1,
+            id: flowJobs[filter - 1],
+            manuallySet: true
+        });
+        menu?.close();
     }
 }
 let buttonHover = false;
+let menu = undefined;
 </script>
 
 {#if selectedManually && flowJobsSuccess?.some((x) => x == undefined || x == null)}
 	<Popover class="absolute top-1.5 right-12 cursor-pointer">
 		<!-- svelte-ignore a11y-click-events-have-key-events -->
 		<!-- svelte-ignore a11y-no-static-element-interactions -->
-		<div on:mouseenter={() => (buttonHover = true)} on:mouseleave={() => (buttonHover = false)} on:click={(e) => {
+		<div
+			on:mouseenter={() => (buttonHover = true)}
+			on:mouseleave={() => (buttonHover = false)}
+			on:click={(e) => {
 				buttonHover = false
-				dispatch('selectedIteration', { manuallySet: false })}
-			}>
+				dispatch('selectedIteration', { manuallySet: false })
+			}}
+		>
 			{#if buttonHover}
 				<LockOpen class="text-primary" size={14} />
 			{:else}
@@ -43,45 +53,48 @@ let buttonHover = false;
 	</Popover>
 {/if}
 
-<Menu  maxHeight={300}>
-	<div slot="trigger">
-		<button
-			title="Pick an iteration"
-			id={`flow-editor-iteration picker-${id}`}
-			type="button"
-			class=" text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-none
-		hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-sm w-[40px] gap-1 h-[20px]
-		flex items-center justify-center {flowJobsSuccess?.[selected] == false
-				? 'text-red-400'
-				: 'text-secondary'}"
-		>
-			#{selected == -1 ? '?' : selected + 1}
-			<ListFilter size={15} />
-		</button>
-	</div>
+<Menubar let:createMenu>
+	<Menu {createMenu} let:item placement="bottom" bind:this={menu} usePointerDownOutside>
+		<svelte:fragment slot="trigger" let:trigger>
+			<MeltButton
+				title="Pick an iteration"
+				id={`flow-editor-iteration picker-${id}`}
+				type="button"
+				class={twMerge(
+					'text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-none',
+					'hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-sm w-[40px] gap-1 h-[20px]',
+					'flex items-center justify-center',
+					flowJobsSuccess?.[selected] == false ? 'text-red-400' : 'text-secondary'
+				)}
+				meltElement={trigger}
+			>
+				#{selected == -1 ? '?' : selected + 1}
+				<ListFilter size={15} />
+			</MeltButton>
+		</svelte:fragment>
 
-	<MenuItem disabled>
-		<input type="number" bind:value={filter} on:keydown={onKeydown} />
-	</MenuItem>
-	{#each flowJobs ?? [] as id, idx (id)}
-		{#if filter == undefined || (idx + 1).toString().includes(filter.toString())}
-			<MenuItem>
-				<button
-					class="text-primary text-xs w-full text-left py-1 pl-2 hover:bg-surface-hover whitespace-nowrap flex flex-row gap-2 items-center {flowJobsSuccess?.[
-						idx
-					] == false
-						? 'text-red-400'
-						: ''}"
-					on:pointerdown={() => {
-						//close()
-						dispatch('selectedIteration', { index: idx, id, manuallySet: true })
-					}}
-					role="menuitem"
-					tabindex="-1"
-				>
-					#{idx + 1}
-				</button>
-			</MenuItem>
-		{/if}
-	{/each}
-</Menu>
+		<div class="flex flex-col px-1">
+			<input type="number" bind:value={filter} on:keydown={onKeydown} />
+
+			<div class="overflow-y-auto max-h-[300px]">
+				{#each flowJobs ?? [] as id, idx (id)}
+					{#if filter == undefined || (idx + 1).toString().includes(filter.toString())}
+						<MenuItem
+							class={twMerge(
+								'text-primary text-xs w-full text-left py-1 pl-2 hover:bg-surface-hover whitespace-nowrap flex flex-row gap-2 items-center',
+								flowJobsSuccess?.[idx] == false ? 'text-red-400' : '',
+								'data-[highlighted]:bg-surface-hover'
+							)}
+							on:click={() => {
+								dispatch('selectedIteration', { index: idx, id, manuallySet: true })
+							}}
+							{item}
+						>
+							#{idx + 1}
+						</MenuItem>
+					{/if}
+				{/each}
+			</div>
+		</div>
+	</Menu>
+</Menubar>

package/package/components/flows/previousResults.js

@@ -48,7 +48,7 @@ function getFlowInput(parentModules, flowState, args, schema) {
         }
         else {
             let parentFlowInput = getFlowInput(parentModules, flowState, args, schema);
-            if (parentModule.value.type === 'forloopflow') {
+            if (parentModule.value.type === 'forloopflow' || parentModule.value.type === 'whileloopflow') {
                 let parentFlowInputIter = { ...parentFlowInput };
                 if (parentFlowInputIter.hasOwnProperty('iter')) {
                     parentFlowInputIter['iter_parent'] = parentFlowInputIter['iter'];

package/package/components/flows/propPicker/FlowPropPicker.svelte

@@ -1,10 +1,10 @@
 <script>import ObjectViewer from '../../propertyPicker/ObjectViewer.svelte';
 import AnimatedButton from '../../common/button/AnimatedButton.svelte';
-import { Popup } from '../../common';
+import Popover from '../../meltComponents/Popover.svelte';
+import Tooltip from '../../meltComponents/Tooltip.svelte';
 import { Plug } from 'lucide-svelte';
 import { twMerge } from 'tailwind-merge';
 import { getContext } from 'svelte';
-import Popover from '../../Popover.svelte';
 import { tick } from 'svelte';
 export let json = {};
 export let prefix = '';
@@ -24,16 +24,20 @@ $: $flowPropPickerConfig, updateConnecting();
 	}}
 	on:keydown|preventDefault|stopPropagation
 	data-prop-picker
+	title=""
 >
 	<AnimatedButton
 		animate={isConnecting}
-		wrapperClasses="h-[20px] w-[20px] "
+		wrapperClasses="h-[20px] w-[20px] center-center"
 		baseRadius="9999px"
 		marginWidth="1px"
 	>
-		<Popup floatingConfig={{ strategy: 'fixed', placement: 'bottom-start' }}>
-			<svelte:fragment slot="button" let:open>
-				<Popover disablePopup={open}>
+		<Popover
+			floatingConfig={{ strategy: 'fixed', placement: 'bottom-start' }}
+			closeOnOtherPopoverOpen={true}
+		>
+			<svelte:fragment slot="trigger" let:isOpen>
+				<Tooltip disablePopup={isOpen}>
 					<svelte:fragment slot="text">node outputs</svelte:fragment>
 					<button
 						class={twMerge(
@@ -45,25 +49,24 @@ $: $flowPropPickerConfig, updateConnecting();
 					>
 						<Plug size={12} strokeWidth={2} />
 					</button>
-				</Popover>
+				</Tooltip>
 			</svelte:fragment>
-			<div data-prop-picker>
-				<ObjectViewer
-					{json}
-					topBrackets={false}
-					pureViewer={false}
-					{prefix}
-					on:select={({ detail }) => {
-						if ($flowPropPickerConfig?.onSelect(detail)) {
-							$flowPropPickerConfig?.clearFocus()
-							// console.log('BAR')
-						} else {
-							// console.log('FOO')
-						}
-					}}
-					allowCopy={!$flowPropPickerConfig}
-				/>
-			</div>
-		</Popup>
+			<svelte:fragment slot="content">
+				<div class="p-4 max-h-[50vh] overflow-y-auto" data-prop-picker>
+					<ObjectViewer
+						{json}
+						topBrackets={false}
+						pureViewer={false}
+						{prefix}
+						on:select={({ detail }) => {
+							if ($flowPropPickerConfig?.onSelect(detail)) {
+								$flowPropPickerConfig?.clearFocus()
+							}
+						}}
+						allowCopy={!$flowPropPickerConfig}
+					/>
+				</div>
+			</svelte:fragment>
+		</Popover>
 	</AnimatedButton>
 </button>

package/package/components/flows/propPicker/PropPickerWrapper.svelte

@@ -114,6 +114,7 @@ async function getPropPickerElements() {
 						{pickableProperties}
 						allowCopy={!notSelectable && !$propPickerConfig}
 						on:select={({ detail }) => {
+							// console.log('selecting', detail)
 							dispatch('select', detail)
 							if ($propPickerConfig?.onSelect(detail)) {
 								$propPickerConfig?.clearFocus()

package/package/components/flows/scheduleUtils.d.ts

@@ -2,6 +2,6 @@
 import { type Schedule, type TriggersCount } from '../../gen';
 import type { ScheduleTrigger } from '../triggers';
 import type { Writable } from 'svelte/store';
-export declare function loadFlowSchedule(path: string, workspace: string): Promise<ScheduleTrigger>;
-export declare function loadSchedules(forceRefresh: boolean, path: string, isFlow: boolean, schedules: Writable<Schedule[] | undefined>, primarySchedule: Writable<ScheduleTrigger | false | undefined>, initialPrimarySchedule: Writable<ScheduleTrigger | false | undefined>, workspace: string, triggersCount: Writable<TriggersCount | undefined>): Promise<void>;
+export declare function loadSchedule(path: string, workspace: string): Promise<ScheduleTrigger>;
+export declare function loadSchedules(forceRefresh: boolean, path: string, isFlow: boolean, schedules: Writable<Schedule[] | undefined>, primarySchedule: Writable<ScheduleTrigger | false | undefined>, initialPrimarySchedule: Writable<ScheduleTrigger | false | undefined>, workspace: string, triggersCount: Writable<TriggersCount | undefined>, loadPrimarySchedule?: boolean): Promise<void>;
 export declare function saveSchedule(path: string, newItem: boolean, workspace: string, primarySchedule: Writable<ScheduleTrigger | false | undefined>, isFlow: boolean): Promise<void>;

package/package/components/flows/scheduleUtils.js

@@ -2,7 +2,7 @@ import { ScheduleService } from '../../gen';
 import { get } from 'svelte/store';
 import { sendUserToast } from '../../utils';
 // Load the schedule of a flow given its path and the workspace
-export async function loadFlowSchedule(path, workspace) {
+export async function loadSchedule(path, workspace) {
     const existsSchedule = await ScheduleService.existsSchedule({
         workspace,
         path
@@ -22,15 +22,13 @@ export async function loadFlowSchedule(path, workspace) {
         args: schedule.args ?? {}
     };
 }
-export async function loadSchedules(forceRefresh, path, isFlow, schedules, primarySchedule, initialPrimarySchedule, workspace, triggersCount) {
-    console.log('loading schedules for path', path);
+export async function loadSchedules(forceRefresh, path, isFlow, schedules, primarySchedule, initialPrimarySchedule, workspace, triggersCount, loadPrimarySchedule = false) {
     if (!path || path == '') {
         schedules.set([]);
         primarySchedule.update((ps) => (ps === undefined ? false : ps));
         initialPrimarySchedule.set(structuredClone(get(primarySchedule)));
         return;
     }
-    console.log('loading schedules for path', path);
     try {
         const allSchedules = await ScheduleService.listSchedules({
             workspace,
@@ -38,15 +36,21 @@ export async function loadSchedules(forceRefresh, path, isFlow, schedules, prima
             isFlow
         });
         const primary = allSchedules.find((s) => s.path == path);
-        let remotePrimarySchedule = primary
-            ? {
-                summary: primary.summary,
-                args: primary.args ?? {},
-                cron: primary.schedule,
-                timezone: primary.timezone,
-                enabled: primary.enabled
-            }
-            : false;
+        let remotePrimarySchedule = undefined;
+        if (loadPrimarySchedule && primary) {
+            remotePrimarySchedule = await loadSchedule(path, workspace);
+        }
+        else {
+            remotePrimarySchedule = primary
+                ? {
+                    summary: primary.summary,
+                    args: primary.args ?? {},
+                    cron: primary.schedule,
+                    timezone: primary.timezone,
+                    enabled: primary.enabled
+                }
+                : false;
+        }
         primarySchedule.update((ps) => (ps === undefined || forceRefresh ? remotePrimarySchedule : ps));
         initialPrimarySchedule.set(structuredClone(remotePrimarySchedule));
         triggersCount.update((tc) => {

package/package/components/graph/FlowGraphV2.svelte

@@ -1,6 +1,6 @@
 <script>import { FlowService } from '../../gen';
 import { NODE } from '.';
-import { createEventDispatcher, getContext, onDestroy, onMount, setContext } from 'svelte';
+import { createEventDispatcher, getContext, onDestroy, onMount, setContext, tick } from 'svelte';
 import { get, writable } from 'svelte/store';
 import '@xyflow/svelte/dist/style.css';
 import { SvelteFlow, ConnectionLineType, Controls, ControlButton } from '@xyflow/svelte';
@@ -207,13 +207,14 @@ function isSimplifiable(modules) {
     }
     return false;
 }
-function updateStores() {
+async function updateStores() {
     if (graph.error) {
         return;
     }
     let newGraph = graph;
     $nodes = layoutNodes(newGraph.nodes);
     $edges = newGraph.edges;
+    await tick();
     height = Math.max(...$nodes.map((n) => n.position.y + NODE.height + 100), minHeight);
 }
 $: (graph || allowSimplifiedPoll) && updateStores();

package/package/components/graph/renderers/triggers/TriggersBadge.svelte

@@ -1,4 +1,4 @@
-<script>import { Calendar, Mail, Webhook, Unplug, PlugZap } from 'lucide-svelte';
+<script>import { Calendar, Mail, Webhook, Unplug, Database, PlugZap } from 'lucide-svelte';
 import TriggerButton from './TriggerButton.svelte';
 import Popover from '../../../Popover.svelte';
 import TriggerCount from './TriggerCount.svelte';
@@ -10,6 +10,7 @@ import { FlowService, ScriptService } from '../../../../gen';
 import { enterpriseLicense, workspaceStore } from '../../../../stores';
 import KafkaIcon from '../../../icons/KafkaIcon.svelte';
 import NatsIcon from '../../../icons/NatsIcon.svelte';
+import AwsIcon from '../../../icons/AwsIcon.svelte';
 const { selectedTrigger, triggersCount } = getContext('TriggerContext');
 export let path;
 export let newItem;
@@ -44,9 +45,11 @@ const triggerTypeConfig = {
     schedules: { icon: Calendar, countKey: 'schedule_count' },
     routes: { icon: Route, countKey: 'http_routes_count' },
     websockets: { icon: Unplug, countKey: 'websocket_count' },
+    postgres: { icon: Database, countKey: 'postgres_count' },
     kafka: { icon: KafkaIcon, countKey: 'kafka_count' },
-    nats: { icon: NatsIcon, countKey: 'nats_count' },
     emails: { icon: Mail, countKey: 'email_count' },
+    nats: { icon: NatsIcon, countKey: 'nats_count' },
+    sqs: { icon: AwsIcon, countKey: 'sqs_count' },
     eventStreams: { icon: PlugZap }
 };
 function camelCaseToWords(s) {
@@ -57,7 +60,7 @@ function camelCaseToWords(s) {
 
 {#each triggersToDisplay as type}
 	{@const { icon, countKey } = triggerTypeConfig[type]}
-	{#if (!showOnlyWithCount || ((countKey && $triggersCount?.[countKey]) || 0) > 0) && !(type === 'kafka' && !$enterpriseLicense) && !(type === 'nats' && !$enterpriseLicense)}
+	{#if (!showOnlyWithCount || ((countKey && $triggersCount?.[countKey]) || 0) > 0) && !(type === 'sqs' && !$enterpriseLicense) && !(type === 'kafka' && !$enterpriseLicense) && !(type === 'nats' && !$enterpriseLicense)}
 		<Popover>
 			<svelte:fragment slot="text">{camelCaseToWords(type)}</svelte:fragment>
 			<TriggerButton
@@ -68,7 +71,9 @@ function camelCaseToWords(s) {
 				selected={selected &&
 					($selectedTrigger === type ||
 						(type === 'eventStreams' &&
-							($selectedTrigger === 'kafka' || $selectedTrigger === 'nats')))}
+							($selectedTrigger === 'kafka' ||
+								$selectedTrigger === 'nats' ||
+								$selectedTrigger === 'sqs')))}
 			>
 				{#if countKey}
 					<TriggerCount count={$triggersCount?.[countKey]} />

package/package/components/graph/renderers/triggers/TriggersBadge.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         isFlow: boolean;
         selected: boolean;
         showOnlyWithCount: boolean;
-        triggersToDisplay?: ("kafka" | "nats" | "emails" | "webhooks" | "schedules" | "routes" | "websockets" | "eventStreams")[] | undefined;
+        triggersToDisplay?: ("kafka" | "nats" | "postgres" | "sqs" | "schedules" | "emails" | "webhooks" | "routes" | "websockets" | "eventStreams")[] | undefined;
     };
     events: {
         select: CustomEvent<any>;

package/package/components/home/FlowIcon.svelte

@@ -1,5 +1,8 @@
 <script>import BarsStaggered from '../icons/BarsStaggered.svelte';
+import { twMerge } from 'tailwind-merge';
 export let color = 'black';
 </script>
 
-<BarsStaggered size={14} style={`color: ${color};`} />
+<div class={twMerge(`text-${color}`, $$props.class)}>
+	<BarsStaggered size={14} />
+</div>

package/package/components/home/FlowIcon.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         color?: string | undefined;
     };
     events: {