MagicBell

ūüĆü What's New

The latest releases and improvements to MagicBell

If you're curious what our team is working on, see our roadmap and follow us on Twitter!

September 6, 2021

React SDK v2.0.0

The team introduced a number of enhancements, including eliminating the need to wrap components with the observer function.

Postmark Integration

You can now send a notification using MagicBell's API through your Postmark account.

To get started, mail your Postmark API key to hello@magicbell.com. Then include the snippet of code below in your API call.

"overrides": {
    "providers": {
        "postmark": { 
            "from": {"email": "ENTER EMAIL ADDRESS"}
        }
    }
}

We also include SendGrid and Mailgun.

August 23, 2021

Enhanced Integration with Delivery Providers

MagicBell can now relay extra attributes to your providers when calling their API. All you need to do is to send us a provider-specific override when using the create notification API. This is helpful when you want to leverage extra functionality offered by your providers, For example, MagicBell email notifications can leverage SendGrid templates using overrides. See our demo video for SendGrid to learn how.

August 16, 2021

Our team is thrilled to introduce the updated sidebar!

Before

After, Default view

After, Expanded view

React SDK v8

V8 got rid of MobX, fixed an assortment of bugs, and changed to a proprietary license (vs MIT). It will also support multiple notification lists, which is coming soon!

July 2021

Filter Notifications by Category

We've added support for filtering notifications by category. You might find it useful to add tabs to your notification inbox. Please check the fetch notifications API endpoint documentation for details. Support is coming soon for the React SDK.

#2 on Hacker News

Mila - MagicBell’s designer - wrote a great blog post on her journey from being an artist to a UI designer. The post skyrocketed all the way to #2 on Hacker News, generating 110+ comments.

Edit and Delete Projects

After a project is created, it can be edited and / or deleted.

Idempotent Requests

The API now supports idempotency for safely retrying requests without accidentally performing the same operation twice. This is useful when an API call is disrupted in transit and you do not receive a response.

New Slack Community

We created a Slack workspace for the MagicBell community. We hope it’s a helpful resource to answer questions, give product updates, and more!

June 2021

Compose Button

We rolled out a compose button in our dashboard that lets you send notifications to your users. You can add multiple email addresses or external IDs.

Postmark Integration

We've added support for delivering email notifications via Postmark. If you'd like it setup, please contact us. We'll roll out integrations to our dashboard in the coming months, but we are happy to set them up for you in the meantime. . We also support Mailgun and SendGrid.

Multiple Mobile-Push Apps per Project

We've added support for multiple push apps per project. This is useful if you use different app bundles for test/canary/production. Please see the updated documentation or write us if you  have any questions.

May 2021

Improved Developer Documentation Site

Our new documentation site went live last week. It's more readable, features better navigation, and allows us to add live examples (coming soon!). We'd love to hear your feedback on the structure, and the content.

Goodbye Mobx. Welcome smaller React package!

This month we also worked to remove MobX from our react packages. We replaced it with a new library called Valtio, which allows us to keep the API reactive while reducing the package size. You can try out the beta version of the @magicbell/magicbell-react package. The bundle size is 50% smaller, and customers who use MobX can use MagicBell without any possible conflicts. Furthermore, this release is fully backward compatible as the API of our components hasn’t changed one bit!

We'll be updating our embeddable, and shipping this improvement to the stable branch in the coming weeks.

Push subscription API

We have documented the push subscription API that you can use for both web & mobile push subscriptions. If you'd like to offer mobile push notifications, please contact us, and we'll help you get started.

April 2021

User Deletion API

We added an API endpoint for cases when a user deletes their account and you want to remove them from MagicBell for GDPR compliance.

Web Push Notifications for Safari

We launched web-push last month but it took us a little longer to get to web-push for Safari. Apple has their own (harder) way of doing everything so it took us a while to get this out the door. We'll write up a blog about this soon.

New status page and Twitter

We launched a better status page (that lets you subscribe for email updates) as well as a dedicated Twitter account for status updates. We'd still love for you to follow our regular Twitter account too, of-course! :)

iOS Push Beta

iOS push is now in beta and we'd love for you to try it out. Please reply to this email if you are interested. Android beta coming up next!

March 2021

Notification Preferences Beta

The 6.27.0-beta.1 version of the React package offers a notification preferences UI. We'd love for you to try it and give us some feedback. If you add categories to your POST /notifications API calls, we'll render the preferences matrix for your users - automagically. You can see it in action on our Chrome extension for Hacker news (which is pretty awesome, by the way).

https://downloads.intercomcdn.com/i/o/316735864/a0a69ef592ef9ebfb584254a/image.png

This is how the UI looks when we use categories direct_comment, reply, and new_message, and enable the web push channel for our project.

React Headless

A lot of you asked for better React Native support. We just released a React headless library that contains a set of React headless components and hooks to build a notification inbox in React or React Native. Our official React package has more bells and whistles, but this new library is an excellent option for the more adventurous (or creative) ones! Here is an example in React Native. A full blown React Native library will soon follow.