Превью/Редактор кода для демок

[loonlylokly]

Во время чтения статей иногда хочется иметь возможность "пощупать" демку. Проверить какие-то идеи, что-то поменять, доделать и посмотреть как оно будет работать. Открывать для этого гитхаб, искать там код демки, который склеин в один html файл, потом его доставать и у себя запускать не очень удобно и медленно.

Хочется своеобразный аналог codepen. Как пример, такое есть на mdn. https://developer.mozilla.org/en-US/play (реализация https://github.com/mdn/yari/blob/main/client/src/playground/index.tsx)
Насколько я понимаю это всё будет крутиться на клиенте и никаких доп ресурсов не потребуется. Что-то типо: три поля ввода + iframe с sandbox="allow-scripts".

Вопросы:

• Как вам идея?
• Могут ли возникнуть проблемы с реализацией и какие?
• Наверное нужно поменять генерацию статических страничек для старых демок, в новые демки с возможностью редактировать код?