November 27th, 2019

Mikail

Новые функции mm-vis-js (https://github.com/sushilshik/mm-vis-js) с хоткеями:

  • Alt+n — создать новую ноду. Теперь можно только с клавиатуры создавать списки нод с текстом. Нажимаете alt+n — появляется форма ноды, набираете текст, нажимаете ctrl+Enter, появляется набранные текст в ноде, опять нажимаете alt+n, открывается форма ввода второй ноды, набираете текст, нажимаете ctrl+Enter, вторая нода встает под первой и так далее. Все выравнивается учитывая многострочность нод. В VUE (не VUE.js), например, можно с помощью хоткеев ставить новые ноды под предыдущими, но высота многострочных нод не учитывалась и приходилось поправлять, сдвигать новые ноды вручную, а тут все выравнивается целиком, новые высокие ноды не загораживают ноды перед ними. По умолчанию первая нода в списке создается в центре экрана. Либо в качестве координаты начала списка берется точка последнего клика по экрану.

  • ctrl+alt+s — сохранить холст. Для работы функции сохранения должен быть запущен utils/mvj-serv.js.

  • ctrl+b — построить проект кода. Для этого надо выделить любую ноду в проекте. На странице может быть несколько проектов, поэтому надо указать нужный, выделив любую ноду в любом дереве кода проекта. Для постройки проектов должен быть запущен utils/mvj-serv.js.

  • В правом верхнем углу выводятся алерты при сохранении страницы и постройке проектов.

  • shift+alt+d — отдалить (zoom out).

  • shift+alf+f — приблизить (zoom in).

  • shift+alt+LeftArrow — выровнять выделенные ноды по левому краю.

  • ctrl+enter — сохранить и закрыть форму редактирования ноды.

  • alt+enter — сохранить форму редактирования ноды не закрывая ее.

  • esc — закрыть форму редактирования ноды.

  • Теперь можно редактировать ярлыки связей (edge). Нужно выделить связь мышкой и в верхнем меню кликнуть Edit Edge. Так можно задавать ярлыки «code» для связей нод в деревьях кода проектов.


  • C постройкой проекта и сохранением страницы с помощью хоткеев стало удобно вести постоянную разработку проекта mm-vis-js на его странице. Деревья кода проекта лежат в репозитории проекта https://github.com/sushilshik/mm-vis-js в файле app/index.html. (По ссылке https://sushilshik.github.io/ открываются копии файлов этого репозитория.) Открываю app/index.html в браузере из локальной копии репозитория, запускаю node utils/mvj-serv.js и работаю.

https://sushilshik.github.io/