pinggy 0.3.5 → 0.3.7

package/src/tui/blessed/components/KeyBindings.ts

@@ -1,236 +0,0 @@
-import blessed from "blessed";
-import { ReqResPair, FinalConfig } from "../../../types.js";
-import { ManagedTunnel, TunnelManager } from "../../../tunnel_manager/TunnelManager.js";
-import { fetchReqResHeaders } from "../headerFetcher.js";
-import { logger } from "../../../logger.js";
-import { ModalManager, showDetailModal, closeDetailModal, showKeyBindingsModal, closeKeyBindingsModal, showLoadingModal, closeLoadingModal, showErrorModal } from "./Modals.js";
-import { getTuiConfig } from "../config.js";
-
-export interface KeyBindingsState {
-    currentQrIndex: number;
-    selectedIndex: number;
-    pairs: ReqResPair[];
-    urls: string[];
-}
-
-export interface KeyBindingsCallbacks {
-    onQrIndexChange: (index: number) => void;
-    onSelectedIndexChange: (index: number, requestKey: number | null) => void;
-    onDestroy: () => void;
-    updateUrlsDisplay: () => void;
-    updateQrCodeDisplay: () => void;
-    updateRequestsDisplay: () => void;
-}
-
-/**
- * Sets up all key bindings for the TUI
- */
-export function setupKeyBindings(
-    screen: blessed.Widgets.Screen,
-    modalManager: ModalManager,
-    state: KeyBindingsState,
-    callbacks: KeyBindingsCallbacks,
-    tunnelConfig?: FinalConfig,
-): void {
-    let inactivityTimeout: NodeJS.Timeout | null = null;
-    const { inactivityHttpSelectorTimeoutMs } = getTuiConfig();
-    const INACTIVITY_TIMEOUT_MS = inactivityHttpSelectorTimeoutMs;
-
-    // Function to reset inactivity timer
-    const resetInactivityTimer = () => {
-        if (inactivityTimeout) {
-            clearTimeout(inactivityTimeout);
-        }
-        // Only start timer if there's a selection
-        if (state.selectedIndex !== -1) {
-            inactivityTimeout = setTimeout(() => {
-                // Clear selection and reset viewport to top
-                callbacks.onSelectedIndexChange(-1, null);
-                callbacks.updateRequestsDisplay();
-            }, INACTIVITY_TIMEOUT_MS);
-        }
-    };
-
-    // Exit on Ctrl+C
-    screen.key(["C-c"], () => {
-        callbacks.onDestroy();
-        process.exit(0);
-    });
-
-    // Escape key
-    screen.key(["escape"], () => {
-        // Close loading modal and cancel fetch request
-        if (modalManager.loadingView) {
-            if (modalManager.fetchAbortController) {
-                modalManager.fetchAbortController.abort();
-                modalManager.fetchAbortController = null;
-            }
-            closeLoadingModal(screen, modalManager);
-            return;
-        }
-        if (modalManager.inDetailView) {
-            closeDetailModal(screen, modalManager);
-            return;
-        }
-        if (modalManager.keyBindingView) {
-            closeKeyBindingsModal(screen, modalManager);
-            return;
-        }
-        // Clear selection and reset viewport to top
-        if (state.selectedIndex !== -1) {
-            if (inactivityTimeout) {
-                clearTimeout(inactivityTimeout);
-                inactivityTimeout = null;
-            }
-            callbacks.onSelectedIndexChange(-1, null);
-            callbacks.updateRequestsDisplay();
-        }
-    });
-
-    // Navigation - Up
-    screen.key(["up"], () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        resetInactivityTimer();
-        if (state.selectedIndex === -1) {
-            // No selection: select first item (latest request)
-            const requestKey = state.pairs[0]?.request?.key ?? null;
-            callbacks.onSelectedIndexChange(0, requestKey);
-            callbacks.updateRequestsDisplay();
-            resetInactivityTimer(); // Start timer after selection
-        } else if (state.selectedIndex > 0) {
-            const newIndex = state.selectedIndex - 1;
-            const requestKey = state.pairs[newIndex]?.request?.key ?? null;
-            callbacks.onSelectedIndexChange(newIndex, requestKey);
-            callbacks.updateRequestsDisplay();
-        }
-    });
-
-    // Navigation - Down
-    screen.key(["down"], () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        resetInactivityTimer();
-        const config = getTuiConfig();
-        // Limit to maxRequestPairs for navigation bounds
-        const limitedLength = Math.min(state.pairs.length, config.maxRequestPairs);
-        if (state.selectedIndex === -1) {
-            // No selection: select first item (latest request)
-            if (limitedLength > 0) {
-                const requestKey = state.pairs[0]?.request?.key ?? null;
-                callbacks.onSelectedIndexChange(0, requestKey);
-                callbacks.updateRequestsDisplay();
-                resetInactivityTimer(); // Start timer after selection
-            }
-        } else if (state.selectedIndex < limitedLength - 1) {
-            const newIndex = state.selectedIndex + 1;
-            const requestKey = state.pairs[newIndex]?.request?.key ?? null;
-            callbacks.onSelectedIndexChange(newIndex, requestKey);
-            callbacks.updateRequestsDisplay();
-        }
-    });
-
-    // End - Jump to last item
-    screen.key(["end"], () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        resetInactivityTimer();
-        const config = getTuiConfig();
-        const limitedLength = Math.min(state.pairs.length, config.maxRequestPairs);
-        const lastIndex = Math.max(0, limitedLength - 1);
-        if (state.selectedIndex !== lastIndex) {
-            const requestKey = state.pairs[lastIndex]?.request?.key ?? null;
-            callbacks.onSelectedIndexChange(lastIndex, requestKey);
-            callbacks.updateRequestsDisplay();
-        }
-    });
-
-    // Enter to view details
-    screen.key(["enter"], async () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        // Only work when there's a selection
-        if (state.selectedIndex === -1) return;
-
-        resetInactivityTimer();
-        const pair = state.pairs[state.selectedIndex];
-        if (pair?.request?.key !== undefined && pair?.request?.key !== null) {
-            // Create AbortController for this fetch request
-            const abortController = new AbortController();
-            modalManager.fetchAbortController = abortController;
-
-            showLoadingModal(screen, modalManager, "Fetching request details...");
-
-            try {
-                const headers = await fetchReqResHeaders(
-                    tunnelConfig?.webDebugger || "",
-                    pair.request.key,
-                    abortController.signal
-                );
-
-                // Check if request was aborted
-                if (abortController.signal.aborted) {
-                    return;
-                }
-
-                // Close loading and show details
-                closeLoadingModal(screen, modalManager);
-                modalManager.fetchAbortController = null;
-                showDetailModal(screen, modalManager, headers.req, headers.res);
-            } catch (err: any) {
-                // Don't show error if request was cancelled by user
-                if (err?.name === 'AbortError' || abortController.signal.aborted) {
-                    logger.info("Fetch request cancelled by user");
-                    return;
-                }
-
-                // Close loading and show error modal
-                closeLoadingModal(screen, modalManager);
-                modalManager.fetchAbortController = null;
-
-                const errorMessage = err?.message || String(err) || "Unknown error occurred";
-                logger.error("Fetch error:", err);
-                showErrorModal(screen, modalManager, "Failed to fetch request details", errorMessage);
-            }
-        }
-    });
-
-    // Help toggle
-    screen.key(["h"], () => {
-        if (modalManager.inDetailView || modalManager.loadingView) return;
-        if (modalManager.keyBindingView) {
-            closeKeyBindingsModal(screen, modalManager);
-        } else {
-            showKeyBindingsModal(screen, modalManager);
-        }
-    });
-
-    // Copy URL
-    screen.key(["c"], async () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        if (state.urls.length > 0) {
-            try {
-                const clipboardy = await import("clipboardy");
-                clipboardy.default.writeSync(state.urls[state.currentQrIndex]);
-            } catch (err) {
-                logger.error("Failed to copy to clipboard:", err);
-            }
-        }
-    });
-
-    // QR code navigation - Left
-    screen.key(["left"], () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        if (state.currentQrIndex > 0) {
-            callbacks.onQrIndexChange(state.currentQrIndex - 1);
-            callbacks.updateUrlsDisplay();
-            callbacks.updateQrCodeDisplay();
-        }
-    });
-
-    // QR code navigation - Right
-    screen.key(["right"], () => {
-        if (modalManager.inDetailView || modalManager.keyBindingView || modalManager.loadingView) return;
-        if (state.currentQrIndex < state.urls.length - 1) {
-            callbacks.onQrIndexChange(state.currentQrIndex + 1);
-            callbacks.updateUrlsDisplay();
-            callbacks.updateQrCodeDisplay();
-        }
-    });
-}

package/src/tui/blessed/components/Modals.ts

@@ -1,302 +0,0 @@
-import blessed from "blessed";
-
-export interface ModalManager {
-    detailModal: blessed.Widgets.BoxElement | null;
-    keyBindingsModal: blessed.Widgets.BoxElement | null;
-    disconnectModal: blessed.Widgets.BoxElement | null;
-    inDetailView: boolean;
-    keyBindingView: boolean;
-    inDisconnectView: boolean;
-    loadingBox: blessed.Widgets.BoxElement | null;
-    loadingView: boolean;
-    fetchAbortController: AbortController | null;
-}
-
-/**
- * Shows the detail modal with request/response data
- */
-export function showDetailModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager,
-    requestText?: string,
-    responseText?: string
-): void {
-    manager.inDetailView = true;
-
-    manager.detailModal = blessed.box({
-        parent: screen,
-        top: "center",
-        left: "center",
-        width: "90%",
-        height: "90%",
-        border: {
-            type: "line",
-        },
-        style: {
-            border: {
-                fg: "green",
-            },
-        },
-        padding: { left: 2, right: 2, top: 1, bottom: 1 },
-        tags: true,
-        scrollable: true,
-        keys: true,
-        vi: true,
-        alwaysScroll: true,
-        scrollbar: {
-            ch: " ",
-            track: {
-                bg: "cyan",
-            },
-            style: {
-                inverse: true,
-            },
-        },
-    });
-
-    const content = `{cyan-fg}{bold}Request{/bold}{/cyan-fg}
-${requestText || "(no request data)"}
-
-{magenta-fg}{bold}Response{/bold}{/magenta-fg}
-${responseText || "(no response data)"}
-
-{white-bg}{black-fg}Press ESC to close{/black-fg}{/white-bg}`;
-
-    manager.detailModal.setContent(content);
-    manager.detailModal.focus();
-    screen.render();
-}
-
-/**
- * Closes the detail modal
- */
-export function closeDetailModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager
-): void {
-    if (manager.detailModal) {
-        manager.detailModal.destroy();
-        manager.detailModal = null;
-    }
-    manager.inDetailView = false;
-    screen.render();
-}
-
-/**
- * Shows the key bindings modal
- */
-export function showKeyBindingsModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager
-): void {
-    manager.keyBindingView = true;
-
-    manager.keyBindingsModal = blessed.box({
-        parent: screen,
-        top: "center",
-        left: "center",
-        width: "60%",
-        height: "80%",
-        border: {
-            type: "line",
-        },
-        style: {
-            border: {
-                fg: "green",
-            },
-        },
-        padding: { left: 2, right: 2, top: 1, bottom: 1 },
-        tags: true,
-    });
-
-    const content = `{cyan-fg}{bold}Key Bindings{/bold}{/cyan-fg}
-
-{bold}h{/bold}         This page
-{bold}c{/bold}         Copy the selected URL to clipboard
-{bold}Ctrl+c{/bold}    Exit
-
-Enter/Return    Open selected request
-Esc             Return to main page (or close modals)
-UP (↑)          Scroll up the requests
-Down (↓)        Scroll down the requests
-Left (←)        Show qr code for previous url
-Right (→)       Show qr code for next url
-Home           Jump to top of requests
-End            Jump to bottom of requests
-Ctrl+c          Force Exit
-
-{white-bg}{black-fg}Press ESC to close{/black-fg}{/white-bg}`;
-
-    manager.keyBindingsModal.setContent(content);
-    manager.keyBindingsModal.focus();
-    screen.render();
-}
-
-/**
- * Closes the key bindings modal
- */
-export function closeKeyBindingsModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager
-): void {
-    if (manager.keyBindingsModal) {
-        manager.keyBindingsModal.destroy();
-        manager.keyBindingsModal = null;
-    }
-    manager.keyBindingView = false;
-    screen.render();
-}
-
-/**
- * Shows the disconnect modal
- */
-export function showDisconnectModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager,
-    message?: string,
-    onClose?: () => void
-): void {
-    manager.inDisconnectView = true;
-
-    manager.disconnectModal = blessed.box({
-        parent: screen,
-        top: "center",
-        left: "center",
-        width: "50%",
-        height: "20%",
-        border: {
-            type: "line",
-        },
-        style: {
-            border: {
-                fg: "red",
-            },
-        },
-        padding: { left: 2, right: 2, top: 1, bottom: 1 },
-        tags: true,
-        align: "center",
-        valign: "middle",
-    });
-
-    const content = `{red-fg}{bold}Tunnel Disconnected{/bold}{/red-fg}
-
-${message || "Disconnect request received. Tunnel will be closed."}
-
-{white-bg}{black-fg}Closing in 3 seconds... {/black-fg}{/white-bg}`;
-
-    manager.disconnectModal.setContent(content);
-    manager.disconnectModal.focus();
-    screen.render();
-
-    // Auto-close after 5 seconds
-    const timeout = setTimeout(() => {
-        closeDisconnectModal(screen, manager);
-        if (onClose) onClose();
-    }, 5000);
-
-    // Allow manual close with any key
-    const keyHandler = () => {
-        clearTimeout(timeout);
-        closeDisconnectModal(screen, manager);
-        if (onClose) onClose();
-    };
-
-    manager.disconnectModal.key(['escape', 'enter', 'space'], keyHandler);
-    screen.key(['escape', 'enter', 'space'], keyHandler);
-}
-
-/**
- * Closes the disconnect modal
- */
-export function closeDisconnectModal(
-    screen: blessed.Widgets.Screen,
-    manager: ModalManager
-): void {
-    if (manager.disconnectModal) {
-        manager.disconnectModal.destroy();
-        manager.disconnectModal = null;
-    }
-    manager.inDisconnectView = false;
-    screen.render();
-}
-
-export function showLoadingModal(
-    screen: blessed.Widgets.Screen,
-    modalManager: ModalManager,
-    message: string = "Loading..."
-): void {
-    if (modalManager.loadingView) return;
-
-    modalManager.loadingBox = blessed.box({
-        parent: screen,
-        top: "center",
-        left: "center",
-        width: "60%",
-        height: 8,
-        border: { type: "line" },
-        style: {
-            border: { fg: "yellow" },
-        },
-        tags: true,
-        content: `{center}{yellow-fg}{bold}${message}{/bold}{/yellow-fg}
-
-{gray-fg}Press ESC to cancel{/gray-fg}{/center}`,
-        valign: "middle",
-    });
-
-    modalManager.loadingView = true;
-    screen.render();
-}
-
-/**
- * Closes the loading modal
- */
-export function closeLoadingModal(
-    screen: blessed.Widgets.Screen,
-    modalManager: ModalManager
-): void {
-    if (!modalManager.loadingView || !modalManager.loadingBox) return;
-
-    modalManager.loadingBox.destroy();
-    modalManager.loadingBox = null;
-    modalManager.loadingView = false;
-    screen.render();
-}
-
-/**
- * Shows an error modal with a message
- */
-export function showErrorModal(
-    screen: blessed.Widgets.Screen,
-    modalManager: ModalManager,
-    title: string = "Error",
-    message: string
-): void {
-    // Reuse the loading box for error display
-    if (modalManager.loadingBox) {
-        modalManager.loadingBox.destroy();
-        modalManager.loadingBox = null;
-    }
-
-    modalManager.loadingBox = blessed.box({
-        parent: screen,
-        top: "center",
-        left: "center",
-        width: "60%",
-        height: 9,
-        border: { type: "line" },
-        style: {
-            border: { fg: "red" },
-        },
-        tags: true,
-        content: `{center}{red-fg}{bold}${title}{/bold}{/red-fg}
-
-{white-fg}${message}{/white-fg}
-
-{gray-fg}Press ESC to close{/gray-fg}{/center}`,
-        valign: "middle",
-    });
-
-    modalManager.loadingView = true;
-    screen.render();
-}