@vint.tri/report_gen_mcp 1.2.0 → 1.2.2

package/CORRECT_CHART_EXAMPLES.md

@@ -0,0 +1,155 @@
+# Примеры правильных конфигураций для всех типов графиков
+
+Этот документ содержит корректные примеры конфигураций для всех поддерживаемых типов графиков в инструменте report_gen_mcp. Все примеры соответствуют требованиям схем валидации и могут быть использованы нейросетью без ошибок.
+
+## Линейный график (line)
+
+```json
+{
+  "type": "line",
+  "config": {
+    "labels": ["Январь", "Февраль", "Март", "Апрель", "Май"],
+    "datasets": [
+      {
+        "label": "Продажи (USD)",
+        "data": [12000, 19000, 15000, 18000, 22000],
+        "borderColor": ["rgba(54, 162, 235, 1)"],
+        "fill": false
+      },
+      {
+        "label": "Затраты (USD)",
+        "data": [8000, 11000, 9000, 12000, 15000],
+        "borderColor": ["rgba(255, 99, 132, 1)"],
+        "fill": false
+      }
+    ],
+    "options": {
+      "title": "Ежемесячные продажи и затраты"
+    }
+  }
+}
+```
+
+## Столбчатая диаграмма (bar)
+
+```json
+{
+  "type": "bar",
+  "config": {
+    "labels": ["Январь", "Февраль", "Март", "Апрель", "Май"],
+    "datasets": [
+      {
+        "label": "Продажи (USD)",
+        "data": [12000, 19000, 15000, 18000, 22000],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+      }
+    ],
+    "options": {
+      "title": "Ежемесячные продажи"
+    }
+  }
+}
+```
+
+## Круговая диаграмма (pie)
+
+```json
+{
+  "type": "pie",
+  "config": {
+    "labels": ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+    "datasets": [
+      {
+        "data": [12, 19, 3, 5, 2],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+      }
+    ],
+    "options": {
+      "title": "Распределение по категориям"
+    }
+  }
+}
+```
+
+## Кольцевая диаграмма (doughnut)
+
+```json
+{
+  "type": "doughnut",
+  "config": {
+    "labels": ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+    "datasets": [
+      {
+        "data": [12, 19, 3, 5, 2],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+      }
+    ],
+    "options": {
+      "title": "Распределение по категориям"
+    }
+  }
+}
+```
+
+## Радарная диаграмма (radar)
+
+```json
+{
+  "type": "radar",
+  "config": {
+    "labels": ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
+    "datasets": [
+      {
+        "label": "Person 1",
+        "data": [65, 59, 90, 81, 56, 55, 40],
+        "backgroundColor": ["rgba(255, 99, 132, 0.2)"],
+        "borderColor": ["rgba(255, 99, 132, 1)"]
+      },
+      {
+        "label": "Person 2",
+        "data": [28, 48, 40, 19, 96, 27, 100],
+        "backgroundColor": ["rgba(54, 162, 235, 0.2)"],
+        "borderColor": ["rgba(54, 162, 235, 1)"]
+      }
+    ],
+    "options": {
+      "title": "Радарная диаграмма"
+    }
+  }
+}
+```
+
+## Полярная диаграмма (polarArea)
+
+```json
+{
+  "type": "polarArea",
+  "config": {
+    "labels": ["Red", "Green", "Yellow", "Grey", "Blue"],
+    "datasets": [
+      {
+        "data": [11, 16, 7, 3, 14],
+        "backgroundColor": ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"],
+        "borderColor": ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"]
+      }
+    ],
+    "options": {
+      "title": "Полярная диаграмма"
+    }
+  }
+}
+```
+
+## Важные замечания
+
+1. Все цветовые значения (`backgroundColor`, `borderColor`) представлены в виде массивов строк, даже если используется только один цвет.
+2. Все числовые данные (`data`) представлены в виде массивов чисел.
+3. Все текстовые метки (`labels`) представлены в виде массивов строк.
+4. Для линейных графиков свойство `borderColor` обязательно должно быть массивом.
+5. Для столбчатых, круговых, кольцевых и полярных диаграмм свойства `backgroundColor` и `borderColor` обязательны и должны быть массивами.
+6. Для радарных диаграмм свойства `backgroundColor` и `borderColor` также обязательны и должны быть массивами.
+
+Следование этим примерам поможет избежать ошибок при генерации отчетов.

package/NEURAL_NETWORK_INSTRUCTIONS.md

@@ -0,0 +1,344 @@
+# Инструкции для нейросети по работе с инструментом report_gen_mcp
+
+Этот документ содержит специальные инструкции для нейросети при работе с инструментом `report_gen_mcp`, чтобы обеспечить правильное взаимодействие с пользователем после генерации отчетов.
+
+## Общие принципы работы
+
+При использовании инструмента `report_gen_mcp` для генерации отчетов, нейросеть должна следовать определенному протоколу взаимодействия с пользователем, чтобы обеспечить полную и удобную работу с созданными отчетами.
+
+## Поддерживаемые элементы отчета
+
+Инструмент поддерживает вставку в отчеты следующих элементов:
+1. **Диаграммы** (charts) - различные типы графиков (bar, line, pie, doughnut, radar, polarArea)
+2. **Изображения** (images) - два типа:
+   - Сгенерированные сервисом pollinations.ai по текстовому описанию
+   - По URL из интернета
+
+## После генерации отчета
+
+После успешной генерации отчета с помощью метода `generate-report`, нейросеть получает всю необходимую информацию напрямую в ответе от метода. Необходимо предоставить пользователю следующую информацию:
+
+### 1. Предоставление информации пользователю
+
+Из ответа метода `generate-report` извлеките следующую информацию и предоставьте пользователю:
+
+1. **Путь к файлу**: Абсолютный путь к созданному отчету
+2. **Ссылка на файл**: Кликабельная file:// ссылка для открытия отчета в браузере
+3. **Содержимое файла**: Полный текст HTML содержимого отчета
+
+Обязательно покажите пользователю содержимое файла, чтобы он мог сразу ознакомиться с результатом без необходимости открывать файл отдельно.
+
+Пример формата ответа пользователю:
+```
+Отчет успешно создан!
+
+📁 Путь к файлу: /полный/путь/к/отчету.html
+🌐 Ссылка для открытия в браузере: file:///полный/путь/к/отчету.html
+
+📄 Содержимое отчета:
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Report</title>
+  <style>
+    body { font-family: Arial, sans-serif; }
+    .chart-container, .image-container { margin: 20px 0; }
+  </style>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+  <h1>Отчет</h1>
+  <div class="chart-container">
+    <!-- Chart.js chart code -->
+  </div>
+  <div class="image-container">
+    <!-- Generated image -->
+    <img src="https://image.pollinations.ai/prompt/красивый%20закат" alt="красивый закат">
+  </div>
+</body>
+</html>
+
+Вы можете открыть отчет, кликнув на ссылку выше или скопировав путь к файлу.
+```
+
+### 2. Альтернативный подход (при необходимости)
+
+Если по какой-то причине информация не была получена напрямую из метода `generate-report`, можно использовать дополнительные инструменты:
+
+#### Получение информации о файле
+
+Используйте инструмент `get-report-url` для получения полной информации о созданном отчете:
+
+```json
+{
+  "method": "tools/call",
+  "params": {
+    "name": "get-report-url",
+    "arguments": {
+      "filePath": "/путь/к/созданному/отчету.html"
+    }
+  }
+}
+```
+
+#### Прикрепление содержимого файла
+
+Для того чтобы пользователь мог сразу просмотреть содержимое отчета без необходимости открывать файл, используйте инструмент `get-report-file`:
+
+```json
+{
+  "method": "tools/call",
+  "params": {
+    "name": "get-report-file",
+    "arguments": {
+      "filePath": "/путь/к/созданному/отчету.html"
+    }
+  }
+}
+```
+
+## Формат данных для диаграмм (графиков)
+
+Очень важно правильно формировать данные для диаграмм, чтобы избежать ошибок. Ниже приведены точные требования к формату данных для каждого типа диаграмм.
+
+### Общие правила для всех типов диаграмм
+
+1. Все цветовые значения (`backgroundColor`, `borderColor`) должны быть представлены в виде **массивов строк**, даже если это один цвет.
+2. Все числовые данные (`data`) должны быть представлены в виде массивов чисел.
+3. Все текстовые метки (`labels`) должны быть представлены в виде массивов строк.
+
+### Линейные диаграммы (line)
+
+```json
+{
+  "type": "line",
+  "config": {
+    "labels": ["Январь", "Февраль", "Март", "Апрель", "Май"],
+    "datasets": [
+      {
+        "label": "Продажи (USD)",
+        "data": [12000, 19000, 15000, 18000, 22000],
+        "borderColor": ["rgba(54, 162, 235, 1)"], // ВАЖНО: массив, даже для одного цвета!
+        "fill": false
+      }
+    ],
+    "options": {
+      "title": "Ежемесячные продажи"
+    }
+  }
+}
+```
+
+**Важно**: `borderColor` должен быть массивом строк, даже если используется только один цвет.
+
+### Столбчатые диаграммы (bar)
+
+```json
+{
+  "type": "bar",
+  "config": {
+    "labels": ["Январь", "Февраль", "Март", "Апрель", "Май"],
+    "datasets": [
+      {
+        "label": "Продажи (USD)",
+        "data": [12000, 19000, 15000, 18000, 22000],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"], // Массив цветов
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"] // Массив цветов
+      }
+    ],
+    "options": {
+      "title": "Ежемесячные продажи"
+    }
+  }
+}
+```
+
+**Важно**: `backgroundColor` и `borderColor` должны быть массивами строк, даже если используется только один цвет.
+
+### Круговые диаграммы (pie)
+
+```json
+{
+  "type": "pie",
+  "config": {
+    "labels": ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+    "datasets": [
+      {
+        "data": [12, 19, 3, 5, 2],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"], // Массив цветов
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"] // Массив цветов
+      }
+    ],
+    "options": {
+      "title": "Распределение по категориям"
+    }
+  }
+}
+```
+
+**Важно**: `backgroundColor` и `borderColor` должны быть массивами строк, даже если используется только один цвет.
+
+### Кольцевые диаграммы (doughnut)
+
+```json
+{
+  "type": "doughnut",
+  "config": {
+    "labels": ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+    "datasets": [
+      {
+        "data": [12, 19, 3, 5, 2],
+        "backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"], // Массив цветов
+        "borderColor": ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"] // Массив цветов
+      }
+    ],
+    "options": {
+      "title": "Распределение по категориям"
+    }
+  }
+}
+```
+
+**Важно**: `backgroundColor` и `borderColor` должны быть массивами строк, даже если используется только один цвет.
+
+### Радарные диаграммы (radar)
+
+```json
+{
+  "type": "radar",
+  "config": {
+    "labels": ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
+    "datasets": [
+      {
+        "label": "Person 1",
+        "data": [65, 59, 90, 81, 56, 55, 40],
+        "backgroundColor": ["rgba(255, 99, 132, 0.2)"], // Массив цветов
+        "borderColor": ["rgba(255, 99, 132, 1)"] // Массив цветов
+      }
+    ],
+    "options": {
+      "title": "Радарная диаграмма"
+    }
+  }
+}
+```
+
+**Важно**: `backgroundColor` и `borderColor` должны быть массивами строк, даже если используется только один цвет.
+
+### Полярные диаграммы (polarArea)
+
+```json
+{
+  "type": "polarArea",
+  "config": {
+    "labels": ["Red", "Green", "Yellow", "Grey", "Blue"],
+    "datasets": [
+      {
+        "data": [11, 16, 7, 3, 14],
+        "backgroundColor": ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"], // Массив цветов
+        "borderColor": ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"] // Массив цветов
+      }
+    ],
+    "options": {
+      "title": "Полярная диаграмма"
+    }
+  }
+}
+```
+
+**Важно**: `backgroundColor` и `borderColor` должны быть массивами строк.
+
+## Пример полного взаимодействия
+
+Вот пример того, как должно выглядеть полное взаимодействие с пользователем после генерации отчета:
+
+1. Генерация отчета:
+```json
+{
+  "method": "generate-report",
+  "params": {
+    "document": "# Отчет\n\n[[chart:mychart]]",
+    "charts": {
+      "mychart": {
+        "type": "bar",
+        "config": {
+          "labels": ["A", "B", "C"],
+          "datasets": [{
+            "label": "Data",
+            "data": [1, 2, 3],
+            "backgroundColor": ["red", "green", "blue"], // Массив цветов
+            "borderColor": ["red", "green", "blue"] // Массив цветов
+          }]
+        }
+      }
+    },
+    "outputFile": "report.html"
+  }
+}
+```
+
+2. Ответ от метода `generate-report` уже содержит всю необходимую информацию:
+```json
+{
+  "content": [
+    {
+      "type": "text",
+      "text": "Report generated successfully.\n\nFOR THE NEURAL NETWORK: Please present the following information to the user:\n1. Path to file: /path/to/report.html\n2. Web browser link: file:///path/to/report.html\n3. File content:\n<!DOCTYPE html>\n<html>...</html>"
+    }
+  ]
+}
+```
+
+3. Ответ пользователю (на основе информации из ответа метода):
+```
+Отчет успешно создан!
+
+📁 Путь к файлу: /path/to/report.html
+🌐 Ссылка для открытия в браузере: file:///path/to/report.html
+
+Содержимое отчета:
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Report</title>
+  <style>
+    body { font-family: Arial, sans-serif; }
+    .chart-container { margin: 20px 0; }
+  </style>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+  <h1>Отчет</h1>
+  <div class="chart-container">
+    <!-- Chart.js chart code -->
+  </div>
+</body>
+</html>
+
+Вы можете открыть отчет, кликнув на ссылку выше или скопировав путь к файлу.
+```
+
+## Частые ошибки и как их избежать
+
+1. **Ошибка формата цвета**: Передача `borderColor` или `backgroundColor` как строки вместо массивов
+   - ❌ Неправильно: `"borderColor": "red"`
+   - ✅ Правильно: `"borderColor": ["red"]`
+
+2. **Ошибка формата данных**: Передача числовых данных как отдельных значений вместо массивов
+   - ❌ Неправильно: `"data": 10`
+   - ✅ Правильно: `"data": [10]`
+
+3. **Ошибка формата меток**: Передача меток как отдельных значений вместо массивов
+   - ❌ Неправильно: `"labels": "Январь"`
+   - ✅ Правильно: `"labels": ["Январь"]`
+
+## Дополнительные рекомендации
+
+1. Всегда проверяйте успешность выполнения каждой операции перед переходом к следующему шагу
+2. Если какой-либо шаг завершается ошибкой, сообщите пользователю об этом и предложите решение
+3. Убедитесь, что все пути к файлам корректны и файлы действительно существуют
+4. При работе с Claude Desktop используйте параметр `tempDirectory` при генерации отчетов для избежания проблем с правами доступа
+
+Следование этим инструкциям обеспечит качественное и полное взаимодействие с пользователем при работе с инструментом генерации отчетов.

package/README.md

@@ -6,6 +6,7 @@ A powerful CLI tool for generating HTML reports with embedded interactive charts
 
 - Generate professional HTML reports from Markdown documents
 - Embed customizable interactive charts (bar, line, pie, doughnut, radar, polarArea) directly in reports
+- Embed images from URLs or generated by pollinations.ai service
 - Dual operation modes:
   - Command-line interface for direct usage
   - Stdio mode for Claude Desktop integration
@@ -340,6 +341,11 @@ Required structure:
    - Pie charts: `data` (required)
 4. All numerical data must be provided as arrays of numbers
 5. Color values (when provided) must be valid CSS color strings
+6. **IMPORTANT for Neural Networks**: All color properties (`backgroundColor`, `borderColor`) must be provided as arrays of strings, even if there is only one color. This is a common source of errors.
+
+For detailed examples of correct chart configurations for all supported chart types, please see [CORRECT_CHART_EXAMPLES.md](CORRECT_CHART_EXAMPLES.md).
+
+For special instructions for neural networks on how to properly interact with users after generating reports, please see [NEURAL_NETWORK_INSTRUCTIONS.md](NEURAL_NETWORK_INSTRUCTIONS.md).
 
 ### Health Check
 

package/dist/charts/bar.js

@@ -4,8 +4,8 @@ export const barSchema = z.object({
     datasets: z.array(z.object({
         label: z.string(),
         data: z.array(z.number()),
-        backgroundColor: z.array(z.string()).optional(),
-        borderColor: z.array(z.string()).optional(),
+        backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
     })),
     options: z.object({
         title: z.string().optional(),

package/dist/charts/doughnut.js

@@ -3,8 +3,8 @@ export const doughnutSchema = z.object({
     labels: z.array(z.string()),
     datasets: z.array(z.object({
         data: z.array(z.number()),
-        backgroundColor: z.array(z.string()).optional(),
-        borderColor: z.array(z.string()).optional(),
+        backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
     })),
     options: z.object({
         title: z.string().optional(),

package/dist/charts/line.js

@@ -4,7 +4,7 @@ export const lineSchema = z.object({
     datasets: z.array(z.object({
         label: z.string(),
         data: z.array(z.number()),
-        borderColor: z.array(z.string()).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
         fill: z.boolean().optional(),
     })),
     options: z.object({

package/dist/charts/pie.js

@@ -3,8 +3,8 @@ export const pieSchema = z.object({
     labels: z.array(z.string()),
     datasets: z.array(z.object({
         data: z.array(z.number()),
-        backgroundColor: z.array(z.string()).optional(),
-        borderColor: z.array(z.string()).optional(),
+        backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
     })),
     options: z.object({
         title: z.string().optional(),

package/dist/charts/polarArea.js

@@ -3,8 +3,8 @@ export const polarAreaSchema = z.object({
     labels: z.array(z.string()),
     datasets: z.array(z.object({
         data: z.array(z.number()),
-        backgroundColor: z.array(z.string()).optional(),
-        borderColor: z.array(z.string()).optional(),
+        backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
     })),
     options: z.object({
         title: z.string().optional(),

package/dist/charts/radar.js

@@ -4,8 +4,8 @@ export const radarSchema = z.object({
     datasets: z.array(z.object({
         label: z.string(),
         data: z.array(z.number()),
-        backgroundColor: z.array(z.string()).optional(),
-        borderColor: z.array(z.string()).optional(),
+        backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+        borderColor: z.union([z.string(), z.array(z.string())]).optional(),
     })),
     options: z.object({
         title: z.string().optional(),

package/dist/index.js

@@ -102,13 +102,58 @@ if (process.argv.length === 2) {
     // No command specified, run in stdio mode using MCP SDK
     const mcpServer = new McpServer({
         name: "report_gen_mcp",
-        version: "1.1.9",
+        version: "1.2.1",
     }, {
         // Disable health check to prevent automatic calls
         capabilities: {
             tools: {}
         }
     });
+    // Utility function to normalize chart configuration data for MCP tool
+    // Converts string values to arrays where the schema expects arrays
+    function normalizeChartConfigForMCP(config) {
+        if (!config || typeof config !== 'object') {
+            return config;
+        }
+        const normalizedConfig = { ...config };
+        // Normalize datasets
+        if (normalizedConfig.datasets && Array.isArray(normalizedConfig.datasets)) {
+            normalizedConfig.datasets = normalizedConfig.datasets.map((dataset) => {
+                if (!dataset || typeof dataset !== 'object') {
+                    return dataset;
+                }
+                const normalizedDataset = { ...dataset };
+                // Convert string values to arrays for color properties
+                const colorProperties = ['backgroundColor', 'borderColor'];
+                for (const prop of colorProperties) {
+                    if (normalizedDataset[prop] && typeof normalizedDataset[prop] === 'string') {
+                        normalizedDataset[prop] = [normalizedDataset[prop]];
+                    }
+                }
+                return normalizedDataset;
+            });
+        }
+        return normalizedConfig;
+    }
+    // Utility function to normalize elements before MCP schema validation
+    function normalizeElementsForMCP(elements) {
+        if (!elements || typeof elements !== 'object') {
+            return elements;
+        }
+        const normalizedElements = { ...elements };
+        for (const [id, element] of Object.entries(normalizedElements)) {
+            if (element && typeof element === 'object' && element.type) {
+                const elementType = element.type;
+                // Only normalize chart elements, not image elements
+                if (['bar', 'line', 'pie', 'doughnut', 'radar', 'polarArea'].includes(elementType)) {
+                    if (element.config) {
+                        element.config = normalizeChartConfigForMCP(element.config);
+                    }
+                }
+            }
+        }
+        return normalizedElements;
+    }
     // Register the generate-report tool
     mcpServer.registerTool("generate-report", {
         description: "Generate an HTML report with embedded charts",
@@ -122,8 +167,8 @@ if (process.argv.length === 2) {
                         datasets: z.array(z.object({
                             label: z.string().optional(),
                             data: z.array(z.number()),
-                            backgroundColor: z.array(z.string()).optional(),
-                            borderColor: z.array(z.string()).optional(),
+                            backgroundColor: z.union([z.string(), z.array(z.string())]).optional(),
+                            borderColor: z.union([z.string(), z.array(z.string())]).optional(),
                             fill: z.boolean().optional(),
                         })),
                         options: z.object({
@@ -170,6 +215,13 @@ if (process.argv.length === 2) {
         else if (params.arguments && typeof params.arguments === 'object') {
             processedParams = params.arguments;
         }
+        // Normalize elements before extracting them to fix string/array issues
+        if (processedParams.elements) {
+            processedParams.elements = normalizeElementsForMCP(processedParams.elements);
+        }
+        if (processedParams.charts) {
+            processedParams.charts = normalizeElementsForMCP(processedParams.charts);
+        }
         // Extract parameters correctly, ensuring outputFile is not nested within elements
         const { document, elements, charts, outputFile = 'report.html', tempDirectory } = processedParams;
         // Поддержка обратной совместимости: если переданы charts, используем их как elements

package/dist/utils/reportGenerator.js

@@ -20,6 +20,32 @@ const imageRenderers = {
     pollinations: { schema: pollinationsImageSchema, renderer: renderPollinationsImage },
     url: { schema: urlImageSchema, renderer: renderUrlImage },
 };
+// Utility function to normalize chart configuration data
+// Converts string values to arrays where the schema expects arrays
+function normalizeChartConfig(config) {
+    if (!config || typeof config !== 'object') {
+        return config;
+    }
+    const normalizedConfig = { ...config };
+    // Normalize datasets
+    if (normalizedConfig.datasets && Array.isArray(normalizedConfig.datasets)) {
+        normalizedConfig.datasets = normalizedConfig.datasets.map((dataset) => {
+            if (!dataset || typeof dataset !== 'object') {
+                return dataset;
+            }
+            const normalizedDataset = { ...dataset };
+            // Convert string values to arrays for color properties
+            const colorProperties = ['backgroundColor', 'borderColor'];
+            for (const prop of colorProperties) {
+                if (normalizedDataset[prop] && typeof normalizedDataset[prop] === 'string') {
+                    normalizedDataset[prop] = [normalizedDataset[prop]];
+                }
+            }
+            return normalizedDataset;
+        });
+    }
+    return normalizedConfig;
+}
 export async function generateReport(document, elements, outputFile) {
     // Validate elements
     for (const [id, element] of Object.entries(elements)) {
@@ -29,7 +55,11 @@ export async function generateReport(document, elements, outputFile) {
             const { schema } = chartRenderers[chartElement.type];
             if (!schema)
                 throw new Error(`Unsupported chart type: ${chartElement.type}`);
-            schema.parse(chartElement.config);
+            // Normalize the chart configuration before validation
+            const normalizedConfig = normalizeChartConfig(chartElement.config);
+            schema.parse(normalizedConfig);
+            // Update the element with normalized config for rendering
+            element.config = normalizedConfig;
         }
         else if (element.type in imageRenderers) {
             // Это изображение

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vint.tri/report_gen_mcp",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "CLI tool for generating HTML reports with embedded charts",
   "main": "dist/index.js",
   "bin": {

package/test_chart_format.js

@@ -0,0 +1,146 @@
+import { spawn } from 'child_process';
+import fs from 'fs';
+
+// Тестовая конфигурация с правильным форматом данных
+const config = {
+  document: "# Тестовый отчет\n\nЭтот отчет демонстрирует правильный формат данных для всех типов графиков.\n\n## Линейный график\n\n[[chart:lineChart]]\n\n## Столбчатая диаграмма\n\n[[chart:barChart]]\n\n## Круговая диаграмма\n\n[[chart:pieChart]]\n\n## Кольцевая диаграмма\n\n[[chart:doughnutChart]]\n\n## Радарная диаграмма\n\n[[chart:radarChart]]\n\n## Полярная диаграмма\n\n[[chart:polarAreaChart]]",
+  charts: {
+    lineChart: {
+      type: "line",
+      config: {
+        labels: ["Январь", "Февраль", "Март", "Апрель", "Май"],
+        datasets: [
+          {
+            label: "Продажи (USD)",
+            data: [12000, 19000, 15000, 18000, 22000],
+            borderColor: ["rgba(54, 162, 235, 1)"],
+            fill: false
+          }
+        ],
+        options: {
+          title: "Линейный график продаж"
+        }
+      }
+    },
+    barChart: {
+      type: "bar",
+      config: {
+        labels: ["Январь", "Февраль", "Март", "Апрель", "Май"],
+        datasets: [
+          {
+            label: "Продажи (USD)",
+            data: [12000, 19000, 15000, 18000, 22000],
+            backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+            borderColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+          }
+        ],
+        options: {
+          title: "Столбчатая диаграмма продаж"
+        }
+      }
+    },
+    pieChart: {
+      type: "pie",
+      config: {
+        labels: ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+        datasets: [
+          {
+            data: [12, 19, 3, 5, 2],
+            backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+            borderColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+          }
+        ],
+        options: {
+          title: "Круговая диаграмма категорий"
+        }
+      }
+    },
+    doughnutChart: {
+      type: "doughnut",
+      config: {
+        labels: ["Красный", "Синий", "Желтый", "Зеленый", "Фиолетовый"],
+        datasets: [
+          {
+            data: [12, 19, 3, 5, 2],
+            backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"],
+            borderColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4BC0C0", "#9966FF"]
+          }
+        ],
+        options: {
+          title: "Кольцевая диаграмма категорий"
+        }
+      }
+    },
+    radarChart: {
+      type: "radar",
+      config: {
+        labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
+        datasets: [
+          {
+            label: "Person 1",
+            data: [65, 59, 90, 81, 56, 55, 40],
+            backgroundColor: ["rgba(255, 99, 132, 0.2)"],
+            borderColor: ["rgba(255, 99, 132, 1)"]
+          }
+        ],
+        options: {
+          title: "Радарная диаграмма"
+        }
+      }
+    },
+    polarAreaChart: {
+      type: "polarArea",
+      config: {
+        labels: ["Red", "Green", "Yellow", "Grey", "Blue"],
+        datasets: [
+          {
+            data: [11, 16, 7, 3, 14],
+            backgroundColor: ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"],
+            borderColor: ["#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB"]
+          }
+        ],
+        options: {
+          title: "Полярная диаграмма"
+        }
+      }
+    }
+  },
+  outputFile: "test_chart_format_report.html"
+};
+
+// Установим переменную окружения REPORTS_DIR
+process.env.REPORTS_DIR = './test_reports';
+
+// Создадим директорию для отчетов, если она не существует
+if (!fs.existsSync('./test_reports')) {
+  fs.mkdirSync('./test_reports');
+}
+
+// Запустим генератор отчетов
+const child = spawn('node', ['dist/index.js', 'generate', '--document', config.document, '--charts', JSON.stringify(config.charts), '--output', config.outputFile]);
+
+// Слушаем вывод от дочернего процесса
+child.stdout.on('data', (data) => {
+  console.log(`stdout: ${data}`);
+});
+
+child.stderr.on('data', (data) => {
+  console.error(`stderr: ${data}`);
+});
+
+child.on('close', (code) => {
+  console.log(`Дочерний процесс завершился с кодом ${code}`);
+
+  // Проверим, был ли создан файл отчета
+  const reportPath = `./test_reports/${config.outputFile}`;
+  if (fs.existsSync(reportPath)) {
+    console.log(`✅ Отчет успешно создан: ${reportPath}`);
+
+    // Прочитаем содержимое файла
+    const reportContent = fs.readFileSync(reportPath, 'utf8');
+    console.log(`📄 Содержимое отчета:`);
+    console.log(reportContent);
+  } else {
+    console.log(`❌ Отчет не был создан`);
+  }
+});