Angular — الإشعارات

cp node_modules/@lerix-dev/lerix-core/sw/lerix-sw.js your-app/public/lerix-sw.js

import { Component, inject } from '@angular/core';
import { LerixService } from '@lerix-dev/lerix-angular';

@Component({ ... })
export class MyComponent {
  private readonly lerix = inject(LerixService);

  constructor() {
    this.lerix.notifications.setOnNotificationReceived((payload) => {
      // يُستدعى أثناء فتح التبويب.
      console.log(payload.title, payload.body);
    });

    this.lerix.notifications.setOnNotificationTapped((payload) => {
      // يُستدعى عند ضغط المستخدم على الإشعار — بما في ذلك إشعار فتح
      // الصفحة من تبويب مُغلَق تماماً.
      const screen = payload.metadata['screen'];
    });
  }

  async enablePush() {
    const subscribed = await this.lerix.notifications.subscribe();
  }
}

interface LerixNotificationPayload {
  notificationId: string | null;
  title: string | null;
  body: string | null;
  metadata: Record<string, unknown>;
  imageUrl: string | null;
}

const tokenId = this.lerix.notifications.getRegisteredTokenId();

{
  "title": "New message from John",
  "body": "Hey, are you free later?",
  "metadata": { "chatId": "456", "screen": "chat" }
}

this.lerix.notifications.setOnNotificationTapped((payload) => {
  const chatId = payload.metadata['chatId'];
});

await this.lerix.setUser('user_123'); // after login
await this.lerix.clearUser();         // on logout

await this.lerix.notifications.subscribeToTopic('promotions');
await this.lerix.notifications.unsubscribeFromTopic('promotions');