Global actions 

This page documents all the root level mutations powered by Global actions in the example-app API.

Action Result format 

Each API action returns results in the same format that includes a success indicator, errors, and the actual result if the action succeeded. The result is the record that was acted on for a model action, or a list of records for a bulk action, or a JSON blob for Global Actions. Model actions that delete the record don't return the record.

The success field returns a boolean indicating if the action executed as expected. Any execution errors are returned in the errors object, which will always be null if success is true or contain ExecutionError objects if success is false.

ExecutionError objects always have a message describing what error prevented the action from succeeding, as well as a code attribute that gives a stable, searchable, human-readable error class code for referencing this specific error. Details on each error code can be found in the Errors documentation. All ExecutionError object types returned by the GraphQL object can be one of many types of error, where some types have extra data that is useful for remedying the error. All error types will always have message and code properties, but some, like InvalidRecordError have extra fields for use by clients.

Errors when using the generated client 

The generated JavaScript client automatically interprets errors from invoking actions and throws JavaScript Error instances if the action didn't succeed. The Error objects it throws are rich, and expose extra error properties beyond just message and code if they exist.

Errors thrown by the JavaScript client are easiest to catch by using a try/catch statement around an await, like so:

1import {
2  GadgetOperationError,
3  InvalidRecordError,
4} from "@gadgetinc/api-client-core";
5
6// must be in an async function to use await` syntax
7export async function run({ api }) {
8  try {
9    return await api.exampleModel.create({ name: "example record name" });
10  } catch (error) {
11    if (error instanceof GadgetOperationError) {
12      // a recognized general error has occurred, retry the operation or inspect \error.code\`
13      console.error(error);
14    } else if (error instanceof InvalidRecordError) {
15      // the submitted input data for the action was invalid, inspect the invalid fields which \`InvalidRecordError\` exposes
16      console.error(error.validationErrors);
17    } else {
18      // an unrecognized error occurred like an HTTP connection interrupted error or a syntax error. Re-throw it because it's not clear what to do to fix it
19      throw error;
20    }
21  }
22}

1import {
2  GadgetOperationError,
3  InvalidRecordError,
4} from "@gadgetinc/api-client-core";
5
6// must be in an async function to use await` syntax
7export async function run({ api }) {
8  try {
9    return await api.exampleModel.create({ name: "example record name" });
10  } catch (error) {
11    if (error instanceof GadgetOperationError) {
12      // a recognized general error has occurred, retry the operation or inspect \error.code\`
13      console.error(error);
14    } else if (error instanceof InvalidRecordError) {
15      // the submitted input data for the action was invalid, inspect the invalid fields which \`InvalidRecordError\` exposes
16      console.error(error.validationErrors);
17    } else {
18      // an unrecognized error occurred like an HTTP connection interrupted error or a syntax error. Re-throw it because it's not clear what to do to fix it
19      throw error;
20    }
21  }
22}

For more information on error codes, consult the Errors documentation.

exampleGlobalAction 

const result = await api.exampleGlobalAction();

1const ExampleRunExampleGlobalActionComponent = () => {
2  const [{ data, error, fetching }, exampleGlobalAction] = useGlobalAction(api.exampleGlobalAction);
3
4  return (
5    <>
6      <button
7        onClick={async () => {
8          await exampleGlobalAction();
9        }}
10      >
11        Run Action
12      </button>
13      Result: {JSON.stringify(data)}
14    </>
15  );
16};

1mutation ExampleGlobalAction {
2  exampleGlobalAction {
3    success
4    errors {
5      message
6    }
7    result
8  }
9}

const result = await api.exampleGlobalAction();

1const ExampleRunExampleGlobalActionComponent = () => {
2  const [{ data, error, fetching }, exampleGlobalAction] = useGlobalAction(api.exampleGlobalAction);
3
4  return (
5    <>
6      <button
7        onClick={async () => {
8          await exampleGlobalAction();
9        }}
10      >
11        Run Action
12      </button>
13      Result: {JSON.stringify(data)}
14    </>
15  );
16};

Output 

exampleGlobalAction returns whatever data the effects within it produce.

type ExampleGlobalActionResult {
  success: Boolean!
  errors: [ExecutionError!]
  result: JSON
}

Returning data 

You can use a return statement to return data from a global action call.

export const run: ActionRun = async ({ api, logger }) => {
  return "Hello, World";
};

export const run: ActionRun = async ({ api, logger }) => {
  return "Hello, World";
};