feat: PWA Support (#1488)

server/routes/user/index.ts

@@ -5,6 +5,7 @@ import PlexTvAPI from '../../api/plextv';
 import { UserType } from '../../constants/user';
 import { MediaRequest } from '../../entity/MediaRequest';
 import { User } from '../../entity/User';
+import { UserPushSubscription } from '../../entity/UserPushSubscription';
 import {
   QuotaResponse,
   UserRequestsResponse,
@@ -127,6 +128,48 @@ router.post(
   }
 );
 
+router.post<
+  never,
+  unknown,
+  {
+    endpoint: string;
+    p256dh: string;
+    auth: string;
+  }
+>('/registerPushSubscription', async (req, res, next) => {
+  try {
+    const userPushSubRepository = getRepository(UserPushSubscription);
+
+    const existingSubs = await userPushSubRepository.find({
+      where: { auth: req.body.auth },
+    });
+
+    if (existingSubs.length > 0) {
+      logger.debug(
+        'User push subscription already exists. Skipping registration.',
+        { label: 'API' }
+      );
+      return res.status(204).send();
+    }
+
+    const userPushSubscription = new UserPushSubscription({
+      auth: req.body.auth,
+      endpoint: req.body.endpoint,
+      p256dh: req.body.p256dh,
+      user: req.user,
+    });
+
+    userPushSubRepository.save(userPushSubscription);
+
+    return res.status(204).send();
+  } catch (e) {
+    logger.error('Failed to register user push subscription', {
+      label: 'API',
+    });
+    next({ status: 500, message: 'Failed to register subscription.' });
+  }
+});
+
 router.get<{ id: string }>('/:id', async (req, res, next) => {
   try {
     const userRepository = getRepository(User);

server/routes/user/usersettings.ts

@@ -7,7 +7,6 @@ import {
   UserSettingsGeneralResponse,
   UserSettingsNotificationsResponse,
 } from '../../interfaces/api/userSettingsInterfaces';
-import { NotificationAgentType } from '../../lib/notifications/agenttypes';
 import { Permission } from '../../lib/permissions';
 import { getSettings } from '../../lib/settings';
 import logger from '../../logger';
@@ -52,6 +51,7 @@ userSettingsRoutes.get<{ id: string }, UserSettingsGeneralResponse>(
 
       return res.status(200).json({
         username: user.username,
+        locale: user.settings?.locale,
         region: user.settings?.region,
         originalLanguage: user.settings?.originalLanguage,
         movieQuotaLimit: user.movieQuotaLimit,
@@ -109,17 +109,24 @@ userSettingsRoutes.post<
     if (!user.settings) {
       user.settings = new UserSettings({
         user: req.user,
+        locale: req.body.locale,
         region: req.body.region,
         originalLanguage: req.body.originalLanguage,
       });
     } else {
-      user.settings.region = req.body.region;
+      (user.settings.locale = req.body.locale),
+        (user.settings.region = req.body.region);
       user.settings.originalLanguage = req.body.originalLanguage;
     }
 
     await userRepository.save(user);
 
-    return res.status(200).json({ username: user.username });
+    return res.status(200).json({
+      username: user.username,
+      region: user.settings.region,
+      locale: user.settings.locale,
+      originalLanguage: user.settings.originalLanguage,
+    });
   } catch (e) {
     next({ status: 500, message: e.message });
   }
@@ -243,8 +250,6 @@ userSettingsRoutes.get<{ id: string }, UserSettingsNotificationsResponse>(
       }
 
       return res.status(200).json({
-        notificationAgents:
-          user.settings?.notificationAgents ?? NotificationAgentType.EMAIL,
         emailEnabled: settings?.notifications.agents.email.enabled,
         pgpKey: user.settings?.pgpKey,
         discordEnabled: settings?.notifications.agents.discord.enabled,
@@ -254,6 +259,8 @@ userSettingsRoutes.get<{ id: string }, UserSettingsNotificationsResponse>(
           settings?.notifications.agents.telegram.options.botUsername,
         telegramChatId: user.settings?.telegramChatId,
         telegramSendSilently: user?.settings?.telegramSendSilently,
+        webPushEnabled: settings?.notifications.agents.webpush.enabled,
+        notificationTypes: user.settings?.notificationTypes ?? {},
       });
     } catch (e) {
       next({ status: 500, message: e.message });
@@ -287,30 +294,32 @@ userSettingsRoutes.post<{ id: string }, UserSettingsNotificationsResponse>(
       if (!user.settings) {
         user.settings = new UserSettings({
           user: req.user,
-          notificationAgents:
-            req.body.notificationAgents ?? NotificationAgentType.EMAIL,
           pgpKey: req.body.pgpKey,
           discordId: req.body.discordId,
           telegramChatId: req.body.telegramChatId,
           telegramSendSilently: req.body.telegramSendSilently,
+          notificationTypes: req.body.notificationTypes,
         });
       } else {
-        user.settings.notificationAgents =
-          req.body.notificationAgents ?? NotificationAgentType.EMAIL;
         user.settings.pgpKey = req.body.pgpKey;
         user.settings.discordId = req.body.discordId;
         user.settings.telegramChatId = req.body.telegramChatId;
         user.settings.telegramSendSilently = req.body.telegramSendSilently;
+        user.settings.notificationTypes = Object.assign(
+          {},
+          user.settings.notificationTypes,
+          req.body.notificationTypes
+        );
       }
 
       userRepository.save(user);
 
       return res.status(200).json({
-        notificationAgents: user.settings?.notificationAgents,
         pgpKey: user.settings?.pgpKey,
         discordId: user.settings?.discordId,
         telegramChatId: user.settings?.telegramChatId,
         telegramSendSilently: user?.settings?.telegramSendSilently,
+        notificationTypes: user.settings.notificationTypes,
       });
     } catch (e) {
       next({ status: 500, message: e.message });