Editor operation checks within onChange?

[mstelz]

Within the onChange of the PlateProvider I am executing save operations, but I don't want to fire a save operation on a selection change only.

How can I go about getting the editor instance within the onChange so that I can include some code to filter by operation?

<PlateProvider
  plugins={plugins}
  initialValue={props?.initialValue ?? undefined}
  onChange={(newValue) => {
    if (props.autoSave?.enabled) {
      // Do not save or serialize if only selection changes
      if (editor.operations.filter((op) => op.type !== "set_selection").length > 0) {
        save(newValue);
      }
    }
  }}
>

[12joan]

Use one of the approaches here: https://platejs.org/docs/accessing-editor

[mstelz]

Ah perfect, I missed the Behavioral Plugins section on the custom plugins page

[12joan]

@zbeyens An onAstChange prop would be useful to simplify this

[zbeyens]

True, it would actually fit better to Slate @dylans.

We could keep the current onChange and introduce onValueChange and onSelectionChange.