gitmaps 1.0.0 → 1.1.1

package/app/api/connections/route.ts

@@ -1,72 +0,0 @@
-import { measure } from 'measure-fn';
-import { Database, z } from 'sqlite-zod-orm';
-import path from 'path';
-
-const dbPath = path.join(process.cwd(), 'db', 'connections_v1.sqlite');
-
-const db = new Database(dbPath, {
-    connections: z.object({
-        conn_id: z.string(),
-        source_file: z.string(),
-        source_line_start: z.number(),
-        source_line_end: z.number(),
-        target_file: z.string(),
-        target_line_start: z.number(),
-        target_line_end: z.number(),
-        comment: z.string().default(''),
-        created_at: z.string().default(() => new Date().toISOString()),
-    }),
-}, {
-    indexes: { connections: ['source_file', 'target_file'] },
-    reactive: false,
-});
-
-export async function GET() {
-    return measure('api:connections:get', async () => {
-        try {
-            const connections = db.connections.select().all();
-            return Response.json({ connections });
-        } catch (error: any) {
-            console.error('api:connections:get:error', error);
-            return new Response(`Error: ${error.message}`, { status: 500 });
-        }
-    });
-}
-
-export async function POST(req: Request) {
-    return measure('api:connections:save', async () => {
-        try {
-            const body = await req.json();
-            const { connections } = body;
-
-            if (!Array.isArray(connections)) {
-                return new Response('connections array is required', { status: 400 });
-            }
-
-            // Delete all existing, then re-insert
-            const existing = db.connections.select().all();
-            for (const e of existing) {
-                e.delete();
-            }
-
-            for (const conn of connections) {
-                db.connections.insert({
-                    conn_id: conn.id,
-                    source_file: conn.sourceFile,
-                    source_line_start: conn.sourceLineStart,
-                    source_line_end: conn.sourceLineEnd,
-                    target_file: conn.targetFile,
-                    target_line_start: conn.targetLineStart,
-                    target_line_end: conn.targetLineEnd,
-                    comment: conn.comment || '',
-                    created_at: conn.createdAt || new Date().toISOString(),
-                });
-            }
-
-            return Response.json({ success: true, count: connections.length });
-        } catch (error: any) {
-            console.error('api:connections:save:error', error);
-            return new Response(`Error: ${error.message}`, { status: 500 });
-        }
-    });
-}

package/app/api/positions/route.ts

@@ -1,80 +0,0 @@
-import { measure, measureSync } from 'measure-fn';
-import { Database, z } from 'sqlite-zod-orm';
-import path from 'path';
-
-const dbPath = path.join(process.cwd(), 'db', 'positions_v3.sqlite');
-
-const db = new Database(dbPath, {
-    positions: z.object({
-        commit_hash: z.string(),
-        file_path: z.string(),
-        x: z.number(),
-        y: z.number(),
-        width: z.number().optional(),
-        height: z.number().optional(),
-    }),
-}, {
-    indexes: { positions: ['commit_hash'] },
-    reactive: false,
-});
-
-export async function GET(req: Request) {
-    return measure('api:positions:get', async () => {
-        try {
-            const url = new URL(req.url);
-            const commitHash = url.searchParams.get('commit');
-
-            const query = commitHash
-                ? db.positions.select().where({ commit_hash: commitHash })
-                : db.positions.select();
-
-            const positions = query.all();
-
-            // Convert to map format
-            const positionMap: Record<string, { x: number; y: number; width?: number; height?: number }> = {};
-            for (const pos of positions) {
-                positionMap[`${pos.commit_hash}:${pos.file_path}`] = {
-                    x: pos.x,
-                    y: pos.y,
-                    width: pos.width ?? undefined,
-                    height: pos.height ?? undefined,
-                };
-            }
-
-            return Response.json(positionMap);
-        } catch (error: any) {
-            console.error('api:positions:get:error', error);
-            return new Response(`Error: ${error.message}`, { status: 500 });
-        }
-    });
-}
-
-export async function POST(req: Request) {
-    return measure('api:positions:save', async () => {
-        try {
-            const body = await req.json();
-            const { commitHash, filePath, x, y, width, height } = body;
-
-            if (!commitHash || !filePath || x === undefined || y === undefined) {
-                return new Response('commitHash, filePath, x, and y are required', { status: 400 });
-            }
-
-            db.positions.upsert(
-                { commit_hash: commitHash, file_path: filePath },
-                {
-                    commit_hash: commitHash,
-                    file_path: filePath,
-                    x,
-                    y,
-                    width: width || undefined,
-                    height: height || undefined,
-                },
-            );
-
-            return Response.json({ success: true });
-        } catch (error: any) {
-            console.error('api:positions:save:error', error);
-            return new Response(`Error: ${error.message}`, { status: 500 });
-        }
-    });
-}

package/app/api/repo/browse/route.ts

@@ -1,55 +0,0 @@
-import { measure } from 'measure-fn';
-import { exec } from 'child_process';
-import { promisify } from 'util';
-import { blockInProduction } from '../validate-path';
-
-const execAsync = promisify(exec);
-
-export async function POST(req: Request) {
-    const blocked = blockInProduction('Folder browser');
-    if (blocked) return blocked;
-
-    return measure('api:repo:browse', async () => {
-        try {
-            // Use PowerShell with -EncodedCommand to avoid quoting issues
-            // Use TopMost Form to ensure the dialog pops up ABOVE the browser window
-            const psScript = `
-Add-Type -AssemblyName System.Windows.Forms
-$dialog = New-Object System.Windows.Forms.FolderBrowserDialog
-$dialog.Description = "Select Git Repository"
-$dialog.ShowNewFolderButton = $false
-
-$form = New-Object System.Windows.Forms.Form
-$form.TopMost = $true
-$result = $dialog.ShowDialog($form)
-
-if ($result -eq [System.Windows.Forms.DialogResult]::OK) {
-    Write-Output $dialog.SelectedPath
-} else {
-    Write-Output ""
-}
-$form.Dispose()
-`.trim();
-
-            const encoded = Buffer.from(psScript, 'utf16le').toString('base64');
-
-            // Use async exec so we don't block the entire melina server (which freezes the UI's live updates)
-            const { stdout } = await execAsync(
-                `powershell -sta -WindowStyle Hidden -NoProfile -EncodedCommand ${encoded}`,
-                { encoding: 'utf-8', timeout: 86400000 }
-            );
-
-            const selected = stdout.trim();
-
-            if (!selected) {
-                return Response.json({ cancelled: true, path: null });
-            }
-
-            return Response.json({ cancelled: false, path: selected });
-        } catch (error: any) {
-            console.error('api:repo:browse:error', error);
-            // Even if cancelled or errored, don't crash the server. Let UI reset the dropdown.
-            return Response.json({ cancelled: true, path: null, error: error.message });
-        }
-    });
-}

package/app/lib/pr-review.ts

@@ -1,374 +0,0 @@
-/**
- * PR Review — Inline Comments on Diff Lines
- * 
- * Enables code review directly on the canvas:
- * - Click the gutter area of any line to add a comment
- * - Comments stored per file+line in localStorage
- * - Visual markers (purple dot) rendered in the canvas gutter
- * - Comment thread popup with input field and existing comments
- * - Optional WebSocket sync for collaborative review
- * 
- * Storage key: `gitcanvas:reviews:{repoSlug}`
- * Data format: { [filePath]: { [lineNum]: ReviewComment[] } }
- */
-
-// ─── Types ──────────────────────────────────────────────
-
-export interface ReviewComment {
-    id: string;
-    author: string;
-    text: string;
-    lineNum: number;
-    filePath: string;
-    createdAt: number;
-    resolved?: boolean;
-}
-
-export interface ReviewStore {
-    [filePath: string]: {
-        [lineNum: string]: ReviewComment[];
-    };
-}
-
-// ─── Storage ────────────────────────────────────────────
-
-const STORAGE_PREFIX = 'gitcanvas:reviews:';
-let currentRepo = '';
-let store: ReviewStore = {};
-let changeListeners: Array<() => void> = [];
-
-export function initReviewStore(repoSlug: string) {
-    currentRepo = repoSlug;
-    try {
-        const saved = localStorage.getItem(STORAGE_PREFIX + repoSlug);
-        store = saved ? JSON.parse(saved) : {};
-    } catch {
-        store = {};
-    }
-}
-
-function persist() {
-    if (!currentRepo) return;
-    try {
-        localStorage.setItem(STORAGE_PREFIX + currentRepo, JSON.stringify(store));
-    } catch { /* quota exceeded — non-fatal */ }
-    changeListeners.forEach(fn => fn());
-}
-
-export function onReviewChange(fn: () => void): () => void {
-    changeListeners.push(fn);
-    return () => { changeListeners = changeListeners.filter(f => f !== fn); };
-}
-
-// ─── CRUD ───────────────────────────────────────────────
-
-export function addComment(filePath: string, lineNum: number, text: string, author = 'You'): ReviewComment {
-    if (!store[filePath]) store[filePath] = {};
-    const key = String(lineNum);
-    if (!store[filePath][key]) store[filePath][key] = [];
-
-    const comment: ReviewComment = {
-        id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-        author,
-        text,
-        lineNum,
-        filePath,
-        createdAt: Date.now(),
-    };
-
-    store[filePath][key].push(comment);
-    persist();
-    return comment;
-}
-
-export function getComments(filePath: string, lineNum: number): ReviewComment[] {
-    return store[filePath]?.[String(lineNum)] || [];
-}
-
-export function getAllFileComments(filePath: string): Map<number, ReviewComment[]> {
-    const map = new Map<number, ReviewComment[]>();
-    const fileStore = store[filePath];
-    if (!fileStore) return map;
-    for (const [key, comments] of Object.entries(fileStore)) {
-        const lineNum = parseInt(key, 10);
-        if (!isNaN(lineNum) && comments.length > 0) {
-            map.set(lineNum, comments);
-        }
-    }
-    return map;
-}
-
-export function resolveComment(filePath: string, lineNum: number, commentId: string) {
-    const comments = store[filePath]?.[String(lineNum)];
-    if (!comments) return;
-    const comment = comments.find(c => c.id === commentId);
-    if (comment) {
-        comment.resolved = true;
-        persist();
-    }
-}
-
-export function deleteComment(filePath: string, lineNum: number, commentId: string) {
-    const key = String(lineNum);
-    const comments = store[filePath]?.[key];
-    if (!comments) return;
-    store[filePath][key] = comments.filter(c => c.id !== commentId);
-    if (store[filePath][key].length === 0) delete store[filePath][key];
-    if (Object.keys(store[filePath]).length === 0) delete store[filePath];
-    persist();
-}
-
-export function getReviewStats(): { totalComments: number; totalFiles: number; unresolvedCount: number } {
-    let totalComments = 0;
-    let unresolvedCount = 0;
-    let totalFiles = 0;
-    for (const filePath of Object.keys(store)) {
-        let hasComments = false;
-        for (const comments of Object.values(store[filePath])) {
-            totalComments += comments.length;
-            unresolvedCount += comments.filter(c => !c.resolved).length;
-            if (comments.length > 0) hasComments = true;
-        }
-        if (hasComments) totalFiles++;
-    }
-    return { totalComments, totalFiles, unresolvedCount };
-}
-
-// ─── Comment Thread Popup ───────────────────────────────
-
-let activePopup: HTMLElement | null = null;
-
-export function showCommentPopup(
-    filePath: string,
-    lineNum: number,
-    anchorX: number,
-    anchorY: number,
-    onSubmit?: (comment: ReviewComment) => void
-) {
-    hideCommentPopup();
-
-    const comments = getComments(filePath, lineNum);
-    const popup = document.createElement('div');
-    popup.className = 'review-comment-popup';
-    popup.setAttribute('data-line', String(lineNum));
-    popup.style.cssText = `
-        position: fixed;
-        z-index: 10000;
-        background: rgba(22, 22, 35, 0.98);
-        border: 1px solid rgba(124, 58, 237, 0.5);
-        border-radius: 12px;
-        padding: 0;
-        min-width: 320px;
-        max-width: 420px;
-        max-height: 360px;
-        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 16px rgba(124, 58, 237, 0.2);
-        font-family: 'Inter', -apple-system, sans-serif;
-        font-size: 13px;
-        color: #c9d1d9;
-        overflow: hidden;
-        backdrop-filter: blur(16px);
-    `;
-
-    // Header
-    const header = document.createElement('div');
-    header.style.cssText = `
-        padding: 10px 14px;
-        border-bottom: 1px solid rgba(255,255,255,0.08);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background: rgba(124, 58, 237, 0.1);
-    `;
-    header.innerHTML = `
-        <span style="font-weight: 600; color: #a78bfa;">
-            💬 Line ${lineNum}
-        </span>
-        <span style="color: #6e7681; font-size: 11px;">
-            ${comments.length} comment${comments.length !== 1 ? 's' : ''}
-        </span>
-    `;
-    popup.appendChild(header);
-
-    // Existing comments
-    if (comments.length > 0) {
-        const list = document.createElement('div');
-        list.style.cssText = `
-            max-height: 180px;
-            overflow-y: auto;
-            padding: 8px 14px;
-        `;
-        for (const c of comments) {
-            const item = document.createElement('div');
-            item.style.cssText = `
-                padding: 8px 0;
-                border-bottom: 1px solid rgba(255,255,255,0.04);
-                ${c.resolved ? 'opacity: 0.5;' : ''}
-            `;
-            const ago = timeAgo(c.createdAt);
-            item.innerHTML = `
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
-                    <span style="font-weight: 500; color: #a78bfa; font-size: 12px;">${escapeHtml(c.author)}</span>
-                    <span style="color: #484f58; font-size: 11px;">${ago}</span>
-                </div>
-                <div style="line-height: 1.5; ${c.resolved ? 'text-decoration: line-through;' : ''}">${escapeHtml(c.text)}</div>
-            `;
-
-            // Resolve/delete buttons
-            const actions = document.createElement('div');
-            actions.style.cssText = 'display: flex; gap: 8px; margin-top: 4px;';
-
-            if (!c.resolved) {
-                const resolveBtn = document.createElement('button');
-                resolveBtn.textContent = '✓ Resolve';
-                resolveBtn.style.cssText = btnStyle('#238636');
-                resolveBtn.onclick = (e) => {
-                    e.stopPropagation();
-                    resolveComment(filePath, lineNum, c.id);
-                    showCommentPopup(filePath, lineNum, anchorX, anchorY, onSubmit);
-                };
-                actions.appendChild(resolveBtn);
-            }
-
-            const delBtn = document.createElement('button');
-            delBtn.textContent = '✕';
-            delBtn.style.cssText = btnStyle('#da3633');
-            delBtn.onclick = (e) => {
-                e.stopPropagation();
-                deleteComment(filePath, lineNum, c.id);
-                showCommentPopup(filePath, lineNum, anchorX, anchorY, onSubmit);
-            };
-            actions.appendChild(delBtn);
-
-            item.appendChild(actions);
-            list.appendChild(item);
-        }
-        popup.appendChild(list);
-    }
-
-    // Input area
-    const inputArea = document.createElement('div');
-    inputArea.style.cssText = `
-        padding: 10px 14px;
-        border-top: 1px solid rgba(255,255,255,0.06);
-        display: flex;
-        gap: 8px;
-    `;
-
-    const input = document.createElement('input');
-    input.type = 'text';
-    input.placeholder = 'Add a comment...';
-    input.style.cssText = `
-        flex: 1;
-        background: rgba(255,255,255,0.06);
-        border: 1px solid rgba(255,255,255,0.1);
-        border-radius: 8px;
-        padding: 8px 12px;
-        color: #c9d1d9;
-        font-size: 13px;
-        outline: none;
-        font-family: inherit;
-    `;
-
-    const submitBtn = document.createElement('button');
-    submitBtn.textContent = '↵';
-    submitBtn.style.cssText = `
-        background: rgba(124, 58, 237, 0.8);
-        border: none;
-        border-radius: 8px;
-        padding: 8px 14px;
-        color: white;
-        font-size: 14px;
-        cursor: pointer;
-        transition: background 0.15s;
-    `;
-    submitBtn.onmouseenter = () => submitBtn.style.background = 'rgba(124, 58, 237, 1)';
-    submitBtn.onmouseleave = () => submitBtn.style.background = 'rgba(124, 58, 237, 0.8)';
-
-    const submit = () => {
-        const text = input.value.trim();
-        if (!text) return;
-        const comment = addComment(filePath, lineNum, text);
-        onSubmit?.(comment);
-        // Refresh popup to show new comment
-        showCommentPopup(filePath, lineNum, anchorX, anchorY, onSubmit);
-    };
-
-    input.onkeydown = (e) => {
-        if (e.key === 'Enter') submit();
-        if (e.key === 'Escape') hideCommentPopup();
-        e.stopPropagation(); // Don't trigger canvas shortcuts
-    };
-    submitBtn.onclick = submit;
-
-    inputArea.appendChild(input);
-    inputArea.appendChild(submitBtn);
-    popup.appendChild(inputArea);
-
-    // Position: prefer above the anchor, fall below if near top
-    document.body.appendChild(popup);
-    const popupRect = popup.getBoundingClientRect();
-    let px = anchorX;
-    let py = anchorY - popupRect.height - 8;
-    if (py < 10) py = anchorY + 24;
-    if (px + popupRect.width > window.innerWidth - 10) px = window.innerWidth - popupRect.width - 10;
-    popup.style.left = `${px}px`;
-    popup.style.top = `${py}px`;
-
-    activePopup = popup;
-
-    // Focus input
-    requestAnimationFrame(() => input.focus());
-
-    // Close on outside click (delayed to avoid immediate close)
-    setTimeout(() => {
-        const closeHandler = (e: MouseEvent) => {
-            if (!popup.contains(e.target as Node)) {
-                hideCommentPopup();
-                document.removeEventListener('mousedown', closeHandler);
-            }
-        };
-        document.addEventListener('mousedown', closeHandler);
-    }, 50);
-}
-
-export function hideCommentPopup() {
-    if (activePopup) {
-        activePopup.remove();
-        activePopup = null;
-    }
-}
-
-// ─── Helpers ────────────────────────────────────────────
-
-function btnStyle(color: string): string {
-    return `
-        background: none;
-        border: none;
-        color: ${color};
-        cursor: pointer;
-        font-size: 11px;
-        padding: 2px 4px;
-        border-radius: 4px;
-        opacity: 0.7;
-        transition: opacity 0.15s;
-    `;
-}
-
-function escapeHtml(str: string): string {
-    return str
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
-}
-
-function timeAgo(ts: number): string {
-    const diff = Date.now() - ts;
-    const mins = Math.floor(diff / 60000);
-    if (mins < 1) return 'just now';
-    if (mins < 60) return `${mins}m ago`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24) return `${hours}h ago`;
-    const days = Math.floor(hours / 24);
-    return `${days}d ago`;
-}