sncommit 1.0.0 → 1.0.2

package/eslint.config.mjs

@@ -1,34 +0,0 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import react from "eslint-plugin-react";
-import tseslint from "typescript-eslint";
-import { defineConfig } from "eslint/config";
-
-export default defineConfig(
-  { ignores: ["dist", "eslint.config.mjs"] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ["**/*.{ts,tsx,js,jsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.node,
-    },
-    plugins: {
-      "react-hooks": reactHooks,
-      react,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "react/react-in-jsx-scope": "off",
-      // Allow explicit any for now as we might have some generic types or old code
-      "@typescript-eslint/no-explicit-any": "warn",
-      "@typescript-eslint/no-unused-vars": [
-        "warn",
-        { argsIgnorePattern: "^_" },
-      ],
-      // Suppress punycode warning in index.tsx requires process manipulation which is hacky but fine
-      "@typescript-eslint/ban-ts-comment": "off",
-    },
-  },
-);

package/src/components/App.tsx

@@ -1,357 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Box, Text, useApp, useInput, useStdout } from "ink";
-import { GitService } from "../services/git";
-import { GroqService } from "../services/groq";
-import { configManager } from "../utils/config";
-import { StagedFiles } from "./StagedFiles";
-import { CommitSuggestions } from "./CommitSuggestions";
-import { CustomInputPrompt } from "./CustomInputPrompt";
-import { AppState, GitFile } from "../types";
-
-interface AppProps {
-  addAll?: boolean;
-  onExit: (message?: string) => void;
-}
-
-export const BetterCommitApp: React.FC<AppProps> = ({
-  addAll: _addAll = false,
-  onExit,
-}) => {
-  const { exit } = useApp();
-  const { write } = useStdout();
-  const [state, setState] = useState<AppState>({
-    stagedFiles: [],
-    suggestions: [],
-    selectedIndex: 0,
-    isLoading: false,
-    error: undefined,
-  });
-
-  const [isUsingFallback, setIsUsingFallback] = useState(false);
-
-  const [successMessage, setSuccessMessage] = useState<string | undefined>(
-    undefined,
-  );
-  const [customInput, setCustomInput] = useState("");
-  const [isCustomInputMode, setIsCustomInputMode] = useState(false);
-
-  // Auto-exit when showing success message
-  useEffect(() => {
-    if (successMessage) {
-      write("\x1B[2J\x1B[0f");
-      const timer = setTimeout(() => {
-        onExit(successMessage);
-        exit();
-      }, 1500);
-      return () => clearTimeout(timer);
-    }
-  }, [successMessage, onExit, exit, write]);
-
-  // Handle global exit keys (disabled when custom input is active)
-  useInput(
-    (input, key) => {
-      if (key.escape || (key.ctrl && input === "c")) {
-        onExit("Operation cancelled");
-        exit();
-      }
-    },
-    { isActive: !isCustomInputMode },
-  );
-
-  const config = configManager.getConfig();
-  const gitService = new GitService();
-
-  useEffect(() => {
-    const initializeApp = async () => {
-      try {
-        const stagedFiles = await gitService.getStagedFiles();
-        // No need to check for empty staged files here as index.tsx handles it
-
-        await gitService.getDiff();
-
-        await generateSuggestions(stagedFiles);
-
-        setState((prev) => ({
-          ...prev,
-          stagedFiles,
-        }));
-      } catch (error) {
-        setState((prev) => ({
-          ...prev,
-          error: `Error: ${error instanceof Error ? error.message : String(error)}`,
-        }));
-      }
-    };
-
-    initializeApp();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const generateSuggestions = async (stagedFiles: GitFile[]) => {
-    if (!config.groqApiKey || config.groqApiKey.trim() === "") {
-      setState((prev) => ({
-        ...prev,
-        error:
-          'Groq API key not configured. Run "better-commit --config" to set it up.',
-        isLoading: false,
-      }));
-      return;
-    }
-
-    try {
-      const groqService = new GroqService(config.groqApiKey, config);
-      const diff = await gitService.getDiff();
-      const diffStats = await gitService.getDiffStats();
-      const recentCommits = await gitService.getRecentCommits(
-        config.maxHistoryCommits || 50,
-      );
-
-      const suggestions = await groqService.generateCommitSuggestions(
-        stagedFiles,
-        diff,
-        recentCommits,
-        diffStats,
-      );
-
-      const hasFallback = suggestions.some((s) => s.isFallback);
-      setState((prev) => ({
-        ...prev,
-        suggestions,
-        isLoading: false,
-        error: undefined,
-      }));
-      setIsUsingFallback(hasFallback);
-    } catch (error) {
-      setState((prev) => ({
-        ...prev,
-        error: `Failed to generate suggestions: ${error instanceof Error ? error.message : String(error)}`,
-        isLoading: false,
-      }));
-    }
-  };
-
-  const handleSelect = (index: number) => {
-    setState((prev) => ({ ...prev, selectedIndex: index }));
-  };
-
-  const handleCommit = async (index: number) => {
-    const selectedSuggestion = state.suggestions[index];
-    if (selectedSuggestion) {
-      try {
-        await gitService.commit(selectedSuggestion.message);
-        setSuccessMessage(selectedSuggestion.message);
-      } catch (error) {
-        setState((prev) => ({
-          ...prev,
-          error: `Failed to commit: ${error instanceof Error ? error.message : String(error)}`,
-        }));
-      }
-    }
-  };
-
-  const handleTryAgain = () => {
-    setState((prev) => ({ ...prev, isLoading: true, suggestions: [] }));
-    generateSuggestions(state.stagedFiles);
-  };
-
-  const handleCustomInput = () => {
-    setIsCustomInputMode(true);
-    setCustomInput("");
-  };
-
-  const handleCustomInputCancel = () => {
-    setIsCustomInputMode(false);
-    onExit("Custom input cancelled");
-    exit();
-  };
-
-  const handleCustomInputSubmit = async () => {
-    if (!customInput.trim()) {
-      setIsCustomInputMode(false);
-      return;
-    }
-
-    setIsCustomInputMode(false);
-    setState((prev) => ({ ...prev, isLoading: true, suggestions: [] }));
-    await generateSuggestionsFromCustomInput(customInput.trim());
-  };
-
-  const generateSuggestionsFromCustomInput = async (userInput: string) => {
-    if (!config.groqApiKey || config.groqApiKey.trim() === "") {
-      setState((prev) => ({
-        ...prev,
-        error:
-          'Groq API key not configured. Run "better-commit --config" to set it up.',
-        isLoading: false,
-      }));
-      return;
-    }
-
-    try {
-      const groqService = new GroqService(config.groqApiKey, config);
-      const diff = await gitService.getDiff();
-      const diffStats = await gitService.getDiffStats();
-      const recentCommits = await gitService.getRecentCommits(
-        config.maxHistoryCommits || 50,
-      );
-
-      const suggestions =
-        await groqService.generateCommitSuggestionsFromCustomInput(
-          state.stagedFiles,
-          diff,
-          userInput,
-          recentCommits,
-          diffStats,
-        );
-
-      const hasFallback = suggestions.some((s) => s.isFallback);
-      setState((prev) => ({
-        ...prev,
-        suggestions,
-        isLoading: false,
-        error: undefined,
-      }));
-      setIsUsingFallback(hasFallback);
-    } catch (error) {
-      setState((prev) => ({
-        ...prev,
-        error: `Failed to generate suggestions: ${error instanceof Error ? error.message : String(error)}`,
-        isLoading: false,
-      }));
-    }
-  };
-
-  // Error State
-  if (state.error) {
-    return (
-      <Box flexDirection="column" padding={2}>
-        <Box
-          borderStyle="single"
-          borderColor="#ef4444"
-          padding={2}
-          marginBottom={1}
-        >
-          <Text color="#ef4444" bold>
-            Error
-          </Text>
-          <Box marginTop={1}>
-            <Text color="#e5e7eb">{state.error}</Text>
-          </Box>
-        </Box>
-        <Box>
-          <Text color="#6b7280">
-            Press <Text color="#ef4444">Esc</Text> or{" "}
-            <Text color="#ef4444">Ctrl+C</Text> to exit
-          </Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  // Success State
-  if (successMessage) {
-    return (
-      <Box
-        flexDirection="column"
-        padding={2}
-        justifyContent="center"
-        alignItems="center"
-        flexGrow={1}
-        width="100%"
-        height="100%"
-      >
-        <Box
-          flexDirection="column"
-          borderStyle="single"
-          borderColor="#10b981"
-          padding={2}
-          width={60}
-        >
-          <Box marginBottom={1} justifyContent="center">
-            <Text color="#10b981" bold>
-              Commit Successful
-            </Text>
-          </Box>
-          <Box marginBottom={1} justifyContent="center">
-            <Text color="#e5e7eb">"{successMessage}"</Text>
-          </Box>
-          <Box justifyContent="center">
-            <Text color="#10b981">
-              Changes have been committed successfully!
-            </Text>
-          </Box>
-        </Box>
-      </Box>
-    );
-  }
-
-  // Loading State
-  if (state.stagedFiles.length === 0 && !state.error) {
-    return (
-      <Box flexDirection="column" padding={2} justifyContent="center">
-        <Text bold color="#8b5cf6">
-          Better Commit
-        </Text>
-        <Box marginTop={1}>
-          <Text color="#6b7280">Loading staged files...</Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      {/* Header */}
-      <Box marginBottom={1}>
-        <Text bold color="#8b5cf6">
-          Better Commit
-        </Text>
-        <Text color="#6b7280"> • AI-Powered Commit Suggestions</Text>
-      </Box>
-
-      {/* Staged Files */}
-      <StagedFiles files={state.stagedFiles} />
-
-      {/* Commit Suggestions or Custom Input */}
-      {isCustomInputMode ? (
-        <CustomInputPrompt
-          value={customInput}
-          onChange={setCustomInput}
-          onSubmit={handleCustomInputSubmit}
-          onCancel={handleCustomInputCancel}
-        />
-      ) : (
-        <CommitSuggestions
-          suggestions={state.suggestions}
-          selectedIndex={state.selectedIndex}
-          onSelect={handleSelect}
-          onCommit={handleCommit}
-          onTryAgain={handleTryAgain}
-          onCustomInput={handleCustomInput}
-          isLoading={state.isLoading}
-          isUsingFallback={isUsingFallback}
-        />
-      )}
-
-      {/* Footer - hide when custom input is open */}
-      {!isCustomInputMode && (
-        <Box
-          borderTop={true}
-          borderStyle="single"
-          borderColor="#374151"
-          paddingTop={1}
-          paddingLeft={1}
-          paddingRight={1}
-        >
-          <Text color="#6b7280">
-            <Text color="#60a5fa">↑↓</Text> navigate{" "}
-            <Text color="#10b981">Enter</Text> select{" "}
-            <Text color="#ef4444">Esc</Text> exit
-          </Text>
-        </Box>
-      )}
-    </Box>
-  );
-};
-
-export const App = BetterCommitApp;

package/src/components/CommitSuggestions.tsx

@@ -1,157 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Box, Text, useInput } from "ink";
-import { CommitSuggestion } from "../types";
-
-interface CommitSuggestionsProps {
-  suggestions: CommitSuggestion[];
-  selectedIndex: number;
-  onSelect: (index: number) => void;
-  onCommit: (index: number) => void;
-  onTryAgain: () => void;
-  onCustomInput: () => void;
-  isLoading: boolean;
-  isUsingFallback?: boolean;
-}
-
-export const CommitSuggestions: React.FC<CommitSuggestionsProps> = ({
-  suggestions,
-  selectedIndex,
-  onSelect,
-  onCommit,
-  onTryAgain,
-  onCustomInput,
-  isLoading,
-  isUsingFallback = false,
-}) => {
-  const totalOptions = isUsingFallback
-    ? suggestions.length
-    : suggestions.length + 2;
-  const [frame, setFrame] = useState(0);
-
-  const spinnerFrames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-  // Alternative spinners:
-  // const spinnerFrames = ['◐', '◓', '◑', '◒'];
-
-  useEffect(() => {
-    if (isLoading) {
-      const timer = setInterval(() => {
-        setFrame((prev) => (prev + 1) % spinnerFrames.length);
-      }, 80);
-      return () => clearInterval(timer);
-    }
-  }, [isLoading]);
-
-  useInput((input, key) => {
-    if (key.upArrow) {
-      const newIndex = selectedIndex > 0 ? selectedIndex - 1 : totalOptions - 1;
-      onSelect(newIndex);
-    } else if (key.downArrow) {
-      const newIndex = selectedIndex < totalOptions - 1 ? selectedIndex + 1 : 0;
-      onSelect(newIndex);
-    } else if (key.return) {
-      if (selectedIndex < suggestions.length) {
-        onCommit(selectedIndex);
-      } else if (!isUsingFallback) {
-        if (selectedIndex === suggestions.length) {
-          onTryAgain();
-        } else if (selectedIndex === suggestions.length + 1) {
-          onCustomInput();
-        }
-      }
-    }
-  });
-
-  if (isLoading) {
-    return (
-      <Box borderStyle="round" borderColor="#374151" paddingX={1}>
-        <Text color="#6b7280">
-          {spinnerFrames[frame]} Generating commit suggestions...
-        </Text>
-      </Box>
-    );
-  }
-
-  if (suggestions.length === 0) {
-    return (
-      <Box borderStyle="round" borderColor="#ef4444" paddingX={1}>
-        <Text color="#ef4444">No suggestions available</Text>
-      </Box>
-    );
-  }
-
-  return (
-    <Box
-      flexDirection="column"
-      borderStyle="round"
-      borderColor="#374151"
-      paddingX={1}
-    >
-      <Box>
-        <Text bold color="#8b5cf6">
-          Commit Messages
-        </Text>
-      </Box>
-
-      {suggestions.map((suggestion, index) => {
-        const isSelected = index === selectedIndex;
-        const displayMsg =
-          suggestion.message.length > 65
-            ? suggestion.message.substring(0, 62) + "..."
-            : suggestion.message;
-
-        return (
-          <Box key={index} marginLeft={1}>
-            <Text color={isSelected ? "#10b981" : "#6b7280"}>
-              {isSelected ? "❯" : " "}
-            </Text>
-            <Text color={isSelected ? "#ffffff" : "#9ca3af"} bold={isSelected}>
-              {" "}
-              {displayMsg}
-            </Text>
-          </Box>
-        );
-      })}
-
-      {!isUsingFallback && (
-        <Box marginTop={1} marginLeft={1} flexDirection="row">
-          <Box marginRight={3}>
-            <Text
-              color={
-                selectedIndex === suggestions.length ? "#10b981" : "#6b7280"
-              }
-            >
-              {selectedIndex === suggestions.length ? "❯" : " "}
-            </Text>
-            <Text
-              color={
-                selectedIndex === suggestions.length ? "#60a5fa" : "#6b7280"
-              }
-              bold={selectedIndex === suggestions.length}
-            >
-              {" "}
-              ↻ Try again
-            </Text>
-          </Box>
-          <Box>
-            <Text
-              color={
-                selectedIndex === suggestions.length + 1 ? "#10b981" : "#6b7280"
-              }
-            >
-              {selectedIndex === suggestions.length + 1 ? "❯" : " "}
-            </Text>
-            <Text
-              color={
-                selectedIndex === suggestions.length + 1 ? "#f59e0b" : "#6b7280"
-              }
-              bold={selectedIndex === suggestions.length + 1}
-            >
-              {" "}
-              ✎ Custom input
-            </Text>
-          </Box>
-        </Box>
-      )}
-    </Box>
-  );
-};