Indent JSON output for exported flow data in reactflowUtils.ts

langflow-ai · Nov 21, 2024 · f51d472 · f51d472
1 parent 3e57340
commit f51d472
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
@@ -1562,11 +1562,15 @@ export function downloadFlow(
   removeFileNameFromComponents(clonedFlow);
   // create a data URI with the current flow data
   const jsonString = `data:text/json;chatset=utf-8,${encodeURIComponent(
-    JSON.stringify({
-      ...clonedFlow,
-      name: flowName,
-      description: flowDescription,
-    }),
+    JSON.stringify(
+      {
+        ...clonedFlow,
+        name: flowName,
+        description: flowDescription,
+      },
+      null,
+      2,
+    ),
   )}`;
 
   // create a link element and set its properties