Могу посоветовать хорошее решение на основе VS Code.

https://microsoft.github.io/monaco-editor/ , есть в npm, а так же обёрки под различные фреймворки.

Пример под React https://github.com/react-monaco-editor/react-monac...

По моему мнению нужно использовать первый вариант.
Вся суть Promise, что с начального состояния мы можем перейти в состояние
* выполнено (fulfilled): операция завершена успешно.
* отклонено (rejected): операция завершена с ошибкой.

по логике, если возникла ошибка при асинхронной операции, то мы должны сделать reject(errors) и в дальнейшем обработать исключение в catch().

Второй вариант может неправильно отработать в цепочке Promise.all(iterable), когда нужен явно выполненный результат несколько Promise.

Чтобы взаимодействовать вам нужно написать rest-full методы, либо использовать другую из популярных технологий, например GraphQL.

Можете попробовать для этих целей nodejs framework express.

Вам нужно реализовать мартшрут на сервере, пример:

app.get('/get-data', function (req, res) {
 // запрос к базе
// нормализовать данные в нужный вам вид (json).
  res.send(данные);
});
// по маршруту /get-data вы получите данные из базы

https://expressjs.com/ru/guide/routing.html