@facet-coverage/core 0.3.0 → 0.5.0

package/dist/server/views/FeaturePage.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderFeaturePage = renderFeaturePage;
+const Layout_js_1 = require("./Layout.js");
+const Sidebar_js_1 = require("./Sidebar.js");
+/**
+ * Render a feature detail page
+ */
+function renderFeaturePage(feature, report) {
+    const coverageClass = (0, Layout_js_1.getCoverageClass)(feature.percentage);
+    // Group facets by type
+    const facetsByType = {};
+    for (const fc of feature.facets) {
+        const type = fc.facet.type;
+        if (!facetsByType[type]) {
+            facetsByType[type] = [];
+        }
+        facetsByType[type].push(fc);
+    }
+    // Type sections
+    const typeSectionsHtml = Object.entries(facetsByType)
+        .map(([type, facets]) => {
+        const covered = facets.filter(fc => fc.covered).length;
+        const total = facets.length;
+        const typePercentage = Math.round((covered / total) * 100);
+        const typeClass = (0, Layout_js_1.getCoverageClass)(typePercentage);
+        const facetsHtml = facets
+            .map(fc => {
+            const statusClass = fc.covered ? 'covered' : 'uncovered';
+            const testsCount = fc.coveredBy.length;
+            return `
+            <a href="/facet/${encodeURIComponent(fc.facet.id)}" class="facet-item ${statusClass}">
+              <div class="facet-header">
+                <span class="facet-id">${fc.covered ? '&#10003;' : '&#10007;'} ${(0, Layout_js_1.escapeHtml)(fc.facet.id)}</span>
+                ${testsCount > 0 ? `<span class="badge success">${testsCount} test${testsCount !== 1 ? 's' : ''}</span>` : ''}
+              </div>
+              <div class="facet-source">${(0, Layout_js_1.escapeHtml)(fc.facet.source.file)}#${(0, Layout_js_1.escapeHtml)(fc.facet.source.section)}</div>
+            </a>
+          `;
+        })
+            .join('');
+        return `
+        <div class="card">
+          <h2 style="display: flex; justify-content: space-between; align-items: center;">
+            <span style="text-transform: capitalize;">${(0, Layout_js_1.escapeHtml)(type)}</span>
+            <span class="badge ${typeClass}">${typePercentage}% (${covered}/${total})</span>
+          </h2>
+          <div class="facet-list">
+            ${facetsHtml}
+          </div>
+        </div>
+      `;
+    })
+        .join('');
+    return `
+    <div class="app">
+      ${(0, Sidebar_js_1.renderSidebar)(report, feature.feature)}
+
+      <main class="main">
+        <div class="doc-panel">
+          <div class="breadcrumb">
+            <a href="/">Dashboard</a>
+            <span class="breadcrumb-separator">/</span>
+            <span>${(0, Layout_js_1.escapeHtml)(feature.feature)}</span>
+          </div>
+
+          <div class="card">
+            <h2 style="display: flex; justify-content: space-between; align-items: center;">
+              <span>${(0, Layout_js_1.escapeHtml)(feature.feature)}</span>
+              <span class="badge ${coverageClass}">${feature.percentage}%</span>
+            </h2>
+            <div class="stats-grid" style="margin-top: 1rem;">
+              <div class="stat">
+                <div class="stat-value ${coverageClass}">${feature.percentage}%</div>
+                <div class="stat-label">Coverage</div>
+              </div>
+              <div class="stat">
+                <div class="stat-value">${feature.totalFacets}</div>
+                <div class="stat-label">Total Facets</div>
+              </div>
+              <div class="stat">
+                <div class="stat-value success">${feature.coveredFacets}</div>
+                <div class="stat-label">Covered</div>
+              </div>
+              <div class="stat">
+                <div class="stat-value error">${feature.totalFacets - feature.coveredFacets}</div>
+                <div class="stat-label">Uncovered</div>
+              </div>
+            </div>
+          </div>
+
+          ${typeSectionsHtml}
+        </div>
+      </main>
+    </div>
+  `;
+}
+//# sourceMappingURL=FeaturePage.js.map

package/dist/server/views/FeaturePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturePage.js","sourceRoot":"","sources":["../../../src/server/views/FeaturePage.ts"],"names":[],"mappings":"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"}

package/dist/server/views/Layout.d.ts

@@ -0,0 +1,17 @@
+interface LayoutOptions {
+    title?: string;
+}
+/**
+ * Render the main HTML layout shell
+ */
+export declare function renderLayout(content: string, options?: LayoutOptions): string;
+/**
+ * Escape HTML special characters
+ */
+export declare function escapeHtml(text: string): string;
+/**
+ * Get CSS class for coverage percentage
+ */
+export declare function getCoverageClass(percentage: number): string;
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/server/views/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/server/views/Layout.ts"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CA2BjF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO/C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAI3D"}

package/dist/server/views/Layout.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLayout = renderLayout;
+exports.escapeHtml = escapeHtml;
+exports.getCoverageClass = getCoverageClass;
+const styles_js_1 = require("./styles.js");
+const scripts_js_1 = require("./scripts.js");
+/**
+ * Render the main HTML layout shell
+ */
+function renderLayout(content, options = {}) {
+    const title = options.title || 'Facet Documentation';
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <style>
+    ${(0, styles_js_1.getStyles)()}
+  </style>
+</head>
+<body>
+  ${content}
+
+  <!-- Status indicator for hot reload -->
+  <div id="status-indicator" class="status-indicator">
+    <div class="spinner"></div>
+    <span id="status-text">Connecting...</span>
+  </div>
+
+  <script>
+    ${(0, scripts_js_1.getScripts)()}
+  </script>
+</body>
+</html>`;
+}
+/**
+ * Escape HTML special characters
+ */
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+/**
+ * Get CSS class for coverage percentage
+ */
+function getCoverageClass(percentage) {
+    if (percentage >= 80)
+        return 'success';
+    if (percentage >= 50)
+        return 'warning';
+    return 'error';
+}
+//# sourceMappingURL=Layout.js.map

package/dist/server/views/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/server/views/Layout.ts"],"names":[],"mappings":";;AAUA,oCA2BC;AAKD,gCAOC;AAKD,4CAIC;AA1DD,2CAAwC;AACxC,6CAA0C;AAM1C;;GAEG;AACH,SAAgB,YAAY,CAAC,OAAe,EAAE,UAAyB,EAAE;IACvE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,qBAAqB,CAAC;IAErD,OAAO;;;;;WAKE,UAAU,CAAC,KAAK,CAAC;;MAEtB,IAAA,qBAAS,GAAE;;;;IAIb,OAAO;;;;;;;;;MASL,IAAA,uBAAU,GAAE;;;QAGV,CAAC;AACT,CAAC;AAED;;GAEG;AACH,SAAgB,UAAU,CAAC,IAAY;IACrC,OAAO,IAAI;SACR,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;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED;;GAEG;AACH,SAAgB,gBAAgB,CAAC,UAAkB;IACjD,IAAI,UAAU,IAAI,EAAE;QAAE,OAAO,SAAS,CAAC;IACvC,IAAI,UAAU,IAAI,EAAE;QAAE,OAAO,SAAS,CAAC;IACvC,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/server/views/Sidebar.d.ts

@@ -0,0 +1,6 @@
+import type { CoverageReport } from '../../types.js';
+/**
+ * Render the sidebar navigation
+ */
+export declare function renderSidebar(report: CoverageReport, activeFeature?: string, activeFacet?: string): string;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/server/views/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/server/views/Sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAqD1G"}

package/dist/server/views/Sidebar.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSidebar = renderSidebar;
+const Layout_js_1 = require("./Layout.js");
+/**
+ * Render the sidebar navigation
+ */
+function renderSidebar(report, activeFeature, activeFacet) {
+    const featuresHtml = report.features
+        .map(feature => {
+        const coverageClass = (0, Layout_js_1.getCoverageClass)(feature.percentage);
+        const isActive = feature.feature === activeFeature;
+        const facetsHtml = feature.facets
+            .map(fc => {
+            const facetActive = fc.facet.id === activeFacet;
+            const coverStatus = fc.covered ? 'covered' : 'uncovered';
+            return `
+            <a href="/facet/${encodeURIComponent(fc.facet.id)}"
+               class="nav-item ${coverStatus}${facetActive ? ' active' : ''}"
+               title="${(0, Layout_js_1.escapeHtml)(fc.facet.id)}">
+              ${(0, Layout_js_1.escapeHtml)(fc.facet.id.split(':').pop() || fc.facet.id)}
+            </a>
+          `;
+        })
+            .join('');
+        return `
+        <div class="nav-section">
+          <a href="/feature/${encodeURIComponent(feature.feature)}" class="nav-section-header">
+            <span class="nav-section-title">${(0, Layout_js_1.escapeHtml)(feature.feature)}</span>
+            <span class="nav-section-badge ${coverageClass}">${feature.percentage}%</span>
+          </a>
+          <div class="nav-items">
+            ${facetsHtml}
+          </div>
+        </div>
+      `;
+    })
+        .join('');
+    return `
+    <aside class="sidebar">
+      <div class="sidebar-header">
+        <h1>Facet Docs</h1>
+      </div>
+      <div class="sidebar-search">
+        <input type="text" id="sidebar-search" placeholder="Search facets... (Ctrl+K)" />
+      </div>
+      <nav class="sidebar-nav">
+        <div class="nav-section">
+          <a href="/" class="nav-section-header">
+            <span class="nav-section-title">Dashboard</span>
+            <span class="nav-section-badge ${(0, Layout_js_1.getCoverageClass)(report.summary.percentage)}">${report.summary.percentage}%</span>
+          </a>
+        </div>
+        ${featuresHtml}
+      </nav>
+    </aside>
+  `;
+}
+//# sourceMappingURL=Sidebar.js.map

package/dist/server/views/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/server/views/Sidebar.ts"],"names":[],"mappings":";;AAMA,sCAqDC;AA1DD,2CAA2D;AAE3D;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAsB,EAAE,aAAsB,EAAE,WAAoB;IAChG,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ;SACjC,GAAG,CAAC,OAAO,CAAC,EAAE;QACb,MAAM,aAAa,GAAG,IAAA,4BAAgB,EAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,KAAK,aAAa,CAAC;QAEnD,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM;aAC9B,GAAG,CAAC,EAAE,CAAC,EAAE;YACR,MAAM,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,WAAW,CAAC;YAChD,MAAM,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;YACzD,OAAO;8BACa,kBAAkB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;iCAC5B,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;wBACnD,IAAA,sBAAU,EAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,IAAA,sBAAU,EAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;;WAE5D,CAAC;QACJ,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,OAAO;;8BAEiB,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC;8CACnB,IAAA,sBAAU,EAAC,OAAO,CAAC,OAAO,CAAC;6CAC5B,aAAa,KAAK,OAAO,CAAC,UAAU;;;cAGnE,UAAU;;;OAGjB,CAAC;IACJ,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;;;;;;;;;;;;6CAYoC,IAAA,4BAAgB,EAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,UAAU;;;UAG5G,YAAY;;;GAGnB,CAAC;AACJ,CAAC"}

package/dist/server/views/TestPanel.d.ts

@@ -0,0 +1,6 @@
+import type { TestLink } from '../../types.js';
+/**
+ * Render the test panel showing tests that cover a facet
+ */
+export declare function renderTestPanel(tests: TestLink[]): string;
+//# sourceMappingURL=TestPanel.d.ts.map

package/dist/server/views/TestPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestPanel.d.ts","sourceRoot":"","sources":["../../../src/server/views/TestPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CA4CzD"}

package/dist/server/views/TestPanel.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTestPanel = renderTestPanel;
+const Layout_js_1 = require("./Layout.js");
+/**
+ * Render the test panel showing tests that cover a facet
+ */
+function renderTestPanel(tests) {
+    if (tests.length === 0) {
+        return `
+      <aside class="test-panel">
+        <div class="test-panel-header">Tests (0)</div>
+        <div class="test-panel-content">
+          <div class="empty-state">
+            <div class="empty-state-icon">&#128269;</div>
+            <p>No tests cover this facet</p>
+            <p style="margin-top: 0.5rem; font-size: 0.8125rem;">
+              Add a <code>facet()</code> call in your tests to link them.
+            </p>
+          </div>
+        </div>
+      </aside>
+    `;
+    }
+    const testsHtml = tests
+        .map((test, index) => `
+      <div class="test-item${index === 0 ? ' active' : ''}"
+           data-file="${(0, Layout_js_1.escapeHtml)(test.file)}"
+           data-line="${test.line || ''}">
+        <div class="test-file">${(0, Layout_js_1.escapeHtml)(test.file)}</div>
+        <div class="test-title">${(0, Layout_js_1.escapeHtml)(test.title)}</div>
+        ${test.line ? `<div class="test-line">Line ${test.line}</div>` : ''}
+      </div>
+    `)
+        .join('');
+    return `
+    <aside class="test-panel">
+      <div class="test-panel-header">Tests (${tests.length})</div>
+      <div class="test-panel-content">
+        <div class="test-list">
+          ${testsHtml}
+        </div>
+
+        <div id="test-code" style="margin-top: 1rem;">
+          ${tests.length > 0 ? renderInitialTestCode(tests[0]) : ''}
+        </div>
+      </div>
+    </aside>
+  `;
+}
+/**
+ * Render placeholder for initial test code (will be loaded via JS)
+ */
+function renderInitialTestCode(test) {
+    return `
+    <div class="code-block">
+      <div class="code-header">
+        <span>${(0, Layout_js_1.escapeHtml)(test.file)}</span>
+        <button class="copy-btn" onclick="copyToClipboard('bun test ${(0, Layout_js_1.escapeHtml)(test.file)}')">Copy run command</button>
+      </div>
+      <div class="code-content">
+        <div class="empty-state" style="padding: 1rem;">
+          Click a test to view source code
+        </div>
+      </div>
+    </div>
+  `;
+}
+//# sourceMappingURL=TestPanel.js.map

package/dist/server/views/TestPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestPanel.js","sourceRoot":"","sources":["../../../src/server/views/TestPanel.ts"],"names":[],"mappings":";;AAMA,0CA4CC;AAjDD,2CAAyC;AAEzC;;GAEG;AACH,SAAgB,eAAe,CAAC,KAAiB;IAC/C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO;;;;;;;;;;;;;KAaN,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,KAAK;SACpB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;6BACG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;wBACjC,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,CAAC;wBACrB,IAAI,CAAC,IAAI,IAAI,EAAE;iCACN,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,CAAC;kCACpB,IAAA,sBAAU,EAAC,IAAI,CAAC,KAAK,CAAC;UAC9C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;KAEtE,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,OAAO;;8CAEqC,KAAK,CAAC,MAAM;;;YAG9C,SAAS;;;;YAIT,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;;GAIhE,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,qBAAqB,CAAC,IAAc;IAC3C,OAAO;;;gBAGO,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,CAAC;sEACiC,IAAA,sBAAU,EAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;GAQxF,CAAC;AACJ,CAAC"}

package/dist/server/views/scripts.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Client-side JavaScript for hot reload and interactivity
+ */
+export declare function getScripts(): string;
+//# sourceMappingURL=scripts.d.ts.map

package/dist/server/views/scripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts.d.ts","sourceRoot":"","sources":["../../../src/server/views/scripts.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAmMnC"}

package/dist/server/views/scripts.js

@@ -0,0 +1,203 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScripts = getScripts;
+/**
+ * Client-side JavaScript for hot reload and interactivity
+ */
+function getScripts() {
+    return `
+    (function() {
+      // WebSocket connection for hot reload
+      let ws = null;
+      let reconnectAttempts = 0;
+      const maxReconnectAttempts = 10;
+      const reconnectDelay = 1000;
+
+      const statusIndicator = document.getElementById('status-indicator');
+      const statusText = document.getElementById('status-text');
+
+      function showStatus(message, type) {
+        if (!statusIndicator) return;
+        statusIndicator.className = 'status-indicator visible ' + type;
+        if (statusText) statusText.textContent = message;
+      }
+
+      function hideStatus() {
+        if (statusIndicator) statusIndicator.className = 'status-indicator';
+      }
+
+      function connect() {
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        ws = new WebSocket(protocol + '//' + window.location.host + '/ws');
+
+        ws.onopen = function() {
+          console.log('[Facet] WebSocket connected');
+          reconnectAttempts = 0;
+          showStatus('Connected', 'connected');
+          setTimeout(hideStatus, 2000);
+        };
+
+        ws.onclose = function() {
+          console.log('[Facet] WebSocket disconnected');
+          ws = null;
+
+          if (reconnectAttempts < maxReconnectAttempts) {
+            reconnectAttempts++;
+            const delay = reconnectDelay * Math.min(reconnectAttempts, 5);
+            console.log('[Facet] Reconnecting in ' + delay + 'ms...');
+            setTimeout(connect, delay);
+          }
+        };
+
+        ws.onerror = function(error) {
+          console.error('[Facet] WebSocket error:', error);
+        };
+
+        ws.onmessage = function(event) {
+          try {
+            const message = JSON.parse(event.data);
+            handleMessage(message);
+          } catch (e) {
+            console.error('[Facet] Failed to parse message:', e);
+          }
+        };
+      }
+
+      function handleMessage(message) {
+        switch (message.type) {
+          case 'connected':
+            console.log('[Facet] Server acknowledged connection');
+            break;
+
+          case 'file-change':
+            showStatus('File changed: ' + message.data.path, 'updating');
+            break;
+
+          case 'coverage-update':
+            console.log('[Facet] Coverage updated:', message.data.summary);
+            showStatus('Refreshing...', 'updating');
+            // Reload the page to show new coverage
+            setTimeout(function() {
+              window.location.reload();
+            }, 300);
+            break;
+
+          case 'error':
+            console.error('[Facet] Server error:', message.data.message);
+            showStatus('Error: ' + message.data.message, 'error');
+            break;
+        }
+      }
+
+      // Start WebSocket connection
+      connect();
+
+      // Search functionality
+      const searchInput = document.getElementById('sidebar-search');
+      if (searchInput) {
+        searchInput.addEventListener('input', function(e) {
+          const query = e.target.value.toLowerCase();
+          const items = document.querySelectorAll('.nav-item');
+
+          items.forEach(function(item) {
+            const text = item.textContent.toLowerCase();
+            const section = item.closest('.nav-section');
+
+            if (query === '' || text.includes(query)) {
+              item.style.display = '';
+            } else {
+              item.style.display = 'none';
+            }
+          });
+
+          // Show/hide sections based on visible items
+          document.querySelectorAll('.nav-section').forEach(function(section) {
+            const visibleItems = section.querySelectorAll('.nav-item:not([style*="display: none"])');
+            section.style.display = visibleItems.length > 0 || query === '' ? '' : 'none';
+          });
+        });
+      }
+
+      // Test panel - load test source on click
+      document.querySelectorAll('.test-item').forEach(function(item) {
+        item.addEventListener('click', function() {
+          const file = item.dataset.file;
+          const line = item.dataset.line;
+
+          if (!file) return;
+
+          // Mark as active
+          document.querySelectorAll('.test-item').forEach(function(i) {
+            i.classList.remove('active');
+          });
+          item.classList.add('active');
+
+          // Load test source
+          loadTestSource(file, line);
+        });
+      });
+
+      async function loadTestSource(file, line) {
+        const codeContainer = document.getElementById('test-code');
+        if (!codeContainer) return;
+
+        codeContainer.innerHTML = '<div class="empty-state">Loading...</div>';
+
+        try {
+          const response = await fetch('/api/test-source?file=' + encodeURIComponent(file) + (line ? '&line=' + line : ''));
+          const data = await response.json();
+
+          if (data.error) {
+            codeContainer.innerHTML = '<div class="empty-state">' + data.error + '</div>';
+            return;
+          }
+
+          const lines = data.content.split('\\n');
+          let html = '<div class="code-block">';
+          html += '<div class="code-header"><span>' + data.file + '</span>';
+          html += '<button class="copy-btn" onclick="copyToClipboard(\\'bun test ' + data.file + '\\')">Copy run command</button>';
+          html += '</div>';
+          html += '<div class="code-content">';
+
+          lines.forEach(function(lineContent, index) {
+            const lineNum = data.startLine + index;
+            const isHighlight = lineNum === data.highlightLine;
+            html += '<div class="code-line' + (isHighlight ? ' highlight' : '') + '">';
+            html += '<span class="code-line-number">' + lineNum + '</span>';
+            html += '<span class="code-line-content">' + escapeHtml(lineContent) + '</span>';
+            html += '</div>';
+          });
+
+          html += '</div></div>';
+          codeContainer.innerHTML = html;
+        } catch (e) {
+          codeContainer.innerHTML = '<div class="empty-state">Failed to load source</div>';
+        }
+      }
+
+      function escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+      }
+
+      // Copy to clipboard helper
+      window.copyToClipboard = function(text) {
+        navigator.clipboard.writeText(text).then(function() {
+          // Could show a toast here
+          console.log('[Facet] Copied to clipboard');
+        });
+      };
+
+      // Keyboard shortcuts
+      document.addEventListener('keydown', function(e) {
+        // Ctrl/Cmd + K to focus search
+        if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+          e.preventDefault();
+          if (searchInput) searchInput.focus();
+        }
+      });
+    })();
+  `;
+}
+//# sourceMappingURL=scripts.js.map

package/dist/server/views/scripts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts.js","sourceRoot":"","sources":["../../../src/server/views/scripts.ts"],"names":[],"mappings":";;AAGA,gCAmMC;AAtMD;;GAEG;AACH,SAAgB,UAAU;IACxB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiMN,CAAC;AACJ,CAAC"}

package/dist/server/views/styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * CSS styles for the documentation server
+ * Based on the HtmlReporter design system
+ */
+export declare function getStyles(): string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/server/views/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/server/views/styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAulBlC"}