118 lines
2.8 KiB
JavaScript
118 lines
2.8 KiB
JavaScript
import { writable } from 'svelte/store';
|
|
|
|
export const firebaseToken = writable('');
|
|
export const loadingFirst = writable(true);
|
|
export const loading = writable(false);
|
|
export const notificationSupported = writable(false);
|
|
export const notificationAllowed = writable(true);
|
|
|
|
const firebaseConfig = {
|
|
apiKey: __paimon.env.FIREBASE_API_KEY,
|
|
authDomain: __paimon.env.FIREBASE_AUTH_DOMAIN,
|
|
projectId: __paimon.env.FIREBASE_PROJECT_ID,
|
|
storageBucket: __paimon.env.FIREBASE_STORAGE_BUCKET,
|
|
messagingSenderId: __paimon.env.FIREBASE_MESSAGING_SENDER_ID,
|
|
appId: __paimon.env.FIREBASE_APP_ID,
|
|
};
|
|
|
|
let messaging;
|
|
|
|
export async function firstLoadNotification() {
|
|
console.log('first load notification');
|
|
|
|
const isSupported = 'Notification' in window;
|
|
notificationSupported.set(isSupported);
|
|
loadingFirst.set(false);
|
|
|
|
if (!isSupported) {
|
|
return;
|
|
}
|
|
|
|
if (Notification.permission === 'granted') {
|
|
await initFirebase();
|
|
} else if (Notification.permission === 'denied') {
|
|
notificationAllowed.set(false);
|
|
}
|
|
}
|
|
|
|
export async function requestPermission() {
|
|
console.log('request permission');
|
|
|
|
if (Notification.permission === 'granted') {
|
|
if (messaging) {
|
|
await getToken();
|
|
} else {
|
|
await initFirebase();
|
|
}
|
|
} else {
|
|
loading.set(true);
|
|
|
|
const result = await Notification.requestPermission();
|
|
|
|
const allowed = result === 'granted';
|
|
notificationAllowed.set(allowed);
|
|
|
|
if (allowed) {
|
|
await initFirebase();
|
|
} else {
|
|
loading.set(false);
|
|
}
|
|
}
|
|
}
|
|
|
|
async function initFirebase() {
|
|
console.log('init firebase');
|
|
|
|
if (!messaging) {
|
|
firebase.initializeApp(firebaseConfig);
|
|
messaging = firebase.messaging();
|
|
}
|
|
|
|
await getToken();
|
|
}
|
|
|
|
async function getToken() {
|
|
console.log('request token');
|
|
|
|
try {
|
|
const token = await messaging.getToken({
|
|
vapidKey: 'BA6niiIWa_QP2SXMTjS8gBtM3M7m0q0n0_ZWjECw3Z_iEFujzPG2VdAAvNFJ5btbgpEiRe2B80M4QKxRSxtmvDw',
|
|
});
|
|
|
|
if (token) {
|
|
firebaseToken.set(token);
|
|
loading.set(false);
|
|
console.log(token);
|
|
handleForegroundNotification();
|
|
return token;
|
|
} else {
|
|
await requestPermission();
|
|
}
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
|
|
function handleForegroundNotification() {
|
|
console.log('handle foreground notification');
|
|
|
|
messaging.onMessage((payload) => {
|
|
console.log('Received foreground message ', payload);
|
|
|
|
navigator.serviceWorker.getRegistration('/firebase-cloud-messaging-push-scope').then((registration) => {
|
|
const { title, body, url } = payload.data;
|
|
|
|
const notificationTitle = title;
|
|
const notificationOptions = {
|
|
body,
|
|
icon: '/favicon.png',
|
|
data: {
|
|
url,
|
|
},
|
|
};
|
|
|
|
registration.showNotification(notificationTitle, notificationOptions);
|
|
});
|
|
});
|
|
}
|