jira-pilot 2.1.2 → 2.1.3

package/src/commands/sprint.ts

@@ -1,8 +1,8 @@
 import { Command } from 'commander';
 import chalk from 'chalk';
-import Table from 'cli-table3';
+import { Table } from 'cmd-table';
 import { api } from '../services/api-service.js';
-import ora from 'ora';
+import ora from '../utils/spinner.js';
 import enquirer from 'enquirer';
 import { handleCommandError } from '../utils/error-handler.js';
 
@@ -56,11 +56,16 @@ Common Actions:
                 }
 
                 const table = new Table({
-                    head: [chalk.bold('ID'), chalk.bold('Name'), chalk.bold('State'), chalk.bold('Dates')]
+                    columns: [
+                        { name: chalk.bold('ID') },
+                        { name: chalk.bold('Name') },
+                        { name: chalk.bold('State') },
+                        { name: chalk.bold('Dates') }
+                    ]
                 });
 
                 data.values.forEach((s: any) => {
-                    table.push([
+                    table.addRow([
                         s.id,
                         s.name,
                         s.state === 'active' ? chalk.green(s.state) : s.state,
@@ -68,7 +73,7 @@ Common Actions:
                     ]);
                 });
 
-                console.log(table.toString());
+                console.log(table.render());
 
             } catch (e: any) {
                 handleCommandError(spinner, e, 'Failed to list sprints');
@@ -131,10 +136,16 @@ Examples:
                 }
 
                 const table = new Table({
-                    head: [chalk.bold('Key'), chalk.bold('Summary'), chalk.bold('Status'), chalk.bold('Assignee'), chalk.bold('Priority')]
+                    columns: [
+                        { name: chalk.bold('Key') },
+                        { name: chalk.bold('Summary') },
+                        { name: chalk.bold('Status') },
+                        { name: chalk.bold('Assignee') },
+                        { name: chalk.bold('Priority') }
+                    ]
                 });
                 issues.issues.forEach((i: any) => {
-                    table.push([
+                    table.addRow([
                         chalk.cyan(i.key),
                         i.fields.summary ? (i.fields.summary.length > 50 ? i.fields.summary.substring(0, 47) + '...' : i.fields.summary) : '',
                         i.fields.status?.name || '',
@@ -142,7 +153,7 @@ Examples:
                         i.fields.priority?.name || ''
                     ]);
                 });
-                console.log(table.toString());
+                console.log(table.render());
                 console.log(chalk.grey(`${issues.issues.length} issue(s) in sprint`));
 
             } catch (e: any) {

package/src/commands/tui.ts

@@ -0,0 +1,11 @@
+import { Command } from 'commander';
+import { startTui } from '../tui/index.js';
+
+export function registerTuiCommand(program: Command) {
+    program
+        .command('tui')
+        .description('Start the interactive TUI mode')
+        .action(async () => {
+            startTui();
+        });
+}

package/src/services/ai-service.ts

@@ -1,4 +1,4 @@
-import axios from 'axios';
+import { HttpClient } from '../utils/http.js';
 import { getCredentials } from '../utils/config.js';
 
 export class AiService {
@@ -89,7 +89,8 @@ Today is ${new Date().toISOString().split('T')[0]}.`;
 
     async callOpenAI(key: string, prompt: string): Promise<string> {
         try {
-            const response = await axios.post('https://api.openai.com/v1/chat/completions', {
+            const client = new HttpClient();
+            const response = await client.post('https://api.openai.com/v1/chat/completions', {
                 model: 'gpt-4o',
                 messages: [{ role: 'user', content: prompt }],
                 temperature: 0.7
@@ -107,8 +108,9 @@ Today is ${new Date().toISOString().split('T')[0]}.`;
             // Gemini REST API — uses generativelanguage.googleapis.com
             const model = 'gemini-2.0-flash';
             const url = `https://generativelanguage.googleapis.com/v1beta/models/${model}:generateContent?key=${key}`;
+            const client = new HttpClient();
 
-            const response = await axios.post(url, {
+            const response = await client.post(url, {
                 contents: [{
                     parts: [{ text: prompt }]
                 }],
@@ -137,7 +139,8 @@ Today is ${new Date().toISOString().split('T')[0]}.`;
     async callAnthropic(key: string, prompt: string): Promise<string> {
         try {
             // Anthropic Messages API
-            const response = await axios.post('https://api.anthropic.com/v1/messages', {
+            const client = new HttpClient();
+            const response = await client.post('https://api.anthropic.com/v1/messages', {
                 model: 'claude-sonnet-4-20250514',
                 max_tokens: 2048,
                 messages: [{ role: 'user', content: prompt }]

package/src/services/api-service.ts

@@ -1,4 +1,4 @@
-import axios from 'axios';
+import { HttpClient } from '../utils/http.js';
 import chalk from 'chalk';
 import { getCredentials } from '../utils/config.js';
 
@@ -28,27 +28,28 @@ export class ApiService {
         const authHeader = `Basic ${Buffer.from(`${email}:${apiToken}`).toString('base64')}`;
 
         // Standard REST API v3 client
-        this.client = axios.create({
+        this.client = new HttpClient({
             baseURL: `${this._domain}/rest/api/3`,
             headers: {
                 'Authorization': authHeader,
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
+                'Accept': 'application/json'
             }
         });
 
         // Agile REST API v1 client (for boards, sprints, etc.)
-        this.agileClient = axios.create({
+        this.agileClient = new HttpClient({
             baseURL: `${this._domain}/rest/agile/1.0`,
             headers: {
                 'Authorization': authHeader,
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
+                'Accept': 'application/json'
             }
         });
+    }
 
-        // Shared response interceptor
-        const errorInterceptor = (error: any) => {
+    private async handleRequest(request: Promise<any>) {
+        try {
+            return await request;
+        } catch (error: any) {
             if (error.response) {
                 if (error.response.status === 401) {
                     console.error(chalk.red('Authentication failed. Please check your credentials using "jira config".'));
@@ -56,11 +57,8 @@ export class ApiService {
                     console.error(chalk.red('Access denied. You may not have permission for this resource.'));
                 }
             }
-            return Promise.reject(error);
-        };
-
-        this.client.interceptors.response.use((r: any) => r, errorInterceptor);
-        this.agileClient.interceptors.response.use((r: any) => r, errorInterceptor);
+            throw error;
+        }
     }
 
     /** @returns {string} The Jira domain URL */
@@ -81,28 +79,38 @@ export class ApiService {
 
     async get(url: string, config: any = {}) {
         this.ensureClient();
-        const response = await this.client.get(url, config);
+        const response = await this.handleRequest(this.client.get(url, config));
         return response.data;
     }
 
     async post(url: string, data: any, config: any = {}) {
         this.ensureClient();
-        const response = await this.client.post(url, data, config);
+        const response = await this.handleRequest(this.client.post(url, data, config));
         return response.data;
     }
 
     async put(url: string, data: any, config: any = {}) {
         this.ensureClient();
-        const response = await this.client.put(url, data, config);
+        const response = await this.handleRequest(this.client.put(url, data, config));
         return response.data;
     }
 
     async delete(url: string, config: any = {}) {
         this.ensureClient();
-        const response = await this.client.delete(url, config);
+        const response = await this.handleRequest(this.client.delete(url, config));
         return response.data;
     }
 
+    async search(jql: string, startAt: number = 0, maxResults: number = 50) {
+        return this.post('/search/jql', {
+            jql,
+            startAt,
+            maxResults,
+            fields: ['summary', 'status', 'assignee', 'priority', 'issuetype', 'created', 'updated', 'project'],
+            validation: 'warn'
+        });
+    }
+
     async upload(url: string, formData: any) {
         this.ensureClient();
         // Jira requires this header for attachments
@@ -117,7 +125,7 @@ export class ApiService {
         }
 
         const config = { headers };
-        const response = await this.client.post(url, formData, config);
+        const response = await this.handleRequest(this.client.post(url, formData, config));
         return response.data;
     }
 
@@ -125,13 +133,13 @@ export class ApiService {
 
     async agileGet(url: string, config: any = {}) {
         this.ensureClient();
-        const response = await this.agileClient.get(url, config);
+        const response = await this.handleRequest(this.agileClient.get(url, config));
         return response.data;
     }
 
     async agilePost(url: string, data: any, config: any = {}) {
         this.ensureClient();
-        const response = await this.agileClient.post(url, data, config);
+        const response = await this.handleRequest(this.agileClient.post(url, data, config));
         return response.data;
     }
 }

package/src/tui/App.tsx

@@ -0,0 +1,61 @@
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Dashboard from './screens/Dashboard.js';
+import IssueList from './screens/IssueList.js';
+import BoardList from './screens/BoardList.js';
+
+type View = 'dashboard' | 'issues' | 'boards';
+
+export default function App() {
+    const [view, setView] = useState<View>('dashboard');
+    const [activeTab, setActiveTab] = useState(0);
+    const tabs: View[] = ['dashboard', 'issues', 'boards'];
+
+    useInput((input, key) => {
+        if (key.leftArrow) {
+            setActiveTab(prev => Math.max(0, prev - 1));
+            setView(tabs[Math.max(0, activeTab - 1)]);
+        }
+        if (key.rightArrow) {
+            setActiveTab(prev => Math.min(tabs.length - 1, prev + 1));
+            setView(tabs[Math.min(tabs.length - 1, activeTab + 1)]);
+        }
+        if (input === 'q') {
+            process.exit(0);
+        }
+    });
+
+    return (
+        <Box flexDirection="column" height="100%">
+            {/* Header */}
+            <Box borderStyle="classic" borderColor="blue" paddingX={1}>
+                <Text bold color="blue">Jira Pilot</Text>
+                <Box marginLeft={2} flexDirection="column" justifyContent="center">
+                    <Text>Use <Text color="green">←/→</Text> to navigate tabs. Press <Text color="red">q</Text> to quit.</Text>
+                </Box>
+            </Box>
+
+            {/* Tabs */}
+            <Box paddingX={1} marginBottom={1}>
+                {tabs.map((tab, index) => (
+                    <Box key={tab} marginRight={2}>
+                        <Text
+                            color={activeTab === index ? 'green' : 'white'}
+                            bold={activeTab === index}
+                            underline={activeTab === index}
+                        >
+                            {tab.charAt(0).toUpperCase() + tab.slice(1)}
+                        </Text>
+                    </Box>
+                ))}
+            </Box>
+
+            {/* Content Area */}
+            <Box flexGrow={1} borderStyle="round" padding={1} borderColor="gray">
+                {view === 'dashboard' && <Dashboard />}
+                {view === 'issues' && <IssueList />}
+                {view === 'boards' && <BoardList />}
+            </Box>
+        </Box>
+    );
+}

package/src/tui/index.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from 'ink';
+import App from './App.js';
+
+export function startTui() {
+    console.clear();
+    render(<App />);
+}

package/src/tui/screens/BoardList.tsx

@@ -0,0 +1,102 @@
+import React, { useEffect, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import SpinnerOriginal from 'ink-spinner';
+const Spinner = SpinnerOriginal as any;
+import { api } from '../../services/api-service.js';
+import KanbanBoard from './KanbanBoard.js';
+
+export default function BoardList() {
+    const [loading, setLoading] = useState(true);
+    const [boards, setBoards] = useState<any[]>([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [selectedBoardId, setSelectedBoardId] = useState<string | null>(null);
+    const [error, setError] = useState<string | null>(null);
+
+    useEffect(() => {
+        const fetchBoards = async () => {
+            try {
+                const results = await api.agileGet('/board');
+                setBoards(results.values);
+                setLoading(false);
+            } catch (err: any) {
+                setError(err.message);
+                setLoading(false);
+            }
+        };
+        fetchBoards();
+    }, []);
+
+    useInput((input, key) => {
+        if (selectedBoardId) return;
+
+        if (key.upArrow) {
+            setSelectedIndex((prev: number) => Math.max(0, prev - 1));
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev: number) => Math.min(boards.length - 1, prev + 1));
+        }
+        if (key.return) {
+            if (boards[selectedIndex]) {
+                setSelectedBoardId(boards[selectedIndex].id);
+            }
+        }
+    });
+
+    if (selectedBoardId) {
+        return <KanbanBoard boardId={selectedBoardId} onBack={() => setSelectedBoardId(null)} />;
+    }
+
+    if (loading) {
+        return (
+            <Box>
+                <Text color="green"><Spinner type="dots" /></Text>
+                <Text> Loading Boards...</Text>
+            </Box>
+        );
+    }
+
+    if (error) {
+        return <Text color="red">Error: {error}</Text>;
+    }
+
+    if (boards.length === 0) {
+        return <Text>No boards found.</Text>;
+    }
+
+    const windowSize = 15;
+    const halfWindow = Math.floor(windowSize / 2);
+
+    // Ensure the selected item is always visible
+    let start = 0;
+    if (selectedIndex > halfWindow) {
+        start = Math.min(selectedIndex - halfWindow, boards.length - windowSize);
+    }
+    start = Math.max(0, start);
+    const end = Math.min(boards.length, start + windowSize);
+
+    const visibleBoards = boards.slice(start, end);
+
+    return (
+        <Box flexDirection="column">
+            <Box marginBottom={1}>
+                <Text bold underline>Select a Board ({selectedIndex + 1}/{boards.length})</Text>
+            </Box>
+
+            {visibleBoards.map((board: any, index: number) => {
+                const globalIndex = start + index;
+                const isSelected = globalIndex === selectedIndex;
+
+                return (
+                    <Box key={board.id}>
+                        <Text color={isSelected ? 'green' : 'white'} bold={isSelected}>
+                            {isSelected ? '> ' : '  '}
+                        </Text>
+                        <Text color={isSelected ? 'green' : 'white'}>
+                            {board.name} ({board.type})
+                        </Text>
+                    </Box>
+                );
+            })}
+        </Box>
+    );
+}

package/src/tui/screens/Dashboard.tsx

@@ -0,0 +1,75 @@
+import React, { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import SpinnerOriginal from 'ink-spinner';
+const Spinner = SpinnerOriginal as any;
+import { api } from '../../services/api-service.js';
+
+export default function Dashboard() {
+    const [loading, setLoading] = useState(true);
+    const [user, setUser] = useState<any>(null);
+    const [issueCount, setIssueCount] = useState<number>(0);
+    const [error, setError] = useState<string | null>(null);
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                // Fetch issue count (maxResults must be >= 1)
+                const searchResults = await api.search(
+                    `assignee = currentUser() AND resolution = Unresolved`,
+                    0,
+                    1
+                );
+                const myself = await api.get('/myself');
+
+                setUser(myself);
+                setIssueCount(searchResults.total);
+                setLoading(false);
+            } catch (err: any) {
+                // detailed error inspection
+                const msg = err.response
+                    ? `API Error ${err.response.status}: ${JSON.stringify(err.response.data)}`
+                    : err.message || JSON.stringify(err);
+                setError(msg);
+                setLoading(false);
+            }
+        };
+
+        fetchData();
+    }, []);
+
+    if (loading) {
+        return (
+            <Box>
+                <Text color="green"><Spinner type="dots" /></Text>
+                <Text> Loading Dashboard...</Text>
+            </Box>
+        );
+    }
+
+    if (error) {
+        return (
+            <Box flexDirection="column" borderColor="red" borderStyle="round" padding={1}>
+                <Text color="red" bold>Error Loading Dashboard:</Text>
+                <Text color="red">{error}</Text>
+                <Box marginTop={1}>
+                    <Text color="gray">
+                        Tip: Check your internet connection and run `jira config` to verify credentials.
+                    </Text>
+                </Box>
+            </Box>
+        );
+    }
+
+    return (
+        <Box flexDirection="column">
+            <Text bold>Welcome back, {user?.displayName}!</Text>
+            <Box marginTop={1} borderStyle="single" padding={1} borderColor="yellow">
+                <Text>You have <Text bold color="red">{issueCount}</Text> unresolved issues assigned to you.</Text>
+            </Box>
+
+            <Box marginTop={1}>
+                <Text color="gray">Press ←/→ to navigate. Try the 'Issues' tab to see details.</Text>
+            </Box>
+        </Box>
+    );
+}

package/src/tui/screens/IssueDetail.tsx

@@ -0,0 +1,93 @@
+import React, { useEffect, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import SpinnerOriginal from 'ink-spinner';
+const Spinner = SpinnerOriginal as any;
+import { api } from '../../services/api-service.js';
+import { renderADF } from '../utils/adf-render.js';
+
+interface IssueDetailProps {
+    issueKey: string;
+    onBack: () => void;
+}
+
+export default function IssueDetail({ issueKey, onBack }: IssueDetailProps) {
+    const [loading, setLoading] = useState(true);
+    const [issue, setIssue] = useState<any>(null);
+    const [error, setError] = useState<string | null>(null);
+
+    useEffect(() => {
+        const fetchIssue = async () => {
+            try {
+                const results = await api.get(`/issue/${issueKey}`);
+                setIssue(results);
+                setLoading(false);
+            } catch (err: any) {
+                setError(err.message);
+                setLoading(false);
+            }
+        };
+        fetchIssue();
+    }, [issueKey]);
+
+    useInput((input, key) => {
+        if (key.escape || input === 'b') {
+            onBack();
+        }
+    });
+
+    if (loading) {
+        return (
+            <Box>
+                <Text color="green"><Spinner type="dots" /></Text>
+                <Text> Loading Issue {issueKey}...</Text>
+            </Box>
+        );
+    }
+
+    if (error) {
+        return <Text color="red">Error: {error}</Text>;
+    }
+
+    const { summary, description, status, priority, assignee, reporter, comment } = issue.fields;
+
+    return (
+        <Box flexDirection="column" padding={1} borderStyle="single">
+            <Box marginBottom={1}>
+                <Text bold color="cyan">{issue.key}: {summary}</Text>
+            </Box>
+
+            <Box flexDirection="row" marginBottom={1}>
+                <Box width="50%">
+                    <Text><Text bold>Status:</Text> {status.name}</Text>
+                    <Text><Text bold>Priority:</Text> {priority.name}</Text>
+                </Box>
+                <Box width="50%">
+                    <Text><Text bold>Assignee:</Text> {assignee ? assignee.displayName : 'Unassigned'}</Text>
+                    <Text><Text bold>Reporter:</Text> {reporter ? reporter.displayName : 'Unknown'}</Text>
+                </Box>
+            </Box>
+
+
+            <Box marginBottom={1}>
+                <Text bold underline>Description:</Text>
+                <Text>{renderADF(description) || 'No description provided.'}</Text>
+            </Box>
+
+            {comment && comment.comments && comment.comments.length > 0 && (
+                <Box flexDirection="column" marginTop={1}>
+                    <Text bold underline>Comments ({comment.total}):</Text>
+                    {comment.comments.slice(-3).map((c: any) => (
+                        <Box key={c.id} borderStyle="round" borderColor="gray" padding={1} marginTop={1}>
+                            <Text bold color="blue">{c.author.displayName}:</Text>
+                            <Text>{renderADF(c.body)}</Text>
+                        </Box>
+                    ))}
+                </Box>
+            )}
+
+            <Box marginTop={1}>
+                <Text color="gray">Press <Text bold>Esc</Text> or <Text bold>b</Text> to go back.</Text>
+            </Box>
+        </Box>
+    );
+}