@motiadev/workbench 0.0.8 → 0.0.11

package/dist/src/components/log-console.js

@@ -1,20 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { useLogs } from '@/stores/use-logs';
-import { motion } from 'framer-motion';
+import { motion, AnimatePresence } from 'framer-motion';
 import { ChevronDown, ChevronUp, Trash2 } from 'lucide-react';
-import { useState } from 'react';
+import { useState, useCallback, useRef, useEffect } from 'react';
 import { LogLevelBadge } from './log-level-badge';
 import { Button } from './ui/button';
+import { cn } from '@/lib/utils';
+const MIN_HEIGHT = 100;
+const DEFAULT_HEIGHT = 200;
 const timestamp = (time) => {
     const date = new Date(Number(time));
     return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
 };
 export const LogConsole = () => {
     const [isExpanded, setIsExpanded] = useState(false);
+    const [height, setHeight] = useState(DEFAULT_HEIGHT);
     const logs = useLogs((state) => state.logs);
     const resetLogs = useLogs((state) => state.resetLogs);
-    const toggleExpand = () => setIsExpanded((prev) => !prev);
-    return (_jsxs("div", { className: "absolute bottom-0 left-0 right-0 w-full bg-black h-fit z-40", children: [_jsxs("div", { className: "flex justify-between w-full items-center p-2", children: [_jsx("label", { className: "text-green-500 w-full text-left justify-start h-full text-lg font-bold", children: "Logs" }), logs.length > 0 && (_jsxs(Button, { variant: "link", onClick: resetLogs, className: "text-green-500", children: [_jsx(Trash2, { className: "w-4 h-4 text-green-500" }), "Clear logs"] })), _jsxs(Button, { variant: "link", onClick: toggleExpand, className: "text-green-500", children: [isExpanded && _jsx(ChevronDown, { className: "w-4 h-4 text-green-500" }), !isExpanded && _jsx(ChevronUp, { className: "w-4 h-4 text-green-500" })] })] }), isExpanded && _jsx("div", { className: "divide-solid divide-green-500 divide-y" }), _jsx(Collapsible, { open: isExpanded, className: `w-full`, children: _jsx(CollapsibleContent, { children: _jsx(motion.div, { className: "overflow-y-auto h-[25vh] flex flex-col gap-2 py-2", initial: { height: 0 }, animate: { height: '25vh' }, transition: { duration: 0.3 }, children: _jsxs(Table, { children: [_jsx(TableHeader, { className: "sticky top-0 bg-black", children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Time" }), _jsx(TableHead, { children: "Level" }), _jsx(TableHead, { children: "Trace" }), _jsx(TableHead, { children: "Flow" }), _jsx(TableHead, { children: "Message" }), _jsx(TableHead, { children: "File" })] }) }), _jsx(TableBody, { className: "text-md font-mono font-bold", children: logs.map((log, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-green-500", children: timestamp(log.time) }), _jsx(TableCell, { children: _jsx(LogLevelBadge, { level: log.level }) }), _jsx(TableCell, { children: log.traceId.split('-').pop() }), _jsx(TableCell, { children: log.flows?.join?.(', ') }), _jsx(TableCell, { children: log.msg }), _jsx(TableCell, { children: log.file })] }, index))) })] }) }) }) })] }));
+    const dragRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const toggleExpand = () => setIsExpanded(!isExpanded);
+    const handleMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setIsDragging(true);
+    }, []);
+    useEffect(() => {
+        const handleMouseUp = () => {
+            setIsDragging(false);
+        };
+        const handleMouseMove = (e) => {
+            if (!isDragging)
+                return;
+            const windowHeight = window.innerHeight;
+            const mouseY = e.clientY;
+            const newHeight = windowHeight - mouseY;
+            if (newHeight >= MIN_HEIGHT) {
+                setHeight(newHeight);
+            }
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging]);
+    return (_jsxs("div", { className: "absolute bottom-0 left-0 right-0 w-full bg-zinc-900/90 border-t border-zinc-700", children: [_jsx("div", { ref: dragRef, onMouseDown: handleMouseDown, className: cn('absolute -top-1 left-0 right-0 h-1 cursor-ns-resize hover:bg-green-500/20', isDragging && 'bg-green-500/40') }), _jsxs("div", { className: "flex justify-between w-full items-center p-2", children: [_jsx("label", { className: "text-green-500 w-full text-left justify-start h-full text-lg font-bold", children: "Logs" }), logs.length > 0 && (_jsxs(Button, { variant: "link", onClick: resetLogs, className: "text-green-500", children: [_jsx(Trash2, { className: "w-4 h-4 text-green-500" }), "Clear logs"] })), _jsx(Button, { variant: "link", onClick: toggleExpand, className: "text-green-500", children: isExpanded ? _jsx(ChevronDown, { className: "w-4 h-4" }) : _jsx(ChevronUp, { className: "w-4 h-4" }) })] }), _jsx(AnimatePresence, { children: isExpanded && (_jsx(motion.div, { initial: { height: 0 }, animate: { height }, exit: { height: 0 }, transition: { duration: 0.2 }, className: "overflow-hidden", children: _jsx("div", { className: "overflow-y-auto", style: { height }, children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-black border-b border-zinc-700 [&>th]:text-green-500 [&>th]:font-bold", children: [_jsx(TableHead, { children: "Time" }), _jsx(TableHead, { children: "Level" }), _jsx(TableHead, { children: "Trace" }), _jsx(TableHead, { children: "Flow" }), _jsx(TableHead, { children: "Message" }), _jsx(TableHead, { children: "File" })] }) }), _jsx(TableBody, { className: "text-md font-mono", children: logs.map((log, index) => (_jsxs(TableRow, { className: "border-b border-zinc-800/50", children: [_jsx(TableCell, { className: "text-green-500", children: timestamp(log.time) }), _jsx(TableCell, { children: _jsx(LogLevelBadge, { level: log.level }) }), _jsx(TableCell, { children: log.traceId.split('-').pop() }), _jsx(TableCell, { children: log.flows?.join?.(', ') }), _jsx(TableCell, { children: log.msg }), _jsx(TableCell, { children: log.file })] }, index))) })] }) }) }, "log-content")) })] }));
 };

package/dist/src/index.css

@@ -2,48 +2,129 @@
 @tailwind components;
 @tailwind utilities;
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font: inherit;
-	vertical-align: baseline;
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline;
 }
 
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
 }
 body {
-	line-height: 1;
+  line-height: 1;
 }
-ol, ul {
-	list-style: none;
+ol,
+ul {
+  list-style: none;
 }
-blockquote, q {
-	quotes: none;
+blockquote,
+q {
+  quotes: none;
 }
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
 }
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
 :root {
@@ -79,8 +160,8 @@ body {
   width: 100%;
 }
 
-
-button, textarea {
+button,
+textarea {
   font-family: 'PT Sans', serif;
 }
 
@@ -88,7 +169,8 @@ strong {
   font-weight: 800;
 }
 
-body, #root {
+body,
+#root {
   width: 100dvw;
   height: 100dvh;
 }
@@ -179,12 +261,23 @@ body, #root {
 }
 
 @keyframes flowDash {
-  0%   { stroke-dashoffset: 0; }
-  100% { stroke-dashoffset: -20; }
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: -20;
+  }
 }
 
 .edge-animated {
-  stroke-dasharray: 5;      /* length of dash pattern */
-  stroke-linecap: round;    /* round the dash ends */
+  stroke-dasharray: 5; /* length of dash pattern */
+  stroke-linecap: round; /* round the dash ends */
   animation: flowDash 1s linear infinite;
-}
+}
+
+.resize-handle:hover {
+  background-color: rgba(74, 222, 128, 0.2);
+}
+.resize-handle.dragging {
+  background-color: rgba(74, 222, 128, 0.4);
+}

package/dist/src/publicComponents/base-node.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 declare const baseBackgroundVariants: (props?: ({
-    variant?: "event" | "api" | "noop" | null | undefined;
+    variant?: "event" | "api" | "noop" | "cron" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Props = PropsWithChildren<{
     variant?: VariantProps<typeof baseBackgroundVariants>['variant'];

package/dist/src/publicComponents/base-node.js

@@ -10,6 +10,7 @@ const baseBackgroundVariants = cva('absolute -inset-[1px] rounded-md bg-gradient
             event: 'from-teal-500/20 to-teal-400/10',
             api: 'from-blue-500/20 to-blue-400/10',
             noop: 'from-white/20 to-white/10',
+            cron: 'from-purple-500/20 to-purple-400/10',
         },
     },
 });

package/dist/src/publicComponents/cron-node.d.ts

@@ -0,0 +1,2 @@
+import { CronNodeProps } from './node-props';
+export declare const CronNode: ({ data }: CronNodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/publicComponents/cron-node.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseNode } from './base-node';
+import { Emits } from './emits';
+import { Clock } from 'lucide-react';
+export const CronNode = ({ data }) => {
+    return (_jsxs(BaseNode, { variant: "cron", title: data.name, headerChildren: _jsx(Clock, { className: "w-4 h-4 text-purple-400" }), disableTargetHandle: true, children: [_jsx("div", { className: "text-sm text-white/70", children: data.description }), _jsxs("div", { className: "text-xs text-white/50 flex items-center gap-2", children: [_jsx(Clock, { className: "w-3 h-3" }), " ", data.cronExpression] }), _jsx(Emits, { emits: data.emits })] }));
+};

package/dist/src/publicComponents/node-props.d.ts

@@ -1,5 +1,5 @@
-import { EventNodeData, ApiNodeData, NoopNodeData } from '../views/flow/nodes/nodes.types';
-export type BaseNodeProps = EventNodeProps | NoopNodeProps | ApiNodeProps;
+import { EventNodeData, ApiNodeData, NoopNodeData, CronNodeData } from '../views/flow/nodes/nodes.types';
+export type BaseNodeProps = EventNodeProps | NoopNodeProps | ApiNodeProps | CronNodeProps;
 export type EventNodeProps = {
     data: EventNodeData;
 };
@@ -9,3 +9,6 @@ export type NoopNodeProps = {
 export type ApiNodeProps = {
     data: ApiNodeData;
 };
+export type CronNodeProps = {
+    data: CronNodeData;
+};

package/dist/src/views/flow/flow-view.js

@@ -22,19 +22,27 @@ export const FlowView = ({ flow }) => {
     const onInitialized = useCallback(() => {
         setTimeout(() => setInitialized(true), 10);
     }, []);
-    const highlightClass = (nodeType) => {
+    const getClassName = (nodeType) => {
         if (!hoveredType)
             return '';
-        return nodeType === hoveredType
-            ? 'shadow-[0_0_15px_rgba(255,255,255,0.15)] border border-white/30 scale-[1.02] transition-all duration-300'
-            : 'opacity-30 transition-all duration-300';
+        if (nodeType) {
+            return nodeType === hoveredType
+                ? 'shadow-[0_0_15px_rgba(255,255,255,0.15)] border border-white/30 scale-[1.02] transition-all duration-300'
+                : 'opacity-30 transition-all duration-300';
+        }
+        // If no nodeType is provided, this is an edge
+        return 'opacity-30 transition-all duration-300';
     };
     const nodesWithHighlights = nodes.map((node) => ({
         ...node,
-        className: highlightClass(node.data.type), // Access type from `data.type`
+        className: getClassName(node.data.type),
+    }));
+    const edgesWithHighlights = edges.map((edge) => ({
+        ...edge,
+        className: getClassName(), // No argument means it's an edge
     }));
     if (!nodeTypes) {
         return null;
     }
-    return (_jsxs("div", { className: "w-full h-full relative bg-black", children: [!initialized && _jsx(FlowLoader, {}), _jsx(Legend, { onHover: setHoveredType }), _jsxs(ReactFlow, { nodes: nodesWithHighlights, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 20, size: 1, color: "#444" }), _jsx(NodeOrganizer, { onInitialized: onInitialized }), _jsx("svg", { children: _jsx("defs", { children: _jsx(ArrowHead, { color: "#B3B3B3", id: "arrowhead" }) }) })] }), _jsx(LogConsole, {})] }));
+    return (_jsxs("div", { className: "w-full h-full relative bg-black", children: [!initialized && _jsx(FlowLoader, {}), _jsx(Legend, { onHover: setHoveredType }), _jsxs(ReactFlow, { nodes: nodesWithHighlights, edges: edgesWithHighlights, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 20, size: 1, color: "#444" }), _jsx(NodeOrganizer, { onInitialized: onInitialized }), _jsx("svg", { children: _jsx("defs", { children: _jsx(ArrowHead, { color: "#B3B3B3", id: "arrowhead" }) }) })] }), _jsx(LogConsole, {})] }));
 };

package/dist/src/views/flow/hooks/use-get-flow-state.d.ts

@@ -7,7 +7,7 @@ type Emit = string | {
 type FlowStep = {
     id: string;
     name: string;
-    type: 'event' | 'api' | 'noop';
+    type: 'event' | 'api' | 'noop' | 'cron';
     description?: string;
     subscribes?: string[];
     emits: Emit[];

package/dist/src/views/flow/hooks/use-get-flow-state.js

@@ -3,11 +3,13 @@ import { useEffect, useState } from 'react';
 import { ApiFlowNode } from '../nodes/api-flow-node';
 import { NoopFlowNode } from '../nodes/noop-flow-node';
 import { EventFlowNode } from '../nodes/event-flow-node';
+import { CronNode } from '@/publicComponents/cron-node';
 async function importFlow(flow) {
     const nodeTypes = {
         event: EventFlowNode,
         api: ApiFlowNode,
         noop: NoopFlowNode,
+        cron: CronNode,
     };
     // Load custom node components if they exist
     for (const step of flow.steps) {

package/dist/src/views/flow/legend.d.ts

@@ -1,3 +1,4 @@
-export declare const Legend: ({ onHover }: {
+import { FC } from 'react';
+export declare const Legend: FC<{
     onHover: (type: string | null) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}>;

package/dist/src/views/flow/legend.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 export const Legend = ({ onHover }) => {
+    const [isExpanded, setIsExpanded] = useState(false);
     const legendItems = [
         {
             label: 'Event (Core)',
@@ -19,23 +25,28 @@ export const Legend = ({ onHover }) => {
             bgColor: 'bg-zinc-950/40',
             description: 'Placeholder nodes for external processes.',
         },
+        {
+            label: 'Cron',
+            type: 'cron',
+            bgColor: 'bg-purple-950/40',
+            description: 'Scheduled tasks that run at specified intervals.',
+        },
     ];
     const edgeLegendItems = [
         {
             label: 'Event Edge',
-            color: 'rgb(133, 176, 132)', // Solid green line
+            color: 'rgb(133, 176, 132)',
             description: 'Represents an event emitted and subscribed by steps.',
             dashed: true,
         },
         {
             label: 'Virtual Edge',
-            color: 'rgb(147, 169, 197)', // Dotted blue line
+            color: 'rgb(147, 169, 197)',
             description: 'Represents virtual connections.',
             dashed: true,
         },
     ];
     const renderSwatch = (bgColor) => (_jsxs("div", { className: "relative group", children: [_jsx("div", { className: "absolute -inset-[1px] rounded bg-gradient-to-r from-white/20 to-white/10" }), _jsx("div", { className: `relative ${bgColor} w-8 h-8 rounded border border-white/10` }), _jsx("div", { className: "absolute inset-0 -z-10 translate-y-0.5 translate-x-0.5 bg-black/20 rounded border border-white/5" })] }));
-    const renderEdgeSwatch = (color, dashed) => (_jsx("svg", { width: "48", height: "10", viewBox: "0 0 48 10", xmlns: "http://www.w3.org/2000/svg", children: _jsx("line", { x1: "0", y1: "5", x2: "48", y2: "5", stroke: color, strokeWidth: ".8", strokeDasharray: dashed ? '4 3' : 'none', strokeLinecap: "round" // Rounded edges
-         }) }));
-    return (_jsxs("div", { className: "absolute right-4 top-4 font-mono rounded-lg border border-white/20 p-4 z-10 shadow-xl", children: [_jsx("div", { className: "text-sm text-white mb-3 font-semibold", children: "Flow Legend" }), _jsx("div", { className: "flex flex-col gap-3", children: legendItems.map((item) => (_jsx("div", { onMouseEnter: () => onHover(item.type), onMouseLeave: () => onHover(null), className: "group cursor-pointer transition-all hover:bg-white/5 rounded p-1 -mx-1", children: _jsxs("div", { className: "flex items-start gap-3", children: [renderSwatch(item.bgColor), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-white text-xs font-medium", children: item.label }), _jsx("div", { className: "text-white/60 text-xs mt-0.5", children: item.description })] })] }) }, item.type))) }), _jsx("div", { className: "text-sm text-white mt-4 mb-3 font-semibold", children: "Edge Legend" }), _jsx("div", { className: "flex flex-col gap-3", children: edgeLegendItems.map((item) => (_jsxs("div", { className: "flex items-start gap-3", children: [renderEdgeSwatch(item.color, item.dashed), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-white text-xs font-medium", children: item.label }), _jsx("div", { className: "text-white/60 text-xs mt-0.5", children: item.description })] })] }, item.label))) })] }));
+    const renderEdgeSwatch = (color, dashed) => (_jsx("svg", { width: "48", height: "10", viewBox: "0 0 48 10", xmlns: "http://www.w3.org/2000/svg", children: _jsx("line", { x1: "0", y1: "5", x2: "48", y2: "5", stroke: color, strokeWidth: ".8", strokeDasharray: dashed ? '4 3' : 'none', strokeLinecap: "round" }) }));
+    return (_jsx("div", { className: "absolute right-4 top-4 z-10", children: _jsxs("div", { className: cn('rounded-lg border border-zinc-700 bg-zinc-900/90', !isExpanded && 'rounded-b-lg'), children: [_jsxs("div", { className: "flex items-center justify-between p-4", children: [_jsx("div", { className: "text-sm text-white font-semibold", children: "Flow Legend" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setIsExpanded(!isExpanded), className: "ml-4 p-1 hover:bg-white/10", children: isExpanded ? _jsx(ChevronUp, { size: 16 }) : _jsx(ChevronDown, { size: 16 }) })] }), _jsx(AnimatePresence, { children: isExpanded && (_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2 }, className: "overflow-hidden", children: _jsxs("div", { className: "p-4 pt-0", children: [_jsx("div", { className: "flex flex-col gap-3", children: legendItems.map((item) => (_jsx("div", { onMouseEnter: () => onHover(item.type), onMouseLeave: () => onHover(null), className: "group cursor-pointer transition-all hover:bg-white/5 rounded p-1 -mx-1", children: _jsxs("div", { className: "flex items-start gap-3", children: [renderSwatch(item.bgColor), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-white text-xs font-medium", children: item.label }), _jsx("div", { className: "text-white/60 text-xs mt-0.5", children: item.description })] })] }) }, item.type))) }), _jsx("div", { className: "text-sm text-white mt-4 mb-3 font-semibold", children: "Edge Legend" }), _jsx("div", { className: "flex flex-col gap-3", children: edgeLegendItems.map((item) => (_jsxs("div", { className: "flex items-start gap-3", children: [renderEdgeSwatch(item.color, item.dashed), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-white text-xs font-medium", children: item.label }), _jsx("div", { className: "text-white/60 text-xs mt-0.5", children: item.description })] })] }, item.label))) })] }) })) })] }) }));
 };

package/dist/src/views/flow/nodes/nodes.types.d.ts

@@ -29,7 +29,18 @@ export type ApiNodeData = {
     webhookUrl?: string;
     bodySchema?: JSONSchema7;
 };
-export type NodeData = EventNodeData | ApiNodeData | NoopNodeData;
+export type CronNodeData = {
+    type: string;
+    name: string;
+    description?: string;
+    emits: Array<string | {
+        type: string;
+        label?: string;
+    }>;
+    cronExpression: string;
+    language?: string;
+};
+export type NodeData = EventNodeData | ApiNodeData | NoopNodeData | CronNodeData;
 export type EdgeData = {
     label?: string;
     variant: 'event' | 'virtual';