manabge recursive flow

Author: Zwiterrion

otoroshi/javascript/src/components/ReportView.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import { firstLetterUppercase } from '../util';
 import { NgCodeRenderer, NgSelectRenderer } from './nginputs';
 
-const roundNsTo = (ns) => Number.parseFloat(round(ns) / 1000000).toFixed(3);
+const roundNsTo = (ns) => Number.parseFloat(round(ns) / 1000000).toFixed(0);
 const round = (num) => Math.round((num + Number.EPSILON) * 100000) / 100000;
 
 export const ReportView = ({

otoroshi/javascript/src/components/inputs/CodeInput.js

@@ -31,7 +31,7 @@ export class JsonObjectAsCodeInput extends Component {
         onChange={(e) => {
           try {
             this.props.onChange(JSON.parse(e));
-          } catch (ex) {}
+          } catch (ex) { }
         }}
       />
     );
@@ -63,7 +63,7 @@ export class JsonObjectAsCodeInputUpdatable extends Component {
             this.setState({ value }, () => {
               this.props.onChange(value);
             });
-          } catch (ex) {}
+          } catch (ex) { }
         }}
       />
     );
@@ -172,6 +172,14 @@ export default class CodeInput extends Component {
       code = JSON.stringify(code, null, 2);
     }
 
+    // avoid to send json to Ace
+    if (typeof code === 'object' && !Array.isArray(code) && code !== null) {
+      code = JSON.stringify(code, null, 2);
+    }
+
+    if (!isNaN(code))
+      code = code + ""
+
     const mode = this.getMode(this.props.mode);
 
     const editor = (

otoroshi/javascript/src/extensions/workflows/DesignerActions.js

@@ -7,8 +7,8 @@ export function DesignerActions({ run }) {
         <Button type="primaryColor" className='p-2 px-4' onClick={run}>
             <i className='fas fa-flask me-1' />Test Workflow
         </Button>
-        <Button type="primaryColor">
+        {/* <Button type="primaryColor">
             <i className='fas fa-trash' />
-        </Button>
+        </Button> */}
     </div>
 }

otoroshi/javascript/src/extensions/workflows/ReportExplorer.js

@@ -17,10 +17,10 @@ export default function ReportExplorer({ report, handleClose, isOpen }) {
 
         const stop = report.run.log.find(l => re.test(l.message))?.timestamp
         return [...acc, {
-            task: log.node?.kind || log.message,
+            task: id, //log.node?.kind || log.message,
             start: log.timestamp,
             stop,
-            duration_ns: stop ? stop - log.timestamp : 0,
+            duration_ns: (stop ? stop - log.timestamp : 0) * 1_000_000,
             ctx: {
                 error: log.error,
                 node: log.node,
@@ -33,20 +33,20 @@ export default function ReportExplorer({ report, handleClose, isOpen }) {
         const existingStep = acc[step.task]
 
         if (existingStep) {
-            return acc
-            // return {
-            //     ...acc,
-            //     [step.task]: {
-            //         ...existingStep,
-            //         ctx: {
-            //             ...step.ctx,
-            //             plugins: [...existingStep.ctx.plugins, {
-            //                 ...step,
-            //                 name: `[${existingStep.ctx.plugins.length}]`
-            //             }]
-            //         }
-            //     }
-            // }
+            // return acc
+            return {
+                ...acc,
+                [step.task]: {
+                    ...existingStep,
+                    ctx: {
+                        ...step.ctx,
+                        plugins: [...existingStep.ctx.plugins, {
+                            ...step,
+                            name: `[${existingStep.ctx.plugins.length}]`
+                        }]
+                    }
+                }
+            }
         } else {
             return {
                 ...acc,
@@ -60,7 +60,7 @@ export default function ReportExplorer({ report, handleClose, isOpen }) {
             }
         }
     }, {})
-    const [unit, setUnit] = useState('ns');
+    const [unit, setUnit] = useState('ms');
 
     const start = report.run.log[0]?.timestamp
     const end = report.run.log[report.run.log.length - 1]?.timestamp
@@ -72,7 +72,8 @@ export default function ReportExplorer({ report, handleClose, isOpen }) {
                 <ReportView
                     report={{
                         steps: Object.values(stepsByCategory),
-                        duration_ns: end - start
+                        duration_ns: (end - start) * 1_000_000,
+                        returned: report.returned
                     }}
                     isWorkflowView
                     unit={unit}