Добро пожаловать в ежемесячные новости Process Analytics 👋.
Как мы напоминаем вам каждый месяц, цель проекта Process Analytics — быстрое отображение значимых компонентов Process Analytics на ваших веб-страницах с помощью нотации BPMN 2.0 и библиотек с открытым исходным кодом.
В марте мы работали над улучшением библиотеки BPMN Visualization JavaScript/TypeScript и пакета BPMN Visualization R 🤗. Давайте посмотрим, что нового появилось 👀!
Библиотека BPMN Visualization JS/TS
В марте мы выпустили 2 версии: 0.22.0 & 0.23.0.
Улучшения для TypeScript проектов 📃
Мы упростили интеграцию TypeScript, удалив необходимость установки typed-mxgraph в ваш проект.
Теперь использовать bpmn-visualization в проектах TypeScript стало проще, чем когда-либо 🎉.
Новый API 📚
Для получения версий bpmn-visualization и mxGraph, используемых во время выполнения проекта, можно использовать новый API: getVersion().
Пример интеграции показан ниже 👇.
Для этого используется следующий код JavaScript, который отображает информацию о версии в нижнем колонтитуле страницы:
// Use the new “Version” API
const version = bpmnVisualization.getVersion();
// bpmn-visualization version
const versionAsString = `bpmn-visualization@${version.lib}`;
// List all dependencies in the form of “dependency-1@version / dependency-2@version / ….”
const dependenciesAsString = [...version.dependencies].map(([name, version]) => `${name}@${version}`).join('/');
// “footer” is the html element that displays the version information
footer.innerText = `${versionAsString} with ${dependenciesAsString}`;
ПРИМЕЧАНИЕ: Это полезно для отладки проектов, использующих более новую версию библиотеки mxGraph, которая в настоящее время вызывает проблемы, например, версию 4.2.2.
Исправления рендеринга BPMN ✅
☢️ Библиотека не принимала координаты путевых точек ребер, определенных в источнике BPMN 2.0. Вместо этого она заставляла использовать ортогональные ребра, что имело множество побочных эффектов.
На видео ниже 👇 показаны изменения в поведении потоков сообщений. В первой части представлен рендеринг в том виде, в котором он был до версии 0.23.0. Положение потока сообщений (и его метки) иногда менялось в зависимости от коэффициента масштабирования 😵💫. Эта же проблема касалась оверлеев, которые были настроены на отображение в середине краев. Они перемещались в начало или конец края.
Вторая часть видео сделана с использованием версии 0.23.0. Отрезки краев больше не всегда ортогональны, а положение элемента остается неизменным, независимо от коэффициента масштабирования. 🥳
Посмотрите примечания к выпуску версии 0.23.0, чтобы получить полный список проблем, которые были исправлены при удалении конфигурации «всегда использовать ортогональные края».
Улучшение документации 🎁
Иконки, используемые в библиотеке, теперь доступны в формате SVG в папке docs/users/images/icons. Не стесняйтесь использовать иконки в своих приложениях.
Пользовательская документация также была обновлена для отображения иконок.
Улучшение демо-версии ✨.
Макет демонстрации был улучшен для мобильных устройств.
Демонстрация также отображает текущие версии bpmn-visualization и библиотеки mxGraph в нижнем колонтитуле.
Визуализация BPMN — пакет R
В марте мы выпустили 1 версию: 0.1.2.
Основное изменение — обновление библиотеки bpmn-visualization до версии 0.23.0.
Вот и все, друзья!
Мы надеемся, что вам понравились эти мартовские новости проекта и с нетерпением ждем, что принесет апрель 👋.
А пока, чтобы быть в курсе последних новостей и релизов, следите за нами:
- Веб-сайт: https://process-analytics.dev
- Twitter: @ProcessAnalyti1
- GitHub: https://github.com/process-analytics
Фотография с обложки Дастина Хьюмса на Unsplash