[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"readme:codeflow":3},"\u003Cdiv align=\"center\">\u003Ch1>CodeFlow\u003C\u002Fh1>\n\u003Ch3>Visualize Your Codebase Architecture in Seconds\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Zero setup. No installation. Just paste a GitHub URL.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-green.svg\" alt=\"License: MIT\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"http:\u002F\u002Fmakeapullrequest.com\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg\" alt=\"PRs Welcome\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fcodeflow-five.vercel.app\u002F\" rel=\"nofollow ugc noopener\">\u003Cstrong>Try it Now\u003C\u002Fstrong>\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbraedonsaunders\u002Fcodeflow\u002Fissues\" rel=\"nofollow ugc noopener\">Report Bug\u003C\u002Fa> · \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbraedonsaunders\u002Fcodeflow\u002Fissues\" rel=\"nofollow ugc noopener\">Request Feature\u003C\u002Fa>\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fbraedonsaunders\u002Fcodeflow\u002FHEAD\u002Fscreenshot.png\" alt=\"CodeFlow Screenshot\" width=\"100%\" \u002F>\u003C\u002Fdiv>\u003Chr \u002F>\n\u003Ch2>Why CodeFlow?\u003C\u002Fh2>\n\u003Cp>Ever opened a new codebase and felt completely lost? \u003Cstrong>CodeFlow\u003C\u002Fstrong> turns any GitHub repository or local codebase into an interactive architecture map in seconds.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>No installation required\u003C\u002Fstrong> — runs entirely in your browser\u003C\u002Fli>\n\u003Cli>\u003Cstrong>No data collection\u003C\u002Fstrong> — your code never leaves your machine\u003C\u002Fli>\n\u003Cli>\u003Cstrong>No accounts\u003C\u002Fstrong> — just paste a URL or select local files and go\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Works offline\u003C\u002Fstrong> — analyze local files without internet\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cpre>\u003Ccode>Paste URL \u002F Select Files -> See Architecture -> Make Better Decisions\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Chr \u002F>\n\u003Ch2>Features\u003C\u002Fh2>\n\u003Ch3>Interactive Dependency Graph\u003C\u002Fh3>\n\u003Cp>See how your files connect at a glance. Click any node to highlight its dependencies. Drag, zoom, and explore.\u003C\u002Fp>\n\u003Ch3>Blast Radius Analysis\u003C\u002Fh3>\n\u003Cp>\u003Cem>\"If I change this file, what breaks?\"\u003C\u002Fem> — CodeFlow answers this instantly. Select any file and see exactly how many files would be affected by changes.\u003C\u002Fp>\n\u003Ch3>Code Ownership\u003C\u002Fh3>\n\u003Cp>Know who owns what. See the top contributors for any file based on git history. Perfect for code reviews and knowing who to ask.\u003C\u002Fp>\n\u003Ch3>Security Scanner\u003C\u002Fh3>\n\u003Cp>Automatic detection of:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Hardcoded secrets & API keys\u003C\u002Fli>\n\u003Cli>SQL injection vulnerabilities\u003C\u002Fli>\n\u003Cli>Dangerous \u003Ccode>eval()\u003C\u002Fcode> usage\u003C\u002Fli>\n\u003Cli>Debug statements in production code\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Test files, fixtures, \u003Ccode>docs\u002F\u003C\u002Fcode>, and common tooling directories (\u003Ccode>.github\u002F\u003C\u002Fcode>, \u003Ccode>.claude\u002F\u003C\u002Fcode>, \u003Ccode>scripts\u002F\u003C\u002Fcode>) are excluded from the XSS\u002Fshell-execution checks, since findings there don't reflect the shipped product's attack surface. The hardcoded-secret check exempts only tests, fixtures, and docs: CI workflows, hooks, and deploy scripts are executable code, so a real credential there is still a real leak.\u003C\u002Fp>\n\u003Ch3>Pattern Detection\u003C\u002Fh3>\n\u003Cp>Automatically identifies:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Singleton patterns\u003C\u002Fli>\n\u003Cli>Factory patterns\u003C\u002Fli>\n\u003Cli>Observer\u002FEvent patterns\u003C\u002Fli>\n\u003Cli>React custom hooks\u003C\u002Fli>\n\u003Cli>Anti-patterns (God Objects, high coupling)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Health Score\u003C\u002Fh3>\n\u003Cp>Get an instant A-F grade for your codebase based on:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Dead code percentage\u003C\u002Fli>\n\u003Cli>Circular dependencies\u003C\u002Fli>\n\u003Cli>Coupling metrics\u003C\u002Fli>\n\u003Cli>Security issues\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Activity Heatmap\u003C\u002Fh3>\n\u003Cp>Color files by commit frequency to see which parts of your codebase are most actively developed.\u003C\u002Fp>\n\u003Ch3>PR Impact Analysis\u003C\u002Fh3>\n\u003Cp>Paste a PR URL to see exactly which files it affects and calculate the blast radius of proposed changes.\u003C\u002Fp>\n\u003Ch3>CodeFlow Card (GitHub Action)\u003C\u002Fh3>\n\u003Cp>Health grade, scale, fragility, and hidden costs as a self-updating SVG on your README — recomputed every merge, with optional thermal-receipt PR comments. See \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbraedonsaunders\u002Fcodeflow\u002Fblob\u002FHEAD\u002Fcard\u002F\" rel=\"nofollow ugc noopener\">card\u002F\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Markdown & Wiki-Link Graph\u003C\u002Fh3>\n\u003Cp>Point CodeFlow at an Obsidian vault or any markdown directory to see notes as a connected graph. Both \u003Ccode>[[wiki-links]]\u003C\u002Fcode> and \u003Ccode>[text](.\u002Frelative.md)\u003C\u002Fcode> links become edges; each note is a \u003Ccode>note\u003C\u002Fcode>-layer node (distinct color) with a \u003Ccode>dependencies[]\u003C\u002Fcode> array in the JSON export.\u003C\u002Fp>\n\u003Ch3>Local File Analysis\u003C\u002Fh3>\n\u003Cp>Analyze code directly from your computer without uploading to GitHub:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Privacy First:\u003C\u002Fstrong> Your code never leaves your machine\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Offline Support:\u003C\u002Fstrong> Works without internet connection\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Drag & Drop:\u003C\u002Fstrong> Simply drag files or folders to analyze\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Folder Scanning:\u003C\u002Fstrong> Recursively analyze entire project structures\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Exclude Patterns:\u003C\u002Fstrong> Skip attachments, caches, generated assets, and other irrelevant paths before scanning\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Instant Results:\u003C\u002Fstrong> All processing happens in your browser\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Chr \u002F>\n\u003Ch2>CodeFlow Card\u003C\u002Fh2>\n\u003Cp>A GitHub Action that drops an auto-updating SVG card on your README, recomputed on every merge by the same analyzer as the web app. Five styles, accent presets, o\u003C\u002Fp>\n",1784564567457]