FlowViz

Модуль BPM2B FlowViz превращает бизнес-процессы, оргструктуры и потоки данных в платформе BPM2B в интерактивные Mermaid-диаграммы — без специализированных графических редакторов. Любое поле типа mermaidDiagram на любой сущности рендерится в iframe с zoom / pan / fit, поддерживает экспорт SVG / PNG / JPEG, а PHP-движок MermaidPHP даёт fluent API для генерации схем из кода.

Основные функциональные возможности:

• Тип поля mermaidDiagram: mediumtext-хранилище Mermaid-синтаксиса, параметры showSourceCode и heightResize; добавляется к любой сущности через Entity Manager.
• Vendor MermaidPHP: встроенная PHP-библиотека для серверной генерации Mermaid-синтаксиса — fluent API withNode() / withLink() / withDirection() / withClassDef(); safe-mode с collision-free ID; рендерер в строку.
• 7 типов диаграмм: Flow (блок-схемы), Class (UML class), ER (entity-relationship), Sequence, State, Timeline, Architecture с готовыми классами FlowDiagram, ClassDiagram, ERDiagram и т. п.
• 35 примеров в demo-галерее: сущность FlowViz (scope без БД и ACL) с табами; каждый таб — AJAX-запрос GET /mermaidDiagram/:id → InjectableFactory создаёт класс из app.diagramExamples → возврат Mermaid-синтаксиса.
• Изолированный iframe-рендер: bundled mermaid-elk-bundle.esm.min.js (Mermaid + ELK layout); postMessage API render-diagram → render-complete; strict-режим безопасности; timeout 10 с; Font Awesome для иконок в схемах.
• Viewport transform: SVG viewport с CSS-трансформом — pan (mousedown/move/up), zoom (wheel в точке) от 0.3× до 15×, fit-to-window, fullscreen; resize overlay предотвращает интерференцию с iframe.
• SVG export: клонирование SVG с computed styles → serialize → Blob; PNG / JPEG через canvas; копирование в буфер.
• Дашлет MermaidDiagram: на дашборд — настройки zoomLevel (10–200%), источник либо API (diagramSource), либо прямой Mermaid-контент; auto-fit при рендере.
• Tab Gallery паттерн: metadata app.diagramExamples описывает табы галереи; добавление новой диаграммы — создать PHP-класс с generateDiagram(): string и запись в JSON, без правки модуля.
• Конфигурация Mermaid: theme (default / dark / forest / neutral), layout (dagre / elk), шрифт Segoe UI + Font Awesome, ELK mergeEdges и nodePlacementStrategy=SIMPLE; всё через config.schema.json.

Модуль предназначен для документации процессов, описания архитектуры, оргструктур и технических схем прямо внутри платформы. Используется как фундамент модулями bpm2bOrgStructure (5 типов оргсхем), bpm2bAccountStructure (граф контактов и команды проекта). Зависит от bpm2bNavbarViews ≥ 2.0.6.