Add a variable of type now() that gives current timestamp

Author: jsajal

src/components/molecules/flow/graph/compute/assertnode.js

@@ -14,9 +14,8 @@ class assertNode extends Node {
 
   getVariableValue(variable) {
     if (variable.type.toLowerCase() === 'variable') {
-      const varValue = this.envVariables[variable.value];
-      if (varValue) {
-        return varValue;
+      if (Object.prototype.hasOwnProperty.call(this.envVariables, variable.value)) {
+        return this.envVariables[variable.value];
       } else {
         throw Error(`Cannot find value of variable ${variable.value}`);
       }

src/components/molecules/flow/graph/compute/requestnode.js

@@ -20,16 +20,15 @@ class requestNode extends Node {
       ...this.envVariables,
       ...evalVariables,
     };
+    console.debug('Avialable variables: ', variablesDict);
 
     // step2 replace variables in url with value
     const finalUrl = computeVariables(this.nodeData.url, variablesDict);
+    console.debug('Evaluated Url: ', finalUrl);
 
     // step 3
     const options = this.formulateRequest(finalUrl, variablesDict);
 
-    console.debug('Avialable variables: ', variablesDict);
-    console.debug('Evaluated Url: ', finalUrl);
-
     const res = await this.runHttpRequest(options);
 
     if (res.error) {

src/components/molecules/flow/graph/compute/utils.js

@@ -1,16 +1,20 @@
 export const computeNodeVariable = (variable, prevNodeOutputData) => {
   if (variable.type.toLowerCase() === 'string') {
-    return variable.value;
+    return variable.value.toString();
   }
 
   if (variable.type.toLowerCase() === 'number') {
-    return variable.value;
+    return Number(variable.value);
   }
 
-  if (variable.type.toLowerCase() === 'bool') {
+  if (variable.type.toLowerCase() === 'boolean') {
     return Boolean(variable.value);
   }
 
+  if (variable.type.toLowerCase() === 'now') {
+    return Date.now();
+  }
+
   if (variable.type.toLowerCase() === 'select') {
     try {
       if (prevNodeOutputData == undefined || Object.keys(prevNodeOutputData).length === 0) {
@@ -61,8 +65,8 @@ export const computeVariables = (str, variablesDict) => {
   if (foundRegex) {
     const match = str.match(/{{([^}]+)}}/);
     if (variablesDict) {
-      const varValue = variablesDict[`${match[1]}`];
-      if (varValue) {
+      if (Object.prototype.hasOwnProperty.call(variablesDict, match[1])) {
+        const varValue = variablesDict[`${match[1]}`];
         return computeVariables(str.replaceAll(match[0], varValue), variablesDict);
       } else {
         throw Error(`Cannot find value of variable ${match[1]}`);

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

@@ -68,6 +68,8 @@ const RequestNode = ({ id, data }) => {
                     <option value='true'>True</option>
                     <option value='false'>False</option>
                   </select>
+                ) : variables[id].type === 'Now' ? (
+                  <div></div>
                 ) : (
                   <input
                     type={getInputType(variables[id].type)}

src/components/molecules/modals/flow/AddVariableModal.js

@@ -20,6 +20,10 @@ const variableTypes = [
     value: 'Boolean',
     label: 'Boolean',
   },
+  {
+    value: 'Now',
+    label: 'Now',
+  },
 ];
 
 const AddVariableModal = ({ closeFn = () => null, open = false, modalType, onVariableAdd }) => {
@@ -57,7 +61,7 @@ const AddVariableModal = ({ closeFn = () => null, open = false, modalType, onVar
                   as='h3'
                   className='pb-4 text-lg font-semibold text-center text-gray-900 border-b border-neutral-300'
                 >
-                  Create a new variable for request node
+                  Create a new variable
                 </Dialog.Title>
                 <div className='mt-6 flex w-24 min-w-[40vw] items-center justify-center rounded-md border border-neutral-500 text-sm text-neutral-500 outline-0 focus:ring-0'>
                   <input