Добавление редактора monaco в расширение рабочих элементов DevOps

мы пытаемся использовать редактор monaco (diff editor), чтобы сравнить версию рабочих элементов DevOps в 2 разных моментах истории (с параметром REST API asOf).

у нас есть доказательство концепции, работающей на ноутбуке и отдельная html-страница, но мы хотели бы встроить его как расширение DevOps.

Я не могу найти руководство (Я новичок в расширении DevOps) о том, как этого добиться, тем более что редактор monaco уже доступен.

Находил ссылки на VSS/Features/Monaco, безуспешно пробовал пользоваться.

    VSS.init();

    VSS.require(["VSS/Features/Monaco"], function (monaco) {
        var diffEditor = monaco.editor.createDiffEditor(document.getElementById('editor'), {
                    enableSplitViewResizing: false
                });   
    });

введите описание изображения здесь


person camous    schedule 09.08.2020    source источник
comment
Где вы нашли ссылку VSS/Features/Monaco?   -  person Cece Dong - MSFT    schedule 10.08.2020
comment
обнаружил при попытке понять, как загружается редактор monaco для репозиториев. cdn.vsassets.io/ext/ms.vss-features/monaco-editor/   -  person camous    schedule 10.08.2020


Ответы (1)


В DevOps нет ссылки VSS/Features/Monaco. Поскольку monaco предоставляет api, вы можете позвонить в monaco api в js:

https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#creatediffeditor

введите описание изображения здесь

person Cece Dong - MSFT    schedule 10.08.2020
comment
если я правильно понял, мне пришлось бы самому делать полную загрузку? нет возможности использовать существующие ресурсы редактора monaco в DevOps? - person camous; 10.08.2020
comment
Боюсь, что ярлыка нет, поскольку DevOps не поддерживает это по умолчанию. - person Cece Dong - MSFT; 10.08.2020
comment
хорошо, достаточно ясно :) хотел убедиться, что не изобретаю велосипед заново. - person camous; 10.08.2020