I have just shipped a new feature called code cells for the latest codapi-js. Code cells allow you to create interactive code snippets that can support any programming language, have no hidden state, and have a native look and feel. An example is provided for an SQL tutorial using PostgreSQL, where code snippets depend on each other and can be executed without leaving the browser. The snippet demonstrates creating a table, inserting data, and ranking employees according to their salaries. The snippets can have dependencies in a linear or graph structure, as long as there are no cycles. Codapi code cells do not have hidden state, ensuring consistent results for readers. Overall, Codapi provides an easy way to create interactive examples in technical documentation.
https://antonz.org/code-cells/