Skip to content

Releases: toeverything/blocksuite

v0.17.7

11 Sep 11:14
@github-actions github-actions
v0.17.7
5671a56
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.7 
feat(database): full width POC (#8302)
Assets 2
Loading

v0.17.6

10 Sep 10:48
@github-actions github-actions
v0.17.6
ac936e8
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.6 
chore: version packages (#8277)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Assets 2
Loading

v0.17.5

09 Sep 08:29
@github-actions github-actions
v0.17.5
95e3069
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.5 
chore: version packages (#8245)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Assets 2
Loading

v0.17.4

06 Sep 18:20
@github-actions github-actions
v0.17.4
1a37c88
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.4 
chore: version packages (#8223)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Assets 2
Loading

v0.17.3

06 Sep 13:48
@github-actions github-actions
v0.17.3
e7f5232
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.3 
ci: fix release workflow (#8225)
Assets 2
Loading

v0.17.0

05 Sep 13:55
@Saul-Mirone Saul-Mirone
v0.17.0
2b7fd2a
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.17.0

New features:

  • Add lock/unlock feature for frame.
  • Add inline latex and latex block.
  • Block level reference support.
  • DI and Universal extension API.
  • Mindmap import.

Improvements:

  • Focus & Blur status for multiple editors.
  • Mindmap polish.
  • Database issue fix.
  • Performance improvement.
  • Notion import improvement.
  • A bunch of bug fixes.
  • Better project structure.
Assets 2
Loading

v0.16.0

13 Sep 12:08
@Saul-Mirone Saul-Mirone
v0.16.0
51ae473
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.16.0

BlockSuite v0.16.0 is now released with 316 PRs and 3 new contributors.
It's currently used in Affine 0.15. This release includes a lot of new features, improvements, and bug fixes.

Note Color Picker

We have a new color picker for notes now. You can pick whatever color you like for your notes. You can even set different colors for dark and light themes.

Screen.Recording.2024-08-07.at.20.18.22.mov

TOC

We have a lightweight TOC for the outline viewer now. You can easily navigate through your document with it. And you can use it to open the original TOC in sidebar.

Screen.Recording.2024-08-07.at.20.21.09.mov

List Block

List block now can have other types of blocks as children now, ex. bookmark.

Screen.Recording.2024-08-07.at.20.26.22.mov

AI Chat Block

Now you can save your AI Chats as blocks.

  • Keep history of your AI chat conversation
  • Feed data and prompts into reusable AI chats
  • Link blocks together to create your own AI workflow

image

Signal Model Props

Now the block model props will also provide a signal version:

declare const model: BlockModel<{ name: string }>;
assert(typeof model.name$.value === 'string'); // true
 
model.name = 'hello';
assert(model.name$.value === 'hello'); // true
assert(model.yBlock.get('prop:name') === 'hello'); // true

model.name$.value = 'world';
assert(model.name === 'world'); // true
assert(model.yBlock.get('prop:name') === 'world'); // true

model.yBlock.set('prop:name', 'blocksuite');
assert(model.name$.value === 'blocksuite'); // true

Clipboard Improvement

We improved the clipboard performance by adding batch and stream for paste behavior.

Screen.Recording.2024-08-07.at.20.37.29.mov

Edgeless Quality Improvement

We fixed a bunch of issues in edgeless both in user experience and performance. We heard your words.

Full Changes
Read more

Contributors

fundon, pengx17, and 20 other contributors
Assets 2
Loading

v0.15.0

03 Jul 02:52
@Saul-Mirone Saul-Mirone
v0.15.0
59241f2
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.15.0

BlockSuite v0.15.0 is now released with 380 PRs and 3 new contributors.
It's currently used in Affine 0.15. This release includes a lot of new features, improvements, and bug fixes.

Synced Doc

Now, we can easily embed another document in the current document.
The embedded document will be real-time synced with the original document.
You can also create a new document from the embedded document.

AFFiNE_embed_view.mp4

Contribution Details

MindMap

In version 0.14, we have already enabled AFFiNE AI to create MindMaps on the whiteboard.
Now we are opening up this capability, and you can freely create MindMaps on the edgeless (whiteboard) !

AFFiNE_mindMap.mp4

Contribution Details

New Edgeless Toolbar

We have redesigned the Edgeless toolbar.
It's now more responsive and user-friendly.
And with a lot of fancy animations!

AFFiNE_toolbar.mp4

Contribution Details
  • chore(edgeless): simplify data flow of edgeless toolbar hideToolbar @CatsJuice (#7122)
  • chore(edgeless): toggle presentation toolbar with css instead @CatsJuice (#7125)
  • feat(blocks): new smooth-corner component @CatsJuice (#7181)
  • feat(edgeless): separate presentation toolbar from edgeless-toolbar @CatsJuice (#7141)
  • feat(edgeless): responsive for edgeless toolbar @CatsJuice (#7182)
  • feat(edgeless): add link via edgless-toolbar @CatsJuice (#7264)
  • feat(edgeless): responsive for edgeless presentation toolbar @CatsJuice (#7281)
  • feat(edgeless): bind mindmap shortcut in edgeless toolbar @CatsJuice (#7318)
  • feat(edgeless): add shape shortcut in toolbar @CatsJuice (#7330)
  • feat(edgeless): consider dragging a short distance as click for toolbar draggable @CatsJuice (#7393)
  • feat(playground): add presentation button in edgeless mode @CatsJuice (#7280)
  • fix(edgeless): don't hide presentation toolbar if frame/setting menu opened @CatsJuice (#7128)
  • fix(edgeless): adjust edgeless toolbar ui, add tooltips, replace icons @CatsJuice (#7317)
  • fix(edgeless): bind shortcuts in toolbar should dispose when tool disconnected @CatsJuice (#7329)
  • fix(edgeless): resolve the conflict of drag-and-drop to create shapes, modify toolbar shadow @CatsJuice (#7364)
  • fix(edgeless): correct initial location of shape preview when toggled by shortcut 's' @CatsJuice (#7365)
  • fix(edgeless): optimize edgeless toolbar active states @CatsJuice (#7380)
  • fix(edgeless): edgeless toolbar disappear when hide toolbar in presentation setting @CatsJuice (#7413)
  • style(page): adjust heading font-weight and letter-spacing @CatsJuice (#7277)

New Edgeless Text

We've added a new edgeless block type - Edgeless Text.
It's more powerful and user-friendly than the legacy canvas text.
It supports more child blocks and has a better user experience.

Contribution Details
  • chore(blocks): export edgeless text spec @Flrande (#7234)
  • chore(playground): enable new edgeless text by default in playground @Flrande (#7247)
  • feat(edgeless): add edgeless text @Flrande (#7144)
  • feat(edgeless): add default color and editing border for edgeless text @Flrande (#7278)
  • feat(edgeless): support copy and paste for edgeless text @Flrande (#7324)
  • feat(edgeless): add min width for link card in edgeless text @Flrande (#7350)
  • feat(edgeless): auto focus when press enter in edgeless text @Flrande (#7360)
  • feat(edgeless): auto add paragraph when no editable area in edgeless text @Flrande (#7374)
  • feat(edgeless): support edgeless text for new toolbar @Flrande (#7384)
  • fix: edgeless selection may disappear when typing on edgeless text @Flrande (#7443)
  • fix(blocks): support overlapping of inline styles @Flrande (#6998)
  • fix(edgeless): edgeless text should overflow automatically @Flrande (#7235)
  • fix(edgeless): align panel not work @Flrande (#7293)
  • fix(edgeless): edgeless text rect should automatically update when changing font @Flrande (#7292)
  • fix(edgeless): the style of internal text should be reset when modifying the style of edgeless text @Flrande (#7311)
  • fix(edgeless): edgeless text not support divider @Flrande (#7325)
  • fix(edgeless): need to delete first block in note when it has children @Flrande (#7379)
  • fix(edgeless): auto delete empty edgeless text @Flrande (#7385)
  • fix(edgeless): can not undo block moving @Flrande (#7400)
  • fix(edgeless): disable sync doc in edgeless text @Flrande (#7431)
  • fix(edgeless): need to clear selection when focus out in edgeless text @Flrande (#7446)
  • fix(edgeless): should not trigger linked doc widget in canvas text @Flrande (#7459)
  • fix(edgeless): drag text from toolbar should not change edgeless tool @Flrande (#7465)
  • fix(inline): adjust the error range @Flrande (#7225)
  • fix(playground): can not change mode @Flrande (#7361)
  • fix(playground): flags from params need to be converted @Flrande (#7362)
  • fix(presets): export ai action typ...
Read more

Contributors

fundon, pengx17, and 17 other contributors
Assets 2
Loading

v0.14.0

10 May 05:49
@Saul-Mirone Saul-Mirone
v0.14.0
2314f10
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.14.0

BlockSuite v0.14.0 is now released with 348 PRs landed and 5 new contributors.
It's currently used in Affine 0.14. This release includes a lot of new features, improvements, and bug fixes.
And it's a version centered around the AI features.

AI Features

Important

The AI features are only available in the Affine AI due to the dependency on the backend service.

AI

We have added a lot of AI features in this release to support the Affine AI project.
Thanks to our team members and contributors (@Flrande, @pengx17, @fundon, @donteatfriedrice, @zzj3720, @doouding, @regischen) for their hard work on this release.

  • AI Action Infra: The AI features are supported by a new AI action infrastructure.
  • Ask AI Format Bar: The format bar now has a new button to ask AI for help.
  • AI Chat Panel: A new AI panel is added to the right sidebar. It can generate text, images, and slides.
  • Edgeless AI: The edgeless elements and blocks now can be interacted with AI actions.

Contribution Details

Infra Improvements

  • Rewrite the view store to support the new block collection and selector. (#6521, #6672, #6534, #6737, #6780)
    In previous versions, the view store is responsible for managing the views of the blocks.
    It was designed to control different views of the same block, such as the editor view and the preview view.
    However, we found that it's a anti-pattern to render different views of the same block in the same block tree.
    Which makes it hard to track the view by the block model.
    In this release, we introduce the block collection and selector to make it easier to render different views of the same block.

  • Introduced the draft model for the transformer. (#6630)
    The draft model is a new model that can be used to transform the block model to a new model.
    It's useful when you want to transform the block model to a new model without changing the original block model.

  • Bson for clipboard. (#6526, #6562)
    We use bson for the clipboard mime to optimize the clipboard data serialization and deserialization.

  • Add spec builder. (#6976)
    The spec builder is a new tool to manage the block specs.

  • Switch to es2022 targets. (#6527)
    We have switched to the es2022 targets to support the latest JavaScript features.

  • refactor(store): support streaming editor.doc from empty state @doodlewind (#6522)

  • refactor(examples): sync collection lifecycle with provider @doodlewind (#6683)

Embed Doc Polishing

In this release, we have polished the embed doc feature to make it more user-friendly.

  • Move embed reload button. (#6502)
  • Polish the styles. (#6523, #6536)
  • Make embed card toolbar a widget. (#6635)
  • Fix the issue that creating linked doc from block selection will loss data. (#6510)
  • Fix the issue that users can't jump into doc inside embed synced doc. (#6531)

Database Enhancements

In this release, the Database has seen a series of enhancements aimed at increasing the fluidity of the editing experience, with improvements to keyboard shortcuts and cursor behavior:

  1. Supports using the Tab key to move the cursor to the next field (#6565)
  2. Supports selecting additional rows using arrow keys (#6941)
  3. Clicking on “New Record” now focuses on the title cell of the new row (#6561)
  4. Supports filling a column with the same content via drag-and-drop (#6895)

Additionally, enhancements to the title column now allow it to link to another page (#6572).
When you drag Kanban cards to the edge, the Kanban will now automatically scroll (#6614).
The Database will display as many views as possible instead of just three (#6642), and the same goes for filters (#6739).

There are also some experimental features that can be enabled through feature flags:

  1. Table now includes a statistics feature (#6560)
  2. The Database now supports using Todo blocks from all pages as a data source (#6785)

Documentation Improvements

We've added some new examples thanks to @doodlewind, @L-Sun.

  • Add vanilla-indexeddb example. (#6525)
  • Add react-indexeddb example. (#6689)
  • Add react-websocket example. (#6624)

Community Features

Detailed Bug Fixes and Improvements
Read more

Contributors

fundon, pengx17, and 19 other contributors
Assets 2
Loading

v0.13.0 - API Overhaul and Rich Examples

19 Mar 04:32
@doodlewind doodlewind
v0.13.0
b48b0e2
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v0.13.0 - API Overhaul and Rich Examples

BlockSuite v0.13.0 is now released with 153 PRs landed and 4 new contributors. It's currently used in AFFiNE 0.13. This is a transitional version centered on bug fixes and the clearing of technical debt.

BlockSuite Examples

From 0.13, BlockSuite maintains multiple framework-specific examples demonstrating editor integration for major frameworks (currently including React, Vue, Angular, Preact, Svelte, Solid). There are also examples about using BlockSuite with Next.js and SQLite. You can checkout these examples in the quick start guide.

These examples are maintained in a standalone workspace. There'll be more examples incoming and feel free to make your own!

Framework Features and API Overhaul

  • Text Style Commands Enhancement (#6406, #6416): Added commands to facilitate operations on selected text content, including toggleBold, toggleItalic, toggleUnderline, toggleStrike, toggleCode, toggleLink, getTextStyle, and isTextStyleActive. These commands support chainable combination calls, simplifying common rich text style operations.
  • Format Bar Config API (#6433): Introduced a new format bar widget configuration API, allowing for the customization of format bar menu items. This supports the configuration of existing menu items and the registration of custom menu items, including paragraph dropdowns, style toggles (e.g., bold, italic), highlighter dropdowns, and block type switches with custom icons.
// In root spec:
const defaultSetup = rootSpec.setup;
const mySpec = {
  ...rootSpec,
  setup: (slots, disposableGroup) => {
    defaultSetup(slots, disposableGroup);

    const onFormatBarConnected = slots.widgetConnected.on(view => {
      if (view.component instanceof AffineFormatBarWidget) {
        configureFormatBar(view.component);
      }
    });

    disposableGroup.add(onFormatBarConnected);
  },
};

function configureFormatBar(formatBar: AffineFormatBarWidget) {
  formatBar
    .clearConfig()
    .addParagraphDropdown()
    .addDivider()
    .addTextStyleToggle({
      key: 'bold',
      action: chain => chain.toggleBold().run(),
      icon: BoldIcon,
    })
    .addTextStyleToggle({
      key: 'italic',
      action: chain => chain.toggleItalic().run(),
      icon: ItalicIcon,
    })
    .addDivider()
    .addHighlighterDropdown()
    .addDivider()
    .addBlockTypeSwitch({
      flavour: 'affine:paragraph',
      type: 'h1',
      name: 'Heading 1',
      icon: Heading1Icon,
    })
    .addBlockTypeSwitch({
      flavour: 'affine:paragraph',
      type: 'h2',
      name: 'Heading 2',
      icon: Heading2Icon,
    })
}
  • Standard Error Types and Handler (#6340): Introduced BlockSuiteError to facilitate application-level exception categorization.
  • Renaming page to doc (#6290): We now refer to BlockSuite documents as docs, aligning API concepts with this terminology change (e.g., page.addBlock -> doc.addBlock). This clarifies the document-centric nature of the API.
  • Renaming Workspace to DocCollection (#6436): Replaced the Workspace concept, which was more specific to AFFiNE product features, with DocCollection. This moves towards a more generalized framework structure (e.g., workspace.createDoc to collection.createDoc).
  • Command API Simplification (#6428, #6421, #6277): Streamlined command usage by eliminating the need for .withHost and .getChainCtx. The API for initiating command chains has been intuitively changed from .pipe to .chain, simplifying command execution syntax.
// before
std.command
  .pipe()
  .withHost()
  .getSelectedBlocks()
  .run();

// after
std.command
  .chain()
  .getSelectedBlocks()
  .run();
  • Schema Entry Renaming (#6312, #6319): Removed deprecated __unstableSchemas and enhanced consistency when importing default block schemas. This unifies the exposed schema, reinforcing a consistent framework for developers.
// Before
import { AffineSchemas, __unstableSchemas } from '@blocksuite/blocks/models';

// After
import { AffineSchemas } from '@blocksuite/blocks/schemas';
  • Typed getService (#6284): The getService API is now strongly typed with different service specific to block flavours.

Product Features

  • Batch Import (#6360): Enabled batch importing of multiple markdown or HTML files through the file picker.
  • Pressure Sensitivity for Brush Mode (#6348): Added pressure sensitivity support for the brush tool, offering more natural drawing experience on tablets.
  • Comment Feature POC (#6302): Introduced a preliminary support for a commenting feature, setting the stage for enhanced collaboration capabilities that will be further refined in future updates.

Detailed Bugfixes
Read more

Contributors

fundon, pengx17, and 17 other contributors
Assets 2
Loading