Entity callbacks

When working with an entity, you can attach different callbacks before and after it gets saved or fetched: onFetch, onIdUpdate, onPreSave, onSaveSuccess and onSaveFailure.

These callbacks are defined at the collection level under the prop callbacks.

This is useful if you need to add some logic or edit some fields or the entity IF before/after saving or deleting entities.

Most callbacks are asynchronous.

note

You can stop the execution of these callbacks by throwing an Error containing a string and an error snackbar will be displayed.

import {
    toSnakeCase,
    buildCollection,
    buildEntityCallbacks,
    EntityOnDeleteProps,
    EntityOnSaveProps
} from "@camberi/firecms";

type Product = {
    name: string;
    uppercase_name: string;
}

const productCallbacks = buildEntityCallbacks({
    onPreSave: ({
                    collection,
                    path,
                    entityId,
                    values,
                    status
                }) => {
        // return the updated values
        values.uppercase_name = values.name?.toUpperCase();
        return values;
    },

    onSaveSuccess: (props: EntityOnSaveProps<Product>) => {
        console.log("onSaveSuccess", props);
    },

    onSaveFailure: (props: EntityOnSaveProps<Product>) => {
        console.log("onSaveFailure", props);
    },

    onPreDelete: ({
                      collection,
                      path,
                      entityId,
                      entity,
                      context
                  }: EntityOnDeleteProps<Product>
    ) => {
        if (context.authController.user)
            throw Error("Product deletion not allowed");
    },

    onDelete: (props: EntityOnDeleteProps<Product>) => {
        console.log("onDelete", props);
    },

    onFetch({
                collection,
                context,
                entity,
                path,
            }: EntityOnFetchProps) {
        entity.values.name = "Forced name";
        return entity;
    },

    onIdUpdate({
                   collection,
                   context,
                   entityId,
                   path,
                   values
               }: EntityIdUpdateProps): string {
        // return the desired ID
        return toSnakeCase(values?.name)
    },
});


const productCollection = buildCollection<Product>({
    name: "Product",
    path: "products",
    properties: {
        name: {
            name: "Name",
            validation: { required: true },
            dataType: "string"
        },
        uppercase_name: {
            name: "Uppercase Name",
            dataType: "string",
            disabled: true,
            description: "This field gets updated with a preSave callback"
        }
    },
    callbacks: productCallbacks
});

EntityOnSaveProps

• collection: Resolved collection of the entity

• path: string Full path where this entity is being saved

• entityId: string ID of the entity

• values: EntityValues Values being saved

• status: EntityStatus New or existing entity

• context: FireCMSContext Context of the app status

EntityOnDeleteProps

• collection: Resolved collection of the entity

• path: string Full path where this entity is being saved

• entityId: string ID of the entity

• entity: Entity Deleted entity

• context: FireCMSContext Context of the app status

EntityIdUpdateProps

• collection: EntityCollection Resolved collection of the entity

• path: string Full path where this entity is being saved

• entityId: string ID of the entity

• values: Entity values

• context: FireCMSContext Context of the app status