vincentdchan/blocky-editor

A Notion-like editor built with blocks.

I am Vincent Chan

I am a frontend developer, indie-maker.

Projects

Products

• Terminal One(Creator): A blazingly fast, smart and and friendly terminal emulator for developers

• Doodleboard(Co-frounder): An all-in-one whiteboard with built-in doodle styles to help you easily organize, and present your ideas.

Libraries

• Blocky editor is an editor built with blocks.

• PoloDB is an embedded JSON-based database written in Rust. It's designed to be lightweight and safe. It supports query semantics like MongoDB and WAL transactions.

Experimental POCs

• CubyText is an open-source knowledge management app. (2022)

• LichenScirpt is a lightweight language compiled to JavaScript/C. (2022)

• Jetpack is an extremely fast JavaScript bundler written in C++. It can be compiled into a binary without any dependencies. It's portable, fast, and solid.

Sometimes, I will do some "hacking" on existing systems.

• I forked the OCaml to make it compiled to WebAssembly. So you can run the OCaml language in the browser.

• I wrote a CMake file for QuickJS so that you can compile it with MSVC.

• I wrote a Node.js extension, which can help you manipulate xattr on macOS.

Also, I participated GSoC in 2018. I wrote a webpack plugin to help tree-shaking.

Interests

Play shaders on shadertoy(profile).

My works:

Writing

I will keep writing on Medium in English.

I have a blog in Chinese.

Sometimes I will share my view on Twitter. If you have any ideas about my project, send an email to [email protected], or submit an issue.

blocky-editor's Issues

Inconsistent paired undo/redo

This is an easy-to-reproduce issue that may be encountered at high frequency.

To reproduce:

• Insert or delete a word in blocky example
• Undo -> redo -> undo -> redo

After second undo, the history state can't be recovered again :(

Custom copy content for blocks

Open online demo fail

The demo link [https://blocky-editor.dev/] has unexpectedly closed the connection, maybe the domain has been expired?

React binding

Add "Type '/' for command" placeholder

Provide `charAt` for BlockyTextModel

Return the char at the index of the delta.
If the position is not a char(an embed), return null

  charAt(index: number): string | Record<string, unknown> | undefined

Support Undo/Redo

• Undo
• Redo

Unexpected: press enter at the beginning of the headings

When the user press Enter at the beginning of the headings, it should insert an empty text before the heading.

dispose() wasn't call when the block is deleted directly

Code block

Implement the code block with codemirror.

Feature: auto detect URL when pasting plain text

• Remove \n

Bug: paste multiline text

Drag and drop

Bug: paste content when the cursor is opened

Improve image block

• Resize the image

Render fallback when block's type is undefined

Follower widget's position is incorrect when the line is empty

Toolbar doesn't show when selecting multiple blocks

Theme

Unit tests: blocky-common package

Documentations website

Blocky data visualizer

Visualize the state tree of the editor,

dispose() wasn't called on Embed

Collaborative cursor's position is wrong after clicked on toolbar

Refactor names of operations

Scroll when enter pressed

Bug: location of banner

Optional title block support

Blocky looks very promising!

I'm trying to find out if I can integrate Blocky as a simple input box component (e.g. using it in a comment section), since it's really light. But currently Blocky assumes a title block by default, while in this case title is generally not needed.

I did some quick tweaks based on current master branch, adding hasTitle: false config and it seems to work (doodlewind@448d376). But the behavior of enter breaks, so not sure if there is any other coupling related to title concept. Any ideas? Would love to see what I can do :)

Feature: search panel

Empty heading