Skip to content

Add 一本经的传记 book-biography page, implemented for 心经 (Heart Sutra)#6

Closed
cubxxw wants to merge 1 commit into
mainfrom
claude/vibrant-bell-5oc6v1
Closed

Add 一本经的传记 book-biography page, implemented for 心经 (Heart Sutra)#6
cubxxw wants to merge 1 commit into
mainfrom
claude/vibrant-bell-5oc6v1

Conversation

@cubxxw

@cubxxw cubxxw commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

Summary

Implements a complete, themed 书籍详情页 (book biography) — one of the pages the README listed as "not yet built" — ported from the design handoff prototype design/project/老树 · 道德经.dc.html, generalized so it's not tied to one book, and filled in with a fully researched Buddhist text: the 心经 (Heart Sutra).

  • src/books/types.ts — the BookBioData shape any themed book plugs into (title, colophon, timeline nodes, comparison blocks, growth-ring annotations).
  • src/books/heartSutra.ts — 心经's content: composition in the Prajñāpāramitā corpus, Kumārajīva's 402 CE translation, Xuanzang's 649 CE definitive version (with the pilgrim-monk legend), Huairen's 672 CE Wang Xizhi calligraphy stele, anonymous Dunhuang manuscripts, Edward Conze's 1948 critical Sanskrit edition, its adoption into Western Zen practice (Suzuki Roshi, 1959), Jan Nattier's 1992 "Chinese apocryphal text" hypothesis (rendered as a side-by-side 经文在此改变 comparison — the same device the design prototype uses for the Tao Te Ching's Mawangdui silk manuscripts), Thich Nhat Hanh's 2014 retranslation, and today's still-growing annotations.
  • src/BookBio.tsx / src/BookBio.css — the page itself: scroll-revealed timeline (IntersectionObserver), day/night toggle shared with 我的树, the comparison block, and the growth-rings section. Book-agnostic — takes a BookBioData as a prop, so a Western-philosophy text or 源氏物语 can be added later as just another data file plus a route.
  • src/main.tsx — added react-router-dom, routing / to 我的树 and /book/heart-sutra to the new page.
  • src/MyTree.tsx — added a nav link (心经 · 一本经的传记) so the new page is discoverable.

Test plan

  • npm run build (tsc -b && vite build) passes clean.
  • Verified in a headless browser: navigated from 我的树 → /book/heart-sutra, confirmed all 10 timeline nodes render, the comparison block renders both columns, all 3 growth-ring annotations render, and no React console errors are thrown.
  • Screenshotted the hero and timeline to confirm visual fidelity to the design tokens (paper/ink/cinnabar palette, Noto Serif SC, no gradients/glow/counts per the design's 禁则).

🤖 Generated with Claude Code

https://claude.ai/code/session_01AqzxzRKdJbuqeiVAR1YzDW


Generated by Claude Code

Ports the design/project/老树 · 道德经.dc.html prototype into a book-agnostic
React component (BookBio.tsx + books/types.ts) — a scroll-revealed timeline,
经文在此改变 comparison blocks, and a growth-rings annotation section — then
fills it with a fully researched Buddhist text: the Heart Sutra's translation
history from Kumārajīva (402) through Xuanzang (649), the Wang Xizhi stele
(672), Dunhuang manuscripts, Conze's 1948 critical edition, Western Zen
adoption, Jan Nattier's 1992 apocryphal-text hypothesis, and Thich Nhat Hanh's
2014 retranslation. Reachable at /book/heart-sutra and linked from 我的树's nav.

Adds react-router-dom for client-side routing between the two pages.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AqzxzRKdJbuqeiVAR1YzDW
@cubxxw

cubxxw commented Jul 5, 2026

Copy link
Copy Markdown
Contributor Author

Superseded by #10, but the content here is the anchor of the new 心經 planting.

src/BookBio.tsx (this PR's biography component) was superseded by src/pages/BookDetail.tsx when PR #1 merged. But the biography content in src/books/heartSutra.ts — 罗什 402 → 玄奘 649 → 怀仁集王羲之 → 敦煌抄经生 → Conze 1948 → 铃木俊隆 1959 → Jan Nattier 1992 as the 「汉文伪经?」 fork → 一行禅师 2014 — is the best treatment of the Heart Sutra I've seen anywhere, especially the Nattier reversal rendered as a two-column compare.

What was salvaged into #10: all ten biography nodes here, adapted to main's BioNode shape; the Nattier compare becomes the special variant-comparison box; all three reader rings (沈一苇 / 周菡 / 陈拾) lifted verbatim.

Closing in favor of #10, with credit — you did the hard work of the actual content.

@cubxxw cubxxw closed this Jul 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants