"Image" node type to display an image.

server/executors/one_by_one.py

@@ -119,7 +119,7 @@ def execute(ws, catalog, cache=None):
           result = [result]
         results.extend(result)
       else: # Finished all tasks without errors.
-        if op.type == 'visualization' or op.type == 'table_view':
+        if op.type == 'visualization' or op.type == 'table_view' or op.type == 'image':
           data.display = results[0]
         for edge in edges[node.id]:
           t = nodes[edge.target]

server/lynxkite_ops.py

@@ -128,7 +128,7 @@ def execute(ws):
                     data.inputs = {f'input{i}': None for i in range(len(inputs) + 1)}
                 data.error = None
                 outputs[node.id] = output
-                if op.type == 'visualization' or op.type == 'table_view':
+                if op.type == 'visualization' or op.type == 'table_view' or op.type == 'image':
                     data.display = output
 
 @op("Import Parquet")

web/src/LynxKiteFlow.svelte

@@ -19,6 +19,7 @@
   import { useQuery, useMutation, useQueryClient } from '@sveltestack/svelte-query';
   import NodeWithParams from './NodeWithParams.svelte';
   import NodeWithVisualization from './NodeWithVisualization.svelte';
+  import NodeWithImage from './NodeWithImage.svelte';
   import NodeWithTableView from './NodeWithTableView.svelte';
   import NodeWithSubFlow from './NodeWithSubFlow.svelte';
   import NodeWithArea from './NodeWithArea.svelte';
@@ -50,6 +51,7 @@
   const nodeTypes: NodeTypes = {
     basic: NodeWithParams,
     visualization: NodeWithVisualization,
+    image: NodeWithImage,
     table_view: NodeWithTableView,
     sub_flow: NodeWithSubFlow,
     area: NodeWithArea,

web/src/NodeWithImage.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { type NodeProps } from '@xyflow/svelte';
+  import NodeWithParams from './NodeWithParams.svelte';
+  type $$Props = NodeProps;
+  export let data: $$Props['data'];
+</script>
+
+<NodeWithParams {...$$props}>
+  {#if data.display}
+    <img src={data.display}/>
+  {/if}
+</NodeWithParams>
+<style>
+</style>