feat: Add Cloud Function execution on Parse Object in data browser

src/components/BrowserCell/BrowserCell.react.js

@@ -15,7 +15,6 @@ import React, { Component } from 'react';
 import styles from 'components/BrowserCell/BrowserCell.scss';
 import baseStyles from 'stylesheets/base.scss';
 import * as ColumnPreferences from 'lib/ColumnPreferences';
-
 export default class BrowserCell extends Component {
  constructor() {
  super();
@@ -276,6 +275,29 @@ export default class BrowserCell extends Component {
  });
  }
 
+ const validScripts = (this.props.scripts || []).filter(script => script.classes?.includes(this.props.className));
+ if (validScripts.length) {
+ onEditSelectedRow && contextMenuOptions.push({
+ text: 'Scripts',
+ items: validScripts.map(script => {
+ return {
+ text: script.title,
+ callback: async () => {
+ try {
+ const object = Parse.Object.extend(this.props.className).createWithoutData(this.props.objectId);
+ await Parse.Cloud.run(script.cloudCodeFunction, {object: object.toPointer()}, {useMasterKey: true});
+ this.props.showNote(`${script.title} ran with object ${object.id}}`);
+ this.props.onRefresh();
+ } catch (e) {
+ this.props.showNote(e.message, true);
+ console.log(`Could not run ${script.title}: ${e}`);
+ }
+ }
+ }
+ })
+ });
+ }
+
  return contextMenuOptions;
  }
 

src/components/BrowserRow/BrowserRow.react.js

@@ -100,7 +100,11 @@ export default class BrowserRow extends Component {
  markRequiredFieldRow={markRequiredFieldRow}
  setCopyableValue={setCopyableValue}
  setContextMenu={setContextMenu}
- onEditSelectedRow={onEditSelectedRow} />
+ onEditSelectedRow={onEditSelectedRow}
+ showNote={this.props.showNote}
+ onRefresh={this.props.onRefresh}
+ scripts={this.props.scripts}
+ />
  );
  })}
  </div>

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

@@ -155,6 +155,9 @@ export default class BrowserTable extends React.Component {
  setContextMenu={this.props.setContextMenu}
  onEditSelectedRow={this.props.onEditSelectedRow}
  markRequiredFieldRow={this.props.markRequiredFieldRow}
+ showNote={this.props.showNote}
+ onRefresh={this.props.onRefresh}
+ scripts={this.context.scripts}
  />
  <Button
  value="Clone"
@@ -207,6 +210,9 @@ export default class BrowserTable extends React.Component {
  setContextMenu={this.props.setContextMenu}
  onEditSelectedRow={this.props.onEditSelectedRow}
  markRequiredFieldRow={this.props.markRequiredFieldRow}
+ showNote={this.props.showNote}
+ onRefresh={this.props.onRefresh}
+ scripts={this.context.scripts}
  />
  <Button
  value="Add"
@@ -263,7 +269,11 @@ export default class BrowserTable extends React.Component {
  setRelation={this.props.setRelation}
  setCopyableValue={this.props.setCopyableValue}
  setContextMenu={this.props.setContextMenu}
- onEditSelectedRow={this.props.onEditSelectedRow} />
+ onEditSelectedRow={this.props.onEditSelectedRow}
+ showNote={this.props.showNote}
+ onRefresh={this.props.onRefresh}
+ scripts={this.context.scripts}
+ />
  }
 
  if (this.props.editing) {

src/lib/ParseApp.js

@@ -44,7 +44,8 @@ export default class ParseApp {
  supportedPushLocales,
  preventSchemaEdits,
  graphQLServerURL,
- columnPreference
+ columnPreference,
+ scripts
  }) {
  this.name = appName;
  this.createdAt = created_at ? new Date(created_at) : new Date();
@@ -71,6 +72,7 @@ export default class ParseApp {
  this.preventSchemaEdits = preventSchemaEdits || false;
  this.graphQLServerURL = graphQLServerURL;
  this.columnPreference = columnPreference;
+ this.scripts = scripts;
 
  if(!supportedPushLocales) {
  console.warn('Missing push locales for \'' + appName + '\', see this link for details on setting localizations up. https://github.com/parse-community/parse-dashboard#configuring-localized-push-notifications');