Separate ui and logic in plate headless components

[Armanio]

Hello!

I'm using Plate as a headless editor to create my own WYSIWYG editor.
I'm using mui for the build toolbar, but when installing the @udecode/plate-basic-marks package I get too many external packages like @radix-ui/react-slot or clsx
This problem is not limited to the basic-marks package - plate-link installs even more packages:
@udecode#plate-link#@udecode#plate-floating#@radix-ui#react-dropdown-menu#@radix-ui#react-menu#@radix-ui#react-dismissable-layer

My suggestion:
I suggest separating the UI packages from the plate logic for more flexibility
this reduces the size of the node_modules folder, reduces build time

Thanks for reading.

PS: sorry for my bad English, it's not my native language - feel free to correct me or edit the problem text.

[12joan]

Most of Plate's UI has already been decoupled from the packages and is available separately for those who want to use it. Like yourself, I prefer to build the UI by hand. 🙂

It looks like there are indeed a few places where @radix-ui/react-slot, clsx and @radix-ui/react-dropdown-menu are used in Plate's packages, but these are the exception rather than the rule.

@radix-ui/react-slot can probably be replaced with a pure React solution in the few places where it's used.

clsx is only 556 bytes, so is not worth removing.

@radix-ui/react-dropdown-menu is re-exported from @udecode/plate-floating, but this export seems to be unused elsewhere in Plate's code, so it can be removed.

Please feel free to make a PR with these changes if the build time is being seriously affected for you.

[zbeyens]

I have removed@radix-ui/react-dropdown-menu from dependencies: #2777

Note that @radix-ui/react-slot and clsx are exported by @udecode/plate-utils. One way to not install these is to only use @udecode/plate-core.

[Armanio]

Thx @zbeyens!
After bump plate-link to v26.0.4 my node_modules size reduced from 540mb to 538mb (-2mb)!