@saltcorn/mobile-app 1.3.0-beta.9 → 1.3.1-beta.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saltcorn/mobile-app",
   "displayName": "Saltcorn mobile app",
-  "version": "1.3.0-beta.9",
+  "version": "1.3.1-beta.0",
   "description": "Saltcorn mobile app for Android and iOS",
   "main": "index.js",
   "scripts": {

package/src/helpers/auth.js

@@ -7,6 +7,10 @@ import { router } from "../routing/index";
 import { getLastOfflineSession, deleteOfflineData, sync } from "./offline_mode";
 import { addRoute, replaceIframe } from "../helpers/navigation";
 import { showAlerts } from "./common";
+import {
+  initPushNotifications,
+  unregisterPushNotifications,
+} from "../helpers/notifications";
 
 async function loginRequest({ email, password, isSignup, isPublic }) {
   const opts = isPublic
@@ -70,6 +74,11 @@ export async function login({ email, password, entryPoint, isSignup }) {
         }
       }
     }
+    if (config.user.attributes?.notify_push) {
+      initPushNotifications();
+    } else {
+      await unregisterPushNotifications();
+    }
     alerts.push({
       type: "success",
       msg: i18next.t("Welcome, %s!", {

package/src/helpers/common.js

@@ -42,10 +42,10 @@ export function showAlerts(alerts, toast = true) {
     }
     const successIds = [];
     area.innerHTML = "";
-    for (const { type, msg } of alerts) {
+    for (const { type, msg, title } of alerts) {
       if (toast) {
         const rndid = `tab${Math.floor(Math.random() * 16777215).toString(16)}`;
-        area.innerHTML += saltcorn.markup.toast(type, msg, rndid);
+        area.innerHTML += saltcorn.markup.toast(type, msg, rndid, title);
         if (type === "success") successIds.push(rndid);
       } else area.innerHTML += saltcorn.markup.alert(type, msg);
     }

package/src/helpers/notifications.js

@@ -0,0 +1,86 @@
+import { Capacitor } from "@capacitor/core";
+import { apiCall } from "./api";
+import { showAlerts } from "./common";
+
+async function loadNotificationsPlugin() {
+  try {
+    const { PushNotifications } = await import("@capacitor/push-notifications");
+    return PushNotifications;
+  } catch (error) {
+    console.warn("Error loading PushNotifications plugin:", error);
+    return null;
+  }
+}
+
+async function loadDevicePlugin() {
+  try {
+    const { Device } = await import("@capacitor/device");
+    return Device;
+  } catch (error) {
+    console.warn("Error loading Device plugin:", error);
+    return null;
+  }
+}
+
+async function uploadFcmToken(token, deviceId) {
+  try {
+    const response = await apiCall({
+      method: "POST",
+      path: "/notifications/fcm-token",
+      body: { token, deviceId },
+    });
+    const data = response.data;
+    if (data.success.success === "ok")
+      console.log("Token uploaded successfully:", data);
+    else console.error("Unable to upload token:", data);
+  } catch (error) {
+    console.error("Error uploading token:", error);
+  }
+}
+
+export async function initPushNotifications() {
+  const PushNotifications = await loadNotificationsPlugin();
+  if (Capacitor.getPlatform() !== "web" && PushNotifications) {
+    const { Device } = await loadDevicePlugin();
+    const permStatus = await PushNotifications.requestPermissions();
+    if (permStatus.receive === "granted") {
+      await PushNotifications.register();
+      PushNotifications.addListener("registration", async (token) => {
+        const { identifier } = await Device.getId();
+        await uploadFcmToken(token.value, identifier);
+      });
+
+      PushNotifications.addListener("registrationError", (err) => {
+        console.error("Push registration error:", err);
+      });
+
+      PushNotifications.addListener(
+        "pushNotificationReceived",
+        (notification) => {
+          console.log("Push received in foreground:", notification);
+          showAlerts([
+            {
+              type: "info",
+              msg: notification.body,
+              title: notification.title,
+            },
+          ]);
+        }
+      );
+    } else {
+      console.warn("Push notification permission not granted");
+    }
+  }
+}
+
+export async function unregisterPushNotifications() {
+  const PushNotifications = await loadNotificationsPlugin();
+  if (Capacitor.getPlatform() !== "web" && PushNotifications) {
+    try {
+      await PushNotifications.unregister();
+      console.log("Push notifications unregistered successfully");
+    } catch (error) {
+      console.error("Error unregistering push notifications:", error);
+    }
+  }
+}

package/src/index.js

@@ -2,6 +2,7 @@ import { init } from "./init";
 import * as api from "./helpers/api";
 import * as auth from "./helpers/auth";
 import * as common from "./helpers/common";
+import * as notifications from "./helpers/notifications";
 import * as fileSystem from "./helpers/file_system";
 import * as navigation from "./helpers/navigation";
 import * as offlineMode from "./helpers/offline_mode";
@@ -20,6 +21,7 @@ export const mobileApp = {
   api,
   auth,
   common,
+  notifications,
   fileSystem,
   navigation: { ...navigation, router },
   offlineMode,