Tetra Pack

Tetra-Pack is a lightweight open-source NextJS-based notion API data renderer which is fast, configurable and follows a keyed approach. Paint the canvas as you wish with the granular configurations and atom-based approach.

Made for the minimalists!

Here is the change log for the library.

version 0.2.0

• A pre-parser for complex blocks, i.e. usePreParser hook.
• Support for Tables and Nested Lists.
• Also, the addition of Raw Table to pull off those UI tricks.
• Supports colour and background colour for text via mark tag.

version 0.1.1

Features so far to be included in the upcoming version.

• Keyed Approach. Every element is rendered using a unique key corresponding to the id passed inside the data block.
• Prop Safety for elements. Moreover, light type checking for elements and return element surety.
• Finalized a decent logo and banner. Credits to Phosphor Icons for the logo.

version 0.1.0

• Coverage for all basic blocks (heading_1, heading_2, heading_3, paragraph, image, bulleted_list, numbered_list, quote, callout, divider, to_do, and code)
• Annotations included bold, italic, strikethrough, underline, code and link
• Wrapper Element (by default React.fragment)
• Every element mentioned above can be configured uniquely.

More things will be coming soon. Have something on your mind, tweet it to me!