mbnotify-app 1.0.0

package/dist/cjs/index.d.ts

@@ -0,0 +1,16 @@
+export interface NotificationPayload {
+    title?: string;
+    body?: string;
+    icon?: string;
+    image?: string;
+    url?: string;
+    data?: Record<string, any>;
+}
+/**
+ * Request notification permission (Expo)
+ */
+export declare function requestPermission(): Promise<boolean>;
+/**
+ * Subscribe to notifications and return token
+ */
+export declare function getToken(appName: string, brokerUrl?: string): Promise<string>;

package/dist/cjs/index.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.requestPermission = requestPermission;
+exports.getToken = getToken;
+const mqtt_1 = require("mqtt");
+const Notifications = require("expo-notifications");
+const async_storage_1 = require("@react-native-async-storage/async-storage");
+const DEFAULT_BROKER = "wss://broker.hivemq.com:8884/mqtt";
+let client = null;
+/**
+ * Request notification permission (Expo)
+ */
+async function requestPermission() {
+    const { status } = await Notifications.requestPermissionsAsync();
+    return status === "granted";
+}
+/**
+ * Generate or retrieve device token
+ */
+async function generateToken() {
+    let token = await async_storage_1.default.getItem("mbnotify_token");
+    if (!token) {
+        token =
+            "dev_" +
+                Math.random().toString(36).substring(2) +
+                Date.now().toString(36);
+        await async_storage_1.default.setItem("mbnotify_token", token);
+    }
+    return token;
+}
+/**
+ * Connect MQTT broker
+ */
+function connectMQTT(brokerUrl) {
+    if (client)
+        return client;
+    client = mqtt_1.default.connect(brokerUrl, {
+        reconnectPeriod: 5000,
+        connectTimeout: 10000
+    });
+    client.on("connect", () => {
+        console.log("mbnotify app connected");
+    });
+    client.on("error", (err) => {
+        console.error("MQTT error:", err);
+    });
+    return client;
+}
+/**
+ * Show notification using Expo
+ */
+async function showNotification(payload) {
+    await Notifications.scheduleNotificationAsync({
+        content: {
+            title: payload.title || "",
+            body: payload.body || "",
+            data: payload.data || {}
+        },
+        trigger: null
+    });
+}
+/**
+ * Subscribe to notifications and return token
+ */
+async function getToken(appName, brokerUrl = DEFAULT_BROKER) {
+    if (!appName) {
+        throw new Error("appName required");
+    }
+    const token = await generateToken();
+    const topic = `/${appName}/${token}/notification`;
+    const mqttClient = connectMQTT(brokerUrl);
+    mqttClient.subscribe(topic);
+    console.log("Subscribed:", topic);
+    mqttClient.on("message", async (_, message) => {
+        try {
+            const payload = JSON.parse(message.toString());
+            await showNotification(payload);
+        }
+        catch (err) {
+            console.error("Invalid notification payload", err);
+        }
+    });
+    return token;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,16 @@
+export interface NotificationPayload {
+    title?: string;
+    body?: string;
+    icon?: string;
+    image?: string;
+    url?: string;
+    data?: Record<string, any>;
+}
+/**
+ * Request notification permission (Expo)
+ */
+export declare function requestPermission(): Promise<boolean>;
+/**
+ * Subscribe to notifications and return token
+ */
+export declare function getToken(appName: string, brokerUrl?: string): Promise<string>;

package/dist/esm/index.js

@@ -0,0 +1,80 @@
+import mqtt from "mqtt";
+import * as Notifications from "expo-notifications";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+const DEFAULT_BROKER = "wss://broker.hivemq.com:8884/mqtt";
+let client = null;
+/**
+ * Request notification permission (Expo)
+ */
+export async function requestPermission() {
+    const { status } = await Notifications.requestPermissionsAsync();
+    return status === "granted";
+}
+/**
+ * Generate or retrieve device token
+ */
+async function generateToken() {
+    let token = await AsyncStorage.getItem("mbnotify_token");
+    if (!token) {
+        token =
+            "dev_" +
+                Math.random().toString(36).substring(2) +
+                Date.now().toString(36);
+        await AsyncStorage.setItem("mbnotify_token", token);
+    }
+    return token;
+}
+/**
+ * Connect MQTT broker
+ */
+function connectMQTT(brokerUrl) {
+    if (client)
+        return client;
+    client = mqtt.connect(brokerUrl, {
+        reconnectPeriod: 5000,
+        connectTimeout: 10000
+    });
+    client.on("connect", () => {
+        console.log("mbnotify app connected");
+    });
+    client.on("error", (err) => {
+        console.error("MQTT error:", err);
+    });
+    return client;
+}
+/**
+ * Show notification using Expo
+ */
+async function showNotification(payload) {
+    await Notifications.scheduleNotificationAsync({
+        content: {
+            title: payload.title || "",
+            body: payload.body || "",
+            data: payload.data || {}
+        },
+        trigger: null
+    });
+}
+/**
+ * Subscribe to notifications and return token
+ */
+export async function getToken(appName, brokerUrl = DEFAULT_BROKER) {
+    if (!appName) {
+        throw new Error("appName required");
+    }
+    const token = await generateToken();
+    const topic = `/${appName}/${token}/notification`;
+    const mqttClient = connectMQTT(brokerUrl);
+    mqttClient.subscribe(topic);
+    console.log("Subscribed:", topic);
+    mqttClient.on("message", async (_, message) => {
+        try {
+            const payload = JSON.parse(message.toString());
+            await showNotification(payload);
+        }
+        catch (err) {
+            console.error("Invalid notification payload", err);
+        }
+    });
+    return token;
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "mbnotify-app",
+  "version": "1.0.0",
+  "description": "React Native (Expo) client for mbnotify MQTT push notifications",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc -p tsconfig.cjs.json"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "keywords": [
+    "mqtt",
+    "expo",
+    "react-native",
+    "push-notification",
+    "mbnotify"
+  ],
+  "author": "Manoj Gowda",
+  "license": "ISC",
+  "dependencies": {
+    "mqtt": "^5.15.0",
+    "expo-notifications": "^0.28.0",
+    "@react-native-async-storage/async-storage": "^1.23.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  }
+}

package/src/index.ts

@@ -0,0 +1,127 @@
+import mqtt from "mqtt";
+import * as Notifications from "expo-notifications";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+const DEFAULT_BROKER = "wss://broker.hivemq.com:8884/mqtt";
+
+let client: mqtt.MqttClient | null = null;
+
+export interface NotificationPayload {
+  title?: string
+  body?: string
+  icon?: string
+  image?: string
+  url?: string
+  data?: Record<string, any>
+}
+
+/**
+ * Request notification permission (Expo)
+ */
+export async function requestPermission(): Promise<boolean> {
+
+  const { status } = await Notifications.requestPermissionsAsync();
+
+  return status === "granted";
+}
+
+/**
+ * Generate or retrieve device token
+ */
+async function generateToken(): Promise<string> {
+
+  let token = await AsyncStorage.getItem("mbnotify_token");
+
+  if (!token) {
+
+    token =
+      "dev_" +
+      Math.random().toString(36).substring(2) +
+      Date.now().toString(36);
+
+    await AsyncStorage.setItem("mbnotify_token", token);
+  }
+
+  return token;
+}
+
+/**
+ * Connect MQTT broker
+ */
+function connectMQTT(brokerUrl: string): mqtt.MqttClient {
+
+  if (client) return client;
+
+  client = mqtt.connect(brokerUrl, {
+    reconnectPeriod: 5000,
+    connectTimeout: 10000
+  });
+
+  client.on("connect", () => {
+    console.log("mbnotify app connected");
+  });
+
+  client.on("error", (err) => {
+    console.error("MQTT error:", err);
+  });
+
+  return client;
+}
+
+/**
+ * Show notification using Expo
+ */
+async function showNotification(payload: NotificationPayload) {
+
+  await Notifications.scheduleNotificationAsync({
+    content: {
+      title: payload.title || "",
+      body: payload.body || "",
+      data: payload.data || {}
+    },
+    trigger: null
+  });
+
+}
+
+/**
+ * Subscribe to notifications and return token
+ */
+export async function getToken(
+  appName: string,
+  brokerUrl: string = DEFAULT_BROKER
+): Promise<string> {
+
+  if (!appName) {
+    throw new Error("appName required");
+  }
+
+  const token = await generateToken();
+
+  const topic = `/${appName}/${token}/notification`;
+
+  const mqttClient = connectMQTT(brokerUrl);
+
+  mqttClient.subscribe(topic);
+
+  console.log("Subscribed:", topic);
+
+  mqttClient.on("message", async (_, message) => {
+
+    try {
+
+      const payload: NotificationPayload =
+        JSON.parse(message.toString());
+
+      await showNotification(payload);
+
+    } catch (err) {
+
+      console.error("Invalid notification payload", err);
+
+    }
+
+  });
+
+  return token;
+}

package/tsconfig.cjs.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist/cjs"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "outDir": "dist/esm",
+    "declaration": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}