magicbell-js

• @magicbell/[email protected]

• @magicbell/[email protected]

#119 549c8a9 Thanks @smeijer! - feat: add registerServiceWorker method that can be used to register a service
worker, prior to calling subscribe. This preflight allows for a faster
subscription process.

Registration will be skipped if a service worker is already registered. In which
case, the active registration will be returned.

The returned promise resolves when the registration is ready.

import { registerServiceWorker } from '@magicbell/webpush';
registerServiceWorker({ path: '/sw.js' });

NOTE:

This milestone also marks the @magicbell/webpush as stable. We will be following
semantic versioning going forward.

#110 c030ce4 Thanks @renovate! - Updated dependencies:

• updated @faker-js/faker to ^6.3.1.

#111 8987a92 Thanks @renovate! - Updated dependencies:

• updated @types/lodash to ^4.14.194.

#117 5bd3ac7 Thanks @renovate! - Updated dependencies:

• updated twind to ^0.16.19.

#113 6e5297e Thanks @renovate! - Updated dependencies:

• updated @types/sinon to ^10.0.15.

#111 8987a92 Thanks @renovate! - Updated dependencies:

• updated @types/lodash to ^4.14.194.

#120 9e98288 Thanks @smeijer! - Updates the PushNotificationsSubscriber component to use our @magicbell/webpush
SDK. This change makes it compatible with the latest browsers and our updated API.

import { PushNotificationsSubscriber } from '@magicbell/magicbell-react';

function MyComponent() {
  return (
    <PushNotificationsSubscriber serviceWorkerPath="/service-worker.js">
      {({ createSubscription }) => <button onClick={createSubscription}>Enable push notifications</button>}
    </PushNotificationsSubscriber>
  );
}

Updated dependencies [c030ce4, 8987a92, 5bd3ac7, 549c8a9]:

• @magicbell/[email protected]
• @magicbell/[email protected]

e78af04 Thanks @renovate[bot]! - Updated dependencies:

• updated json5 to ^2.2.3.

• @magicbell/[email protected]

#113 6e5297e Thanks @renovate! - Updated dependencies:

• updated @types/sinon to ^10.0.15.

#111 8987a92 Thanks @renovate! - Updated dependencies:

• updated @types/lodash to ^4.14.194.

e78af04 Thanks @renovate[bot]! - Updated dependencies:

• updated json5 to ^2.2.3.

• @magicbell/[email protected]

• @magicbell/[email protected]

#103 e83a694 Thanks @smeijer! - feat: Add support for theming the enable-push-subscriptions dialog.

const theme = {
  dialog: {
    backgroundColor: '#FFFFFF',
    textColor: '#3A424D',
    accentColor: '#5225C1',
  }
}

<MagicBell theme={theme} apiKey={...} userEmail={...}>
    {() => <NotificationInbox height={500} />}
</MagicBell>

#95 87b781b Thanks @smeijer! - The total and total_pages props are removed from the following method return types:

• magicbell.broadcasts.list()
• magicbell.broadcasts.notifications.list()
• magicbell.users.list()

The auto pagination methods are updated to support the paginated responses that do not have those fields. Thereby, pagination helpers like .list().forEach(), .list().toArray() and the iterator in for await (const node of method.list()) keep working as before.

#93 5eeee58 Thanks @smeijer! - Publish @magicbell/webpush, this package provides a convenient interface to subscribe to browser/web push notifications using MagicBell.

import { subscribe } from '@magicbell/webpush';

subscribe({
  token: 'jwt-token',
});