Frontmatter editor / PropertyGrid control as a standalone/reusable React component

[vadimkantorov]

I'm building a super-simple, single-html-file in-browser Markdown post editor (based on Facebook Lexical) which uses GitHub API for loading / storing markdown files and images. This allows the whole editor to be bundlable into a single HTML file - copy-deployable to GitHub Pages blogs or even runnable locally from file:///

For now I've rolled up a primitive string-only editor of front matter. Of course, it would be nicer to reuse typed editor of vscode-front-matter. Is this component available for reuse in third-party React-based projects?

Thank you!

---

Otherwise, here is my project https://vadimkantorov.github.io/moncms (code at https://github.com/vadimkantorov/moncms). I think, this way of bundling and deployment would be very useful for vscode-front-matter too - you already did the heavy-lifting of building a slick front-matter editor.

It currently looks as follows:

[estruyf]

@vadimkantorov recently I created a project to recreate the web components of VS Code in React (as the VS Code Toolkit got deprecated). You can check it out here: https://www.npmjs.com/package/vscrui

[vadimkantorov]

Oh, great. Thanks for the pointer!

It appears that this project has the low-level controls, right? I'm looking for a higher-level PropertyGrid / FrontMatter Editor part of vscode-front-matter, like in the screenshot:

Are you planning to open-source this somewhat generic object-editor high-level control?

I guess if you have in mind running this frontmatter editor in browser, it would be very useful in any sort of markdown editor / CMS-kind project, and you can also go in the direction of my moncms - have it a variant running without any server / installation, just as HTML app, talking directly to GitHub API for file I/O.