mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-22 08:02:40 +00:00
Diego ImbertandClaude Opus 4.6
5d79f33590
* Remove $$props.field usage * Rename slots to ensure no hyphen * _props * _trigger * OnSelectedIteration type correct capitalization * rename _content * Remove afterUpdate * Migrate everything to svelte 5 * array bind * Fix popover * type never * nit fixes * Fixed many trivial errors * onClick * Fix errors * use let: * nit typing * fix: wrap state_referenced_locally vars with untrack() Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add untrack import * Fix all syntax errors due to untrack migration * Fix undefined errors * Fix more undefined errors * untrack(() => initialOpen) * svelte-ignore * Fix state_descriptors_fixed error in Chart.svelte Use $state.snapshot() to pass plain copies of data/options to Chart.js instead of $state proxies. Chart.js's listenArrayEvents tries to define property descriptors on data arrays, which Svelte 5 proxies reject. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * nit typing * Merge issue * Fix "path is not set" error in resource picker / editor * Fix InputTransformForm error when rerunning some flows * fix npm run check --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
52 lines
1.7 KiB
Svelte
52 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import { untrack } from 'svelte'
|
|
import LanguageIcon from '$lib/components/common/languageIcons/LanguageIcon.svelte'
|
|
import IconedResourceType from '$lib/components/IconedResourceType.svelte'
|
|
import type { FlowModule } from '$lib/gen'
|
|
import { Building, Repeat, Square, ArrowDown, GitBranch, Bot } from 'lucide-svelte'
|
|
import BarsStaggered from '$lib/components/icons/BarsStaggered.svelte'
|
|
|
|
interface Props {
|
|
module: FlowModule
|
|
size?: number
|
|
width?: number
|
|
height?: number
|
|
}
|
|
|
|
let { module, size = 16, width, height }: Props = $props()
|
|
|
|
// Use width/height if provided, otherwise use size for both
|
|
const iconWidth = untrack(() => width) || untrack(() => size)
|
|
const iconHeight = untrack(() => height) || untrack(() => size)
|
|
</script>
|
|
|
|
{#if module?.value?.type === 'aiagent'}
|
|
<Bot size={16} class="text-ai" />
|
|
{:else if module?.value?.type === 'rawscript'}
|
|
<LanguageIcon lang={module.value.language} width={iconWidth} height={iconHeight} />
|
|
{:else if module?.summary === 'Terminate flow'}
|
|
<Square {size} />
|
|
{:else if module?.value?.type === 'identity'}
|
|
<ArrowDown {size} />
|
|
{:else if module?.value?.type === 'flow'}
|
|
<BarsStaggered {size} />
|
|
{:else if module?.value?.type === 'forloopflow' || module?.value?.type === 'whileloopflow'}
|
|
<Repeat {size} />
|
|
{:else if module?.value?.type === 'branchone' || module?.value?.type === 'branchall'}
|
|
<GitBranch {size} />
|
|
{:else if module?.value?.type === 'script'}
|
|
{#if module?.value?.path?.startsWith('hub/')}
|
|
<IconedResourceType
|
|
width={iconWidth.toString() + 'px'}
|
|
height={iconHeight.toString() + 'px'}
|
|
name={module?.value?.path?.split('/')[2]}
|
|
silent={true}
|
|
/>
|
|
{:else}
|
|
<Building {size} />
|
|
{/if}
|
|
{:else}
|
|
<!-- Fallback icon for unknown module types -->
|
|
<BarsStaggered {size} />
|
|
{/if}
|