BlockNote

TypeCellOS's BlockNote is a cutting-edge, open-source text editor designed to mimic the block-based structure of Notion. Built using React, it leverages the power of Prosemirror and Tiptap to provide a robust and extensible rich text editing experience. This editor is part of the broader TypeCell ecosystem, which aims to integrate document and software development in a seamless manner.

Key Features:

• Block-Based Structure: Inspired by Notion, BlockNote organizes content into blocks, making it easier to manage and edit complex documents.
• Extensibility: The editor is designed to be highly customizable, allowing developers to extend its functionality as needed.
• Multi-User Collaboration: Built on top of Yjs, BlockNote supports live multi-user collaboration, ensuring that changes are synchronized in real-time.
• Code Blocks: It includes code blocks that enable end-user programming, providing a live coding experience similar to that of VS Code.
• TypeScript and React Support: The editor fully supports TypeScript and React, ensuring a smooth development experience without the need for custom language constructs.
• Reactive Runtime: The Reactive Runtime ensures that code blocks automatically re-evaluate when their dependencies update, enhancing the dynamic nature of the editor.

Usage and Documentation:

• Interactive Sandbox: Users can explore and experiment with BlockNote using an interactive online playground available on Codesandbox.
• Documentation: Detailed documentation is available, including an interactive tutorial to help users get familiar with the editor. The documentation also covers how to contribute to the project and set it up locally.

Community and Contributions:

• Community Engagement: TypeCellOS encourages community feedback and participation. Users can share their thoughts and experiments on Discord, and contributors can find detailed guidance on how to contribute to the project.
• Contributing: The project is organized as a monorepo containing several packages, and contributions can be made by following the instructions in the CONTRIBUTING.md file. The codebase is automatically tested using Vitest and Playwright.