braedonsaunders/codeflow

Public

Paste any GitHub URL → interactive architecture map. See how files connect, find what breaks if you change something. No install, no accounts — runs entirely in your browser.

architecture browser-based code-analysis codebase-visualization d3js dependency-graph developer-tools github-api single-file visualization

Star5.4k Fork823 Watch26 Mở trên GitHub

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 06/10/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

CodeFlow là công cụ trực quan hóa kiến trúc codebase chạy hoàn toàn trên trình duyệt, không cần cài đặt hay tài khoản. Người dùng chỉ cần dán URL GitHub hoặc kéo thả thư mục cục bộ để xem biểu đồ phụ thuộc tương tác, phân tích phạm vi ảnh hưởng (blast radius), phát hiện lỗ hổng bảo mật và kiểm tra chất lượng mã nguồn.

Chạy hoàn toàn trong trình duyệt, không gửi mã nguồn ra máy chủ bên ngoài và hỗ trợ phân tích offline.
Tự động phân tích blast radius để dự đoán các file bị ảnh hưởng khi có thay đổi mã nguồn hoặc PR.
Tích hợp bộ quét bảo mật phát hiện secret/API key lộ, nguy cơ SQL injection, hàm eval() nguy hiểm và câu lệnh debug.
Cung cấp GitHub Action CodeFlow Card tự động cập nhật thẻ thống kê SVG trên README sau mỗi lần merge.

Lưu ý

Phân tích phụ thuộc hoạt động dựa trên phương pháp suy nghiệm (heuristic), có thể bỏ sót dynamic import hoặc tham chiếu đổi tên khi chạy.
Các tệp riêng lẻ có dung lượng trên 2 MB chỉ hiển thị trong kết quả nhưng không được phân tích nội dung.
Bị giới hạn bởi GitHub API rate limit (60 yêu cầu/giờ khi không có token, 5.000 yêu cầu/giờ khi có PAT).

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

72/100Điểm tổng thể

Độ phổ biến75
Độ tươi80
Cộng đồng49
Tài liệu100
Phát hành20

Mức độ khóDễ tiếp cận
Phù hợp vớiLập trình viên · Sinh viên
Loại dự ánỨng dụng
Giấy phépMIT

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

HTML5
JavaScript
React
WebAssembly
GitHub Actions

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

RepositorycodeflowỨng dụng

Công nghệ chính

HTML

card/Tài nguyên và mã nguồn cho GitHub Action hiển thị thẻ SVG trên README
cli/Công cụ dòng lệnh hỗ trợ chạy và phục vụ ứng dụng cục bộ
scripts/Kịch bản hỗ trợ cập nhật và quản lý các thư viện vendor trình duyệt
tests/Bộ bài kiểm thử đơn vị và kiểm thử nhanh (smoke tests) không phụ thuộc external packages
vendor/Chứa các thư viện trình duyệt và tệp Tree-sitter WASM được ghim sẵn

card/Tài nguyên và mã nguồn cho GitHub Action hiển thị thẻ SVG trên README
cli/Công cụ dòng lệnh hỗ trợ chạy và phục vụ ứng dụng cục bộ
scripts/Kịch bản hỗ trợ cập nhật và quản lý các thư viện vendor trình duyệt
tests/Bộ bài kiểm thử đơn vị và kiểm thử nhanh (smoke tests) không phụ thuộc external packages
vendor/Chứa các thư viện trình duyệt và tệp Tree-sitter WASM được ghim sẵn

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash

git clone https://github.com/braedonsaunders/codeflow.git
cd codeflow

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

Khám phá cấu trúc và luồng phụ thuộc của các repository GitHub lạ hoặc dự án mới tiếp nhận.
Đánh giá mức độ ảnh hưởng (blast radius) trước khi refactor hoặc merge pull request.
Quét nhanh các vấn đề bảo mật cơ bản như lộ token, khóa bí mật hoặc lỗi code nguy hiểm.
Trực quan hóa mạng lưới liên kết Markdown và Obsidian vault thông qua định dạng wiki-link.

Repository tương tự

Cùng chủ đề trong kho Bee.

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 06/10/2026.