@nqminds/mcp-client 1.0.29 → 1.0.30

package/dist/MCPChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MCPChat.d.ts","sourceRoot":"","sources":["../src/MCPChat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,KAAK,EAAyB,YAAY,EAAe,MAAM,SAAS,CAAC;AAkNhF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,WAA6B,EAC7B,YAAiB,EACjB,SAAc,GACf,EAAE,YAAY,qBAshBd"}
+{"version":3,"file":"MCPChat.d.ts","sourceRoot":"","sources":["../src/MCPChat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAyB,YAAY,EAAe,MAAM,SAAS,CAAC;AAwahF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,WAA6B,EAC7B,YAAiB,EACjB,SAAc,GACf,EAAE,YAAY,qBA6hBd"}

package/dist/MCPChat.js

@@ -2,6 +2,7 @@
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
+import { renderToStaticMarkup } from "react-dom/server";
 /**
  * Strips utm_source=openai (and any surrounding & or ?) from a URL.
  */
@@ -10,6 +11,84 @@ function stripUtmSource(url) {
         .replace(/[?&]utm_source=openai/gi, (match) => (match.startsWith("?") ? "?" : ""))
         .replace(/\?$/, "");
 }
+/**
+ * Fixes broken markdown tables where row-separating newlines are missing.
+ * Detects the separator row (|---|---|) to infer column count, then uses
+ * pipe-counting to split the flattened table text back into proper rows.
+ */
+function fixBrokenTables(content) {
+    // 1) Rejoin separator rows that were split across line breaks
+    //    e.g.  "|---|---\n:|---|"  →  "|---|---:|---|"
+    content = content.replace(/(\|[-:| ]*-)[ \t]*\r?\n[ \t]*([-:| ]*\|)/g, (full, p1, p2) => {
+        const joined = p1 + p2;
+        if (/^\|[ :]*-{2,}[ :]*(\|[ :]*-{2,}[ :]*)+\|$/.test(joined.trim()))
+            return joined;
+        return full;
+    });
+    // 2) Scan line-by-line for inline separator patterns (= broken table)
+    const SEP_RE = /\|[ :]*-{2,}[ :]*(?:\|[ :]*-{2,}[ :]*)+\|/;
+    const lines = content.split("\n");
+    const out = [];
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        const sepMatch = line.match(SEP_RE);
+        // No separator on this line, or the line IS just the separator → fine
+        if (!sepMatch || line.trim() === sepMatch[0]) {
+            out.push(line);
+            i++;
+            continue;
+        }
+        // Broken table: separator is inline with other content
+        const sep = sepMatch[0];
+        const cols = sep.split("|").filter((s) => /^[ :]*-+[ :]*$/.test(s)).length;
+        if (cols < 2) {
+            out.push(line);
+            i++;
+            continue;
+        }
+        // Absorb continuation lines that look like table content (start with |)
+        let raw = line;
+        i++;
+        while (i < lines.length) {
+            const next = lines[i].trim();
+            if (!next || !next.startsWith("|"))
+                break;
+            raw += " " + next;
+            i++;
+        }
+        // Flatten whitespace and locate every unescaped pipe
+        const flat = raw.replace(/\s+/g, " ").trim();
+        const pipes = [];
+        for (let k = 0; k < flat.length; k++) {
+            if (flat[k] === "|" && (k === 0 || flat[k - 1] !== "\\"))
+                pipes.push(k);
+        }
+        const perRow = cols + 1; // pipes per table row
+        const fullRows = Math.floor(pipes.length / perRow);
+        if (fullRows < 2) {
+            out.push(raw);
+            continue;
+        } // can't reconstruct
+        // Text that precedes the first pipe (e.g. a heading label)
+        const prefix = flat.substring(0, pipes[0]).trim();
+        if (prefix) {
+            out.push(prefix);
+            out.push("");
+        }
+        // Emit each complete row on its own line
+        for (let r = 0; r < fullRows; r++) {
+            out.push(flat.substring(pipes[r * perRow], pipes[r * perRow + perRow - 1] + 1));
+        }
+        // Trailing text after last complete row
+        const trailing = flat.substring(pipes[fullRows * perRow - 1] + 1).trim();
+        if (trailing) {
+            out.push("");
+            out.push(trailing);
+        }
+    }
+    return out.join("\n");
+}
 /**
  * Post-processes AI response content to ensure all links open in a new tab
  * and have tracking parameters removed.
@@ -27,6 +106,139 @@ function preprocessLinks(content) {
     // Strip utm params from plain markdown links [text](url)
     return step1.replace(/\[([^\]]*)\]\(([^)]*)\)/g, (_, text, url) => `[${text}](${stripUtmSource(url)})`);
 }
+/**
+ * Renders an assistant message as a styled HTML document and triggers
+ * the browser's print dialog (which offers "Save as PDF").
+ */
+function downloadMessageAsPdf(markdownContent, companyNumber) {
+    const html = renderToStaticMarkup(React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm] }, preprocessLinks(fixBrokenTables(markdownContent))));
+    const title = companyNumber
+        ? `FLAIR Report — ${companyNumber}`
+        : "FLAIR Report";
+    const now = new Date();
+    const timestamp = now.toLocaleDateString("en-GB", {
+        day: "2-digit", month: "long", year: "numeric",
+    }) + " at " + now.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
+    const doc = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>${title}</title>
+<style>
+  @page { margin: 20mm 15mm; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    line-height: 1.6;
+    color: #1a1a1a;
+    max-width: 780px;
+    margin: 0 auto;
+    padding: 0;
+  }
+  .report-header {
+    border-bottom: 2px solid #2563eb;
+    padding-bottom: 10px;
+    margin-bottom: 20px;
+  }
+  .report-header h1 {
+    font-size: 20px;
+    margin: 0 0 4px 0;
+    color: #2563eb;
+  }
+  .report-header .meta {
+    font-size: 11px;
+    color: #666;
+  }
+  h1, h2, h3, h4 { margin-top: 18px; margin-bottom: 8px; }
+  h1 { font-size: 18px; }
+  h2 { font-size: 16px; border-bottom: 1px solid #e5e7eb; padding-bottom: 4px; }
+  h3 { font-size: 14px; }
+  p { margin: 0 0 8px 0; }
+  ul, ol { margin: 4px 0 8px 0; padding-left: 24px; }
+  li { margin-bottom: 3px; }
+  table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 10px 0;
+    font-size: 12px;
+  }
+  th, td {
+    border: 1px solid #d1d5db;
+    padding: 6px 8px;
+    text-align: left;
+  }
+  th {
+    background-color: #f3f4f6;
+    font-weight: 600;
+  }
+  tr:nth-child(even) { background-color: #f9fafb; }
+  code {
+    background: #f3f4f6;
+    padding: 1px 4px;
+    border-radius: 3px;
+    font-size: 12px;
+  }
+  pre {
+    background: #f3f4f6;
+    padding: 10px;
+    border-radius: 4px;
+    overflow-x: auto;
+    font-size: 12px;
+  }
+  pre code { background: none; padding: 0; }
+  blockquote {
+    border-left: 3px solid #d1d5db;
+    margin: 8px 0;
+    padding: 4px 12px;
+    color: #555;
+  }
+  a { color: #2563eb; text-decoration: none; }
+  hr { border: none; border-top: 1px solid #e5e7eb; margin: 16px 0; }
+  .report-footer {
+    margin-top: 30px;
+    padding-top: 10px;
+    border-top: 1px solid #e5e7eb;
+    font-size: 10px;
+    color: #999;
+    text-align: center;
+  }
+</style>
+</head>
+<body>
+  <div class="report-header">
+    <h1>${title}</h1>
+    <div class="meta">Generated ${timestamp} by FLAIR AI</div>
+  </div>
+  ${html}
+  <div class="report-footer">
+    This report was generated by FLAIR AI and should be independently verified.
+  </div>
+</body>
+</html>`;
+    const printWindow = window.open("", "_blank");
+    if (!printWindow) {
+        // Popup blocked — fall back to blob download of HTML
+        const blob = new Blob([doc], { type: "text/html" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `${title.replace(/[^a-zA-Z0-9 _-]/g, "")}.html`;
+        a.click();
+        URL.revokeObjectURL(url);
+        return;
+    }
+    printWindow.document.write(doc);
+    printWindow.document.close();
+    // Wait for content to render before triggering print
+    printWindow.addEventListener("load", () => printWindow.print());
+    // Fallback if load already fired
+    setTimeout(() => {
+        try {
+            printWindow.print();
+        }
+        catch { /* ignore */ }
+    }, 600);
+}
 const DEFAULT_ACTIONS = [
     {
         label: "Company overview",
@@ -499,10 +711,11 @@ export function MCPChat({ companyNumber, apiEndpoint = "/api/mcp/chat", customSt
                             msg.role === "assistant" ? (React.createElement("div", { className: "mcp-chat-message-content markdown-content" },
                                 React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm], components: {
                                         a: ({ href, children }) => (React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer" }, children)),
-                                    } }, preprocessLinks(msg.content)))) : (React.createElement("div", { className: "mcp-chat-message-content" }, msg.content)),
+                                    } }, preprocessLinks(fixBrokenTables(msg.content))))) : (React.createElement("div", { className: "mcp-chat-message-content" }, msg.content)),
                             msg.role === "assistant" && !msg.isStreaming && (React.createElement("div", { className: "mcp-chat-message-timestamp" },
                                 msg.timestamp.toLocaleTimeString(),
-                                msg.tokenInfo && (React.createElement("span", { className: "mcp-chat-token-info" }, msg.tokenInfo)))))))),
+                                msg.tokenInfo && (React.createElement("span", { className: "mcp-chat-token-info" }, msg.tokenInfo)),
+                                React.createElement("button", { className: "mcp-btn-download-pdf", onClick: () => downloadMessageAsPdf(msg.content, companyNumber), title: "Download as PDF" }, "\uD83D\uDCC4 PDF"))))))),
                     isLoading && (React.createElement("div", { className: "mcp-chat-message mcp-chat-message-assistant" },
                         React.createElement("div", { className: "mcp-chat-thinking" },
                             React.createElement("div", { className: "mcp-chat-thinking-title" },

package/dist/styles/MCPChat.css

@@ -465,6 +465,25 @@
   padding-left: 8px;
 }
 
+.mcp-btn-download-pdf {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 3px 10px;
+  border: 1px solid #2563eb;
+  border-radius: 4px;
+  background: #2563eb;
+  color: #fff;
+  cursor: pointer;
+  transition: background-color 0.15s, box-shadow 0.15s;
+  line-height: 1.4;
+  letter-spacing: 0.02em;
+}
+
+.mcp-btn-download-pdf:hover {
+  background: #1d4ed8;
+  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.35);
+}
+
 /* ───────────────────────────────────────────────
    Markdown
 ─────────────────────────────────────────────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nqminds/mcp-client",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "Reusable MCP client component with AI chat interface",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",