Basic setting up a toolbar - useStoreEditorRef, useEventEditorId not exported?

[meri-leeworthy]

Hello :)

I'm trying to get going with Slate Plugins and looking at the source code given on the website to see how to set up a toolbar.

The docs code for live editors defines toolbars here:

export const ToolbarButtonsBasicElements = () => {
  const editor = useStoreEditorRef(useEventEditorId('focus'));

  return (
    <>
      <ToolbarElement
        type={getSlatePluginType(editor, ELEMENT_H1)}
        icon={<LooksOne />}
      />
      //... 
    </>)
}

There isn't documentation about the Toolbar plugin but there is example code on the website for Balloon Toolbar which has a similar pattern so I guess this is how I should use the plugin.

However, when I try to import useStoreEditorRef and useEventEditorId from @udecode/slate-plugins I get Typescript errors for both saying there is no such exported member, and my code won't compile.

I'm not sure if this is some kind of bug or if I am making a simple mistake. I would also love to see if there are more example projects using the plugins in this repo so I can understand how to use this tool! If anybody can help me on either point I'd be very grateful.

[meri-leeworthy]

Ok, I just needed to update Slate Plugins. Yarn installed alpha.25 by default I guess? So I put it up to next.39 and it's working :)

[zbeyens]

That's indeed confusing, I've just updated the next.39 to the latest tag