shokupan 0.10.4 → 0.11.0

package/dist/plugins/application/asyncapi/static/asyncapi-client.mjs

@@ -10,9 +10,36 @@ const state = {
     logEntries: [],
     logAutoScroll: true,
     isConsoleMaximized: false,
-    disableSourceView: !!window.DISABLE_SOURCE_VIEW
+    disableSourceView: !!window.DISABLE_SOURCE_VIEW,
+    // Layout State names
+    STORAGE_KEYS: {
+        SIDEBAR_WIDTH: 'asyncapi_sidebar_width',
+        CONSOLE_WIDTH: 'asyncapi_console_width',
+        NAV_COLLAPSED: 'asyncapi_nav_collapsed',
+        CONSOLE_COLLAPSED: 'asyncapi_console_collapsed',
+        CONSOLE_MAXIMIZED: 'asyncapi_console_maximized'
+    }
 };
 
+const STORAGE_PREFIX = 'shokupan:asyncapi:';
+
+function saveState(key, value) {
+    try {
+        localStorage.setItem(STORAGE_PREFIX + key, JSON.stringify(value));
+    } catch (e) {
+        console.warn('Failed to save state', e);
+    }
+}
+
+function getState(key, defaultValue) {
+    try {
+        const item = localStorage.getItem(STORAGE_PREFIX + key);
+        return item ? JSON.parse(item) : defaultValue;
+    } catch (e) {
+        return defaultValue;
+    }
+}
+
 const els = {
     url: document.getElementById('url'),
     protocol: document.getElementById('protocol'),
@@ -41,6 +68,7 @@ const els = {
     btnMaximizeConsole: document.getElementById('btn-maximize-console')
 };
 
+// Resizers
 // Resizers
 function initResizers() {
     const setup = (id, varName, isLeft) => {
@@ -64,6 +92,10 @@ function initResizers() {
                 document.removeEventListener('mouseup', onUp);
                 document.body.style.cursor = '';
                 el.classList.remove('resizing');
+
+                // Save new width
+                const finalW = parseInt(getComputedStyle(root).getPropertyValue(varName), 10);
+                saveState(varName === '--sidebar-width' ? state.STORAGE_KEYS.SIDEBAR_WIDTH : state.STORAGE_KEYS.CONSOLE_WIDTH, finalW);
             };
             document.addEventListener('mousemove', onMove);
             document.addEventListener('mouseup', onUp);
@@ -73,8 +105,10 @@ function initResizers() {
     setup('resizer-right', '--console-width', false);
 }
 
-function toggleConsoleMaximize() {
-    state.isConsoleMaximized = !state.isConsoleMaximized;
+function toggleConsoleMaximize(save = true) {
+    if (save) state.isConsoleMaximized = !state.isConsoleMaximized;
+    // implied else: state already toggled if called from restore
+
     const btn = els.btnMaximizeConsole;
 
     if (state.isConsoleMaximized) {
@@ -89,10 +123,6 @@ function toggleConsoleMaximize() {
         btn.title = "Restore Console";
     } else {
         // Restore
-        els.mainWrapper.style.display = 'block'; // Or flex/whatever logic
-        // Actually main-wrapper was display:flex via style attribute in HTML, 
-        // but let's check if we hid it. display='none' hides it.
-        // We can just set it empty to revert to stylesheet or inline default.
         els.mainWrapper.style.display = '';
         els.resizerRight.style.display = 'block';
         els.consolePanel.style.flex = ''; // Revert to CSS default
@@ -102,6 +132,49 @@ function toggleConsoleMaximize() {
         btn.innerHTML = `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>`;
         btn.title = "Maximize Console";
     }
+
+    if (save) {
+        saveState(state.STORAGE_KEYS.CONSOLE_MAXIMIZED, state.isConsoleMaximized);
+    }
+}
+
+function restoreLayout() {
+    const root = document.documentElement;
+
+    // Widths
+    const sidebarW = getState(state.STORAGE_KEYS.SIDEBAR_WIDTH, null);
+    if (sidebarW) root.style.setProperty('--sidebar-width', sidebarW + 'px');
+
+    const consoleW = getState(state.STORAGE_KEYS.CONSOLE_WIDTH, null);
+    if (consoleW) root.style.setProperty('--console-width', consoleW + 'px');
+
+    // Nav State
+    const navCollapsed = getState(state.STORAGE_KEYS.NAV_COLLAPSED, false);
+    if (navCollapsed && els.btnCollapseNav) {
+        els.sidebar.style.display = 'none';
+        els.resizerLeft.style.display = 'none';
+        els.btnExpandNav.style.display = 'flex';
+        // Ensure collapse button is hidden? Stylesheet handles it via display:none on expand usually? 
+        // Based on original logic:
+        // collapse click -> sidebar none, resizer none, expand flex.
+        // expand click -> sidebar flex, resizer block, expand none.
+        // We assume collapse btn is always visible when sidebar is visible.
+    }
+
+    // Console State
+    const consoleCollapsed = getState(state.STORAGE_KEYS.CONSOLE_COLLAPSED, false);
+    if (consoleCollapsed && els.btnCollapseConsole) {
+        els.consolePanel.style.display = 'none';
+        els.resizerRight.style.display = 'none';
+        els.btnExpandConsole.style.display = 'flex';
+    }
+
+    // Maximize State
+    const consoleMaximized = getState(state.STORAGE_KEYS.CONSOLE_MAXIMIZED, false);
+    if (consoleMaximized && els.btnMaximizeConsole && !consoleCollapsed) { // Don't maximize if collapsed?
+        state.isConsoleMaximized = true;
+        toggleConsoleMaximize(false);
+    }
 }
 
 // Hydrate Navigation
@@ -165,15 +238,18 @@ require(['vs/editor/editor.main'], function () {
     // Auto-connect if URL is present (or wait for user?)
     // Original script called connect() immediately.
     // Toggles
+
     if (els.btnCollapseNav) els.btnCollapseNav.onclick = () => {
         els.sidebar.style.display = 'none';
         els.resizerLeft.style.display = 'none';
         els.btnExpandNav.style.display = 'flex';
+        saveState(state.STORAGE_KEYS.NAV_COLLAPSED, true);
     };
     if (els.btnExpandNav) els.btnExpandNav.onclick = () => {
         els.sidebar.style.display = 'flex';
         els.resizerLeft.style.display = 'block';
         els.btnExpandNav.style.display = 'none';
+        saveState(state.STORAGE_KEYS.NAV_COLLAPSED, false);
     };
 
     if (els.btnCollapseConsole) els.btnCollapseConsole.onclick = () => {
@@ -183,17 +259,21 @@ require(['vs/editor/editor.main'], function () {
         els.consolePanel.style.display = 'none';
         els.resizerRight.style.display = 'none';
         els.btnExpandConsole.style.display = 'flex';
+        saveState(state.STORAGE_KEYS.CONSOLE_COLLAPSED, true);
     };
     if (els.btnExpandConsole) els.btnExpandConsole.onclick = () => {
         els.consolePanel.style.display = 'flex';
         els.resizerRight.style.display = 'block';
         els.btnExpandConsole.style.display = 'none';
+        saveState(state.STORAGE_KEYS.CONSOLE_COLLAPSED, false);
 
-        // Reset maximize state if it was maximized
+        // Reset maximize state if it was maximized (handled by collapse logic mostly, but good to be safe)
         if (state.isConsoleMaximized) toggleConsoleMaximize();
     };
 
-    if (els.btnMaximizeConsole) els.btnMaximizeConsole.onclick = toggleConsoleMaximize;
+    if (els.btnMaximizeConsole) els.btnMaximizeConsole.onclick = () => toggleConsoleMaximize(true);
+
+    restoreLayout();
 
     connect();
 });
@@ -240,8 +320,8 @@ async function selectEvent(name, el) {
         if (!state.disableSourceView && sourceInfos.length > 0) {
             sourceLinksHtml = sourceInfos.map(s => {
                 const filename = s.file ? s.file.split('/').pop() : 'unknown';
-                return `<a href="vscode://file/${s.file}:${s.line}" style="color: #fbbf24; text-decoration: underline; font-family: monospace; display: block;">
-                            ${filename}:${s.line}
+                return `<a href="vscode://file/${s.file}:${s.line}" style="color: #fbbf24; text-decoration: none; display: block;" class="code-link">
+                            <code style="font-family: 'JetBrains Mono', monospace; background: rgba(251, 191, 36, 0.1); padding: 2px 4px; border-radius: 4px;">${filename}:${s.line}</code>
                         </a>`;
             }).join('');
         }
@@ -267,7 +347,7 @@ async function selectEvent(name, el) {
                 </div>
                 
                 ${!state.disableSourceView && sourceInfos.length > 0 ? `
-                <div class="section-title">Source Context</div>
+                <div class="section-title">Source Code</div>
                 <div id="snippet-container"></div>
                 ` : ''}
             </div>
@@ -282,7 +362,7 @@ async function selectEvent(name, el) {
                 let code = null;
                 if (src.file) {
                     try {
-                        const res = await fetch(`./_code?file=${encodeURIComponent(src.file)}`);
+                        const res = await fetch(`${window.BASE_PATH}/_code?file=${encodeURIComponent(src.file)}`);
                         if (res.ok) code = await res.text();
                         else code = `// Failed to load source: ${res.statusText}`;
                     } catch (e) { code = `// Error loading source: ${e.message}`; }
@@ -290,9 +370,25 @@ async function selectEvent(name, el) {
 
                 if (code) {
                     const wrapper = document.createElement('div');
+                    wrapper.id = `snippet-group-${i}`;
+                    wrapper.classList.add('source-group');
                     wrapper.style.marginBottom = '16px';
-                    wrapper.innerHTML = `<div style="font-size: 0.8rem; color: #888; margin-bottom: 4px;">${src.file.split('/').pop()}:${src.line}</div>
-                                          <div id="snippet-editor-${i}" style="height: 300px; border: 1px solid #333; border-radius: 6px; overflow: hidden;"></div>`;
+
+                    wrapper.innerHTML = `
+                    <div class="source-header-actions" style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 8px;">
+                        <a href="vscode://file/${src.file}:${src.line}" class="doc-source-link" title="${src.file}:${src.line}">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:6px">
+                                <polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline>
+                            </svg>
+                            ${src.file.split('/').pop()}:${src.line}
+                        </a>
+                        <button class="btn-icon" title="Toggle Fullscreen" onclick="toggleFullscreen('snippet-group-${i}', 'snippet-editor-${i}')">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"></path>
+                            </svg>
+                        </button>
+                    </div>
+                    <div id="snippet-editor-${i}" style="height: 400px; border: 1px solid #333; border-radius: 6px; overflow: hidden;"></div>`;
                     container.appendChild(wrapper);
 
                     monaco.editor.colorize(code, 'typescript', {}).then(() => {
@@ -300,9 +396,6 @@ async function selectEvent(name, el) {
                         if (!el) return;
 
                         const model = monaco.editor.createModel(code, "typescript");
-
-                        el.style.height = '400px';
-
                         const editor = monaco.editor.create(el, {
                             model: model,
                             readOnly: true,
@@ -342,6 +435,7 @@ async function selectEvent(name, el) {
                     });
                 }
             }
+
         }
         return;
     }
@@ -360,7 +454,7 @@ async function selectEvent(name, el) {
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:6px">
                     <polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline>
                 </svg>
-                ${filename}:${s.line}
+                <code style="font-family: inherit;">${filename}:${s.line}</code>
             </a>`;
         } else {
             sourceLinkHtml = `<div class="doc-source-link" title="Multiple sources">
@@ -387,7 +481,7 @@ async function selectEvent(name, el) {
             ${desc ? `<p style="line-height: 1.6; margin-bottom: 2rem;">${desc}</p>` : ''}
             
             <div class="section-title">Payload Schema</div>
-            ${payload ? renderSchemaToDOM(payload) : '<div class="empty-state-text" style="color:var(--text-muted); font-style:italic;">No payload definition.</div>'}
+            ${payload ? renderSchemaToDOM(payload) : '<div class="empty-state-text" style="color:var(--text-muted); font-style:italic;">Payload Unused</div>'}
             
             ${!state.disableSourceView && sourceInfos.length > 0 ? `
             <div class="section-title" style="margin-top: 24px;">Source Code</div>
@@ -455,7 +549,7 @@ async function selectEvent(name, el) {
                             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right:6px">
                                 <polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline>
                             </svg>
-                            ${fileName.split('/').pop()}:${sources[0].line}
+                            <code style="font-family: inherit;">${fileName.split('/').pop()}:${sources[0].line}</code>
                         </a>
                         <button class="btn-icon" title="Toggle Fullscreen" onclick="toggleFullscreen('source-group-${i}', 'source-editor-${i}')">
                             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -469,7 +563,7 @@ async function selectEvent(name, el) {
             (async () => {
                 let code = null;
                 try {
-                    const res = await fetch(`./_code?file=${encodeURIComponent(fileName)}`);
+                    const res = await fetch(`${window.BASE_PATH}/_code?file=${encodeURIComponent(fileName)}`);
                     if (res.ok) code = await res.text();
                     else code = `// Failed to load source: ${res.statusText}`;
                 } catch (e) { code = `// Error loading source: ${e.message}`; }
@@ -746,3 +840,41 @@ els.sendBtn.onclick = () => {
         }
     } catch (e) { log('System', 'Invalid JSON', 'error'); }
 };
+
+/* ================= Fullscreen Toggle ================= */
+window.toggleFullscreen = function (containerId, editorId) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+
+    const isFullscreen = container.classList.toggle('fullscreen');
+
+    // Find the button to update icon
+    // The button is inside .source-header-actions
+    const btn = container.querySelector('button[title="Toggle Fullscreen"]') || container.querySelector('button[title="Exit Fullscreen"]');
+
+    if (btn) {
+        if (isFullscreen) {
+            btn.innerHTML = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path></svg>`;
+            btn.title = "Exit Fullscreen";
+        } else {
+            btn.innerHTML = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"></path></svg>`;
+            btn.title = "Toggle Fullscreen";
+        }
+    }
+
+    // ESC to exit
+    if (isFullscreen) {
+        const onEsc = (e) => {
+            if (e.key === 'Escape') {
+                window.toggleFullscreen(containerId, editorId);
+            }
+        };
+        container._escHandler = onEsc;
+        document.addEventListener('keydown', onEsc);
+    } else {
+        if (container._escHandler) {
+            document.removeEventListener('keydown', container._escHandler);
+            delete container._escHandler;
+        }
+    }
+};

package/dist/plugins/application/asyncapi/static/style.css

@@ -151,7 +151,7 @@ a {
     font-weight: 700;
     padding: 2px 6px;
     border-radius: 4px;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: var(--shokupan-font-mono);
     text-transform: uppercase;
     min-width: 38px;
     text-align: center;
@@ -215,7 +215,7 @@ a {
 
 /* Structured Schema View */
 .schema-root {
-    font-family: 'JetBrains Mono', monospace;
+    font-family: var(--shokupan-font-mono);
     font-size: 0.9rem;
     background: var(--bg-card);
     border-radius: 8px;
@@ -290,7 +290,7 @@ a {
     border: none;
     color: var(--text-secondary);
     flex: 1;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: var(--shokupan-font-mono);
     font-size: 0.8rem;
 }
 
@@ -362,13 +362,9 @@ a {
 .logs-container {
     flex: 1;
     overflow-y: auto;
-    padding: 1rem;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: var(--shokupan-font-mono);
     font-size: 0.8rem;
-    display: block;
-    /* flex-direction: column; gap: 0.5rem; -- removed for virtual scroll stability */
     position: relative;
-    /* For absolute children */
 }
 
 .log-shim {
@@ -562,4 +558,24 @@ a {
 
 .floating-toggle.right {
     right: 10px;
+}
+
+/* Fullscreen Mode */
+.source-group.fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    z-index: 9999;
+    background: var(--bg-primary);
+    padding: 1rem;
+    border: none;
+    border-radius: 0;
+    display: flex !important;
+    /* Force display flex for fullscreen */
+}
+
+.source-group.fullscreen .source-header-actions {
+    margin-bottom: 1rem;
 }

package/dist/plugins/application/dashboard/fetch-interceptor.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Interface representing the details of an intercepted outbound request.
+ */
+export interface OutboundRequestLog {
+    /**
+     * The HTTP method of the request (e.g., GET, POST).
+     */
+    method: string;
+    /**
+     * The full URL of the request.
+     */
+    url: string;
+    /**
+     * The request headers.
+     */
+    requestHeaders: Record<string, string>;
+    /**
+     * The HTTP status code of the response.
+     */
+    status: number;
+    /**
+     * The response headers.
+     */
+    responseHeaders: Record<string, string>;
+    /**
+     * The duration of the request in milliseconds.
+     */
+    duration: number;
+    /**
+     * The timestamp when the request started.
+     */
+    startTime: number;
+    /**
+     * The request body (if any).
+     */
+    requestBody?: any;
+    /**
+     * The response body (if any).
+     */
+    responseBody?: any;
+    /**
+     * The hostname of the request.
+     */
+    domain?: string;
+    /**
+     * The pathname of the request.
+     */
+    path?: string;
+    /**
+     * The protocol scheme (http/https) or version (1.1, 2.0).
+     */
+    protocol?: string;
+    /**
+     * The protocol scheme (http/https).
+     */
+    scheme?: string;
+    /**
+     * The remote IP address (if available).
+     */
+    remoteIP?: string;
+    /**
+     * The number of cookies sent.
+     */
+    cookies?: number;
+    /**
+     * The estimated transfer size in bytes.
+     */
+    transferred?: number;
+}
+/**
+ * A callback function type for handling captured outbound requests.
+ */
+export type OutboundRequestCallback = (log: OutboundRequestLog) => void;
+/**
+ * A utility class that intercepts calls to `global.fetch` to track outbound HTTP requests.
+ *
+ * @warning This class monkey-patches the global `fetch` function. While it attempts to transparently
+ * pass through all calls, it may have side effects on global state or other libraries that rely on
+ * the original `fetch`. Proceed with caution.
+ */
+export declare class FetchInterceptor {
+    private originalFetch;
+    private originalHttpRequest;
+    private originalHttpsRequest;
+    private callbacks;
+    private isPatched;
+    constructor();
+    /**
+     * Patches the global `fetch` function to intercept requests.
+     * If already patched, this method does nothing.
+     */
+    patch(): void;
+    private patchGlobalFetch;
+    private patchNodeRequests;
+    /**
+     * Restores the original functions.
+     */
+    unpatch(): void;
+    /**
+     * Adds a callback to be notified of outbound requests.
+     * @param callback The callback function.
+     */
+    on(callback: OutboundRequestCallback): void;
+    private extractRequestMeta;
+    private processResponse;
+    private notify;
+}

package/dist/plugins/application/dashboard/metrics-collector.d.ts

@@ -1,14 +1,50 @@
 import { SurrealDatastore } from '../../../util/datastore';
+interface AggregatedMetric {
+    timestamp: number;
+    interval: string;
+    cpu: number;
+    memory: {
+        used: number;
+        total: number;
+        heapUsed: number;
+        heapTotal: number;
+    };
+    load: number[];
+    eventLoopLatency: {
+        min: number;
+        max: number;
+        mean: number;
+        p50: number;
+        p95: number;
+        p99: number;
+    };
+    requests: {
+        total: number;
+        rps: number;
+        success: number;
+        error: number;
+    };
+    responseTime: {
+        min: number;
+        max: number;
+        avg: number;
+        p50: number;
+        p95: number;
+        p99: number;
+    };
+}
 export declare class MetricsCollector {
-    private readonly db;
+    private onCollect?;
     private currentIntervalStart;
     private pendingDetails;
     private eventLoopHistogram;
     private timer;
-    constructor(db: SurrealDatastore);
+    db?: SurrealDatastore;
+    constructor(db?: SurrealDatastore, onCollect?: (metric: AggregatedMetric) => void);
     recordRequest(duration: number, isError: boolean): void;
     private alignTimestamp;
     private collect;
     private flushInterval;
     stop(): void;
 }
+export {};

package/dist/plugins/application/dashboard/plugin.d.ts

@@ -1,4 +1,3 @@
-import { HeadersInit } from 'bun';
 import { $appRoot } from '../../../util/symbol';
 import { ShokupanHooks, ShokupanPlugin } from '../../../util/types';
 export interface RequestLog {
@@ -8,6 +7,21 @@ export interface RequestLog {
     duration: number;
     timestamp: number;
     handlerStack?: any[];
+    body?: any;
+    contentType?: string;
+    type: 'xhr' | 'fetch' | 'ws';
+    direction: 'inbound' | 'outbound';
+    size?: number;
+    protocol?: string;
+    domain?: string;
+    path?: string;
+    scheme?: string;
+    remoteIP?: string;
+    cookies?: number;
+    transferred?: number;
+    requestHeaders?: Record<string, string>;
+    responseHeaders?: Record<string, string>;
+    requestBody?: any;
 }
 export interface DashboardConfig {
     getRequestHeaders?: () => HeadersInit;
@@ -23,15 +37,35 @@ export interface DashboardConfig {
         asyncapi?: boolean | {
             path?: string;
         };
+        apiExplorer?: boolean | {
+            path?: string;
+        };
     };
+    /**
+     * Strategy for pushing request updates to the dashboard.
+     * 'immediate' - pushes every request as soon as it completes.
+     * 'batched' - buffers requests and pushes them at the interval specified by updateInterval.
+     * @default 'immediate'
+     */
+    updateStrategy?: 'immediate' | 'batched';
+    /**
+     * Interval in milliseconds for pushing batched updates.
+     * @default 10_000
+     */
+    updateInterval?: number;
 }
 export declare class Dashboard implements ShokupanPlugin {
     private readonly dashboardConfig;
     private [$appRoot];
     private router;
     private metrics;
+    private clients;
+    private broadcastTimer;
+    private requestPushTimer;
+    private requestsBuffer;
     private startTime;
     private instrumented;
+    private mountPath;
     private metricsCollector;
     get db(): import('../../../util/datastore').SurrealDatastore;
     constructor(dashboardConfig?: DashboardConfig);
@@ -41,12 +75,21 @@ export declare class Dashboard implements ShokupanPlugin {
     private detectIntegrations;
     private static getBasePath;
     private setupRoutes;
+    private getUptime;
+    private getPublicMetrics;
+    private broadcastMetricUpdate;
+    private sendHistory;
+    private broadcastMetrics;
     private instrumentApp;
     private assignIdsToRegistry;
     recordNodeMetric(id: string, type: string, duration: number, isError: boolean): void;
     recordEdgeMetric(from: string, to: string): void;
     private getLinkPattern;
     getHooks(): ShokupanHooks;
+    private startRequestPushTimer;
+    private broadcastRequestUpdates;
     private updateTiming;
+    private serializeHandlerStack;
+    private serializeBody;
 }
 export default function DebugDashboard(config?: DashboardConfig): Dashboard;