initial commit of custom menu inside a code-block

[vaddisrinivas]

Description

Notion is a great tool for note-taking, and writing in general. react-notion-x adds a lot more to it by essentially making notion as a CMS in a sense. While having readers is the core-idea, making it more interactive can help improve learning experiences of people using it. This PR makes an attempt to do the same by adding menu and assign custom actions assignable from inside the Code component and can be extended to other components as well.

This can make the code component do a lot more -

Examples

• an online interpreter for Python (if bundled with Pyodide), Javascript , making the blogging more interactive
• an online presentation tool when bundled with MDX or related
• anything that can run on-browser! can be included and this will do the magic!

While the current state of this PR is at its infancy, idea of creating this PR is to know if the community finds this helpful and to extend beyond this skeleton

Notion Test Page ID

0c322c33381c49bca5083a451c334c39

Since there is no way to test this unless hosted, I am adding screenshots -

When the Menu button is clicked it logs content and other params in console

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
react-notion-x	✅ Ready (Inspect)	Visit Preview	Mar 18, 2024 3:10am
react-notion-x-minimal-demo	✅ Ready (Inspect)	Visit Preview	Mar 18, 2024 3:10am