MCP-сервер DHTMLX To Do List: задачи, проекты и REST-синхронизация
На первый взгляд DHTMLX To Do List выглядит как обычный чек-лист, но внутри него — вложенные подзадачи, горячие клавиши для приоритетов, изменение порядка задач через drag-and-drop, фильтрация по хэштегам и REST-бэкенд, который встраивается в Event Bus. Чтобы сгенерированный код действительно работал, ему нужны актуальные сигнатуры для копирования задачи или превращения задачи в подзадачу, правильная структура данных события и те параметры полей задачи, которые существуют сегодня, а не устаревшие сведения из обучающих данных.
Здесь и помогает MCP-сервер DHTMLX: он позволяет ассистенту свериться с актуальной документацией To Do List перед тем, как отвечать. Направьте его на операции с задачами, множественный выбор и групповые действия, интеграцию с REST-бэкендом или настройку задач и проектов, и ассистент получит актуальный набор API вместо догадок.
Адрес MCP-сервера
https://docs.dhtmlx.com/mcp
MCP-сервер DHTMLX охватывает все основные продукты DHTMLX, а не только DHTMLX To Do List. Один и тот же адрес и одни и те же инструкции по настройке работают независимо от того, с каким компонентом DHTMLX вы работаете.
Поддержка API To Do List в MCP-сервере
Индекс сервера охватывает всю документацию DHTMLX To Do List, в том числе:
- Поиск актуального API: методы To Do List, события, свойства и соответствующий Toolbar API.
- Генерацию готового к запуску кода инициализации и конфигурации под конкретный набор задач, проектов и пользователей.
- Управление иерархией задач и групповые действия: добавление, перемещение и удаление задач, изменение уровня вложенности и операции над несколькими выбранными задачами.
- Работу с проектами и объектом проекта, включая смену активного проекта и перенос задач между проектами.
- Назначение исполнителей задач, установку сроков выполнения и настройку приоритетов.
- Подключение
RestDataProviderк REST-бэкенду, включая многопользовательский режим и порядок Event Bus, который задаётся черезapi.setNext(). - Настройку сортировки и фильтрации, скрытия выполненных задач и режима только для чтения.
- Работу со встроенным редактированием и горячими клавишами для задач и проектов.
- Изучение локализации, стилизации и интеграции с React, Vue, Angular и Svelte.
Как вопрос о To Do List проходит через MCP-сервер
Задайте MCP-серверу DHTMLX любой вопрос о To Do List, и запрос пройдёт через конвейер Retrieval-Augmented Generation (RAG) поверх Model Context Protocol (MCP). Дальше его подхватывает один из двух рабочих процессов: Search возвращает подходящие страницы справочника, по которым ассистент пишет ответ, а Inference сам читает те же страницы и отвечает напрямую. Запрос о To Do List часто объединяет две разные задачи: одну, для которой нужна актуальная документация, и другую, с которой ассистент справится сам. Первую он отделяет ещё до того, как что-либо дойдёт до MCP.
Вот как выглядит этот процесс для запроса «Как убедиться, что операции add-task и move-task доходят до моего сервера в правильном порядке?»:
- Ассистент выделяет задачу, для которой нужна документация: как встроить RestDataProvider в Event Bus с помощью api.setNext().
- Сервер точно определяет, к какой документации по работе с сервером относится вопрос.
- Для генерации такого обработчика нужен код, поэтому запрос уходит в Search (более узкий вопрос, например какое событие срабатывает в цепочке первым, попал бы в Inference).
- Search извлекает подходящие страницы из векторного индекса, построенного на актуальной документации To Do List.
- Эти страницы возвращаются ассистенту в качестве контекста.
- По этому контексту ассистент собирает код встраивания в Event Bus, а специфичные для вашего сервера детали запросов дополняет из собственных знаний, вместо того чтобы угадывать API To Do List.
Благодаря такому обращению к документации ассистент подключает RestDataProvider к Event Bus именно так, как это работает сегодня.
Настройка подключения к MCP
Начинаете ли вы новый проект To Do List или подключаетесь к уже существующему бэкенду с RestDataProvider — первый шаг один и тот же: укажите своему инструменту адрес ниже через команду CLI или запись в JSON-конфигурации, в зависимости от того, что этот инструмент ожидает.
https://docs.dhtmlx.com/mcp
В следующих разделах настройка разобрана по инструментам.
Claude Code
Полное описание настройки MCP в Claude Code смотрите в официальной документации.
Чтобы зарегистрировать сервер из командной строки, выполните:
claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp
Р учная настройка тоже подойдёт, просто добавьте это в файл .mcp.json:
{
"mcpServers": {
"dhtmlx-mcp": {
"type": "http",
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Cursor
Пошаговая настройка MCP для Cursor описана в официальной документации.
Шаги для добавления сервера:
- Откройте Settings (
Cmd+Shift+Jна Mac,Ctrl+Shift+Jна Windows/Linux) - Перейдите в раздел Tools & MCP
- Нажмите Add Custom MCP
- Вставьте следующую конфигурацию:
{
"mcpServers": {
"dhtmlx-mcp": {
"url": "https://docs.dhtmlx.com/mcp"
}
}
}
Google Antigravity
Antigravity 2.0
Интеграция с MCP-серверами описана в официальной документации Antigravity.
Чтобы подключить MCP-сервер DHTMLX к Google Antigravity, выполните следующие шаги:
- Откройте палитру команд
- Введите «mcp add»
- Выберите «HTTP»
- Укажите следующие значения:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
Antigravity CLI
Шаги миграции с Gemini CLI на Antigravity CLI описаны в соответствующем руководстве.
Чтобы подключить MCP-сервер DHTMLX к Antigravity CLI, создайте файл mcp_config.json в одном из этих расположений:
- Глобально:
~/.gemini/config/mcp_config.json - В рабочем пространстве:
.agents/mcp_config.json
Добавьте следующую конфигурацию:
{
"mcpServers": {
"dhtmlx-mcp": {
"serverUrl": "https://docs.dhtmlx.com/mcp"
}
}
}
Затем выполните agy в терминале.
ChatGPT
В док ументации ChatGPT подробно описан весь процесс настройки MCP-коннектора.
Шаги настройки коннектора:
- Перейдите в Settings → Apps & Connectors
- Нажмите Advanced settings
- Включите Developer mode
- Вернитесь в Apps & Connectors и нажмите «Create»
- Заполните данные коннектора:
- Name:
dhtmlx-mcp
- URL:
https://docs.dhtmlx.com/mcp
- Authentication:
No authentication
- Нажмите Create
После создания коннектора ChatGPT будет подтягивать документацию с MCP-сервера прямо во время диалога.
Для интенсивной работы с кодом лучше подойдут другие инструменты с поддержкой MCP.
Другие инструменты
Большинство других AI-инструментов для работы с кодом тоже поддерживают MCP, обычно в настройках с названием вроде «Model Context Protocol» или «Context Sources». Добавьте туда https://docs.dhtmlx.com/mcp как пользовательский источник.
Как MCP-сервер обращается с вашими данными
MCP-сервер — это размещённый сервис: на вашей машине ничего не запускается, файлы из вашего окружения не читаются, персональные данные пользователей не сохраняются.
Запросы, отправленные на сервер, могут логироваться для отладки и улучшения сервиса.
Если вашей организации нужны более строгие гарантии, напишите на info@dhtmlx.com и запросите коммерческое развёртывание с отключённым логированием запросов.
Запросы для To Do List: копируйте и адаптируйте
Каждая группа ниже посвящена своему типу операций. Скопируйте пример и подстройте формулировку под свои данн ые.
Задачи и иерархия
How do I add a subtask under a specific task in DHTMLX To Do List?
How do I make a task become a subtask of the task directly above it? Use the docs.
How do I copy a task along with its subtasks and paste it into a different project?
Проекты
How do I switch to a different active project and move a task into it?
What happens to a project's tasks when I delete the project in DHTMLX To Do List?
Выбор и групповые операции
How do I select several tasks and mark them all as complete at once in DHTMLX To Do List?
How do I delete all currently selected tasks at once? Use the docs.
Интеграция с сервером
How do I connect DHTMLX To Do List to my Node.js backend and load tasks on initialization?
How do I set up multiuser mode so task changes sync across clients in real time?
Как сделать запросы о To Do List точнее
- Называйте конкретный метод. В DHTMLX To Do List есть несколько пар похожих по названию методов (
checkTask()/uncheckTask(),indentTask()/unindentTask(),hideCompletedTasks()/showCompletedTasks()). Укажите имя метода, чтобы ассистент нашёл нужную страницу справочника, а не угадывал параметры. - Уточняйте, о чём идёт речь: о задаче, проекте или пользователе. Многие методы принимают похожий объект с идентификатором (например,
getTask()иgetProject()). Явное указание объекта сужает поиск до нужной части API. - Описывайте структуру данных. Запросы вроде «задача с подзадачами и сроком выполнения» или «задача, назначенная нескольким пользователям» дают более точную документацию, чем общее «задача». Особенно это важно при подготовке данных для загрузки и при настройке
taskShape. - Добавляйте «Use the docs» в запрос. Эта фраза даёт ассистенту сигнал обратиться к MCP вместо ответа только по обучающим данным. Больше всего это помогает с данными событий (например,
open-menuилиedit-item) и с подключением REST-бэкенда: и то и другое меняется от версии к версии.