git-history-ui 1.0.2 → 1.0.4

package/src/backend/gitService.ts

@@ -1,277 +0,0 @@
-import simpleGit, { SimpleGit, LogResult, DefaultLogFields } from 'simple-git';
-import path from 'path';
-
-export interface Commit {
-  hash: string;
-  author: string;
-  date: string;
-  message: string;
-  files: string[];
-  parents: string[];
-  branches: string[];
-  tags: string[];
-}
-
-export interface DiffFile {
-  file: string;
-  additions: number;
-  deletions: number;
-  changes: string;
-}
-
-export interface BlameLine {
-  line: number;
-  hash: string;
-  author: string;
-  date: string;
-  content: string;
-}
-
-export interface GitOptions {
-  file?: string;
-  since?: string;
-  author?: string;
-  limit?: number;
-}
-
-export class GitService {
-  private git: SimpleGit;
-
-  constructor() {
-    this.git = simpleGit();
-  }
-
-  async getCommits(options: GitOptions = {}): Promise<Commit[]> {
-    try {
-      const logOptions = {
-        maxCount: options.limit || 100
-      };
-
-      let log: LogResult<DefaultLogFields>;
-
-      if (options.file) {
-        log = await this.git.log({
-          ...logOptions,
-          file: options.file
-        });
-      } else if (options.since) {
-        log = await this.git.log({
-          ...logOptions,
-          from: options.since
-        });
-      } else if (options.author) {
-        log = await this.git.log({
-          ...logOptions,
-          author: options.author
-        });
-      } else {
-        log = await this.git.log(logOptions);
-      }
-
-      const commits: Commit[] = await Promise.all(
-        log.all.map(async (commit) => {
-          const [branches, tags] = await Promise.all([
-            this.getBranchesForCommit(commit.hash),
-            this.getTagsForCommit(commit.hash)
-          ]);
-
-          return {
-            hash: commit.hash,
-            author: commit.author_name,
-            date: commit.date,
-            message: commit.message,
-            files: await this.getFilesForCommit(commit.hash),
-            parents: [], // We'll get this from git show if needed
-            branches,
-            tags
-          };
-        })
-      );
-
-      return commits;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get commits: ${errorMessage}`);
-    }
-  }
-
-  async getCommit(hash: string): Promise<Commit> {
-    try {
-      const log = await this.git.log({
-        from: hash,
-        to: hash,
-        maxCount: 1
-      });
-
-      if (log.all.length === 0) {
-        throw new Error('Commit not found');
-      }
-
-      const commit = log.all[0];
-      const [branches, tags] = await Promise.all([
-        this.getBranchesForCommit(hash),
-        this.getTagsForCommit(hash)
-      ]);
-
-      return {
-        hash: commit.hash,
-        author: commit.author_name,
-        date: commit.date,
-        message: commit.message,
-        files: await this.getFilesForCommit(hash),
-        parents: [], // We'll get this from git show if needed
-        branches,
-        tags
-      };
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get commit: ${errorMessage}`);
-    }
-  }
-
-  async getDiff(hash: string): Promise<DiffFile[]> {
-    try {
-      const diff = await this.git.diff([hash + '^', hash]);
-      return this.parseDiff(diff);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get diff: ${errorMessage}`);
-    }
-  }
-
-  async getBlame(filePath: string): Promise<BlameLine[]> {
-    try {
-      const blame = await this.git.raw(['blame', '--porcelain', filePath]);
-      return this.parseBlame(blame);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get blame: ${errorMessage}`);
-    }
-  }
-
-  async getTags(): Promise<string[]> {
-    try {
-      const tags = await this.git.tags();
-      return tags.all;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get tags: ${errorMessage}`);
-    }
-  }
-
-  async getBranches(): Promise<string[]> {
-    try {
-      const branches = await this.git.branch();
-      return branches.all;
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      throw new Error(`Failed to get branches: ${errorMessage}`);
-    }
-  }
-
-  private async getFilesForCommit(hash: string): Promise<string[]> {
-    try {
-      const diff = await this.git.diff([hash + '^', hash, '--name-only']);
-      return diff.split('\n').filter(Boolean);
-    } catch (error) {
-      return [];
-    }
-  }
-
-  private async getBranchesForCommit(hash: string): Promise<string[]> {
-    try {
-      const branches = await this.git.branch(['--contains', hash]);
-      return branches.all;
-    } catch (error) {
-      return [];
-    }
-  }
-
-  private async getTagsForCommit(hash: string): Promise<string[]> {
-    try {
-      const tags = await this.git.raw(['tag', '--contains', hash]);
-      return tags.split('\n').filter(Boolean);
-    } catch (error) {
-      return [];
-    }
-  }
-
-  private parseDiff(diff: string): DiffFile[] {
-    const files: DiffFile[] = [];
-    const lines = diff.split('\n');
-    let currentFile: DiffFile | null = null;
-    let currentFileLines: string[] = [];
-
-    for (const line of lines) {
-      if (line.startsWith('diff --git')) {
-        if (currentFile) {
-          currentFile.changes = currentFileLines.join('\n');
-          files.push(currentFile);
-        }
-        const fileMatch = line.match(/b\/(.+)$/);
-        currentFile = {
-          file: fileMatch ? fileMatch[1] : '',
-          additions: 0,
-          deletions: 0,
-          changes: ''
-        };
-        currentFileLines = [];
-      } else if (line.startsWith('+') && !line.startsWith('+++')) {
-        if (currentFile) currentFile.additions++;
-        currentFileLines.push(line);
-      } else if (line.startsWith('-') && !line.startsWith('---')) {
-        if (currentFile) currentFile.deletions++;
-        currentFileLines.push(line);
-      } else if (line.startsWith('@@') || line.startsWith('---') || line.startsWith('+++') || line.trim() === '') {
-        // Include git diff headers and context lines
-        currentFileLines.push(line);
-      } else if (line.startsWith(' ')) {
-        // Context lines (unchanged)
-        currentFileLines.push(line);
-      }
-    }
-
-    if (currentFile) {
-      currentFile.changes = currentFileLines.join('\n');
-      files.push(currentFile);
-    }
-
-    return files;
-  }
-
-  private parseBlame(blame: string): BlameLine[] {
-    const lines: BlameLine[] = [];
-    const blameLines = blame.split('\n');
-    let currentLine: BlameLine | null = null;
-
-    for (const line of blameLines) {
-      if (line.startsWith('author ')) {
-        if (currentLine) {
-          lines.push(currentLine);
-        }
-        const hash = blameLines[blameLines.indexOf(line) - 1].split(' ')[0];
-        const author = line.substring(7);
-        const dateLine = blameLines[blameLines.indexOf(line) + 1];
-        const date = dateLine.startsWith('author-time ') 
-          ? new Date(parseInt(dateLine.substring(12)) * 1000).toISOString()
-          : '';
-        
-        currentLine = {
-          line: lines.length + 1,
-          hash,
-          author,
-          date,
-          content: ''
-        };
-      } else if (line.startsWith('\t') && currentLine) {
-        currentLine.content = line.substring(1);
-      }
-    }
-
-    if (currentLine) {
-      lines.push(currentLine);
-    }
-
-    return lines;
-  }
-}

package/src/backend/server.ts

@@ -1,140 +0,0 @@
-import express from 'express';
-import cors from 'cors';
-import { createServer } from 'http';
-import { Server } from 'socket.io';
-import path from 'path';
-import { GitService } from './gitService';
-
-export interface ServerOptions {
-  port?: number;
-  host?: string;
-  file?: string;
-  since?: string;
-  author?: string;
-}
-
-export async function startServer(
-  port: number = 3000,
-  host: string = 'localhost',
-  options: Partial<ServerOptions> = {}
-) {
-  const app = express();
-  const server = createServer(app);
-  
-  // CORS configuration
-  const corsOptions = {
-    origin: process.env.NODE_ENV === 'production' 
-      ? ['http://localhost:4200', 'http://localhost:3000', 'http://127.0.0.1:4200', 'http://127.0.0.1:3000'] 
-      : true,
-    credentials: true,
-    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
-    allowedHeaders: ['Content-Type', 'Authorization', 'X-Requested-With']
-  };
-
-  const io = new Server(server, {
-    cors: corsOptions
-  });
-
-  const gitService = new GitService();
-
-  // Middleware
-  app.use(cors(corsOptions));
-  app.use(express.json());
-  
-  // Serve Angular build files
-  app.use(express.static(path.join(__dirname, '../../frontend/dist/frontend/browser')));
-  
-  // Serve public folder as fallback
-  app.use(express.static(path.join(__dirname, '../../public')));
-
-  // API Routes
-  app.get('/api/commits', async (req, res) => {
-    try {
-      const { file, since, author, limit = '100' } = req.query;
-      const commits = await gitService.getCommits({
-        file: file as string,
-        since: since as string,
-        author: author as string,
-        limit: parseInt(limit as string)
-      });
-      res.json(commits);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  app.get('/api/commit/:hash', async (req, res) => {
-    try {
-      const { hash } = req.params;
-      const commit = await gitService.getCommit(hash);
-      res.json(commit);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  app.get('/api/diff/:hash', async (req, res) => {
-    try {
-      const { hash } = req.params;
-      const diff = await gitService.getDiff(hash);
-      res.json(diff);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  app.get('/api/blame/:file', async (req, res) => {
-    try {
-      const { file } = req.params;
-      const blame = await gitService.getBlame(file);
-      res.json(blame);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  app.get('/api/tags', async (req, res) => {
-    try {
-      const tags = await gitService.getTags();
-      res.json(tags);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  app.get('/api/branches', async (req, res) => {
-    try {
-      const branches = await gitService.getBranches();
-      res.json(branches);
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
-  // Serve the main HTML file for Angular routing
-  app.get('*', (req, res) => {
-    res.sendFile(path.join(__dirname, '../../frontend/dist/frontend/browser/index.html'));
-  });
-
-  // Socket.IO for real-time updates
-  io.on('connection', (socket) => {
-    console.log('Client connected');
-    
-    socket.on('disconnect', () => {
-      console.log('Client disconnected');
-    });
-  });
-
-  return new Promise<void>((resolve) => {
-    server.listen(port, host, () => {
-      console.log(`Server running on http://${host}:${port}`);
-      resolve();
-    });
-  });
-}

package/src/cli.ts

@@ -1,56 +0,0 @@
-#!/usr/bin/env node
-
-import { Command } from 'commander';
-import chalk from 'chalk';
-import open from 'open';
-import { startServer } from './backend/server';
-
-const program = new Command();
-
-program
-  .name('git-history-ui')
-  .description('Beautiful git history visualization in your browser')
-  .version('1.0.0');
-
-program
-  .option('-p, --port <number>', 'port to run server on', '3000')
-  .option('-f, --file <path>', 'show history only for a specific file')
-  .option('-s, --since <ref>', 'show commits since a specific reference (e.g., v2.0.0)')
-  .option('-a, --author <name>', 'filter commits by author')
-  .option('--no-open', 'do not automatically open browser')
-  .option('--host <host>', 'host to bind to', 'localhost');
-
-program.parse();
-
-const options = program.opts();
-
-async function main() {
-  try {
-    console.log(chalk.blue('🚀 Starting Git History UI...'));
-    
-    const port = parseInt(options.port);
-    const serverUrl = `http://${options.host}:${port}`;
-    
-    // Start the server
-    await startServer(port, options.host);
-    
-    console.log(chalk.green(`✅ Server running at ${serverUrl}`));
-    
-    if (options.open !== false) {
-      console.log(chalk.yellow('🌐 Opening browser...'));
-      await open(serverUrl);
-    }
-    
-    console.log(chalk.cyan('\n📝 Usage:'));
-    console.log(chalk.white('  • Use the search bar to filter commits'));
-    console.log(chalk.white('  • Click on commits to view diffs'));
-    console.log(chalk.white('  • Use the graph view to see branch structure'));
-    console.log(chalk.white('  • Press Ctrl+C to stop the server'));
-    
-  } catch (error) {
-    console.error(chalk.red('❌ Error starting server:'), error);
-    process.exit(1);
-  }
-}
-
-main();

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "commonjs",
-    "lib": ["ES2020"],
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "src/frontend"
-  ]
-}