magicbell-js

4347cf3 Thanks @smeijer! - feat: category labels in the preferences pane are now translatable.

const customLocale = {
  name: 'en',
  translations: {
    preferences: {
      categories: { // mapping from slug > label
        billing: 'My Billing',
      },
    },
  },
};

function MyComponent() {
  return (
    <MagicBell locale={customLocale} apiKey={MAGICBELL_API_KEY} userEmail="[email protected]" />
      {(props) => <FloatingNotificationInbox height={450} {...props} />}
    </MagicBell>
  );
}

• @magicbell/[email protected]

#46 017b0cd Thanks @smeijer! - fix: wait for markAsRead before opening notification action_url.

This fixes a race-condition where the page reload and fetching new notifications is faster than marking the notification as read, which would result in showing the notification as 'unread' upon page (re)load.

Updated dependencies [8d30258]:

• @magicbell/[email protected]

#43 d9d2318 Thanks @rollacaster! - fix: initialize stores in an effect instead of lazy use-state.

This solves an "cannot update component" warning that was thrown in development mode.

• @magicbell/[email protected]

#39 68b2fbd Thanks @smeijer! - Add support for usage in browsers.

• Stop tracking client-id. Client id was a random token stored on the filesystem, so we could identify origins across session.

• Don't generate HMAC if no api-secret is provided, or if HMAC is already provided via request options.

• Export createHmac, a util that generates MagicBell compatible HMAC digests.

  import { createHmac } from 'magicbell';
  createHmac(process.env.MAGICBELL_API_SECRET, user.email);
  

• @magicbell/[email protected]

#26 2f295b0 Thanks @smeijer! - Remove react-dom from peer-dependencies, so we don't cause trouble in react-native projects.

Updated dependencies [2f295b0]:

• @magicbell/[email protected]

#22 366adc6 Thanks @smeijer! - Add the magicbell.imports resource to import users in bulk, and query the status of import jobs. Methods that have been made available are magicbell.imports.create and magicbell.imports.get.

See #imports for more information.

#24 6cf938c Thanks @smeijer! - Released the .listen method. With this method you can listen to server sent events in realtime. For example, to do something when new notifications come in, or to trigger an event when a user marks a notification as read.

The following events are currently emitted. Please note that all events are bound to a specific user. See #realtime for more information.

#16 615b2fa Thanks @smeijer! - Loads the axios http adapter when XMLHttpRequest is unsupported. This allows magicbell to be used in for example vscode extensions.

• Don't persist config if os.homedir is unavailable, which is for example the case in vscode extensions.
• Add support for authentication using x-magicbell-user-external-id header.
• Allow specifying the userKey. This allows users to use magicbell, without the need to provide the apiSecret key to generate the HMAC on runtime.

#25 13ee1d2 Thanks @smeijer! - Add type coverage to all resource methods.

• Payload and Response types are driven by json schemas, which are stored under /schemas.
• Requests now use the accept-version: v2 header, so we use the latest version of our preferences api.
• Failed requests now log a curl command when debug: true is provided to the client.
• Requests no longer include empty headers.
• Requests no longer include empty wrapping entities in the body.

#23 bb857a7 Thanks @smeijer! - Add the magicbell.pushSubscriptions resource to manage mobile devices / push subscriptions. Methods that have been made available are magicbell.pushSubscriptions.create and magicbell.pushSubscriptions.delete. Note that these methods are currently in beta, and need to be enabled via feature flags.

See #pushSubscriptions for more information.

#15 7767b69 Thanks @smeijer! - ensure that the minified esm bundle is imported when importing from unpkg.

Updated dependencies [1cb984c]:

• @magicbell/[email protected]

• @magicbell/[email protected]

• @magicbell/[email protected]

#7 7712e28 Thanks @smeijer! - ensure that stores are updated to include or remove notification after an mark-all-read action.

#8 6a812ca Thanks @smeijer! - ensure that stores are updated to include or remove notification after an mark-all-seen action.