Releases: TypeCellOS/BlockNote
v0.13.0
Another big release for BlockNote 🥳
v0.13.0 now makes BlockNote UI-library agnostic. We extracted the default Mantine-based ux to @blocknote/mantine
, and also added support for Ariakit and ShadCN (#652)! This was a major refactor, but we're really excited about this and looking forward to your feedback and contributions ❤️
We also introduced localization and made all strings fully configurable. For now, only English (en) and Dutch (nl) are supported - we definitely welcome any PRs with your language of choice!
Finally, some major improvements have been made in Accessibility, such as better keyboard navigation of menus. Let's make sure that BlockNote applications are usable by everyone, regardless of any impairments!
Excited about this release? Consider sponsoring BlockNote as we rely on your support. This month we added a few new sponsors (thanks!) and are zoning in on the initial goal of 10 monthly sponsors - who benefit from priority support and development!
New examples
What's Changed
- feat: multi UI libs (shadcn + ariakit) + i18n by @YousefED in #652
- feat: accessibility improvements by @YousefED in #718
- fix: clean react package deps by @YousefED in #722
- feat: option to disable trailing block by @Kashifwahaj in #679
- fix: match query anywhere to filter slash menu items by @shahvicky in #719
Breaking changes
- Some exports have of course been moved to
@blocknote/mantine
. Make sure to importBlockNoteView
andstyle.css
from@blocknote/mantine
if you're migrating your existing project
New Contributors
- @shahvicky made their first contribution in #719
Full Changelog: v0.12.4...v0.13.0
0.12.4
What's Changed
- v0.12.3 by @matthewlipski in #668
- fix: Slash Command Android Chrome Issue #437 by @Kashifwahaj in #443
- chore: Update Mantine by @matthewlipski in #678
- refactor: Remove
keydown
handler from suggestion plugin by @matthewlipski in #682
New Contributors
- @Kashifwahaj made their first contribution in #443
Full Changelog: v0.12.3...v0.12.4
0.12.3
What's Changed
- v0.12.2 by @matthewlipski in #650
- fix: Remove
all: unset
from default styles by @matthewlipski in #658
Full Changelog: v0.12.2...v0.12.3
0.12.2
What's Changed
- v0.12.1 by @matthewlipski in #648
- fix: Hide toolbars with no children by @matthewlipski in #649
Full Changelog: v0.12.1...v0.12.2
0.12.1
What's Changed
- v0.12.0 by @matthewlipski in #613
- docs: switch to stackblitz by @YousefED in #614
- site: add analytics by @YousefED in #616
- fix: Next/analytics by @YousefED in #619
- docs: Fix broken links by @matthewlipski in #618
- chore: Replace link to file of Architecture by @NaotoCoding in #617
- build(deps): bump prosemirror-trailing-node to 2.0.8 by @LoneRifle in #611
- docs: Fixed formatting toolbar source link by @matthewlipski in #620
- docs: Fixed system theme for hero demo by @matthewlipski in #621
- docs: Fix StackBlitz demo deps by @matthewlipski in #624
- LiveBlocks → Liveblocks by @CTNicholas in #629
- docs: Mobile fixes by @matthewlipski in #626
- docs: Fix hero demo CSS by @matthewlipski in #639
- fix: Formatting toolbar appearance on fade out using innerHTML by @YousefED in #645
- chore: Playwright update by @matthewlipski in #640
- fix: don't call
setEditable
when not necessary by @YousefED in #635 - fix: Keyboard shortcuts & input rules in tables by @matthewlipski in #561
- fix: Nest block buttons should only be visible for certain blocks by @matthewlipski in #646
- fix: List item enter handler applying to custom blocks by @matthewlipski in #571
- fix: serialize React content with existing React tree by @YousefED in #641
- feat: Separate image, hyperlink, & table components for export by @matthewlipski in #625
- fix: inline content react remounting by @YousefED in #647
New Contributors
- @NaotoCoding made their first contribution in #617
- @LoneRifle made their first contribution in #611
Full Changelog: v0.12.0...v0.12.1
0.12.0
v0.12 is a big one, which unlocks a number of highly requested features (and fixes) 🥳! As part of this, we're also shipping a brand new website with plenty of updated examples and completely revised the documentation.
Looking forward to your feedback! Although most of the API has stayed the same, there are a few breaking changes. Let us know in case you have trouble upgrading.
Features
- New nextjs based website! https://www.blocknotejs.org with major update to Docs and a lot of new Examples.
- Go beyond Custom Blocks, also customize your editor with bespoke Inline Content (e.g.: Mentions!) and Styles.
- Easily create menus for mentions, tags, etc! We revisited the API + docs for customizing UI Components
- Large number of fixes including a significant performance improvement by refactoring Placeholders and a rearchitecture of the React integration
- It's now easier to wait for content to be fetched before initializing the editor, see the Saving & Loading Example.
- Added method for inserting Inline Content, see Manipulating Inline Content.
Breaking changes
useBlockNote
has been renamed touseCreateBlockNote
. Also, event handlers mostly moved toBlockNoteView
or hooks.onEditorReady
event has been removed as it's no longer needed. See Editor SetupBlockNoteView
now takes props to disable built-in components. See Editor Setup- Customizing UI components has been updated to enable more powerful scenarios. See UI Components (among other changes,
[element]Positioner
components have been renamed to[element]Controller
) - The API for changing Slash Menu Items has been revised, see Slash Menu
- Use
BlockNoteSchema
to register your custom blocks / styles / inline content. See Custom Schemas - We separated the
Inter
font to reduce the main bundle size. Addimport "@blocknote/core/fonts/inter.css";
separately
What's Changed
- v0.11.2 by @matthewlipski in #557
- Fix remove 'mousemove' event listener by @tcper in #604
- release: v0.12 - new website and major refactor by @matthewlipski in #609
Full Changelog: v0.11.2...v0.12.0
0.11.2
What's Changed
- v0.11.1 by @matthewlipski in #537
- fix: collaboration and editable false bug by @YousefED in #538
- fix: type annotations on some of the docs by @YousefED in #539
- docs: Dark mode styling fix by @matthewlipski in #548
- Add Liveblocks info and BlockNote download command by @CTNicholas in #540
- fix: Mantine styles by @matthewlipski in #553
- fix: Paragraph shortcut by @matthewlipski in #556
New Contributors
- @CTNicholas made their first contribution in #540
Full Changelog: v0.11.1...v0.11.2
0.11.1
What's Changed
- v0.11.0 by @matthewlipski in #504
- fix: Docs home page demo styling fix by @matthewlipski in #507
- fix: Code styles by @matthewlipski in #517
- fix: Add block button behaviour on blocks with different content by @matthewlipski in #526
- Fix: Minor CSS by @matthewlipski in #527
- fix: List item shortcuts by @matthewlipski in #528
- docs: Formatting toolbar code toggle button example by @matthewlipski in #531
- fix: Errors when hovering image block while editor is uneditable by @matthewlipski in #533
- fix: Formatting toolbar not hiding while dragging blocks by @matthewlipski in #529
- chore: Mantine 7.4.2 by @matthewlipski in #535
- chore: Update
package-lock.json
by @matthewlipski in #536
Full Changelog: v0.11.0...v0.11.1
0.11.0
What's Changed
- v0.10.1 by @matthewlipski in #469
- fix: Add block button incorrect cursor position by @matthewlipski in #484
- fix: Delete handler error when cursor in last block by @matthewlipski in #485
- fix: Bug in
replaceBlocks
by @matthewlipski in #487 - feat: Return values for block manipulation methods by @matthewlipski in #458
- fix: Image block DOM clutter, keyboard handling, and copy/paste by @matthewlipski in #456
- fix: Multiline list indentation by @i-am-chitti in #491
- fix: Remove console logs while pasting by @i-am-chitti in #489
- chore: Mantine update by @matthewlipski in #479
- docs: Mantine update by @matthewlipski in #502
New Contributors
- @i-am-chitti made their first contribution in #491
Full Changelog: v0.10.1...v0.11.0
Breaking Changes
Change import "@blocknote/core/style.css";
to import "@blocknote/react/style.css";
if you're using @blocknote/react
This update changes how themes and styles are applied to the editor. This means if you were previously overriding CSS using the componentStyles
field in a Theme
object, you should convert those styles to CSS rules. See the new theming and styling documentation here.
0.10.1
What's Changed
- v0.10.0 by @matthewlipski in #450
- fix: React custom blocks re-mount on update by @matthewlipski in #466
- fix: Missing exports for image formatting toolbar buttons and table handles by @matthewlipski in #459
- fix:
BlockNoteView
types export by @matthewlipski in #457 - fix: NextJS tables CSS error by @matthewlipski in #467
Full Changelog: v0.10.0...v0.10.1