Since then, I never made time to migrate this to the new control renderer syntax or make it IDE independent. So, I was more than happy when robin.vanhethof reached out to me about the control generator. He really triggered me to give it second life and make a third version.
This time I did not want to have something that depends on any specific IDE. I wanted to follow the strategy of the UI5 tooling to make it IDE independent. As a solution I came up with an NPM package (VSCode plugin would be an option but would not be as open as NPM).
Install it as a npm dev dependency into your project:
npm install --save-dev ui5-control-generator
Provide any html file in your project and run the following script in your project from in a terminal or create a npm script:
After running the script, you have the control files generated in the same folder as the html file. For TypeScript you will also have to run ‘@ui5/ts-interface-generator’ for generating the types of the control: