mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-23 00:03:46 +00:00
27 lines
801 B
Svelte
27 lines
801 B
Svelte
<script lang="ts">
|
|
import Drawer from '$lib/components/common/drawer/Drawer.svelte'
|
|
import DrawerContent from '$lib/components/common/drawer/DrawerContent.svelte'
|
|
import FlowViewer from '$lib/components/FlowViewer.svelte'
|
|
import { getContext } from 'svelte'
|
|
import type { FlowEditorContext } from '../types'
|
|
import { cleanFlow } from '../utils.svelte'
|
|
|
|
interface Props {
|
|
drawer: Drawer | undefined
|
|
}
|
|
|
|
let { drawer = $bindable() }: Props = $props()
|
|
|
|
const { flowStore } = getContext<FlowEditorContext>('FlowEditorContext')
|
|
|
|
let flow = $derived(flowStore.val)
|
|
</script>
|
|
|
|
<Drawer bind:this={drawer} size="800px">
|
|
<DrawerContent title="OpenFlow" on:close={() => drawer?.toggleDrawer()}>
|
|
{#if flow}
|
|
<FlowViewer flow={cleanFlow(flow)} initTab="raw" />
|
|
{/if}
|
|
</DrawerContent>
|
|
</Drawer>
|