mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-26 00:01:37 +00:00
Diego Imbert
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>
55 lines
1.5 KiB
Svelte
55 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import type { InputTransform } from '$lib/gen'
|
|
import { cleanExpr } from '$lib/utils'
|
|
import ObjectViewer from './propertyPicker/ObjectViewer.svelte'
|
|
import DataTable from './table/DataTable.svelte'
|
|
import Head from './table/Head.svelte'
|
|
import Cell from './table/Cell.svelte'
|
|
import Row from './table/Row.svelte'
|
|
|
|
interface Props {
|
|
inputTransforms: Record<string, InputTransform>;
|
|
}
|
|
|
|
let { inputTransforms }: Props = $props();
|
|
let entries = $derived(Object.entries(inputTransforms))
|
|
</script>
|
|
|
|
{#if entries.length}
|
|
<DataTable size="xs" containerClass="bg-surface-tertiary">
|
|
<Head>
|
|
<tr class="w-full">
|
|
<Cell head first>Input</Cell>
|
|
<Cell head last>Value</Cell>
|
|
</tr>
|
|
</Head>
|
|
|
|
<tbody class="divide-y w-full">
|
|
{#each entries as [key, val]}
|
|
<Row>
|
|
<Cell first>{key}</Cell>
|
|
<Cell last>
|
|
{#if val.type == 'static'}
|
|
{#if typeof val.value == 'object'}
|
|
<ObjectViewer json={val.value} />
|
|
{:else}
|
|
<span class="text-xs text-primary whitespace-pre-wrap font-mono">
|
|
{val.value}
|
|
</span>
|
|
{/if}
|
|
{:else if val.type == 'javascript'}
|
|
<span class="text-xs text-primary whitespace-pre-wrap font-mono">
|
|
{cleanExpr(val.expr)}
|
|
</span>
|
|
{:else if val.type == 'ai'}
|
|
<span class="text-xs text-primary whitespace-pre-wrap font-mono">Filled by AI</span>
|
|
{/if}
|
|
</Cell>
|
|
</Row>
|
|
{/each}
|
|
</tbody>
|
|
</DataTable>
|
|
{:else}
|
|
<div class="text-primary text-xs"> No inputs </div>
|
|
{/if}
|