feat: Add optional restriction of script execution to certain object …

…fields and values (#2488)

README.md

@@ -398,6 +398,31 @@ You can specify scripts to execute Cloud Functions with the `scripts` option:
 ]
 ```
 
+You can also specify custom fields with the `scrips` option:
+
+```json
+"apps": [
+ {
+ "scripts": [
+ {
+ "title": "Delete account",
+ "classes": [
+ {
+ "name": "_User",
+ "fields": [
+ { "name": "createdAt", "validator": "value => value > new Date(\"2025\")" }
+ ]
+ }
+ ],
+ "cloudCodeFunction": "deleteAccount"
+ }
+ ]
+ }
+]
+
+```
+
+
 Next, define the Cloud Function in Parse Server that will be called. The object that has been selected in the data browser will be made available as a request parameter:
 
 ```js

src/components/BrowserCell/BrowserCell.react.js

@@ -336,23 +336,48 @@ export default class BrowserCell extends Component {
  });
  }
 
- const { className, objectId } = this.props;
- const validScripts = (this.props.scripts || []).filter(script =>
- script.classes?.includes(this.props.className)
- );
+ const { className, objectId, field, scripts = [], rowValue } = this.props;
+ let validator = null;
+ const validScripts = (scripts || []).filter(script => {
+ if (script.classes?.includes(className)) {
+ return true;
+ }
+ for (const script of script?.classes || []) {
+ if (script?.name !== className) {
+ continue;
+ }
+ const fields = script?.fields || [];
+ if (script?.fields.includes(field) || script?.fields.includes('*')) {
+ return true;
+ }
+ for (const currentField of fields) {
+ if (Object.prototype.toString.call(currentField) === '[object Object]') {
+ if (currentField.name === field) {
+ if (typeof currentField.validator === 'string') {
+ validator = eval(currentField.validator);
+ } else {
+ validator = currentField.validator;
+ }
+ return true;
+ }
+ }
+ }
+ }
+ });
  if (validScripts.length) {
  onEditSelectedRow &&
  contextMenuOptions.push({
  text: 'Scripts',
  items: validScripts.map(script => {
  return {
  text: script.title,
+ disabled: validator?.(rowValue, field) === false,
  callback: () => {
  this.selectedScript = { ...script, className, objectId };
  if (script.showConfirmationDialog) {
  this.toggleConfirmationDialog();
  } else {
- this.executeSript(script);
+ this.executeScript(script);
  }
  },
  };
@@ -363,7 +388,7 @@ export default class BrowserCell extends Component {
  return contextMenuOptions;
  }
 
- async executeSript(script) {
+ async executeScript(script) {
  try {
  const object = Parse.Object.extend(this.props.className).createWithoutData(
  this.props.objectId

src/components/BrowserRow/BrowserRow.react.js

@@ -31,6 +31,7 @@ export default class BrowserRow extends Component {
  order,
  readOnlyFields,
  row,
+ rowValue,
  rowWidth,
  selection,
  selectRow,
@@ -122,6 +123,7 @@ export default class BrowserRow extends Component {
  className={className}
  field={name}
  row={row}
+ rowValue={rowValue}
  col={j}
  type={type}
  readonly={isUnique || readOnlyFields.indexOf(name) > -1}

src/components/ContextMenu/ContextMenu.react.js

@@ -71,7 +71,11 @@ const MenuSection = ({ level, items, path, setPath, hide }) => {
  <li
  key={`menu-section-${level}-${index}`}
  className={styles.option}
+ style={item.disabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}}
  onClick={() => {
+ if (item.disabled === true) {
+ return;
+ }
  item.callback && item.callback();
  hide();
  }}

src/dashboard/Data/Browser/BrowserTable.react.js

@@ -155,6 +155,7 @@ export default class BrowserTable extends React.Component {
  order={this.props.order}
  readOnlyFields={READ_ONLY}
  row={index}
+ rowValue={this.props.data[index]}
  rowWidth={rowWidth}
  selection={this.props.selection}
  selectRow={this.props.selectRow}
@@ -310,6 +311,7 @@ export default class BrowserTable extends React.Component {
  order={this.props.order}
  readOnlyFields={READ_ONLY}
  row={i}
+ rowValue={this.props.data[i]}
  rowWidth={rowWidth}
  selection={this.props.selection}
  selectRow={this.props.selectRow}