npm - @raeseoklee/mcp-workbench-plugin-html-report - Versions diffs - 0.4.0 - Mend

@raeseoklee/mcp-workbench-plugin-html-report 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/generator.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { RunReport } from "@mcp-workbench/plugin-sdk";
+export declare function generateHtml(report: RunReport, specFile?: string): string;
+//# sourceMappingURL=generator.d.ts.map

package/dist/generator.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../src/generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,2BAA2B,CAAC;AAE9E,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAyFzE"}

package/dist/generator.js ADDED Viewed

@@ -0,0 +1,134 @@
+export function generateHtml(report, specFile) {
+    const date = new Date().toLocaleString();
+    const title = specFile ? `MCP Workbench — ${specFile}` : "MCP Workbench Report";
+    const allPassed = report.failed === 0 && report.errors === 0;
+    const statusBadge = allPassed
+        ? `<span class="badge pass">PASS</span>`
+        : `<span class="badge fail">FAIL</span>`;
+    const testRows = report.tests.map(renderTest).join("\n");
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${escHtml(title)}</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; background: #f5f7fa; color: #1a1d23; }
+    header { background: #1a1d23; color: #fff; padding: 20px 32px; }
+    header h1 { margin: 0; font-size: 18px; font-weight: 600; }
+    header p { margin: 4px 0 0; font-size: 13px; opacity: 0.6; }
+    .summary { display: flex; gap: 16px; padding: 20px 32px; background: #fff; border-bottom: 1px solid #e5e8ed; align-items: center; flex-wrap: wrap; }
+    .badge { display: inline-block; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; }
+    .badge.pass { background: #d1fae5; color: #065f46; }
+    .badge.fail { background: #fee2e2; color: #991b1b; }
+    .stat { font-size: 13px; color: #6b7280; }
+    .stat strong { color: #1a1d23; }
+    .stat.green strong { color: #059669; }
+    .stat.red strong { color: #dc2626; }
+    .stat.yellow strong { color: #d97706; }
+    .duration { margin-left: auto; font-size: 12px; color: #9ca3af; }
+    main { padding: 24px 32px; }
+    .test { background: #fff; border: 1px solid #e5e8ed; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
+    .test-header { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; }
+    .test-header:hover { background: #f9fafb; }
+    .icon { font-size: 14px; flex-shrink: 0; }
+    .icon.pass { color: #059669; }
+    .icon.fail { color: #dc2626; }
+    .icon.error { color: #dc2626; }
+    .icon.skip { color: #d97706; }
+    .test-id { font-size: 13px; font-weight: 600; color: #1a1d23; }
+    .test-desc { font-size: 12px; color: #6b7280; margin-left: 4px; }
+    .test-ms { margin-left: auto; font-size: 11px; color: #9ca3af; }
+    .assertions { padding: 0 16px 12px 40px; display: none; }
+    .assertions.open { display: block; }
+    .assertion { font-size: 12px; padding: 4px 0; border-top: 1px solid #f3f4f6; display: flex; align-items: flex-start; gap: 6px; }
+    .assertion:first-child { border-top: none; }
+    .a-icon.pass { color: #059669; }
+    .a-icon.fail { color: #dc2626; }
+    .a-kind { color: #6b7280; font-family: monospace; }
+    .a-msg { color: #dc2626; }
+    .a-diff { background: #f9fafb; border: 1px solid #e5e8ed; border-radius: 4px; padding: 8px; font-family: monospace; font-size: 11px; white-space: pre; overflow-x: auto; margin-top: 4px; color: #374151; }
+    .error-msg { font-size: 12px; color: #dc2626; padding: 4px 0 4px 40px; }
+    footer { text-align: center; padding: 24px; font-size: 12px; color: #9ca3af; }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>MCP Workbench Test Report</h1>
+    <p>${escHtml(specFile ?? "")} &nbsp;·&nbsp; Generated ${escHtml(date)}</p>
+  </header>
+  <div class="summary">
+    ${statusBadge}
+    <span class="stat green"><strong>${report.passed}</strong> passed</span>
+    ${report.failed > 0 ? `<span class="stat red"><strong>${report.failed}</strong> failed</span>` : ""}
+    ${report.errors > 0 ? `<span class="stat red"><strong>${report.errors}</strong> errors</span>` : ""}
+    ${report.skipped > 0 ? `<span class="stat yellow"><strong>${report.skipped}</strong> skipped</span>` : ""}
+    <span class="stat"><strong>${report.total}</strong> total</span>
+    <span class="duration">${report.durationMs}ms</span>
+  </div>
+  <main>
+    ${testRows}
+  </main>
+  <footer>Generated by <strong>MCP Workbench</strong> · plugin-html-report</footer>
+  <script>
+    document.querySelectorAll('.test-header').forEach(function(el) {
+      el.addEventListener('click', function() {
+        var assertions = el.nextElementSibling;
+        if (assertions) assertions.classList.toggle('open');
+      });
+    });
+  </script>
+</body>
+</html>`;
+}
+function renderTest(t) {
+    const iconClass = t.status === "passed" ? "pass" : t.status === "skipped" ? "skip" : t.status === "error" ? "error" : "fail";
+    const iconChar = t.status === "passed" ? "✓" : t.status === "skipped" ? "○" : "✗";
+    const desc = t.description ? `<span class="test-desc">— ${escHtml(t.description)}</span>` : "";
+    const assertionHtml = t.assertionResults.map((a) => {
+        const ac = a.passed ? "pass" : "fail";
+        const label = a.assertion.label ?? a.assertion.kind;
+        const msgHtml = !a.passed && a.message
+            ? `<span class="a-msg">${escHtml(a.message)}</span>`
+            : "";
+        const diffHtml = a.diff
+            ? `<pre class="a-diff">${escHtml(a.diff)}</pre>`
+            : "";
+        return `<div class="assertion">
+      <span class="a-icon ${ac}">${a.passed ? "✓" : "✗"}</span>
+      <span>
+        <span class="a-kind">${escHtml(label)}</span>
+        ${msgHtml}
+        ${diffHtml}
+      </span>
+    </div>`;
+    }).join("\n");
+    const errorHtml = t.error
+        ? `<div class="error-msg">${escHtml(t.error)}</div>`
+        : "";
+    return `<div class="test">
+  <div class="test-header">
+    <span class="icon ${iconClass}">${iconChar}</span>
+    <span class="test-id">${escHtml(t.testId)}</span>
+    ${desc}
+    <span class="test-ms">${t.durationMs}ms</span>
+  </div>
+  ${errorHtml}
+  <div class="assertions">
+    ${assertionHtml}
+  </div>
+</div>`;
+}
+function escHtml(str) {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+//# sourceMappingURL=generator.js.map

package/dist/generator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"generator.js","sourceRoot":"","sources":["../src/generator.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,MAAiB,EAAE,QAAiB;IAC/D,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAChF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,SAAS;QAC3B,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,sCAAsC,CAAC;IAE3C,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO;;;;;WAKE,OAAO,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6ChB,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,4BAA4B,OAAO,CAAC,IAAI,CAAC;;;;MAInE,WAAW;uCACsB,MAAM,CAAC,MAAM;MAC9C,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,kCAAkC,MAAM,CAAC,MAAM,yBAAyB,CAAC,CAAC,CAAC,EAAE;MACjG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,kCAAkC,MAAM,CAAC,MAAM,yBAAyB,CAAC,CAAC,CAAC,EAAE;MACjG,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,qCAAqC,MAAM,CAAC,OAAO,0BAA0B,CAAC,CAAC,CAAC,EAAE;iCAC5E,MAAM,CAAC,KAAK;6BAChB,MAAM,CAAC,UAAU;;;;MAIxC,QAAQ;;;;;;;;;;;;;;QAcN,CAAC;AACT,CAAC;AAED,SAAS,UAAU,CAAC,CAAoB;IACtC,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7H,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAClF,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,6BAA6B,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/F,MAAM,aAAa,GAAG,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACjD,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QACtC,MAAM,KAAK,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;QACpD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO;YACpC,CAAC,CAAC,uBAAuB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS;YACpD,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI;YACrB,CAAC,CAAC,uBAAuB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;YAChD,CAAC,CAAC,EAAE,CAAC;QACP,OAAO;4BACiB,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;+BAExB,OAAO,CAAC,KAAK,CAAC;UACnC,OAAO;UACP,QAAQ;;WAEP,CAAC;IACV,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK;QACvB,CAAC,CAAC,0BAA0B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QACpD,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;;wBAEe,SAAS,KAAK,QAAQ;4BAClB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;MACvC,IAAI;4BACkB,CAAC,CAAC,UAAU;;IAEpC,SAAS;;MAEP,aAAa;;OAEZ,CAAC;AACR,CAAC;AAED,SAAS,OAAO,CAAC,GAAW;IAC1B,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC"}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { WorkbenchPlugin } from "@mcp-workbench/plugin-sdk";
+declare const plugin: WorkbenchPlugin;
+export default plugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,2BAA2B,CAAC;AAIhF,QAAA,MAAM,MAAM,EAAE,eAqBb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/index.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { writeFile } from "node:fs/promises";
+import { resolve } from "node:path";
+import { PLUGIN_API_VERSION } from "./version.js";
+import { generateHtml } from "./generator.js";
+const plugin = {
+    manifest: {
+        name: "@mcp-workbench/plugin-html-report",
+        version: "0.4.0",
+        apiVersion: PLUGIN_API_VERSION,
+        description: "Generates a self-contained HTML test report",
+        contributes: { reporters: ["html"] },
+    },
+    register(ctx) {
+        ctx.registerReporter({
+            name: "html",
+            description: "Self-contained HTML report",
+            async generate({ report, specFile, outputPath }) {
+                const html = generateHtml(report, specFile);
+                const out = resolve(outputPath ?? "mcp-workbench-report.html");
+                await writeFile(out, html, "utf8");
+                ctx.logger.info(`HTML report written to ${out}`);
+            },
+        });
+    },
+};
+export default plugin;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,GAAoB;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE,mCAAmC;QACzC,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,kBAAkB;QAC9B,WAAW,EAAE,6CAA6C;QAC1D,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE;KACrC;IAED,QAAQ,CAAC,GAAkB;QACzB,GAAG,CAAC,gBAAgB,CAAC;YACnB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,4BAA4B;YACzC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBAC7C,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBAC5C,MAAM,GAAG,GAAG,OAAO,CAAC,UAAU,IAAI,2BAA2B,CAAC,CAAC;gBAC/D,MAAM,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;gBACnC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,0BAA0B,GAAG,EAAE,CAAC,CAAC;YACnD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/version.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/** Must match PLUGIN_API_VERSION in @mcp-workbench/plugin-runtime */
+export declare const PLUGIN_API_VERSION = "0.4";
+//# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,eAAO,MAAM,kBAAkB,QAAQ,CAAC"}

package/dist/version.js ADDED Viewed

@@ -0,0 +1,3 @@
+/** Must match PLUGIN_API_VERSION in @mcp-workbench/plugin-runtime */
+export const PLUGIN_API_VERSION = "0.4";
+//# sourceMappingURL=version.js.map

package/dist/version.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC"}

package/package.json ADDED Viewed

@@ -0,0 +1,42 @@
+{
+  "name": "@raeseoklee/mcp-workbench-plugin-html-report",
+  "version": "0.4.0",
+  "type": "module",
+  "description": "MCP Workbench plugin — generates a self-contained HTML test report",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@raeseoklee/mcp-workbench-plugin-sdk": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.0",
+    "vitest": "^2.0.0",
+    "@types/node": "^22.0.0"
+  },
+  "license": "Apache-2.0",
+  "keywords": ["mcp", "model-context-protocol", "plugin", "reporter", "html"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/raeseoklee/mcp-workbench.git"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "files": ["dist"],
+  "publishConfig": {
+    "access": "public"
+  }
+}