ServiceWorker: Grab the notification and display it with i18n.
This commit is contained in:
parent
a52a393266
commit
5b0190bef5
76
src/sw.js
76
src/sw.js
|
@ -1,6 +1,48 @@
|
|||
/* eslint-env serviceworker */
|
||||
|
||||
import localForage from 'localforage'
|
||||
import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
|
||||
import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
|
||||
import Vue from 'vue'
|
||||
import VueI18n from 'vue-i18n'
|
||||
|
||||
const messages = {
|
||||
ar: require('./i18n/ar.json'),
|
||||
ca: require('./i18n/ca.json'),
|
||||
cs: require('./i18n/cs.json'),
|
||||
de: require('./i18n/de.json'),
|
||||
eo: require('./i18n/eo.json'),
|
||||
es: require('./i18n/es.json'),
|
||||
et: require('./i18n/et.json'),
|
||||
eu: require('./i18n/eu.json'),
|
||||
fi: require('./i18n/fi.json'),
|
||||
fr: require('./i18n/fr.json'),
|
||||
ga: require('./i18n/ga.json'),
|
||||
he: require('./i18n/he.json'),
|
||||
hu: require('./i18n/hu.json'),
|
||||
it: require('./i18n/it.json'),
|
||||
ja: require('./i18n/ja_pedantic.json'),
|
||||
ja_easy: require('./i18n/ja_easy.json'),
|
||||
ko: require('./i18n/ko.json'),
|
||||
nb: require('./i18n/nb.json'),
|
||||
nl: require('./i18n/nl.json'),
|
||||
oc: require('./i18n/oc.json'),
|
||||
pl: require('./i18n/pl.json'),
|
||||
pt: require('./i18n/pt.json'),
|
||||
ro: require('./i18n/ro.json'),
|
||||
ru: require('./i18n/ru.json'),
|
||||
te: require('./i18n/te.json'),
|
||||
zh: require('./i18n/zh.json'),
|
||||
en: require('./i18n/en.json')
|
||||
}
|
||||
|
||||
Vue.use(VueI18n)
|
||||
const i18n = new VueI18n({
|
||||
// By default, use the browser locale, we will update it if neccessary
|
||||
locale: 'en',
|
||||
fallbackLocale: 'en',
|
||||
messages
|
||||
})
|
||||
|
||||
function isEnabled () {
|
||||
return localForage.getItem('vuex-lz')
|
||||
|
@ -12,15 +54,33 @@ function getWindowClients () {
|
|||
.then((clientList) => clientList.filter(({ type }) => type === 'window'))
|
||||
}
|
||||
|
||||
self.addEventListener('push', (event) => {
|
||||
if (event.data) {
|
||||
event.waitUntil(isEnabled().then((isEnabled) => {
|
||||
return isEnabled && getWindowClients().then((list) => {
|
||||
const data = event.data.json()
|
||||
const setLocale = async () => {
|
||||
const state = await localForage.getItem('vuex-lz')
|
||||
const locale = state.config.interfaceLanguage || 'en'
|
||||
i18n.locale = locale
|
||||
}
|
||||
|
||||
if (list.length === 0) return self.registration.showNotification(data.title, data)
|
||||
})
|
||||
}))
|
||||
const maybeShowNotification = async (event) => {
|
||||
const enabled = await isEnabled()
|
||||
const activeClients = await getWindowClients()
|
||||
await setLocale()
|
||||
if (enabled && activeClients) {
|
||||
const data = event.data.json()
|
||||
|
||||
const url = `${self.registration.scope}api/v1/notifications/${data.notification_id}`
|
||||
const notification = await fetch(url, { headers: { Authorization: 'Bearer ' + data.access_token } })
|
||||
let nj = await notification.json()
|
||||
nj = parseNotification(nj)
|
||||
|
||||
const res = prepareNotificationObject(nj, i18n)
|
||||
|
||||
self.registration.showNotification(res.title, res)
|
||||
}
|
||||
}
|
||||
|
||||
self.addEventListener('push', async (event) => {
|
||||
if (event.data) {
|
||||
event.waitUntil(maybeShowNotification(event))
|
||||
}
|
||||
})
|
||||
|
||||
|
|
Loading…
Reference in New Issue