Making a H5P Content Type is very easy
Actually much easier than I thought it would be. I just followed the developer guide, setup a local docker environment to run Drupal, enabled dynamic content type loading and reverse engineered the “Hello World” Greeting Card Example. The code for the Interactive Code content type is available: https://github.com/aneesha/h5p-interactivecode
The following 3 files are required by an H5P content type:
In pure json define the add/edit form. Many form elements are available and make it incredibly easy to make add/edit forms for content types.
Klipse does the Heavy Lifting
All the Interactive Code H5P content type does is embed functionality already available in the amazing Klipse plugin. Klipse adds interactive coding to blog posts and websites.
Support for providing feedback and auto-grading are coming soon.