Avoid send the full array of items when not edited using a property to know it status

[RPdvtPT]

Take a look at this collection, its a Livenews object, that can have several posts:

import type { CollectionConfig } from 'payload'

const Livenews: CollectionConfig = {
  slug: 'livenews',
  fields: [
    {
      name: 'title',
      type: 'text',
      required: true,
    },
    {
      name: 'posts',
      type: 'array',
      admin: {
        disabled: false,
        readOnly: false,
      },
      fields: [
        {
          name: 'title',
          type: 'text',
        },
        {
          name: 'url',
          type: 'text',
        },
        {
          name: 'date',
          type: 'date',
          defaultValue: () => new Date().toISOString()
        },
        {
          name: 'body',
          type: 'textarea'
        }
      ],
    },
  ],
}

export default Livenews

If I've a list of 300 livenews posts, everytime that the livenews object is saved (or autosaved), the posts object will have 300 items, it would be nice to have a hidden property with 3 states (created, updated, deleted), and only send in the POST request those with this property:

• created/updated: send the specific array object (ex: { _status: 'updated', ...otherObjectProps })
• deleted: since it's supposed to be deleted, the only necessary property is the control one (ex: { _status: 'delete' })

If 2 livenews posts where updated, 1 created and another 1 deleted, the array of livenews posts would send just 4 items in the POST request, instead of the 300 items.

The same could be done when changing the items order, and leaving the properties untouched (ex: { _sorted: 23 })