@runtypelabs/react-flow 0.1.2 → 0.1.4

package/example/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @runtypelabs/react-flow-example
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [9ec83bd]
+- Updated dependencies [a63f268]
+  - @runtypelabs/sdk@0.3.0
+  - @runtypelabs/react-flow@0.1.4

package/example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/react-flow-example",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": true,
   "type": "module",
   "scripts": {
@@ -23,4 +23,3 @@
     "vite": "^5.0.0"
   }
 }
-

package/example/src/App.tsx

@@ -577,7 +577,7 @@ function FlowBrowserPanel({ isOpen, onClose, onLoadFlow }: FlowBrowserPanelProps
     setLoadingFlowId(flowId)
     setError(null)
     try {
-      // Fetch flow details
+      // Fetch flow details with embedded steps
       const flowResponse = await fetch(`${API_BASE_URL}/flows/${flowId}`, {
         headers: {
           'Authorization': `Bearer ${API_KEY}`,
@@ -588,20 +588,8 @@ function FlowBrowserPanel({ isOpen, onClose, onLoadFlow }: FlowBrowserPanelProps
       }
       const flowData = await flowResponse.json()
 
-      // Fetch flow steps
-      const stepsResponse = await fetch(`${API_BASE_URL}/flow-steps/flow/${flowId}`, {
-        headers: {
-          'Authorization': `Bearer ${API_KEY}`,
-        },
-      })
-      if (!stepsResponse.ok) {
-        throw new Error(`Failed to fetch flow steps: ${stepsResponse.status}`)
-      }
-      const stepsData = await stepsResponse.json()
-
-      // Convert API response to FlowStep format
-      // API returns { data: [...steps], flow_id, flowName }
-      const stepsArray = stepsData.data || stepsData.steps || stepsData || []
+      // Use flow steps from the flow response (consolidated endpoint)
+      const stepsArray = flowData.flow_steps || flowData.flowSteps || []
       const steps: FlowStep[] = stepsArray.map((step: any) => ({
         id: step.id,
         type: step.type,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/react-flow",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "React Flow adapter for building visual flow editors with Runtype",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,8 +16,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@runtypelabs/shared": "1.0.0",
-    "@runtypelabs/sdk": "0.2.0"
+    "@runtypelabs/sdk": "0.3.0"
   },
   "peerDependencies": {
     "@xyflow/react": "^12.0.0",

package/src/flow-step-types.ts

@@ -0,0 +1,32 @@
+/**
+ * Flow Step Types
+ *
+ * Note: These types are inlined from the internal shared package to avoid
+ * requiring users to install @runtypelabs/shared.
+ */
+
+export type ContextStepType =
+  | 'fetch-url'
+  | 'retrieve-record'
+  | 'fetch-github'
+  | 'api-call'
+  | 'transform-data'
+  | 'conditional'
+  | 'set-variable'
+  | 'upsert-record'
+  | 'send-email'
+  | 'send-text'
+  | 'send-event'
+  | 'send-stream'
+  | 'update-record'
+  | 'search'
+  | 'generate-embedding'
+  | 'vector-search'
+  | 'tool-call'
+  | 'wait-until'
+  | 'paginate-api'
+  | 'store-vector'
+
+export type FlowStepType = 'prompt' | ContextStepType
+
+export type PromptStepMode = 'task' | 'agent'

package/src/hooks/useRuntypeFlow.ts

@@ -23,7 +23,7 @@ import {
   createDefaultStep,
 } from '../utils/adapter'
 import { autoLayout } from '../utils/layout'
-import type { FlowStepType } from '@runtypelabs/shared'
+import type { FlowStepType } from '../flow-step-types'
 
 // ============================================================================
 // Hook Options
@@ -140,11 +140,11 @@ export function useRuntypeFlow(options: UseRuntypeFlowOptions): UseRuntypeFlowRe
       setError(null)
 
       try {
+        // Get flow with embedded steps
         const flow = await client.flows.get(id)
-        
-        // Get flow steps
-        const stepsResponse = await client.flowSteps.getByFlow(id)
-        const steps: FlowStep[] = Array.isArray(stepsResponse) ? stepsResponse : []
+
+        // Use flow steps from the flow response (consolidated endpoint)
+        const steps: FlowStep[] = Array.isArray(flow.flowSteps) ? flow.flowSteps : []
 
         // Convert to React Flow nodes
         let newNodes = flowStepsToNodes(steps, {
@@ -193,29 +193,18 @@ export function useRuntypeFlow(options: UseRuntypeFlowOptions): UseRuntypeFlowRe
     try {
       const steps = nodesToFlowSteps(nodes)
 
-      // Update flow metadata
+      // Update flow with metadata and steps in one atomic operation
       await client.flows.update(flowId, {
         name: flowName,
         description: flowDescription,
-      })
-
-      // Update steps - delete existing and create new
-      const existingSteps = await client.flowSteps.getByFlow(flowId)
-      for (const step of existingSteps) {
-        await client.flowSteps.delete(step.id)
-      }
-
-      // Create new steps
-      for (const step of steps) {
-        await client.flowSteps.create({
-          flowId,
+        flow_steps: steps.map(step => ({
           type: step.type,
           name: step.name,
           order: step.order,
           enabled: step.enabled,
           config: step.config,
-        })
-      }
+        })),
+      })
 
       setHasUnsavedChanges(false)
       lastSavedState.current = JSON.stringify(steps)

package/src/types/index.ts

@@ -1,5 +1,5 @@
 import type { Node, Edge, NodeProps } from '@xyflow/react'
-import type { FlowStepType, PromptStepMode } from '@runtypelabs/shared'
+import type { FlowStepType, PromptStepMode } from '../flow-step-types'
 import type { RuntypeClient } from '@runtypelabs/sdk'
 
 // ============================================================================

package/src/utils/adapter.ts

@@ -1,5 +1,5 @@
 import type { FlowStep, RuntypeNode, RuntypeEdge, RuntypeNodeData } from '../types'
-import type { FlowStepType } from '@runtypelabs/shared'
+import type { FlowStepType } from '../flow-step-types'
 
 // ============================================================================
 // Constants