refactor: reference data

src/background/workflow-engine/engine.js

@@ -240,7 +240,11 @@ class WorkflowEngine {
       return;
     }
 
-    const replacedBlock = referenceData({ block, data: this.referenceData });
+    const replacedBlock = referenceData({
+      block,
+      data: this.referenceData,
+      refKeys: tasks[block.name].refDataKeys,
+    });
     const blockDelay = this.workflow.settings?.blockDelay || 0;
 
     try {

src/newtab/pages/workflows/[id].vue

@@ -365,7 +365,6 @@ function renameWorkflow() {
 provide('workflow', {
   data: workflow,
   updateWorkflow,
-  /* eslint-disable-next-line */
   showDataColumnsModal: (show = true) => {
     state.showModal = show;
     state.modalName = 'data-columns';
@@ -375,6 +374,7 @@ provide('workflow', {
 onBeforeRouteLeave(() => {
   if (!state.isDataChanged) return;
 
+  /* eslint-disable-next-line */
   const answer = window.confirm(t('message.notSaved'));
 
   if (!answer) return false;

src/utils/reference-data/index.js

@@ -32,24 +32,13 @@ export const funcs = {
   },
 };
 
-export default function ({ block, data: refData }) {
-  const replaceKeys = [
-    'url',
-    'name',
-    'body',
-    'value',
-    'fileName',
-    'selector',
-    'prefixText',
-    'customData',
-    'globalData',
-    'suffixText',
-    'extraRowValue',
-  ];
+export default function ({ block, refKeys, data: refData }) {
+  if (!refKeys || refKeys.length === 0) return block;
+
   let replacedBlock = { ...block };
   const data = Object.assign(refData, { funcs });
 
-  replaceKeys.forEach((blockDataKey) => {
+  refKeys.forEach((blockDataKey) => {
     if (!objectHasKey(block.data, blockDataKey)) return;
 
     const newDataValue = mustacheReplacer({

src/utils/shared.js

@@ -14,6 +14,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['url'],
     data: {
       description: '',
       type: 'manual',
@@ -39,6 +40,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['globalData'],
     data: {
       workflowId: '',
       globalData: '',
@@ -68,6 +70,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['url'],
     data: {
       description: '',
       url: '',
@@ -148,6 +151,7 @@ export const tasks = {
     outputs: 1,
     maxConnection: 1,
     allowedInputs: true,
+    refDataKeys: ['url'],
     data: {
       url: '',
       activeTab: true,
@@ -166,6 +170,7 @@ export const tasks = {
     outputs: 1,
     maxConnection: 1,
     allowedInputs: true,
+    refDataKeys: ['fileName'],
     data: {
       fileName: '',
       ext: 'png',
@@ -186,6 +191,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -220,6 +226,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector', 'prefixText', 'suffixText', 'extraRowValue'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -247,6 +254,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['name'],
     data: {
       name: '',
       refKey: '',
@@ -265,6 +273,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -290,6 +299,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -309,6 +319,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector', 'attributeName', 'extraRowValue'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -334,6 +345,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector', 'value'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -407,6 +419,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       description: '',
       findBy: 'cssSelector',
@@ -430,6 +443,7 @@ export const tasks = {
     docs: true,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['customData'],
     data: {
       range: '',
       refKey: '',
@@ -469,6 +483,7 @@ export const tasks = {
     outputs: 2,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       findBy: 'cssSelector',
       selector: '',
@@ -488,6 +503,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['body', 'url'],
     data: {
       description: '',
       url: '',
@@ -508,6 +524,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['loopData'],
     data: {
       loopId: '',
       maxLoop: 0,
@@ -562,6 +579,7 @@ export const tasks = {
     outputs: 1,
     allowedInputs: true,
     maxConnection: 1,
+    refDataKeys: ['selector'],
     data: {
       findBy: 'cssSelector',
       selector: '',