Full support for collection views

[transitive-bullshit]

Let's track progress in this issue. Higher priority items listed first.

Note that none of these items have been merged or released yet.

• table view
• gallery view
• list view
• board view
• calendar view
• formula support
• ability to switch views
• lazy loading for larger collections (e.g. pokedex)
• ability to search / filter views
• ability to sort views

[transitive-bullshit]

I found a solid WIP implementation here by @logicalicy.

Here's what his version currently looks like:

@logicalicy would you be open to joining a zoom call at some point to discuss collaborating and share knowledge?

[tobiaslins]

Looks cool!

I think supporting all types of views would be cool and also switching between them. Filtering/search+ sorting is a nice to have

[transitive-bullshit]

Here's a kitchen sink type test page for table views: https://www.notion.so/saasifysh/Collection-Tests-2fea615a97a7401c81be486e4eec2e94

[logicalicy]

@logicalicy would you be open to joining a zoom call at some point to discuss collaborating and share knowledge?

Hey @transitive-bullshit I haven't been advertising the project so very cool that you've found it! Happy to join a zoom, sure. What's the best way? (Feel free to DM me on Twitter, same handle)

[transitive-bullshit]

Awesome - it looks like your twitter DMs aren't open to the public, so would you mind pinging me on this open slack workspace? https://slack.saasify.sh

Tobias and Timo are also on there in the #react-notion channel, so it could be useful to discuss things going forwards.

[logicalicy]

in the #react-notion channel

Have joined!

[transitive-bullshit]

Update

I've added support for 95% of collection views, but it required a lot of changes.

I've also refactored the Notion API and types into their own, isolated packages, notion-client and notion-types which you can find here: https://github.com/saasify-sh/notion-kit

One of the main changes is instead of changing the shape of the data that's returned from the API and injecting collection data into blocks, it's much, much easier to work with and debug these use cases if we retain the exact same structure as the original Notion API. So now NotionRenderer takes in an ExtendedRecordMap instead of a simple BlockMap.

Supported Views

• table collection view
• gallery collection view
• list collection view
• board collection view
• collection view page

The only missing collection view at the moment is calendars.

Demo

Here's a quick side-by-side demo video of the progress.

[lukebennett]

What's the latest on this? I can't see a branch anywhere, how would I have a play with it? If it's mostly there, what's the possibility of pushing an alpha package or something?

[transitive-bullshit]

@lukebennett you can check out a full working version of my fork at react-notion-x.

Due to the large amount of changes needed to support collections as well as many other block types and fixes, I decided to release it as a separate project for now. My hope is that react-notion and react-notion-x can eventually be merged back together, but either way I wanted to get all the work I've done improving react-notion over the past few months back in the land of open source. See #36 for more context.

[lukebennett]

Aha great, thanks for making that available! I'd already migrated to notion-client so hopefully react-notion-x will slot right in alongside it - collections is one of the key things I need. I'll take a gander at #36 as well, would be great to consolidate everything back together.

[transitive-bullshit]

Yep; react-notion-x goes hand-in-hand with notion-client.