wave-code 0.2.0 → 0.4.0

package/dist/hooks/usePagination.js

@@ -1,168 +0,0 @@
-import { useState, useEffect, useMemo } from "react";
-import { useInput } from "ink";
-import { MESSAGES_PER_PAGE } from "../utils/constants.js";
-export const usePagination = (messages) => {
-    const messagesPerPage = MESSAGES_PER_PAGE;
-    // Calculate pagination info, ensuring first page can be incomplete while subsequent pages are complete
-    const paginationInfo = useMemo(() => {
-        if (messages.length <= messagesPerPage) {
-            // If total messages don't exceed one page, display all messages directly
-            return {
-                currentPage: 1,
-                totalPages: 1,
-                startIndex: 0,
-                endIndex: messages.length,
-                messagesPerPage,
-            };
-        }
-        // Calculate remaining messages (messages other than the first page)
-        const remainingMessages = messages.length % messagesPerPage;
-        if (remainingMessages === 0) {
-            // Message count fits perfectly into complete pages, use standard pagination
-            const totalPages = Math.ceil(messages.length / messagesPerPage);
-            const currentPage = totalPages;
-            const startIndex = (currentPage - 1) * messagesPerPage;
-            const endIndex = messages.length;
-            return {
-                currentPage,
-                totalPages,
-                startIndex,
-                endIndex,
-                messagesPerPage,
-            };
-        }
-        else {
-            // Has remaining messages, let first page display remaining messages, subsequent pages are complete
-            const firstPageMessageCount = remainingMessages;
-            const totalPages = Math.floor(messages.length / messagesPerPage) + 1;
-            // Default to showing the last page (complete page)
-            const currentPage = totalPages;
-            const startIndex = firstPageMessageCount + (currentPage - 2) * messagesPerPage;
-            const endIndex = messages.length;
-            return {
-                currentPage,
-                totalPages,
-                startIndex,
-                endIndex,
-                messagesPerPage,
-            };
-        }
-    }, [messages.length, messagesPerPage]);
-    // Manually controlled current page (for keyboard navigation)
-    const [manualPage, setManualPage] = useState(null);
-    // Calculate actual display page info
-    const displayInfo = useMemo(() => {
-        if (manualPage === null) {
-            return paginationInfo; // Auto mode: display last page
-        }
-        // Manual mode: display user-selected page
-        const totalPages = paginationInfo.totalPages;
-        const currentPage = Math.min(Math.max(1, manualPage), totalPages);
-        if (messages.length <= messagesPerPage) {
-            // Only one page case
-            return {
-                currentPage,
-                totalPages,
-                startIndex: 0,
-                endIndex: messages.length,
-                messagesPerPage,
-            };
-        }
-        const remainingMessages = messages.length % messagesPerPage;
-        if (remainingMessages === 0) {
-            // Message count fits perfectly into complete pages
-            const startIndex = (currentPage - 1) * messagesPerPage;
-            const endIndex = Math.min(startIndex + messagesPerPage, messages.length);
-            return {
-                currentPage,
-                totalPages,
-                startIndex,
-                endIndex,
-                messagesPerPage,
-            };
-        }
-        else {
-            // First page incomplete, subsequent pages complete
-            if (currentPage === 1) {
-                // First page: display remaining message count
-                return {
-                    currentPage,
-                    totalPages,
-                    startIndex: 0,
-                    endIndex: remainingMessages,
-                    messagesPerPage,
-                };
-            }
-            else {
-                // Other pages: display complete message count per page
-                const firstPageMessageCount = remainingMessages;
-                const startIndex = firstPageMessageCount + (currentPage - 2) * messagesPerPage;
-                const endIndex = Math.min(startIndex + messagesPerPage, messages.length);
-                return {
-                    currentPage,
-                    totalPages,
-                    startIndex,
-                    endIndex,
-                    messagesPerPage,
-                };
-            }
-        }
-    }, [messages.length, messagesPerPage, manualPage, paginationInfo]);
-    // When message count changes, if user hasn't manually navigated, reset to auto mode
-    useEffect(() => {
-        if (manualPage !== null) {
-            // If user is currently on the last page, keep auto mode
-            const totalPages = Math.ceil(messages.length / messagesPerPage);
-            if (manualPage >= totalPages) {
-                setManualPage(null);
-            }
-        }
-    }, [messages.length, messagesPerPage, manualPage]);
-    // Pagination functionality
-    const goToPage = (page) => {
-        setManualPage(page);
-    };
-    const goToPrevPage = () => {
-        const currentPage = manualPage ?? displayInfo.currentPage;
-        setManualPage(Math.max(1, currentPage - 1));
-    };
-    const goToNextPage = () => {
-        const currentPage = manualPage ?? displayInfo.currentPage;
-        setManualPage(Math.min(displayInfo.totalPages, currentPage + 1));
-    };
-    const goToFirstPage = () => {
-        setManualPage(1);
-    };
-    const goToLastPage = () => {
-        setManualPage(null); // Return to auto mode (last page)
-    };
-    // Integrate keyboard shortcut handling
-    useInput((input, key) => {
-        // Ctrl+U/D shortcuts (Vim/Less style)
-        if (key.ctrl) {
-            if (input === "u") {
-                goToPrevPage();
-            }
-            else if (input === "d") {
-                goToNextPage();
-            }
-        }
-        // Page Up/Down support
-        if (key.pageUp) {
-            goToPrevPage();
-        }
-        if (key.pageDown) {
-            goToNextPage();
-        }
-    });
-    return {
-        displayInfo,
-        manualPage,
-        setManualPage,
-        goToPage,
-        goToPrevPage,
-        goToNextPage,
-        goToFirstPage,
-        goToLastPage,
-    };
-};

package/src/components/BashHistorySelector.tsx

@@ -1,181 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Box, Text, useInput } from "ink";
-import { searchBashHistory, type BashHistoryEntry } from "wave-agent-sdk";
-import { logger } from "../utils/logger.js";
-
-export interface BashHistorySelectorProps {
-  searchQuery: string;
-  workdir: string;
-  onSelect: (command: string) => void;
-  onExecute: (command: string) => void;
-  onDelete: (command: string, workdir?: string) => void;
-  onCancel: () => void;
-}
-
-export const BashHistorySelector: React.FC<BashHistorySelectorProps> = ({
-  searchQuery,
-  workdir,
-  onSelect,
-  onExecute,
-  onDelete,
-  onCancel,
-}) => {
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const [commands, setCommands] = useState<BashHistoryEntry[]>([]);
-  const [refreshCounter, setRefreshCounter] = useState(0);
-
-  // Search bash history
-  useEffect(() => {
-    const results = searchBashHistory(searchQuery, 10);
-    setCommands(results);
-    setSelectedIndex(0);
-    logger.debug("Bash history search:", {
-      searchQuery,
-      workdir,
-      resultCount: results.length,
-      refreshCounter,
-    });
-  }, [searchQuery, workdir, refreshCounter]);
-
-  useInput((input, key) => {
-    logger.debug("BashHistorySelector useInput:", {
-      input,
-      key,
-      commandsLength: commands.length,
-      selectedIndex,
-    });
-
-    if (key.return) {
-      if (commands.length > 0 && selectedIndex < commands.length) {
-        const selectedCommand = commands[selectedIndex];
-        onExecute(selectedCommand.command);
-      } else if (commands.length === 0 && searchQuery.trim()) {
-        // When no history records match, execute the search query as a new command
-        onExecute(searchQuery.trim());
-      }
-      return;
-    }
-
-    if (key.tab) {
-      if (commands.length > 0 && selectedIndex < commands.length) {
-        const selectedCommand = commands[selectedIndex];
-        onSelect(selectedCommand.command);
-      } else if (commands.length === 0 && searchQuery.trim()) {
-        // When no history records match, insert the search query
-        onSelect(searchQuery.trim());
-      }
-      return;
-    }
-
-    if (key.escape) {
-      onCancel();
-      return;
-    }
-
-    if (key.ctrl && input === "d") {
-      if (commands.length > 0 && selectedIndex < commands.length) {
-        const selectedCommand = commands[selectedIndex];
-        onDelete(selectedCommand.command, selectedCommand.workdir);
-        setRefreshCounter((prev) => prev + 1);
-      }
-      return;
-    }
-
-    if (key.upArrow) {
-      setSelectedIndex(Math.max(0, selectedIndex - 1));
-      return;
-    }
-
-    if (key.downArrow) {
-      setSelectedIndex(Math.min(commands.length - 1, selectedIndex + 1));
-      return;
-    }
-  });
-
-  if (commands.length === 0) {
-    return (
-      <Box
-        flexDirection="column"
-        borderStyle="single"
-        borderColor="yellow"
-        borderBottom={false}
-        borderLeft={false}
-        borderRight={false}
-        paddingTop={1}
-      >
-        <Text color="yellow">
-          No bash history found {searchQuery && `for "${searchQuery}"`}
-        </Text>
-        {searchQuery.trim() && (
-          <Text color="green">Press Enter to execute: {searchQuery}</Text>
-        )}
-        {searchQuery.trim() && (
-          <Text color="blue">Press Tab to insert: {searchQuery}</Text>
-        )}
-        <Text dimColor>Press Escape to cancel</Text>
-      </Box>
-    );
-  }
-
-  const formatTimestamp = (timestamp: number): string => {
-    const date = new Date(timestamp);
-    const now = new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
-    const diffDays = Math.floor(diffHours / 24);
-
-    if (diffDays > 0) {
-      return `${diffDays}d ago`;
-    } else if (diffHours > 0) {
-      return `${diffHours}h ago`;
-    } else {
-      const diffMinutes = Math.floor(diffMs / (1000 * 60));
-      return diffMinutes > 0 ? `${diffMinutes}m ago` : "just now";
-    }
-  };
-
-  return (
-    <Box
-      flexDirection="column"
-      borderStyle="single"
-      borderColor="blue"
-      borderBottom={false}
-      borderLeft={false}
-      borderRight={false}
-      paddingTop={1}
-      gap={1}
-    >
-      <Box>
-        <Text color="blue" bold>
-          Bash History {searchQuery && `(filtering: "${searchQuery}")`}
-        </Text>
-      </Box>
-
-      {commands.map((cmd, index) => (
-        <Box key={index} flexDirection="column">
-          <Text
-            color={index === selectedIndex ? "black" : "white"}
-            backgroundColor={index === selectedIndex ? "blue" : undefined}
-          >
-            {cmd.command}
-          </Text>
-          {index === selectedIndex && (
-            <Box marginLeft={4} flexDirection="column">
-              <Text color="gray" dimColor>
-                {formatTimestamp(cmd.timestamp)}
-                {cmd.workdir !== workdir && ` • in ${cmd.workdir}`}
-              </Text>
-            </Box>
-          )}
-        </Box>
-      ))}
-
-      <Box>
-        <Text dimColor>
-          Use ↑↓ to navigate, Enter to execute, Tab to insert, Ctrl+d to remove,
-          Escape to cancel
-        </Text>
-      </Box>
-    </Box>
-  );
-};

package/src/hooks/usePagination.ts

@@ -1,203 +0,0 @@
-import { useState, useEffect, useMemo } from "react";
-import { useInput } from "ink";
-import type { Message } from "wave-agent-sdk";
-import { MESSAGES_PER_PAGE } from "../utils/constants.js";
-
-interface PaginationInfo {
-  currentPage: number;
-  totalPages: number;
-  startIndex: number;
-  endIndex: number;
-  messagesPerPage: number;
-}
-
-export const usePagination = (messages: Message[]) => {
-  const messagesPerPage = MESSAGES_PER_PAGE;
-
-  // Calculate pagination info, ensuring first page can be incomplete while subsequent pages are complete
-  const paginationInfo = useMemo((): PaginationInfo => {
-    if (messages.length <= messagesPerPage) {
-      // If total messages don't exceed one page, display all messages directly
-      return {
-        currentPage: 1,
-        totalPages: 1,
-        startIndex: 0,
-        endIndex: messages.length,
-        messagesPerPage,
-      };
-    }
-
-    // Calculate remaining messages (messages other than the first page)
-    const remainingMessages = messages.length % messagesPerPage;
-
-    if (remainingMessages === 0) {
-      // Message count fits perfectly into complete pages, use standard pagination
-      const totalPages = Math.ceil(messages.length / messagesPerPage);
-      const currentPage = totalPages;
-      const startIndex = (currentPage - 1) * messagesPerPage;
-      const endIndex = messages.length;
-
-      return {
-        currentPage,
-        totalPages,
-        startIndex,
-        endIndex,
-        messagesPerPage,
-      };
-    } else {
-      // Has remaining messages, let first page display remaining messages, subsequent pages are complete
-      const firstPageMessageCount = remainingMessages;
-      const totalPages = Math.floor(messages.length / messagesPerPage) + 1;
-
-      // Default to showing the last page (complete page)
-      const currentPage = totalPages;
-      const startIndex =
-        firstPageMessageCount + (currentPage - 2) * messagesPerPage;
-      const endIndex = messages.length;
-
-      return {
-        currentPage,
-        totalPages,
-        startIndex,
-        endIndex,
-        messagesPerPage,
-      };
-    }
-  }, [messages.length, messagesPerPage]);
-
-  // Manually controlled current page (for keyboard navigation)
-  const [manualPage, setManualPage] = useState<number | null>(null);
-
-  // Calculate actual display page info
-  const displayInfo = useMemo((): PaginationInfo => {
-    if (manualPage === null) {
-      return paginationInfo; // Auto mode: display last page
-    }
-
-    // Manual mode: display user-selected page
-    const totalPages = paginationInfo.totalPages;
-    const currentPage = Math.min(Math.max(1, manualPage), totalPages);
-
-    if (messages.length <= messagesPerPage) {
-      // Only one page case
-      return {
-        currentPage,
-        totalPages,
-        startIndex: 0,
-        endIndex: messages.length,
-        messagesPerPage,
-      };
-    }
-
-    const remainingMessages = messages.length % messagesPerPage;
-
-    if (remainingMessages === 0) {
-      // Message count fits perfectly into complete pages
-      const startIndex = (currentPage - 1) * messagesPerPage;
-      const endIndex = Math.min(startIndex + messagesPerPage, messages.length);
-
-      return {
-        currentPage,
-        totalPages,
-        startIndex,
-        endIndex,
-        messagesPerPage,
-      };
-    } else {
-      // First page incomplete, subsequent pages complete
-      if (currentPage === 1) {
-        // First page: display remaining message count
-        return {
-          currentPage,
-          totalPages,
-          startIndex: 0,
-          endIndex: remainingMessages,
-          messagesPerPage,
-        };
-      } else {
-        // Other pages: display complete message count per page
-        const firstPageMessageCount = remainingMessages;
-        const startIndex =
-          firstPageMessageCount + (currentPage - 2) * messagesPerPage;
-        const endIndex = Math.min(
-          startIndex + messagesPerPage,
-          messages.length,
-        );
-
-        return {
-          currentPage,
-          totalPages,
-          startIndex,
-          endIndex,
-          messagesPerPage,
-        };
-      }
-    }
-  }, [messages.length, messagesPerPage, manualPage, paginationInfo]);
-
-  // When message count changes, if user hasn't manually navigated, reset to auto mode
-  useEffect(() => {
-    if (manualPage !== null) {
-      // If user is currently on the last page, keep auto mode
-      const totalPages = Math.ceil(messages.length / messagesPerPage);
-      if (manualPage >= totalPages) {
-        setManualPage(null);
-      }
-    }
-  }, [messages.length, messagesPerPage, manualPage]);
-
-  // Pagination functionality
-  const goToPage = (page: number | null) => {
-    setManualPage(page);
-  };
-
-  const goToPrevPage = () => {
-    const currentPage = manualPage ?? displayInfo.currentPage;
-    setManualPage(Math.max(1, currentPage - 1));
-  };
-
-  const goToNextPage = () => {
-    const currentPage = manualPage ?? displayInfo.currentPage;
-    setManualPage(Math.min(displayInfo.totalPages, currentPage + 1));
-  };
-
-  const goToFirstPage = () => {
-    setManualPage(1);
-  };
-
-  const goToLastPage = () => {
-    setManualPage(null); // Return to auto mode (last page)
-  };
-
-  // Integrate keyboard shortcut handling
-  useInput((input, key) => {
-    // Ctrl+U/D shortcuts (Vim/Less style)
-    if (key.ctrl) {
-      if (input === "u") {
-        goToPrevPage();
-      } else if (input === "d") {
-        goToNextPage();
-      }
-    }
-
-    // Page Up/Down support
-    if (key.pageUp) {
-      goToPrevPage();
-    }
-
-    if (key.pageDown) {
-      goToNextPage();
-    }
-  });
-
-  return {
-    displayInfo,
-    manualPage,
-    setManualPage,
-    goToPage,
-    goToPrevPage,
-    goToNextPage,
-    goToFirstPage,
-    goToLastPage,
-  };
-};