codeflow

貼上任何 GitHub 網址 → 互動式架構圖。查看檔案如何連接,找出變更某部分時會影響哪些內容。無需安裝、無需帳號——完全在瀏覽器中運作。

codeflow 是什麼?

貼上任何 GitHub 網址 → 互動式架構圖。查看檔案如何連接,找出變更某部分時會影響哪些內容。無需安裝、無需帳號——完全在瀏覽器中運作。

codeflow 概覽

這是什麼

CodeFlow 是一個完全在瀏覽器中執行的工具,能將任何 GitHub 儲存庫或本機程式碼轉換成交互式架構圖。無需安裝、無需帳號,程式碼完全在本機處理,不會上傳至任何伺服器。

主要功能

  • 互動式依賴圖:一覽檔案之間的連結;點選節點可突顯其依賴關係;支援拖曳、縮放與探索。
  • 爆炸半徑分析:選取檔案後立即顯示修改該檔案會影響多少其他檔案。
  • 程式碼擁有權:根據 Git 歷史顯示每個檔案的主要貢獻者。
  • 安全掃描器:自動偵測硬編碼密碼、SQL 注入、危險的 eval() 以及除錯陳述式。
  • 模式偵測:辨識單例模式、工廠模式、觀察者/事件模式、React 自訂 Hook 以及反模式(如 God Object)。
  • 健康評分:根據死碼比例、循環依賴、耦合度與安全問題給予 A 到 F 的評級。
  • 本機檔案分析:直接從電腦分析程式碼,無需上傳;支援拖放、資料夾掃描與自訂排除規則。

使用情境

  • 快速理解陌生的程式碼庫。
  • 在修改前評估變更的影響範圍。
  • 進行程式碼審查時,結合擁有權與安全資訊。
  • 掃描公開或私有儲存庫中的安全漏洞。
  • 在無網路環境下離線分析本機檔案。
  • 貼上 PR 網址來分析拉取請求的影響。

快速開始

bash # 選項二:自行架設 git clone https://github.com/braedonsaunders/codeflow.git open index.html # 選項三:本機 CLI(發布後可用) npx codeflow . 或者直接造訪線上版本,貼上任何 GitHub 網址即可使用。

授權與價格

MIT 授權。開放原始碼且免費使用。

內容整理自該專案公開的 README 與儲存庫資訊。

將此徽章加入你的 README

Featured on YunoDB 徽章樣式與說明

你是這個專案的維護者嗎?展示它已收錄於 YunoDB。

Markdown[![Featured on YunoDB](https://yunodb.com/badge/braedonsaunderscodeflow.svg)](https://yunodb.com/tools/braedonsaunderscodeflow?utm_source=github&utm_medium=badge)
HTML<a href="https://yunodb.com/tools/braedonsaunderscodeflow?utm_source=github&utm_medium=badge"><img src="https://yunodb.com/badge/braedonsaunderscodeflow.svg" alt="Featured on YunoDB" height="20"></a>