https://www.myria.pro/sw.js

1/**
2 * Myria Service Worker - Web Push Notifications
3 *
4 * Handles incoming push events and displays system notifications.
5 * Clicking a notification navigates to the relevant page.
6 */
7
8// eslint-disable-next-line no-restricted-globals
9const sw = self
10
11sw.addEventListener('install', () => {
12  // Activate immediately, don't wait for existing tabs to close
13  sw.skipWaiting()
14})
15
16sw.addEventListener('activate', (event) => {
17  // Claim all open clients so the SW is active immediately
18  event.waitUntil(sw.clients.claim())
19})
20
21/**
22 * Handle incoming push messages.
23 * Expected payload: { title, body, data?: { type, screen, url } }
24 */
25sw.addEventListener('push', (event) => {
26  if (!event.data) return
27
28  let payload
29  try {
30    payload = event.data.json()
31  } catch {
32    // Fall back to text if not JSON
33    payload = {
34      title: 'Myria',
35      body: event.data.text(),
36    }
37  }
38
39  const title = payload.title || payload.notification?.title || 'Myria'
40  const body = payload.body || payload.notification?.body || ''
41  const data = payload.data || {}
42
43  const options = {
44    body,
45    icon: '/icon.png',
46    // Android status-bar icon — MUST be monochrome white-on-transparent.
47    // icon.png is fully opaque so Android's alpha-mask leaves a white square.
48    // badge.png is a silhouette derived from the logo's color mask.
49    badge: '/badge.png',
50    // Exact export jobs replace duplicate ready/failure deliveries without
51    // collapsing unrelated exports from the same account.
52    tag: data.exportJobId || data.type || 'myria-notification',
53    renotify: true,
54    // Slice Q (G20): forward the fields the click handler needs to route
55    // campaign + leaderboard pushes. `campaignId` is the modern key,
56    // `params` is the legacy JSON-stringified mobile shape we still ship
57    // from some helpers (e.g. notifyOneSeatLeft).
58    data: {
59      type: data.type,
60      screen: data.screen,
61      locale: data.locale,
62      url: data.url,
63      campaignId: data.campaignId,
64      params: data.params,
65      storyId: data.storyId,
66      storyTitle: data.storyTitle,
67      exportJobId: data.exportJobId,
68      exportFormat: data.exportFormat,
69      exportAction: data.exportAction,
70    },
71  }
72
73  event.waitUntil(sw.registration.showNotification(title, options))
74})
75
76/**
77 * Handle notification click - open or focus the relevant page.
78 */
79sw.addEventListener('notificationclick', (event) => {
80  event.notification.close()
81
82  const data = event.notification.data || {}
83
84  // Build target URL based on notification type. Slice Q (G20):
85  // CampaignDetail extracts campaignId from data.campaignId or
86  // data.params (JSON-stringified by mobile-shaped payloads).
87  // Leaderboards/StoryInsights/PublishedViewer/etc are screen-name →
88  // web-route translations for campaign-feature pushes that fire
89  // server-side with mobile-first screen names.
90  let targetPath = '/'
91  const uuidRe = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i
92  const isExportType = data.type === 'export_ready' || data.type === 'export_failed'
93  const expectedExportAction = data.type === 'export_ready' ? 'download' : 'retry'
94  const exportLocale = /^[a-z]{2,3}(?:-[A-Za-z]{2,4})?$/.test(String(data.locale || ''))
95    ? data.locale
96    : 'en'
97  const exportLibraryPath = `/${exportLocale}/library`
98  const hasExactExportTarget = isExportType
99    && uuidRe.test(String(data.storyId || ''))
100    && uuidRe.test(String(data.exportJobId || ''))
101    && (data.exportFormat === 'video' || data.exportFormat === 'slideshow_zip')
102    && data.exportAction === expectedExportAction
103
104  if (hasExactExportTarget) {
105    const query = new URLSearchParams({
106      exportStoryId: data.storyId,
107      exportStoryTitle: String(data.storyTitle || '').slice(0, 120),
108      exportJobId: data.exportJobId,
109      exportFormat: data.exportFormat,
110      exportAction: data.exportAction,
111    })
112    targetPath = `${exportLibraryPath}?${query.toString()}`
113  } else if (isExportType) {
114    // Malformed/legacy export payloads may open Library, but never guess an
115    // artifact or job identity.
116    targetPath = exportLibraryPath
117  } else if (data.url) {
118    targetPath = data.url
119  } else if (data.screen === 'CampaignDetail') {

120    let campaignId = data.campaignId || ''
121    if (!campaignId && data.params) {
122      try {
123        const parsed = JSON.parse(data.params)
124        campaignId = parsed?.id || ''
125      } catch {
126        // params wasn't JSON — fall through to lobby.
127      }
128    }
129    targetPath = campaignId ? `/en/campaigns/${encodeURIComponent(campaignId)}` : '/en/campaigns'
130  } else if (data.screen === 'Leaderboards') {
131    targetPath = '/en/leaderboards'
132  } else if (data.screen) {
133    const screenMap = {
134      Library: '/en/library',
135      Profile: '/en/profile',
136      Automations: '/en/automations',
137      Discover: '/en/discover',
138      Billing: '/en/settings/billing',
139      Notifications: '/en/settings/notifications',
140      Auth: '/en/auth',
141      StoryInsights: '/en/library',
142      PublishedViewer: '/en/library',
143      Viewer: '/en/library',
144    }
145    targetPath = screenMap[data.screen] || '/en/library'
146  }
147
148  event.waitUntil(
149    sw.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {
150      // If there's already an open tab, focus it and navigate
151      for (const client of clientList) {
152        if ('focus' in client) {
153          client.focus()
154          client.postMessage({
155            type: 'NOTIFICATION_CLICK',
156            path: targetPath,
157            notificationType: data.type,
158          })
159          return
160        }
161      }
162      // Otherwise, open a new window
163      return sw.clients.openWindow(targetPath)
164    })
165  )
166})