jira-pat 1.0.0

package/frontend/src/main.jsx

@@ -0,0 +1,13 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.jsx'
+import ErrorBoundary from './components/ErrorBoundary.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <ErrorBoundary>
+      <App />
+    </ErrorBoundary>
+  </StrictMode>,
+)

package/frontend/src/services/api.js

@@ -0,0 +1,154 @@
+import axios from 'axios';
+
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5000/api';
+const TIMEOUT_MS = 15000;
+
+const createSignal = (ms) => {
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), ms);
+  return { controller, timer };
+};
+
+export const withRetry = async (fn, maxAttempts = 3, baseDelayMs = 500) => {
+  let lastError;
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    try {
+      return await fn();
+    } catch (error) {
+      lastError = error;
+      const isClientError = error?.response?.status >= 400 && error?.response?.status < 500;
+      if (isClientError || attempt === maxAttempts - 1) {
+        throw error;
+      }
+      const delay = baseDelayMs * Math.pow(2, attempt);
+      await new Promise(resolve => setTimeout(resolve, delay));
+    }
+  }
+  throw lastError;
+};
+
+const request = async (method, url, config = {}) => {
+  const { controller, timer } = createSignal(TIMEOUT_MS);
+  try {
+    const response = await axios({ method, url, ...config, signal: controller.signal });
+    return response;
+  } catch (error) {
+    if (error.name === 'AbortError' || error.code === 'ERR_CANCELED') {
+      throw new Error('Request timed out. Please check your connection.');
+    }
+    throw error;
+  } finally {
+    clearTimeout(timer);
+  }
+};
+
+export const getIssues = async (params = {}) => {
+  const cleanParams = Object.fromEntries(
+    Object.entries(params).filter(([_, v]) => v !== undefined && v !== null && v !== '')
+  );
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues`, { params: cleanParams });
+    return response.data;
+  });
+};
+
+export const fetchIssueDetail = async (issueKey) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues/${issueKey}`);
+    return response.data;
+  });
+};
+
+export const fetchComments = async (issueKey) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues/${issueKey}/comments`);
+    return response.data;
+  });
+};
+
+export const postComment = async (issueKey, body) => {
+  const response = await request('post', `${API_BASE_URL}/issues/${issueKey}/comments`, { data: { body } });
+  return response.data;
+};
+
+export const fetchTransitions = async (issueKey) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues/${issueKey}/transitions`);
+    return response.data;
+  });
+};
+
+export const transitionIssue = async (issueKey, transitionId) => {
+  const response = await request('post', `${API_BASE_URL}/issues/${issueKey}/transitions`, { data: { transitionId } });
+  return response.data;
+};
+
+export const fetchAssignableUsers = async (issueKey, query) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues/${issueKey}/assignable`, { params: { query } });
+    return response.data;
+  });
+};
+
+export const assignIssue = async (issueKey, accountId) => {
+  const response = await request('put', `${API_BASE_URL}/issues/${issueKey}/assignee`, { data: { accountId } });
+  return response.data;
+};
+
+export const uploadAttachment = async (issueKey, file) => {
+  const formData = new FormData();
+  formData.append('file', file);
+  const { controller, timer } = createSignal(TIMEOUT_MS);
+  try {
+    const response = await axios.post(`${API_BASE_URL}/issues/${issueKey}/attachments`, formData, {
+      headers: { 'Content-Type': 'multipart/form-data' },
+      signal: controller.signal,
+    });
+    return response.data;
+  } catch (error) {
+    if (error.name === 'AbortError' || error.code === 'ERR_CANCELED') {
+      throw new Error('Request timed out. Please check your connection.');
+    }
+    throw error;
+  } finally {
+    clearTimeout(timer);
+  }
+};
+
+export const fetchProjects = async () => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/projects`);
+    return response.data;
+  });
+};
+
+export const fetchIssueTypes = async (projectKey) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/projects/${projectKey}/issuetypes`);
+    return response.data;
+  });
+};
+
+export const createIssue = async (issueData) => {
+  const response = await request('post', `${API_BASE_URL}/issues`, { data: issueData });
+  return response.data;
+};
+
+export const updateIssue = async (issueKey, fields) => {
+  const response = await request('put', `${API_BASE_URL}/issues/${issueKey}`, { data: { fields } });
+  return response.data;
+};
+
+export const fetchProjectVersions = async (projectKey) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/projects/${projectKey}/versions`);
+    return response.data;
+  });
+};
+
+export const searchLabels = async (query) => {
+  return withRetry(async () => {
+    const response = await request('get', `${API_BASE_URL}/issues/labels/search`, { params: { query } });
+    return response.data;
+  });
+};

package/frontend/src/utils/issueHelpers.jsx

@@ -0,0 +1,84 @@
+import {
+  Bug, FileText, ClipboardList, Layers, Info,
+  ChevronUp, ChevronDown, Minus, AlertCircle
+} from 'lucide-react';
+
+export const SEVERITY_FIELD = 'customfield_10260';
+
+export const getIssueTypeIcon = (type) => {
+  if (!type) return <FileText size={16} />;
+  const name = type.toLowerCase();
+  if (name.includes('bug')) return <Bug size={16} />;
+  if (name.includes('story') || name.includes('epic')) return <Layers size={16} />;
+  if (name.includes('task')) return <ClipboardList size={16} />;
+  return <FileText size={16} />;
+};
+
+export const getStatusClass = (status) => {
+  if (!status) return '';
+  const normalized = status.toLowerCase().replace(/\s+/g, '-');
+  if (normalized === 'in-progress') return 'in-progress';
+  if (normalized === 'done') return 'done';
+  if (normalized === 'closed') return 'closed';
+  return 'todo';
+};
+
+export const getPriorityIcon = (priority) => {
+  if (!priority) return null;
+  const name = priority.toLowerCase();
+  if (name.includes('highest') || name.includes('high')) {
+    return <ChevronUp size={16} />;
+  }
+  if (name.includes('lowest') || name.includes('low')) {
+    return <ChevronDown size={16} />;
+  }
+  return <Minus size={16} />;
+};
+
+export const getSeverityIcon = (severity) => {
+  if (!severity) return null;
+  const name = severity.toLowerCase();
+  if (name.includes('blocker') || name.includes('critical') || name.includes('sev-1')) {
+    return <AlertCircle size={14} />;
+  }
+  if (name.includes('major') || name.includes('sev-2')) {
+    return <ChevronUp size={14} />;
+  }
+  if (name.includes('minor') || name.includes('sev-3')) {
+    return <Minus size={14} />;
+  }
+  if (name.includes('trivial') || name.includes('sev-4') || name.includes('sev-5')) {
+    return <ChevronDown size={14} />;
+  }
+  return <Info size={14} />;
+};
+
+export const formatSeverity = (severity) => {
+  if (!severity) return '';
+  return severity;
+};
+
+export const getInitials = (name) => {
+  if (!name || typeof name !== 'string') return '?';
+  
+  const trimmed = name.trim();
+  if (trimmed.length === 0) return '?';
+  
+  const atIndex = trimmed.indexOf('@');
+  const namePart = atIndex > 0 ? trimmed.substring(0, atIndex) : trimmed;
+  
+  const parts = namePart.split(/\s+/).filter(Boolean);
+  
+  if (parts.length === 0) return '?';
+  
+  if (parts.length === 1) {
+    const word = parts[0];
+    const firstChar = word[0] || '';
+    const secondChar = word[1] || '';
+    return (firstChar + secondChar).toUpperCase();
+  }
+  
+  const first = parts[0][0] || '';
+  const last = parts[parts.length - 1][0] || '';
+  return (first + last).toUpperCase();
+};

package/frontend/src/utils/sanitize.js

@@ -0,0 +1,27 @@
+import DOMPurify from 'dompurify';
+
+const ALLOWED_TAGS = [
+  'p', 'br', 'strong', 'em', 'u', 's', 'del', 'ins',
+  'a', 'img', 'span', 'div',
+  'ul', 'ol', 'li',
+  'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+  'code', 'pre', 'blockquote',
+  'table', 'thead', 'tbody', 'tr', 'th', 'td',
+  'hr', 'sup', 'sub'
+];
+
+const ALLOWED_ATTR = [
+  'href', 'src', 'alt', 'class', 'className',
+  'target', 'rel', 'id', 'style',
+  'colspan', 'rowspan', 'bgcolor'
+];
+
+export const sanitizeHtml = (html) => {
+  if (!html) return '';
+  return DOMPurify.sanitize(html, {
+    ALLOWED_TAGS,
+    ALLOWED_ATTR,
+    ALLOW_DATA_ATTR: false,
+    ADD_ATTR: ['target'],
+  });
+};

package/frontend/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 5173
+  },
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./src/__tests__/setup.js'],
+    include: ['src/__tests__/**/*.test.{js,jsx}'],
+  }
+})

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "jira-pat",
+  "version": "1.0.0",
+  "description": "Professional Jira Dashboard CLI tool",
+  "workspaces": [
+    "backend",
+    "frontend"
+  ],
+  "scripts": {
+    "start": "concurrently \"npm run start --workspace backend\" \"npm run dev --workspace frontend\""
+  },
+  "bin": {
+    "jira": "./bin/jira.js",
+    "jira-config": "./bin/jira.js"
+  },
+  "devDependencies": {
+    "concurrently": "^8.2.2"
+  }
+}