[idea] Render a visual preview of the snippet

[oliviertassinari]

For instance:

[jedwards1211]

Yeah that would be cool. I'm pretty swamped with other stuff at the moment, but I'd like to implement this eventually!

[oliviertassinari]

There is a related issue opened for icons: mui/material-ui#19697.

[arpitBhalla]

Hey @jedwards1211 I can work on it, if you say

material-ui-snippets/src/extension.ts

Line 205 in c9ee8a6

completion.documentation = new vscode.MarkdownString(description)

[jedwards1211]

@oliviertassinari since a lot of the snippets allow you to select the variant it seems like the previews should show all variants, right?
There should probably be a way for the snippet to declare other defaults to use for previews...

[jedwards1211]

I've been slowly working on this. I finally got all the snippets migrated to a JSX-based declaration system I engineered, so that I'm just a few steps away from actually rendering visual previews.

[oliviertassinari]

Should we migrate this issue to https://github.com/vscodeshift/mui-snippets? If I understand it correctly, this repository is meant to be legacy.

[jedwards1211]

Yeah that's right. Since y'all were renaming the package scope from @material-ui to @mui I thought mui-snippets would be a good name for the new repo. The fact that MUI was intended to encompass more than Material UI totally went over my head.