Expose editor in the Math.configure

[benzend]

Description

Need editor to be accessible within the Math.configuration object.

Thinking something like:

Math.configure((editor) => ({
   // config
}))

or

Math.configure({
  inlineOptions: {
    onClick: (node, pos, editor) => {
      // some functionality
    }
  }
})

Use Case

When using NextJS, with my editor example configuration below, I don't get access to the editor object.

  const editor = useEditor({
    extensions: [
      // ... other extensions ...
      Mathematics.configure({
        inlineOptions: {
          onClick: (node, pos) => {
            handleMathAction(node, pos, 'inline');
          },
        },
      }),
    ],
    shouldRerenderOnTransaction: true,
    immediatelyRender: false,
  });

  // tried wrapping in a useCallback to see if it would help (it doesn't which makes sense)
  const handleMathAction = useCallback((node: Node, pos: number, _type: 'block' | 'inline') => {
    const katex = prompt('Enter new calculation:', node.attrs.latex);

    if (katex && editor) {
      let ref = editor.chain().setNodeSelection(pos);

      if (_type === 'block') {
        ref.updateBlockMath({ latex: katex });
      } else {
        ref.updateInlineMath({ latex: katex });
      }

      ref.focus().run();
    }

  }, [editor]);

I'm thinking that using a callback would allow editor to be passed through when the onClick happens, that way we're avoiding the initializer issue

Type

Other