import/export variables

Author: icecrasher321

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/create-menu.tsx

@@ -215,6 +215,24 @@ export function CreateMenu({ onCreateWorkflow, isCreatingWorkflow = false }: Cre
                 continue
               }
 
+              if (workflowData.variables && workflowData.variables.length > 0) {
+                const variablesPayload = workflowData.variables.map((v: any) => ({
+                  id: crypto.randomUUID(),
+                  workflowId: newWorkflowId,
+                  name: v.name,
+                  type: v.type,
+                  value: v.value,
+                }))
+
+                await fetch(`/api/workflows/${newWorkflowId}/variables`, {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                  body: JSON.stringify({ variables: variablesPayload }),
+                })
+              }
+
               logger.info(`Imported workflow: ${workflowName}`)
             } catch (error) {
               logger.error(`Failed to import ${workflow.name}:`, error)
@@ -257,6 +275,24 @@ export function CreateMenu({ onCreateWorkflow, isCreatingWorkflow = false }: Cre
                 continue
               }
 
+              if (workflowData.variables && workflowData.variables.length > 0) {
+                const variablesPayload = workflowData.variables.map((v: any) => ({
+                  id: crypto.randomUUID(),
+                  workflowId: newWorkflowId,
+                  name: v.name,
+                  type: v.type,
+                  value: v.value,
+                }))
+
+                await fetch(`/api/workflows/${newWorkflowId}/variables`, {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                  body: JSON.stringify({ variables: variablesPayload }),
+                })
+              }
+
               logger.info(`Imported workflow: ${workflowName}`)
             } catch (error) {
               logger.error(`Failed to import ${workflow.name}:`, error)
@@ -266,6 +302,9 @@ export function CreateMenu({ onCreateWorkflow, isCreatingWorkflow = false }: Cre
 
         const { loadWorkflows } = useWorkflowRegistry.getState()
         await loadWorkflows(workspaceId)
+
+        const { fetchFolders } = useFolderStore.getState()
+        await fetchFolders(workspaceId)
       } catch (error) {
         logger.error('Failed to import workflows:', error)
       } finally {

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx

@@ -341,6 +341,12 @@ export function WorkspaceSelector({
           folderId?: string | null
         }
         state: any
+        variables?: Array<{
+          id: string
+          name: string
+          type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'plain'
+          value: any
+        }>
       }> = []
 
       for (const workflow of workflows) {
@@ -357,6 +363,18 @@ export function WorkspaceSelector({
             continue
           }
 
+          const variablesResponse = await fetch(`/api/workflows/${workflow.id}/variables`)
+          let workflowVariables: any[] = []
+          if (variablesResponse.ok) {
+            const variablesData = await variablesResponse.json()
+            workflowVariables = Object.values(variablesData?.data || {}).map((v: any) => ({
+              id: v.id,
+              name: v.name,
+              type: v.type,
+              value: v.value,
+            }))
+          }
+
           workflowsToExport.push({
             workflow: {
               id: workflow.id,
@@ -365,6 +383,7 @@ export function WorkspaceSelector({
               folderId: workflow.folderId,
             },
             state: workflowData.state,
+            variables: workflowVariables,
           })
         } catch (error) {
           logger.error(`Failed to export workflow ${workflow.id}:`, error)

apps/sim/lib/workflows/import-export.ts

@@ -13,6 +13,12 @@ export interface WorkflowExportData {
     folderId?: string | null
   }
   state: WorkflowState
+  variables?: Array<{
+    id: string
+    name: string
+    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'plain'
+    value: any
+  }>
 }
 
 export interface FolderExportData {
@@ -79,6 +85,7 @@ export async function exportWorkspaceToZip(
           description: workflow.workflow.description,
           exportedAt: new Date().toISOString(),
         },
+        variables: workflow.variables,
       }
 
       const exportState = sanitizeForExport(workflowState)

apps/sim/lib/workflows/json-sanitizer.ts

@@ -54,6 +54,12 @@ export interface ExportWorkflowState {
       description?: string
       exportedAt?: string
     }
+    variables?: Array<{
+      id: string
+      name: string
+      type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'plain'
+      value: any
+    }>
   }
 }
 
@@ -381,6 +387,7 @@ export function sanitizeForExport(state: WorkflowState): ExportWorkflowState {
       loops: state.loops || {},
       parallels: state.parallels || {},
       metadata: state.metadata,
+      variables: state.variables,
     })
   )
 

apps/sim/stores/workflows/json/importer.ts

@@ -8,6 +8,7 @@ const logger = createLogger('WorkflowJsonImporter')
  * Generate new IDs for all blocks and edges to avoid conflicts
  */
 function regenerateIds(workflowState: WorkflowState): WorkflowState {
+  const { metadata, variables } = workflowState
   const blockIdMap = new Map<string, string>()
   const newBlocks: WorkflowState['blocks'] = {}
 
@@ -99,6 +100,8 @@ function regenerateIds(workflowState: WorkflowState): WorkflowState {
     edges: newEdges,
     loops: newLoops,
     parallels: newParallels,
+    metadata,
+    variables,
   }
 }
 
@@ -206,11 +209,18 @@ export function parseWorkflowJson(
       edges: workflowData.edges || [],
       loops: workflowData.loops || {},
       parallels: workflowData.parallels || {},
+      metadata: workflowData.metadata,
+      variables: Array.isArray(workflowData.variables) ? workflowData.variables : undefined,
     }
 
     // Regenerate IDs if requested (default: true)
     if (regenerateIdsFlag) {
-      workflowState = regenerateIds(workflowState)
+      const regeneratedState = regenerateIds(workflowState)
+      workflowState = {
+        ...regeneratedState,
+        metadata: workflowState.metadata,
+        variables: workflowState.variables,
+      }
       logger.info('Regenerated IDs for imported workflow to avoid conflicts')
     }
 

apps/sim/stores/workflows/json/store.ts

@@ -39,13 +39,24 @@ export const useWorkflowJsonStore = create<WorkflowJsonStore>()(
           }
 
           const workflowMetadata = workflows[activeWorkflowId]
+          const { useVariablesStore } = require('@/stores/panel/variables/store')
+          const workflowVariables = useVariablesStore
+            .getState()
+            .getVariablesByWorkflowId(activeWorkflowId)
+
           const workflowState = {
             ...workflow.state,
             metadata: {
               name: workflowMetadata?.name,
               description: workflowMetadata?.description,
               exportedAt: new Date().toISOString(),
             },
+            variables: workflowVariables.map((v: any) => ({
+              id: v.id,
+              name: v.name,
+              type: v.type,
+              value: v.value,
+            })),
           }
 
           const exportState: ExportWorkflowState = sanitizeForExport(workflowState)

apps/sim/stores/workflows/workflow/types.ts

@@ -158,12 +158,16 @@ export interface WorkflowState {
     description?: string
     exportedAt?: string
   }
+  variables?: Array<{
+    id: string
+    name: string
+    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'plain'
+    value: any
+  }>
   isDeployed?: boolean
   deployedAt?: Date
-  // New field for per-workflow deployment status
   deploymentStatuses?: Record<string, DeploymentStatus>
   needsRedeployment?: boolean
-  // Drag state for undo/redo
   dragStartPosition?: DragStartPosition | null
 }