feat: add $index path in loopData keyword

src/background/workflow-engine/blocks-handler/handler-loop-data.js

@@ -6,18 +6,22 @@ function loopData(block) {
     const nextBlockId = getBlockConnection(block);
 
     if (this.loopList[data.loopId]) {
-      this.loopList[data.loopId].index += 1;
+      const index = this.loopList[data.loopId].index + 1;
+
+      this.loopList[data.loopId].index = index;
 
       let currentLoopData;
 
       if (data.loopThrough === 'numbers') {
         currentLoopData = this.referenceData.loopData[data.loopId] + 1;
       } else {
-        currentLoopData =
-          this.loopList[data.loopId].data[this.loopList[data.loopId].index];
+        currentLoopData = this.loopList[data.loopId].data[index];
       }
 
-      this.referenceData.loopData[data.loopId] = currentLoopData;
+      this.referenceData.loopData[data.loopId] = {
+        data: currentLoopData,
+        $index: index,
+      };
     } else {
       let currLoopData;
 
@@ -57,7 +61,11 @@ function loopData(block) {
             : data.maxLoop || currLoopData.length,
       };
       /* eslint-disable-next-line */
-      this.referenceData.loopData[data.loopId] = data.loopThrough === 'numbers' ? data.fromNumber : currLoopData[0];
+      this.referenceData.loopData[data.loopId] = {
+        data:
+          data.loopThrough === 'numbers' ? data.fromNumber : currLoopData[0],
+        $index: 0,
+      };
     }
 
     resolve({

src/newtab/pages/Workflows.vue

@@ -31,7 +31,7 @@
       </div>
       <ui-button
         tag="a"
-        href="https://automa.vercel.app/workflows"
+        href="https://automa.site/workflows"
         target="_blank"
         class="inline-block relative"
         @click="browseWorkflow"

src/utils/reference-data/key-parser.js

@@ -11,7 +11,16 @@ export default function (key) {
 
   dataKey = objectHasKey(refKeys, dataKey) ? refKeys[dataKey] : dataKey;
 
-  if (dataKey !== 'dataColumns') return { dataKey, path: path || '' };
+  if (dataKey !== 'dataColumns') {
+    if (dataKey === 'loopData' && !path.endsWith('.$index')) {
+      const pathArr = path.split('.');
+      pathArr.splice(1, 0, 'data');
+
+      path = pathArr.join('.');
+    }
+
+    return { dataKey, path: path || '' };
+  }
 
   const pathArr = path?.split('.') ?? [];
   let dataPath = path;