Allow assert and setVarNode to assign now() as value to variable

Author: jsajal

src/components/molecules/flow/graph/Graph.js

@@ -155,7 +155,7 @@ class Graph {
         const sNode = new setVarNode(node.data, prevNodeOutputData, this.envVariables);
         const newVariable = sNode.evaluate();
         if (newVariable != undefined) {
-          this.logs.push(`Evaluate variable: ${newVariable}`);
+          this.logs.push(`Evaluate variable: ${JSON.stringify(newVariable)}`);
           this.envVariables = {
             ...this.envVariables,
             ...newVariable,

src/components/molecules/flow/nodes/AssertNode.js

@@ -60,26 +60,27 @@ const variableElem = (id, data, varName) => {
       case 'Boolean':
         setAssertNodeVariable(id, varName, selectedValue, false);
         break;
+      case 'Now':
+        setAssertNodeVariable(id, varName, selectedValue, '');
+        break;
     }
   };
 
-  const handleBooleanValueSelection = (event) => {
-    setAssertNodeVariable(id, varName, 'Boolean', event.target?.value);
-  };
-
   return (
     <div className='flex items-center justify-center mb-4 text-sm border rounded-md border-neutral-500 text-neutral-500 outline-0 focus:ring-0'>
       {data.variables && data.variables[varName] ? (
         data.variables[varName].type === 'Boolean' ? (
           <select
-            onChange={handleBooleanValueSelection}
+            onChange={(event) => setAssertNodeVariable(id, varName, 'Boolean', event.target?.value)}
             name='boolean-val'
             className='nodrag h-12 w-full rounded-br-md rounded-tr-md  p-2.5 px-1 '
             value={data.variables[varName].value}
           >
             <option value='true'>True</option>
             <option value='false'>False</option>
           </select>
+        ) : data.variables[varName].type === 'Now' ? (
+          <div></div>
         ) : (
           <input
             id='outlined-adornment-weight'
@@ -92,23 +93,15 @@ const variableElem = (id, data, varName) => {
               const updatedValue = event.target.value;
               switch (data.variables[varName].type) {
                 case 'String':
-                  // data.variables[varName].value = updatedValue.toString();
-                  // setVariableValue(updatedValue.toString());
                   setAssertNodeVariable(id, varName, 'String', updatedValue.toString());
                   break;
                 case 'Select':
-                  // data.variables[varName].value = updatedValue.toString();
-                  // setVariableValue(updatedValue.toString());
                   setAssertNodeVariable(id, varName, 'Select', updatedValue.toString());
                   break;
                 case 'Variable':
-                  // data.variables[varName].value = updatedValue.toString();
-                  // setVariableValue(updatedValue.toString());
                   setAssertNodeVariable(id, varName, 'Variable', updatedValue.toString());
                   break;
                 case 'Number':
-                  // data.variables[varName].value = parseInt(updatedValue);
-                  // setVariableValue(parseInt(updatedValue));
                   setAssertNodeVariable(id, varName, 'Number', parseInt(updatedValue));
                   break;
               }
@@ -142,6 +135,7 @@ const variableElem = (id, data, varName) => {
         <option value='Variable'>Variable</option>
         <option value='Number'>Number</option>
         <option value='Boolean'>Boolean</option>
+        <option value='Now'>Now</option>
       </select>
     </div>
   );

src/components/molecules/flow/nodes/SetVarNode.js

@@ -99,6 +99,9 @@ const SetVarNode = ({ id, data }) => {
         case 'Boolean':
           setVariableNodeExpressionsVariable(id, varName, selectedValue, false);
           break;
+        case 'Now':
+          setVariableNodeExpressionsVariable(id, varName, selectedValue, '');
+          break;
       }
     };
 
@@ -115,6 +118,8 @@ const SetVarNode = ({ id, data }) => {
               <option value='true'>True</option>
               <option value='false'>False</option>
             </select>
+          ) : data.variable.value.variables[varName].type === 'Now' ? (
+            <div></div>
           ) : (
             <input
               id='outlined-adornment-weight'
@@ -127,23 +132,15 @@ const SetVarNode = ({ id, data }) => {
                 const updatedValue = event.target.value;
                 switch (data.variable.value.variables[varName].type) {
                   case 'String':
-                    // data.variables[varName].value = updatedValue.toString();
-                    // setVariableValue(updatedValue.toString());
                     setVariableNodeExpressionsVariable(id, varName, 'String', updatedValue.toString());
                     break;
                   case 'Select':
-                    // data.variables[varName].value = updatedValue.toString();
-                    // setVariableValue(updatedValue.toString());
                     setVariableNodeExpressionsVariable(id, varName, 'Select', updatedValue.toString());
                     break;
                   case 'Variable':
-                    // data.variables[varName].value = updatedValue.toString();
-                    // setVariableValue(updatedValue.toString());
                     setVariableNodeExpressionsVariable(id, varName, 'Variable', updatedValue.toString());
                     break;
                   case 'Number':
-                    // data.variables[varName].value = parseInt(updatedValue);
-                    // setVariableValue(parseInt(updatedValue));
                     setVariableNodeExpressionsVariable(id, varName, 'Number', parseInt(updatedValue));
                     break;
                 }
@@ -181,6 +178,7 @@ const SetVarNode = ({ id, data }) => {
           <option value='Variable'>Variable</option>
           <option value='Number'>Number</option>
           <option value='Boolean'>Boolean</option>
+          <option value='Now'>Now</option>
         </select>
       </div>
     );