@processmaker/screen-builder 3.8.7 → 3.8.9

package/src/mixins/extensions/FormDynamicPanel.js

@@ -0,0 +1,71 @@
+export default {
+  props: {
+    configRef: null,
+    loopContext: null
+  },
+  data() {
+    return {
+    };
+  },
+  methods: {
+    loadFormDynamicPanelProperties({ properties, element }) {
+      const variableName = element.config.settings.varname;
+      const index = element.config.settings.indexName;
+
+      // Add itemData to the properties of FormDynamicPanel
+      properties[':itemData'] = `${variableName} && ${variableName}[${index}]`;
+      
+      // Add emptyStateMessage property if configured
+      if (element.config.settings.emptyStateMessage) {
+        properties[':emptyStateMessage'] = this.byRef(element.config.settings.emptyStateMessage);
+      }
+      
+      // Add validationData for Mustache processing
+      properties[':validationData'] = 'getValidationData()';
+      
+      this.registerVariable(element.config.settings.varname, element);
+    },
+    loadFormDynamicPanelItems({ element, node, definition }) {
+      const nested = {
+        config: [
+          {
+            items: element.items,
+          }
+        ],
+        watchers: [], 
+        isMobile: false
+      };
+
+
+      const variableName = element.config.settings.varname;
+      const index = element.config.settings.indexName;
+
+      // Add nested component inside dynamic panel
+      const child = this.createComponent("ScreenRenderer", {
+        ":definition": this.byRef(nested),
+        ":value": `${variableName} && ${variableName}[${index}]`,
+        ":loop-context": `'${variableName} && ${variableName}[${index}]'`,
+        ":_parent": "getValidationData()",
+        ":components": this.byRef(this.components),
+        ":config-ref": this.byRef(this.configRef || definition.config),
+        "@submit": "submitForm"
+      });
+      node.appendChild(child);
+    }
+  },
+  mounted() {
+    // Convert the FormDynamicPanel to a div
+    this.extensions.push({
+      onloadproperties(params) {
+        if (params.element.container && params.componentName === "FormDynamicPanel") {
+          this.loadFormDynamicPanelProperties(params);
+        }
+      },
+      onloaditems(params) {
+        if (params.element.container && params.componentName === "FormDynamicPanel") {
+          this.loadFormDynamicPanelItems(params);
+        }
+      }
+    });
+  }
+};

package/src/workers/worker.js

@@ -0,0 +1,66 @@
+// worker.js
+import { parse } from 'flatted';
+
+self.onmessage = async function (e) {
+  const { fn, dataRefs } = e.data;
+  const { data, scope, parent } = parse(dataRefs);
+
+  try {
+    // Validate inputs
+    if (!fn || typeof fn !== 'string') {
+      throw new Error('Function code must be a string');
+    }
+
+    // Check if the code is asynchronous
+    const isAsync = detectAsyncCode(fn);
+
+    // If the code contains await, wrap it in an async function
+    const functionBody = isAsync
+      ? `return (async () => { ${fn} })();`
+      : fn;
+
+    // Use Function constructor with explicit parameter and body
+    // eslint-disable-next-line no-new-func
+    const userFunc = new Function('data', 'parent', functionBody);
+    const result = isAsync ? await userFunc.apply(scope, [data, parent]) : userFunc.apply(scope, [data, parent]);
+
+    self.postMessage({ result });
+  } catch (error) {
+    console.error('❌ Error executing handler:', error);
+
+    self.postMessage({
+      error: error.message || error.toString(),
+      stack: error.stack
+    });
+  }
+};
+
+function detectAsyncCode(code) {
+  // Remove comments and strings to avoid false positives
+  const cleanCode = code
+    .replace(/\/\*[\s\S]*?\*\//g, '') // Remove block comments
+    .replace(/\/\/.*$/gm, '') // Remove line comments
+    .replace(/"[^"]*"/g, '""') // Replace string content
+    .replace(/'[^']*'/g, "''") // Replace string content
+    .replace(/`[^`]*`/g, '``'); // Replace template literals
+
+  // Check for async patterns
+  const asyncPatterns = [
+    /\bawait\b/, // await keyword
+    /\bPromise\b/, // Promise constructor
+    /\bfetch\b/, // fetch API
+    /\bsetTimeout\b/, // setTimeout
+    /\bsetInterval\b/, // setInterval
+    /\brequestAnimationFrame\b/, // requestAnimationFrame
+    /\brequestIdleCallback\b/, // requestIdleCallback
+    /\bnew\s+Promise/, // new Promise
+    /\b\.then\s*\(/, // .then() method
+    /\b\.catch\s*\(/, // .catch() method
+    /\b\.finally\s*\(/, // .finally() method
+    /\bPromise\./, // Promise static methods
+    /\basync\b/, // async keyword (in case it's used)
+  ];
+
+  // Check if any async pattern is found
+  return asyncPatterns.some((pattern) => pattern.test(cleanCode));
+}