feat: set_item action: optionally target an index or id

packages/data-models/flowTypes.ts

@@ -389,9 +389,11 @@ export namespace FlowTypes {
     "pop_up",
     "process_template",
     "reset_app",
+    "reset_data",
     "save_to_device",
     "set_field",
     "set_item",
+    "set_item_at_index",
     "set_items",
     "set_local",
     "share",

src/app/shared/components/template/components/data-items/data-items.component.ts

@@ -80,6 +80,14 @@ export class TmplDataItemsComponent extends TemplateBaseComponent implements OnD
     // TODO - deep diff and only update changed
     this.itemRows = replacedActionRows;
     this.cdr.markForCheck();
+    // Without this second check, and without the delay, templates nested inside data-items loops do not render.
+    // There must be some async process somewhere but I'm not sure what it is
+    await new Promise<void>((resolve) => {
+      setTimeout(() => {
+        resolve();
+      }, 500);
+    });
+    this.cdr.markForCheck();
   }
 
   /**
@@ -103,6 +111,11 @@ export class TmplDataItemsComponent extends TemplateBaseComponent implements OnD
             // for each individual item (default will be just to pick the first)
             a.args = [this.dataListName, Object.values(dataList).map((v) => v.id)];
           }
+          if (a.action_id === "set_item_at_index") {
+            const row_ids = Object.values(dataList).map((v) => v.id);
+            const currentItemIndex = row_ids.indexOf(r._evalContext.itemContext.id);
+            a.args = a.args.concat([this.dataListName, currentItemIndex, row_ids]);
+          }
           return a;
         });
       }

src/app/shared/services/dynamic-data/dynamic-data.service.ts

@@ -6,7 +6,7 @@ import { FlowTypes } from "data-models";
 import { environment } from "src/environments/environment";
 import { AppDataService } from "../data/app-data.service";
 import { AsyncServiceBase } from "../asyncService.base";
-import { arrayToHashmap, deepMergeObjects } from "../../utils";
+import { arrayToHashmap, deepMergeObjects, evaluateJSExpression } from "../../utils";
 import { PersistedMemoryAdapter } from "./adapters/persistedMemory";
 import { ReactiveMemoryAdapater, REACTIVE_SCHEMA_BASE } from "./adapters/reactiveMemory";
 import { TemplateActionRegistry } from "../../components/template/services/instance/template-action.registry";
@@ -70,13 +70,27 @@ export class DynamicDataService extends AsyncServiceBase {
         const [flow_name, row_id] = args;
         await this.update("data_list", flow_name, row_id, params);
       },
+      set_item_at_index: async ({ args, params }) => {
+        const [targetIndexString, flow_name, currentItemIndex, row_ids] = args;
+        const targetIndex = this.evaluateItemIndexString(targetIndexString, currentItemIndex);
+        const targetRowId = row_ids[targetIndex];
+        if (targetRowId) {
+          await this.update("data_list", flow_name, targetRowId, params);
+        } else {
+          console.warn(`[SET ITEM AT INDEX] - No item at index ${targetIndex}`);
+        }
+      },
       set_items: async ({ args, params }) => {
         const [flow_name, row_ids] = args;
         // Hack, no current method for bulk update so make successive (changes debounced in component)
         for (const row_id of row_ids) {
           await this.update("data_list", flow_name, row_id, params);
         }
       },
+      // "Reset" the data of a given data list by removing its dynamic user overwrites
+      reset_data: async ({ args }) => {
+        this.resetFlow("data_list", args[0]);
+      },
     });
   }
 
@@ -223,4 +237,18 @@ export class DynamicDataService extends AsyncServiceBase {
     }
     return schema;
   }
+
+  evaluateItemIndexString(targetIndexString: string, currentIndex: number) {
+    if (isNaN(Number(targetIndexString))) {
+      try {
+        // HACK use keyword "item_index" to refer to index of current item in loop
+        const jsExpression = targetIndexString.replace("item_index", currentIndex.toString());
+        return evaluateJSExpression(jsExpression);
+      } catch {
+        console.error(`[SET ITEM AT INDEX] - Invalid index selector, "${targetIndexString}"`);
+      }
+    } else {
+      return Number(targetIndexString);
+    }
+  }
 }