{"id":48373373,"url":"https://github.com/chigichan24/duff","last_synced_at":"2026-04-05T17:10:28.532Z","repository":{"id":339990425,"uuid":"1164016792","full_name":"chigichan24/duff","owner":"chigichan24","description":" duff is a specialized tool designed to visualize progress across multiple repositories, focusing specifically on tracking status through the familiar git diff format.","archived":false,"fork":false,"pushed_at":"2026-03-15T02:01:20.000Z","size":6922,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-15T04:01:59.102Z","etag":null,"topics":["git-difftool"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chigichan24.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-02-22T14:10:22.000Z","updated_at":"2026-03-14T18:41:28.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/chigichan24/duff","commit_stats":null,"previous_names":["chigichan24/duff"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chigichan24/duff","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chigichan24%2Fduff","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chigichan24%2Fduff/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chigichan24%2Fduff/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chigichan24%2Fduff/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chigichan24","download_url":"https://codeload.github.com/chigichan24/duff/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chigichan24%2Fduff/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31443025,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T15:22:31.103Z","status":"ssl_error","status_checked_at":"2026-04-05T15:22:00.205Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["git-difftool"],"created_at":"2026-04-05T17:10:27.940Z","updated_at":"2026-04-05T17:10:28.523Z","avatar_url":"https://github.com/chigichan24.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⛳️ duff\n\n![build status](https://github.com/chigichan24/duff/actions/workflows/ci.yml/badge.svg)\n\n**⛳️ duff** is a specialized tool designed to visualize progress across multiple repositories, focusing specifically on tracking status through the familiar `git diff` format.\n\nRuns entirely in the browser — no server required. Repositories are accessed directly via the [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API).\n\n![](docs/screenshot.png)\n\nVisual diff is also supported.\n![](docs/visual_diff_screenshot.png)\n\n## 🏌️‍♀️Key Features\n\n* **Multi-Repo Visualization**: Monitor the status of multiple Git repositories from a single, unified dashboard.\n* **Serverless / Browser-Only**: All Git operations run client-side using `isomorphic-git` and the File System Access API. No backend needed.\n* **Git Diff Focus**: Gain deep insights into changes with high-fidelity `git diff` renderings.\n* **Interactive History Graph**: Visualize commit history and stashes with an intuitive graph interface.\n* **Flexible Diff Ranges**: Select and compare changes between any two points in history (commits, stashes, or the working tree).\n* **Visual Image Diff**: Detect even subtle changes in images (`png`, `jpg`, `webp`, `svg`) with pixel-perfect comparison using `pixelmatch`.\n* **Optimized for the AI Era**: Quickly grasp development progress to facilitate seamless collaboration between humans and AI.\n\n## 🏌️‍♂️Tech Stack\n\n* **Framework**: [React 19](https://react.dev/)\n* **Build Tool**: [Vite](https://vitejs.dev/)\n* **Language**: [TypeScript](https://www.typescriptlang.org/)\n* **Key Libraries**:\n    * `isomorphic-git`: Pure JavaScript Git implementation for browser-side Git operations.\n    * `idb-keyval`: IndexedDB wrapper for persisting `FileSystemDirectoryHandle` across sessions.\n    * `diff2html`: Advanced diff rendering.\n    * `pixelmatch`: Pixel-level image comparison.\n    * `@hello-pangea/dnd`: Intuitive drag-and-drop interface.\n    * `lucide-react`: Modern icon set.\n\n## ☄️Getting Started\n\n### Requirements\n\n* A Chromium-based browser (Chrome, Edge, Arc, etc.) with [File System Access API](https://caniuse.com/native-filesystem-api) support.\n* Node.js 20+ (for development)\n\n### 1. Clone the Repository\n```bash\ngit clone git@github.com:chigichan24/duff.git\ncd duff\n```\n\n### 2. Install Dependencies\n```bash\n# Install root dependencies (Playwright etc.)\nnpm install\n\n# Install client dependencies\ncd client\nnpm install\ncd ..\n```\n\n### 3. Start the Development Server\n```bash\nnpm run dev\n```\n\nClick \"Add your first repository\" to select a local Git repository.\n\n### 4. Run E2E Tests\n```bash\nnpx playwright install chromium\nnpx playwright test\n```\n\n## Project Structure\n```text\n.\n├── client/          # Frontend (React + Vite + isomorphic-git)\n│   └── src/\n│       ├── lib/\n│       │   ├── fsaAdapter.ts   # File System Access API → Node.js fs adapter\n│       │   ├── gitService.ts   # Git operations abstraction (status, log, diff)\n│       │   └── repoStore.ts    # Repository metadata persistence (localStorage + IndexedDB)\n│       └── components/\n│           └── GitGraph.tsx     # Commit history graph\n├── e2e/             # Playwright E2E tests\n├── package.json     # Root scripts (dev, test:e2e)\n└── playwright.config.ts\n```\n\n### License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchigichan24%2Fduff","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchigichan24%2Fduff","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchigichan24%2Fduff/lists"}