metabot-cjm-designer
Описание
Визуальный no-code редактор для создания воронок, клиентских путей (CJM) и AI-пайплайнов поверх low-code ядра Metabot.
Языки
- TypeScript94,3%
- JavaScript2,9%
- PHP2,1%
- CSS0,7%
Metabot CJM Designer
Визуальный no-code редактор для построения воронок, сценариев и AI-пайплайнов поверх low-code ядра Metabot.
Этот репозиторий содержит открытый пример CJM-дизайнера Metabot, созданного в рамках обучающего материала:
👉 Как построить визуальный no-code редактор воронок и AI-пайплайнов на React поверх low-code ядра Metabot
https://docs.metabot24.ru/books/metabot-cernoviki/page/kak-postroit-vizualnyi-no-code-redaktor-voronok-i-ai-paiplainov-na-react-poverx-low-code-yadra-metabot
Демонстрационная версия редактора:
👉 https://cjm.metabot24.ru/cjm-designer
Что входит в данный репозиторий
- Пример реализации визуального редактора на React
- Основная логика UI: узлы, связи, всплывающие окна, панель инструментов
- JSON-схема описания шагов воронки
- Интеграция с Metabot через endpoint cjm/import
- Пример трансляции no-code → low-code
- Базовая архитектура собственного конструктора воронок
Это пример для обучения и расширения Metabot внешними UI-редакторами. Вы можете:
- форкнуть и дорабатывать этот проект,
- использовать его как основу для своего редактора,
- либо создать полностью новую реализацию с нуля, опираясь на JSON-формат.
Связанный репозиторий со спецификациями
Примеры спецификаций и восстановленных заметок разработки:
👉 https://github.com/Artem-G/metabot-cjm-designer-specs
Эти материалы помогут, если вы хотите сделать свой редактор с нуля.
Лицензия
Проект распространяется под лицензией Apache 2.0, позволяющей свободно модифицировать и использовать код в любых проектах, но при этом защищающей торговые марки Metabot и предотвращающей патентные претензии.
Полезные ссылки
- 🌐 Платформа Metabot — https://app.metabot24.com
- 📘 Документация Metabot — https://docs.metabot24.ru
- 🔧 CJM Designer (демо) — https://cjm.metabot24.ru/cjm-designer
- 📦 Спецификации — https://github.com/art-yg/metabot-cjm-designer-specs
- 📦 Исходный код — https://github.com/art-yg/metabot-cjm-designer
🇬🇧 English version: README.en.md