Clean up insertion of custom element tag

[hasanhaja]

Problem

I'm currently swapping <tag> with <tag ref={wc}> for React. This is brittle if I want to introduce custom elements with attributes.

Todo

• Add better regex to match and insert ref without replacing the whole tag
• Add custom elements manifest analyzer to the project
• Programmatically insert attributes into the webc component (assuming one custom elements definition in the script)
• Consider auto-creating props file (or appending to it if it already exists)
• Generalize for n custom elements definition

Resources

https://custom-elements-manifest.open-wc.org/analyzer/getting-started/
https://dev.to/thepassle/reactifying-custom-elements-using-a-custom-elements-manifest-2e
https://github.com/thepassle/cem-plugin-reactify