gitforest 0.1.0

package/src/components/onboarding/CompleteStep.tsx

@@ -0,0 +1,82 @@
+import { Box, Text } from "ink";
+import { join } from "path";
+import { homedir } from "os";
+
+export interface CompleteStepProps {
+  directories: Array<{ path: string; maxDepth: number; label?: string }>;
+  githubAuth: { authenticated: boolean; user?: string };
+}
+
+export function CompleteStep({ directories, githubAuth }: CompleteStepProps) {
+  const xdgConfigHome = process.env.XDG_CONFIG_HOME ?? join(homedir(), ".config");
+  const configPath = join(xdgConfigHome, "gitforest", "config.yaml");
+
+  return (
+    <Box
+      flexDirection="column"
+      borderStyle="round"
+      borderColor="green"
+      paddingX={3}
+      paddingY={2}
+      width={70}
+    >
+      {/* Title */}
+      <Box marginBottom={1}>
+        <Text bold color="green">
+          Setup Complete!
+        </Text>
+      </Box>
+
+      {/* Success message */}
+      <Box marginBottom={1}>
+        <Text>Your Gitforest configuration has been created.</Text>
+      </Box>
+
+      {/* Configuration summary */}
+      <Box flexDirection="column" marginBottom={1}>
+        <Text>Configuration:</Text>
+        <Box gap={2}>
+          <Text>  Directories:</Text>
+          <Text bold color="cyan">
+            {directories.length}
+          </Text>
+        </Box>
+        <Box gap={2}>
+          <Text>  GitHub:</Text>
+          {githubAuth.authenticated ? (
+            <Text bold color="green">
+              Authenticated{githubAuth.user ? ` as ${githubAuth.user}` : ""}
+            </Text>
+          ) : (
+            <Text dimColor>Skipped</Text>
+          )}
+        </Box>
+      </Box>
+
+      {/* Directory details */}
+      <Box flexDirection="column" marginBottom={1}>
+        <Text dimColor>Directories configured:</Text>
+        {directories.map((dir, i) => (
+          <Text key={i} dimColor>
+            {"  "}• {dir.label || dir.path} {dir.maxDepth > 0 && `(depth: ${dir.maxDepth})`}
+          </Text>
+        ))}
+      </Box>
+
+      {/* Config file path */}
+      <Box flexDirection="column" marginBottom={1}>
+        <Text dimColor>Config saved to:</Text>
+        <Text dimColor color="cyan">
+          {"  "}{configPath}
+        </Text>
+      </Box>
+
+      {/* Starting message */}
+      <Box marginTop={1}>
+        <Text bold color="yellow">
+          Starting Gitforest...
+        </Text>
+      </Box>
+    </Box>
+  );
+}

package/src/components/onboarding/DirectoriesStep.test.tsx

@@ -0,0 +1,52 @@
+import { describe, test, expect, beforeEach, afterEach } from "bun:test";
+import { readFile, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+import { join } from "path";
+import { tmpdir } from "os";
+import { HybridDirectoryBrowser } from "./DirectoriesStep.tsx";
+
+// NOTE: Integration tests for HybridDirectoryBrowser are documented below
+// but not implemented because Ink's useInput hook requires a TTY with raw mode,
+// which is not available in the test environment.
+//
+// These would need to be tested with:
+// - A custom testing wrapper that provides a mock stdin
+// - Integration testing in a real terminal environment
+// - Or by extracting the logic into testable pure functions (already done in unit tests)
+//
+// Documented test scenarios:
+// - initialization: should start with tilde in input buffer, show folders in starting directory
+// - backspace behavior: should allow backspacing the initial tilde
+// - path input: should accept absolute paths, expand tilde, reject non-existent paths
+// - folder filtering: show all folders with slash, filter by name without slash
+// - escape behavior: go back to parent, cancel at root, clear input
+// - scrolling: scroll with many folders, show indicators, reset on navigate
+// - navigation: select with arrows, navigate with Enter/Space, clamp selection
+// - Ctrl+U: clear input and reset selection
+
+describe("HybridDirectoryBrowser", () => {
+  let testDir: string;
+
+  beforeEach(async () => {
+    // Create a temporary directory structure for testing
+    testDir = join(tmpdir(), `gitforest-test-${Date.now()}`);
+    await mkdir(testDir, { recursive: true });
+
+    // Create test directory structure
+    await mkdir(join(testDir, "projects"));
+    await mkdir(join(testDir, "code"));
+    await mkdir(join(testDir, "documents"));
+  });
+
+  afterEach(async () => {
+    // Clean up test directory
+    if (existsSync(testDir)) {
+      await rm(testDir, { recursive: true, force: true });
+    }
+  });
+
+  // Basic smoke test to ensure the component can be imported
+  test("should export HybridDirectoryBrowser component", () => {
+    expect(HybridDirectoryBrowser).toBeDefined();
+  });
+});