Show tasks completion on document list items

[tommoor]

It would be neat to expose a preview of the completed checklist items on documents, see how it's done in a couple of other products:

Prior art

Linear

GitHub

[iamsaumya]

Regex matching for - [ ] and - [x] will do here, right?

[tommoor]

I think that's the way to go for now, there's a starting point for that here:
https://github.com/outline/rich-markdown-editor/blob/main/src/lib/markdown/checkboxes.ts#L4

Thoughts on exposing this info via API? Eg a tasks key on the document response – could be kind of fun to have that information available to other API consumers 🤔

[iamsaumya]

Let's do it.

[iamsaumya]

Should we install this package for the progress bar?

[tommoor]

I think it's a bit much, we can achieve this effect with quite a simple SVG component actually – here's an example:

https://dev.to/jackherizsmith/making-a-progress-circle-in-react-3o65