Merge pull request #103 from dafthunk-com/99-replace-array-nodetype-with-json-type

feat: replace array nodetype with json type

Author: leonardcser

apps/api/src/nodes/audio/whisper-large-v3-turbo-node.ts

@@ -68,7 +68,7 @@ export class WhisperLargeV3TurboNode extends ExecutableNode {
       },
       {
         name: "segments",
-        type: "array",
+        type: "json",
         description: "Detailed transcription segments with timing information",
         hidden: true,
       },

apps/api/src/nodes/audio/whisper-node.ts

@@ -38,7 +38,7 @@ export class WhisperNode extends ExecutableNode {
       },
       {
         name: "words",
-        type: "array",
+        type: "json",
         description: "Detailed word timing information",
         hidden: true,
       },

apps/api/src/nodes/audio/whisper-tiny-en-node.ts

@@ -38,7 +38,7 @@ export class WhisperTinyEnNode extends ExecutableNode {
       },
       {
         name: "words",
-        type: "array",
+        type: "json",
         description: "Detailed word timing information",
         hidden: true,
       },

apps/api/src/nodes/json/json-template-node.ts

@@ -35,7 +35,7 @@ export class JsonTemplateNode extends ExecutableNode {
       },
       {
         name: "missingVariables",
-        type: "array",
+        type: "json",
         description:
           "Array of variable names that were not found in the variables object",
         hidden: true,

apps/api/src/nodes/text/bge-reranker-base-node.ts

@@ -25,7 +25,7 @@ export class BgeRerankerBaseNode extends ExecutableNode {
       },
       {
         name: "contexts",
-        type: "array",
+        type: "json",
         description: "Array of text passages to rank",
         required: true,
       },
@@ -39,7 +39,7 @@ export class BgeRerankerBaseNode extends ExecutableNode {
     outputs: [
       {
         name: "rankings",
-        type: "array",
+        type: "json",
         description: "Array of ranked results with scores",
       },
     ],

apps/api/src/nodes/text/multi-variable-string-template-node.ts

@@ -35,7 +35,7 @@ export class MultiVariableStringTemplateNode extends ExecutableNode {
       },
       {
         name: "missingVariables",
-        type: "array",
+        type: "json",
         description:
           "Array of variable names that were not found in the variables object",
         hidden: true,

apps/api/src/nodes/text/regex-extract-node.ts

@@ -36,7 +36,7 @@ export class RegexExtractNode extends ExecutableNode {
     outputs: [
       {
         name: "matches",
-        type: "array",
+        type: "json",
         description: "Array of matched strings (empty if no match).",
       },
     ],

apps/api/src/nodes/text/regex-split-node.ts

@@ -34,7 +34,7 @@ export class RegexSplitNode extends ExecutableNode {
     outputs: [
       {
         name: "result",
-        type: "array",
+        type: "json",
         description: "Array of strings split by the pattern.",
       },
     ],

apps/api/src/nodes/types.ts

@@ -57,10 +57,6 @@ export type ParameterType =
       type: "image";
       value?: ImageParameter;
     }
-  | {
-      type: "array";
-      value?: Array<any>;
-    }
   | {
       type: "json";
       value?: any;

apps/web/src/components/workflow/workflow-node.tsx

@@ -3,7 +3,6 @@ import { Handle, Position } from "@xyflow/react";
 import {
   AsteriskIcon,
   BracesIcon,
-  BracketsIcon,
   CheckIcon,
   ChevronDown,
   ChevronUp,
@@ -65,17 +64,16 @@ const TypeBadge = ({
   onInputClick?: (param: WorkflowParameter) => void;
   readonly?: boolean;
 }) => {
-  const icon = {
+  const icon: Record<InputOutputType, React.ReactNode> = {
     string: <TypeIcon className="!size-3" />,
     number: <HashIcon className="!size-3" />,
     boolean: <CheckIcon className="!size-3" />,
     image: <ImageIcon className="!size-3" />,
     document: <StickyNoteIcon className="!size-3" />,
     audio: <MusicIcon className="!size-3" />,
-    array: <BracketsIcon className="!size-3" />,
     json: <BracesIcon className="!size-3" />,
     any: <AsteriskIcon className="!size-3" />,
-  }[type];
+  } satisfies Record<InputOutputType, React.ReactNode>;
 
   const handleClick = (e: React.MouseEvent) => {
     if (readonly) return;
@@ -136,7 +134,7 @@ const TypeBadge = ({
         )}
         onClick={handleClick}
       >
-        {icon}
+        {icon[type]}
       </span>
     </div>
   );