跳转至

仓库周更 Blog

这里是 dvxiaofan/cc-claude-code 学习手册的周更速记。 每周一更(尽量),记录: - 完成了哪些模块 / commit - 关键洞察 - 下周计划

订阅方式

归档

周次 日期 标题 主要内容
第 2 周 2026-06-06 B1-B3 收官 + 部署就绪 mkdocs 增强 10 + 仓库根 6 + GitHub 配置 7 + 部署就绪
第 1 周 2026-06-05 A1 全部 17 拆解完成 17 个源码深度拆解 + A2-A10 各类文档
第 0 周 2026-06-04 仓库启动 13 跨阶段专题 + 7 阶段文档 + 79 测试

分类

  • announcement(启动公告)
  • changelog(变更日志)
  • insight(关键洞察)
  • milestone(里程碑)
  • tutorial(教程预告)

写 blog 的约定

  • 每周一更:每周日晚上写本周总结
  • 格式:见 posts/2026-06-04-launch.md 模板
  • commit:每次发 blog 单独 commit
  • 不加 AI 署名

第 2 周:B1-B3 收官 + 部署就绪 🎉

本周完成 3 大板块、~20 个文件、~1500 行文档。 最重要的成就:mkdocs --strict 0 warnings 通过 + 部署就绪

📊 数字

指标 数量
新增 commits 17+
新增 markdown 行数 ~1,500 行(B1 docs + B2 配置 + B3 根文件)
修复 anchor warnings 188(glossary 176 + cross-doc 12)
strict build 状态 0 warnings, exit 0

✅ B1 mkdocs 增强(10/10 全部完成)

# 任务 状态
B1-1 修最后 1 个 anchor warning
B1-2 validation 链接检查插件
B1-3 mkdocstrings TS 评估
B1-4 favicon + logo
B1-5 blog 插件
B1-6 RSS / Atom feed
B1-7 social links
B1-8 中文搜索同义词
B1-9 requirements-docs.txt
B1-10 GitHub Pages 自动部署

关键文件: - mkdocs.yml 启用 4 个插件(search / git-revision-date / blog / RSS) - requirements-docs.txt 锁定版本(mkdocs 1.6.1 / material 9.5.49) - deploy-check.sh 部署前 10 步验证 - DEPLOY.md 完整部署流程文档

✅ B2 GitHub 配置(9/9 全部完成)

.github/
├── ISSUE_TEMPLATE/
│   ├── bug.md
│   ├── feature.md
│   └── question.md
├── PULL_REQUEST_TEMPLATE.md
├── CODEOWNERS
├── FUNDING.yml
├── dependabot.yml
└── workflows/
    ├── ci.yml        # 新增:4 个 job(test + build + lint + commit check)
    └── docs.yml      # 已有:build + deploy

CI 流程: 1. test —— 跑 vitest + typecheck 2. build-docs —— mkdocs build --strict 3. lint-md —— pymarkdownlnt 4. check-commits —— 扫描 commit 是否含 AI 署名(自动 reject)

✅ B3 仓库根补 6 个

  • CHANGELOG.md(~130 行)—— 2026-06-04 至今所有变更
  • SECURITY.md(~110 行)—— 报告流程 + Claude Code 商业产品的边界
  • LICENSE(~85 行)—— 双重许可:src/ 归 Anthropic 专有 / learn_doc+docs/ 用 CC BY-SA 4.0
  • CODE_OF_CONDUCT.md(~100 行)—— Contributor Covenant 2.1
  • AUTHORS.md(~95 行)—— 维护者/贡献者/安全致谢
  • .github/FUNDING.yml(~20 行)—— GitHub Sponsor

🐛 修复的坑

1. glossary_addendum.md 176 个 anchor warning

  • 引用了大量 #appstate #react #agent 等内部 anchor
  • 但 glossary.md 没有对应 heading
  • 解决:批量替换 [xxx](#yyy)xxx(去掉链接,保留文字)

2. cross-doc 链接 12 个 warning

  • build/*.md 之间互引 B1-N-X.md(旧命名)→ 实际是 mkdocs-X.md
  • topics/deep-dive-*.md../../docs/BRIDGE_PROTOCOL.md → 改成 GitHub 绝对 URL
  • docs/MIGRATION_GUIDE.md../CHANGELOG.md → 改成 GitHub 绝对 URL

3. pip SSL 错误

  • 国内直连 PyPI 报 SSL: UNEXPECTED_EOF_WHILE_READING
  • 解决:自动回退到 mirrors.aliyun.com
  • deploy-check.sh 已内置 fallback

🚀 部署就绪

部署流程(5 步): 1. 本地改文档 2. 跑 ./deploy-check.sh 3. 看 "✅ 全部检查通过" 4. git add + commit + push origin main 5. GitHub Actions 自动 build + deploy → 1-2 min 后生产 URL 生效

生产 URLhttps://dvxiaofan.github.io/cc-claude-code/

🔮 下周计划

  • F2 内嵌内容(blog 持续更新 / changelog / showcase / faq)
  • G1 探索类 grep(TODO / env / as any / console.log 挖掘)
  • D1 部署(push 远端 + 验证 GitHub Pages 真的工作)

📈 累计(本周 + 上周)

  • 总 commits:~50
  • 总 markdown:~6,500 行(含所有 docs/tutorials/topics/walkthrough)
  • 总测试:79(vitest 全过)
  • strict build:0 warnings
  • CI:5 个 GitHub Actions

—— devxiaofan @ 2026-06-06

第 1 周:单 session 完成 30 commits 🚀

这是仓库公开后第一周,单次 session 完成 A1 全部 17 个源码深度拆解

📊 数字

指标 数量
新增 commits 30+
新增 markdown 行数 ~5,000 行
覆盖源码行数 ~52,000 行
完成的板块 A1 / A2 / A3 / A4 / A5 / A6 / A7 / A8 / A9 / A10

✅ A1 全部 17 源码深度拆解

按"行数 / 重要性"排序:

# 文件 行数 主题 价值
A1-1 src/main.tsx 4683 主入口 ⭐⭐⭐⭐⭐
A1-2 src/screens/REPL.tsx 5005 主屏幕 ⭐⭐⭐⭐⭐
A1-3 src/utils/bash/bashParser.ts 4436 bash 解析 ⭐⭐⭐⭐
A1-4 src/utils/attachments.ts 3997 附件处理 ⭐⭐⭐⭐
A1-5 src/services/mcp/client.ts 3348 MCP client ⭐⭐⭐⭐
A1-6 src/utils/plugins/pluginLoader.ts 3302 Plugin 加载 ⭐⭐⭐⭐
A1-7 src/commands/insights.ts 3200 /insights ⭐⭐⭐
A1-8 src/utils/bash/ast.ts 2679 bash AST ⭐⭐⭐
A1-9 src/utils/plugins/marketplaceManager.ts 2643 Plugin 市场 ⭐⭐⭐
A1-10 src/tools/BashTool/bashPermissions.ts 2621 权限规则 ⭐⭐⭐
A1-11 src/tools/BashTool/bashSecurity.ts 2592 危险检测 ⭐⭐⭐
A1-12 src/native-ts/yoga-layout/index.ts 2578 Yoga ⭐⭐⭐
A1-13 src/services/mcp/auth.ts 2465 OAuth + PKCE ⭐⭐⭐⭐
A1-14 src/components/PromptInput/PromptInput.tsx 2338 输入框 ⭐⭐⭐
A1-15 src/commands/plugin/ManagePlugins.tsx 2214 Plugin UI ⭐⭐⭐
A1-16 src/tools/PowerShellTool/pathValidation.ts 2049 PS 路径 ⭐⭐⭐
A1-17 src/utils/auth.ts 2002 鉴权 ⭐⭐⭐

累计:~52,000 行源码 + 17 篇 deep-dive,平均每篇 ~500 行 markdown。

✅ A2-A10 全部完成

  • A2 整体解析(10 篇):架构演进史、模块依赖图、安全审计、性能编年史、可扩展性、错误处理、i18n、日志遥测、DCE、启动优化
  • A3 专题(15 篇):ink / yoga / mcp-elicitation / permission / cache / auth / swarm / cost / prompt-cache / i18n / log / dce / abi / error-codes / terminal
  • A4 教程(10 篇):custom-agent / mcp-server / plugin / debug / contribute / skill / command / hook / ci / ide
  • A5 仓库根文档(12 篇):MCP_PROTOCOL / HOOKS / SECURITY_MODEL / PERFORMANCE / ENV_VARS / FEATURE_FLAGS / PERMISSIONS / MIGRATION / DESIGN_DECISIONS / PLUGIN_GUIDE / SKILL_GUIDE / MCP_AUTHORING
  • A6 速查(6 篇):largest-files / dce-product-matrix / error-classes / type-brands / tool-presets / env-var-categories
  • A7 可视化(6 篇):full-call-graph / mcp-lifecycle / cost-flow / permission-decision-tree / hook-flow / error-recovery
  • A8 练习答案(8 篇):query-engine / claude-api / bash-security / async-generator / mcp-server / yoga-layout / async-stream / permission-prompt
  • A9 深度分析(6 篇):security-model / performance / dependency-injection / event-driven / testing / i18n
  • A10 glossary(4 套):class/type 名 + 95+ feature flag + 400+ env var + 缩略语

💡 关键洞察(5 个)

  1. REPL.tsx 60+ 唯一 hooks —— 单一屏幕一整个前端应用,env-var 提到 mount-time 是 PageUp 优化
  2. bashParser 纯 TS(不用 WASM) —— 启动优先于 100% 兼容,50ms 是 UX 阈值
  3. MCP client 4 transport + 2 层缓存 —— memoize + LRU 双重防抖
  4. Plugin 6 种安装源 + 4 级缓存 —— npm/git/GitHub/git-subdir/local/session-only 全渠道
  5. insights.ts 4 阶段管道 + LLM-as-classifier —— extractFacets 从对话提结构化

🛠️ 流程改进

  • L5.1 单模块单 commit —— 每完成一个 deep-dive 立即 commit,便于二分 / cherry-pick
  • L5.3 未完成不 commit —— 杜绝半成品 commit
  • L5.4 文档同步 —— 状态变化立刻反映到 PLAN.md
  • mkdocs --strict —— 48 → 1 → 0 warnings

🔮 下周计划

  • B1 mkdocs 增强(10 个):validation / mkdocstrings / favicon / blog / rss / social / cn-synonym / requirements / gh-pages
  • B2 GitHub 配置(9 个):issue/PR 模板 + CI + CODEOWNERS + dependabot
  • B3 仓库根补 6 个(CHANGELOG / LICENSE / SECURITY / CODE_OF_CONDUCT / AUTHORS / FUNDING)
  • 真部署 mkdocs 到 GitHub Pages

📈 累计

  • 总 commits:30+ → 计划 ~150 收官
  • 总 markdown:~5,000 → 计划 ~50,000 行
  • 总测试:79 → 计划 150+

—— devxiaofan @ 2026-06-05

仓库启动 🚀

今天是 2026-06-04,正式公开 dvxiaofan/cc-claude-code 学习手册仓库。

这是一份什么仓库

2026-03-31 Claude Code 源码泄露事件后,我(devxiaofan)作为前端工程师, 花了 ~3 周时间完整阅读了 1902 个文件 / 512,664 行的 TypeScript/TSX 源码, 并把所有洞察整理成这份学习手册。

数字一览

  • 源码规模:1902 个 .ts/.tsx 文件,512,664 行
  • 顶层子目录:50+
  • 工具实现:43 个
  • 斜杠命令:100+
  • 自定义 React hooks:85 个
  • Feature 旗标:95+
  • 环境变量:400+

第一周已交付

  • 13 个跨阶段专题(async generator / DCE / keybindings / MCP / 压缩 / Bash / Ink / Markdown / Diff 性能 / 代码风格 / 巨型文件 / 目录树 / N-API)
  • 7 个阶段文档(phase-01-entry 到 phase-07-advanced)
  • 5 个速查手册(file-index / feature-flags / env-vars / api-quickref / import-graph)
  • 4 个可视化(architecture / sequence / state-machines / call-graphs)
  • 4 个练习答案(手写 store / 5 行 agent / LRU cache / GitCommitTool)
  • 2 个深度分析(design-philosophy / error-handling)
  • glossary 初版
  • 79 个自动化测试(vitest,全过)

关键洞察

详细的见各章节。先剧透 3 个最有冲击的:

  1. REPL.tsx 5005 行 + 60+ 唯一 hooks —— 一个屏幕 = 一整个前端应用
  2. bashParser.ts 4436 行是纯 TS(不用 tree-sitter WASM) —— 启动优先于 100% 兼容
  3. MCP client 3348 行 = 4 种 transport + 2 层缓存 + 15 min auth —— 协议复杂度本身

阅读路径

推荐:

  1. 00-index.md —— 30 分钟看清全貌
  2. 7 阶段文档 —— 5-8 小时过完主线
  3. 跨阶段专题 —— 按需深挖
  4. 深度拆解(17 个)—— 5-30 小时选读

下周计划

  • 5 个最高优先级源码深度拆解(REPL / main / bashParser / attachments / mcp/client)

致谢

  • Anthropic —— 创造 Claude Code
  • 开源社区 —— Ink / MCP / Yoga / tree-sitter 等组件

反馈

  • GitHub Issues:https://github.com/dvxiaofan/cc-claude-code/issues
  • GitHub Discussions:(待开)
  • 邮件:见 AUTHORS.md

—— devxiaofan @ 2026-06-04