Revamp Notion plugin

[madebyisaacr]

Description

This pull request adds many improvements and bug fixes to the Notion plugin.

General:

• Update to framer-plugin 3.1.0

Design:

• Increased default plugin UI size to 600 x 500 to prevent field names from being cut off.
• Changed accent color to match Notion theme (black and white)
• Improve design of unsupported fields.
• All field type labels now match the name of fields in Framer (e.g. Toggle instead of Boolean)
• Made “Next” and "Log In" buttons have the primary style.
• Added the title of the Notion database to the top of the config UI, which links to the database on Notion.
• Only rows with more than 1 field type are shown as a dropdown. This makes it easy to know which fields can have their type changed.

Features:

• The page cover image can now be imported as an image field.
• Added support for formula, rollup, phone number, unique ID, people, created by and last edited by Notion properties. People fields are imported as the user's name.
• The title field is now always first.
• Added support for blockquotes and YouTube videos in page content.
• Improved the detection of code block languages in page content.
• Select fields with will now use the first enum case instead of causing an error. This matches the Airtable plugin's behavior.
• Allow syncing relation fields as a single reference field.
• Phone number and email can now be imported as link fields.
• URLs can now be imported as image and file fields.
• Add ability to import text, formula and rollup as Color fields.

Bug Fixes:

• Fix email, image and number fields causing an error if they are empty. Empty number fields are imported as 0.
• Fixed status fields. Status fields now work the same way as select fields.
• Non-image files (such as txt files) are now skipped when importing as images.
• Removed the option to import page content as string instead of formatted text. It let you do this before, but it didn't really work because it still converted the content to HTML.

To-Do:

• Add support for tables in formatted text. https://www.framer.community/c/plugin-api-requests/add-support-for-notion-table-blocks-in-formatted-text

There's a lot of changes in this PR, but I decided it would be better to submit them all as a single PR instead of splitting into multiple, just to make it easier to review. Each feature/change is in a separate commit.

Once this is approved, I will do the same updates for the Airtable and Google Sheets plugins.

Please leave any feedback and comments you have!

---

Before:

After (almost all field types supported):

[madebyisaacr]

This pull request is ready for review now.

[madebyisaacr]

Based on @triozer's suggestions, I added a few more updates to bring some changes to the Airtable plugin (#196) into Notion:

• Phone number and email can now be imported as link fields.
• URLs can now be imported as image and file fields.
• When a Notion item is missing a select value, it uses the first enum case instead of null (which causes an error)
• Relation can now be imported as a reference field (only multi-reference was supported before). It imports the first item from the relation only.

Also, a small UI improvement is that field types only show as a dropdown when there are multiple types available. This way you can easily tell which fields can have their type changed.

[RayJason]

Add support for tables in formatted text

Could you please review this pr? #239

[madebyisaacr]

Add support for tables in formatted text

Could you please review this pr? #239

Yes great update! I’m currently working on rebuilding the Notion plugin using the CMS Starter as a base. It should be done later today. I think the team wants to merge that first, then redo this PR to add the same features to the new plugin.

#221

The tables PR will need to be rebased after that’s merged, so you can rebase it or I can do it and add you as a co-author on the PR/commits.

It shouldn’t require many changes because the parts of the code that your tables PR edits don’t change much in the new CMS Starter based plugin.

[RayJason]

Add support for tables in formatted text

Could you please review this pr? #239

Yes great update! I’m currently working on rebuilding the Notion plugin using the CMS Starter as a base. It should be done later today. I think the team wants to merge that first, then redo this PR to add the same features to the new plugin.

#221

The tables PR will need to be rebased after that’s merged, so you can rebase it or I can do it and add you as a co-author on the PR/commits.

It shouldn’t require many changes because the parts of the code that your tables PR edits don’t change much in the new CMS Starter based plugin.

No problem! I'm looking forward to the version based on v3.
By the way, Notion js sdk also can upgrade to v3.
All updates will be based on #211 update.

[madebyisaacr]

Marking as draft because it needs to be redone after #221 is merged.

[madebyisaacr]

Will reopen as multiple PRs with each separate feature after #221 is merged.

[alirashidy]

Great job on the Notion Plugin! Any updates on supporting tables in Notion?

[madebyisaacr]

@alirashidy yes, table support has been merged and it's shipping tomorrow.

#239

[alirashidy]

@alirashidy yes, table support has been merged and it's shipping tomorrow.

#239

That's great to hear! Keep up the great work 🔥🚀