Repository navigation
feat(notes): notes tree in the navigation, note pages and the BlockSuite editor - #122
Merged
Merged
Conversation
…ite editor Free notes show as a tree in the left navigation (add inside, drag to move). A note page has its title, one-line summary, date and PARA place, and AFFiNE's BlockSuite editor, where @ and # open a menu of what to link. Recordings and entities open their own page. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XZQXJtCvJgbG1Z2H312KcS
3 of 8 tasks
21 of 22 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Before: notes existed only in the API (#118), with no way to see or write them in the web app.
After: the left navigation shows a Notes tree for each namespace, like Notion. You can add a note at the top or inside another one, and drag a note onto another to move it there. A note opens in the BlockSuite editor, with title, date, one-line summary and place (Project, Area, Resource or Archive). Typing @ or # lists recordings, entities, collections, speakers and pages to link. Backlinks show under the page. Recordings and entities get a "Page" button that opens their own page. That page is a draft until the first change.
Motivation and Context
Second step of the Notes module (thread "Notes module"). The editor is BlockSuite, AFFiNE's editor. It edits the same Yjs documents as OctoBase, which is an AGPL database rather than an editor. The pnpm override pins
@blocksuite/iconsto 2.1.75, because newer releases dropped an icon BlockSuite 0.19.5 imports.Types of changes
!in the title)Checklist:
make hookschecks it on commit).docs/accordingly.## UnreleasedinCHANGELOG.md.Checked locally: tsc and eslint pass. Jest shows the same 145 failures in this container on main and on this branch; the new notes test passes. A production build passed, and in a browser the @ menu, link clicks and the reload from saved Yjs state all worked.
🤖 Generated with Claude Code
https://claude.ai/code/session_01XZQXJtCvJgbG1Z2H312KcS
Generated by Claude Code