@chatinfra/client 0.0.4 → 0.0.6

package/README.md

@@ -0,0 +1,299 @@
+# ChatInfra SDK - Installation Guide
+
+This guide shows how to install and use the ChatInfra client SDK in:
+- React Native / Expo
+- Web (Browser)
+
+> Recommended: **do NOT ship your org secret key in mobile apps**. For production, mint tokens on your backend and return them to the app.
+> If you're prototyping, client-side token minting can work (as shown below).
+
+---
+
+## 1) Install (React Native / Expo)
+
+### A. Install dependencies
+
+```bash
+pnpm add @chatinfra/client
+pnpm add crypto-js
+pnpm add @pusher/pusher-websocket-react-native
+expo install expo-secure-store
+```
+
+### B. If you're using TypeScript
+```bash
+pnpm add -D @types/crypto-js
+```
+
+### C. Create a client wrapper (drop-in style)
+
+Create `src/services/chat/ChatInfraClient.ts`:
+
+```ts
+import CryptoJS from "crypto-js";
+import * as SecureStore from "expo-secure-store";
+
+import {
+  createChatClient,
+  PusherReactNativeTransport,
+  type Page,
+  type Message,
+  type Conversation,
+  type Identity,
+  type TokenStorage,
+} from "@chatinfra/client";
+
+export type { Identity, Conversation, Message, Page };
+
+type RealtimeCfg = { key: string; cluster: string; force_tls: boolean };
+
+type InitTokenPayload = {
+  widget_slug: string;
+  identity: {
+    external_id: string;
+    type_key: string;
+    fullname?: string | null;
+    email?: string | null;
+  };
+  ttl?: number;
+};
+
+type ClientOpts = {
+  apiBase: string;
+  widgetSlug: string;
+
+  // optional cached token
+  token?: string | null;
+
+  // client-side minting keys (prototype only)
+  orgPublicKey: string;
+  orgSecretKey: string;
+
+  // identity
+  identity: InitTokenPayload["identity"];
+
+  // optional
+  ttl?: number;
+  realtime?: RealtimeCfg | null;
+  tokenStorageKey?: string; // must be SecureStore-safe
+};
+
+function trimSlash(s: string) {
+  return (s || "").replace(/\/+$/, "");
+}
+
+// NOTE: SecureStore keys must be alphanumeric + dot + dash + underscore.
+// Avoid ":" in key names.
+function createExpoTokenStorage(prefix = "chatinfra_"): TokenStorage {
+  const keyOf = (k: string) => `${prefix}${k}`;
+  return {
+    async get(key: string) { return await SecureStore.getItemAsync(keyOf(key)); },
+    async set(key: string, value: string) { await SecureStore.setItemAsync(keyOf(key), value); },
+    async del(key: string) { await SecureStore.deleteItemAsync(keyOf(key)); },
+  };
+}
+
+async function safeJson(res: Response) {
+  const text = await res.text();
+  try { return JSON.parse(text); }
+  catch { throw new Error(`Non-JSON response (status ${res.status}): ${text}`); }
+}
+
+async function mintTokenWithOrgSecret(params: {
+  apiBase: string;
+  widgetSlug: string;
+  identity: InitTokenPayload["identity"];
+  ttl: number;
+  orgPublicKey: string;
+  orgSecretKey: string;
+}): Promise<string> {
+  const payload: InitTokenPayload = {
+    widget_slug: params.widgetSlug,
+    identity: params.identity,
+    ttl: params.ttl,
+  };
+
+  const raw = JSON.stringify(payload);
+  const ts = Math.floor(Date.now() / 1000);
+  const sig = CryptoJS.HmacSHA256(raw, params.orgSecretKey).toString(CryptoJS.enc.Hex);
+
+  const res = await fetch(params.apiBase + "/api/v1/widget/init", {
+    method: "POST",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      "X-ORG-KEY": params.orgPublicKey,
+      "X-TIMESTAMP": String(ts),
+      "X-SIGNATURE": sig,
+    },
+    body: raw,
+  });
+
+  const json = await safeJson(res);
+  if (!json?.ok) throw new Error(json?.message || "Failed to mint token");
+
+  const t = json?.data?.token || json?.data?.access_token;
+  if (!t) throw new Error("Token missing in response");
+  return String(t);
+}
+
+export class ChatInfraClient {
+  private sdk: ReturnType<typeof createChatClient>;
+  private me: Identity | null = null;
+  private rt: RealtimeCfg | null = null;
+
+  private storage: TokenStorage;
+  private tokenStorageKey: string;
+  private apiBase: string;
+
+  constructor(private opts: ClientOpts) {
+    this.apiBase = trimSlash(opts.apiBase);
+    this.storage = createExpoTokenStorage();
+    this.tokenStorageKey = opts.tokenStorageKey || "chatinfra_token"; // must be SecureStore-safe
+
+    this.sdk = createChatClient({
+      baseUrl: this.apiBase,
+      widgetSlug: opts.widgetSlug,
+
+      identity: {
+        externalId: opts.identity.external_id,
+        typeKey: opts.identity.type_key,
+        fullname: opts.identity.fullname ?? undefined,
+        email: opts.identity.email ?? undefined,
+      },
+
+      storage: this.storage,
+      tokenStorageKey: this.tokenStorageKey,
+
+      realtimeTransport: new PusherReactNativeTransport(),
+
+      tokenProvider: async () => {
+        if (opts.token) return String(opts.token);
+
+        const cached = await this.storage.get(this.tokenStorageKey);
+        if (cached) return cached;
+
+        const token = await mintTokenWithOrgSecret({
+          apiBase: this.apiBase,
+          widgetSlug: opts.widgetSlug,
+          identity: opts.identity,
+          ttl: typeof opts.ttl === "number" ? opts.ttl : 3600,
+          orgPublicKey: opts.orgPublicKey,
+          orgSecretKey: opts.orgSecretKey,
+        });
+
+        await this.storage.set(this.tokenStorageKey, token);
+        return token;
+      },
+    });
+
+    if (opts.realtime) {
+      this.sdk.setRealtimeConfig({
+        key: opts.realtime.key,
+        cluster: opts.realtime.cluster,
+        force_tls: !!opts.realtime.force_tls,
+      });
+      this.rt = opts.realtime;
+    }
+  }
+
+  async init() {
+    const info = await this.sdk.init();
+    this.me = info.me;
+
+    this.rt = info.realtime
+      ? ({ key: info.realtime.key, cluster: info.realtime.cluster, force_tls: !!info.realtime.force_tls } as any)
+      : (this.opts.realtime ?? null);
+
+    return { me: this.me!, realtime: this.rt, token: info.token };
+  }
+
+  async listConversations(cursor?: string | null) { return await this.sdk.listConversations(cursor ?? null); }
+  async listMessages(conversationId: number, cursor?: string | null) { return await this.sdk.listMessages(conversationId, cursor ?? null); }
+  async sendMessage(conversationId: number, body: string) { return await this.sdk.sendMessage(conversationId, body); }
+  async subscribeConversation(conversationId: number, handlers: any) { return await this.sdk.subscribeConversation(conversationId, handlers); }
+  async triggerTyping(conversationId: number, payload: any) { return await this.sdk.triggerTyping(conversationId, payload); }
+  async disconnect() { await this.sdk.disconnect(); }
+  getMe() { return this.me; }
+}
+```
+
+### D. Use it in your screen (same constructor shape)
+
+```ts
+const client = new ChatInfraClient({
+  apiBase: "https://your-chatinfra-domain.com",
+  widgetSlug: "drivon_customer",
+  token: cachedToken,
+
+  orgPublicKey: "pk_...",
+  orgSecretKey: "sk_...",
+
+  identity: {
+    external_id: "customer_123",
+    type_key: "customer",
+    fullname: "Ebuka Mbanusi",
+    email: "frankemmanuel249@gmail.com",
+  },
+});
+```
+
+---
+
+## 2) Install (Web)
+
+### A. Install dependencies
+
+```bash
+pnpm add @chatinfra/client
+pnpm add pusher-js
+```
+
+### B. If you ever see `@react-native-community/netinfo` in the import stack
+That means the **React Native build accidentally imported the web Pusher transport** (which uses `pusher-js/dist/react-native`).
+
+Fix:
+- In React Native, only use `PusherReactNativeTransport` and ensure you're importing from the RN entry (or from `@chatinfra/client` if it already exports the RN transport).
+- Remove `@chatinfra/realtime-pusher-web` from your RN dependency graph.
+
+---
+
+## 3) Troubleshooting
+
+### SecureStore: "Invalid key provided..."
+Expo SecureStore only accepts keys containing:
+- letters and numbers
+- `.`, `-`, `_`
+
+So these are invalid:
+- `chatinfra:token`  (contains `:`)
+
+Use safe keys like:
+- `chatinfra_token`
+- `chatinfra.token`
+- `chatinfra-token`
+
+In the wrapper above we use a safe prefix `chatinfra_`.
+
+### Conversations not listing but no error
+- Log your network calls:
+  - `/api/v1/widget/init` (token mint)
+  - `/api/v1/me`
+  - `/api/v1/conversations`
+- If `/api/v1/sdk/config` does not exist, pass `realtime` config in the constructor OR add that endpoint in your backend.
+
+---
+
+## 4) Minimal backend endpoints expected by the SDK
+
+- `POST /api/v1/widget/init` (if minting in client)
+- `GET /api/v1/me`
+- `GET /api/v1/conversations`
+- `GET /api/v1/conversations/{id}/messages`
+- `POST /api/v1/conversations/{id}/messages`
+- `POST /api/v1/broadcast/auth` (Pusher channel auth)
+
+---
+
+## License / Notes
+For production mobile apps, move token minting to your backend to avoid exposing org secrets.

package/dist/index.d.mts

@@ -1,4 +1,3 @@
 export * from '@chatinfra/sdk';
-import '@chatinfra/realtime-pusher-rn';
 import '@chatinfra/realtime-pusher-web';
 import '@chatinfra/storage-web';

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export * from '@chatinfra/sdk';
-import '@chatinfra/realtime-pusher-rn';
 import '@chatinfra/realtime-pusher-web';
 import '@chatinfra/storage-web';

package/dist/react-native.d.mts

@@ -1,2 +1,24 @@
+import { RealtimeTransport } from '@chatinfra/sdk';
 export * from '@chatinfra/sdk';
-export * from '@chatinfra/realtime-pusher-rn';
+
+declare class PusherReactNativeTransport implements RealtimeTransport {
+    private pusher;
+    private inited;
+    private connected;
+    private subscribed;
+    private onDebug?;
+    init(cfg: {
+        key: string;
+        cluster: string;
+        forceTLS: boolean;
+        authorizer: (channelName: string, socketId: string) => Promise<any>;
+        onDebug?: (msg: string, data?: any) => void;
+    }): Promise<void>;
+    connect(): Promise<void>;
+    subscribe(channelName: string, onEvent: (eventName: string, data: any) => void): Promise<void>;
+    unsubscribe(channelName: string): Promise<void>;
+    trigger(channelName: string, eventName: string, data: any): Promise<void>;
+    disconnect(): Promise<void>;
+}
+
+export { PusherReactNativeTransport };

package/dist/react-native.d.ts

@@ -1,2 +1,24 @@
+import { RealtimeTransport } from '@chatinfra/sdk';
 export * from '@chatinfra/sdk';
-export * from '@chatinfra/realtime-pusher-rn';
+
+declare class PusherReactNativeTransport implements RealtimeTransport {
+    private pusher;
+    private inited;
+    private connected;
+    private subscribed;
+    private onDebug?;
+    init(cfg: {
+        key: string;
+        cluster: string;
+        forceTLS: boolean;
+        authorizer: (channelName: string, socketId: string) => Promise<any>;
+        onDebug?: (msg: string, data?: any) => void;
+    }): Promise<void>;
+    connect(): Promise<void>;
+    subscribe(channelName: string, onEvent: (eventName: string, data: any) => void): Promise<void>;
+    unsubscribe(channelName: string): Promise<void>;
+    trigger(channelName: string, eventName: string, data: any): Promise<void>;
+    disconnect(): Promise<void>;
+}
+
+export { PusherReactNativeTransport };

package/dist/react-native.js

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -16,12 +20,102 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/react-native.ts
 var react_native_exports = {};
+__export(react_native_exports, {
+  PusherReactNativeTransport: () => PusherReactNativeTransport
+});
 module.exports = __toCommonJS(react_native_exports);
 __reExport(react_native_exports, require("@chatinfra/sdk"), module.exports);
-__reExport(react_native_exports, require("@chatinfra/realtime-pusher-rn"), module.exports);
+
+// src/transports/pusher-react-native.ts
+var import_pusher_websocket_react_native = require("@pusher/pusher-websocket-react-native");
+var PusherReactNativeTransport = class {
+  constructor() {
+    this.pusher = import_pusher_websocket_react_native.Pusher.getInstance();
+    this.inited = false;
+    this.connected = false;
+    this.subscribed = /* @__PURE__ */ new Set();
+  }
+  async init(cfg) {
+    if (this.inited) return;
+    this.onDebug = cfg.onDebug;
+    await this.pusher.init({
+      apiKey: cfg.key,
+      cluster: cfg.cluster,
+      useTLS: !!cfg.forceTLS,
+      onAuthorizer: async (channelName, socketId) => {
+        this.onDebug?.("authorizer", { channelName, socketId });
+        return await cfg.authorizer(channelName, socketId);
+      }
+    });
+    this.inited = true;
+  }
+  async connect() {
+    if (!this.inited || this.connected) return;
+    try {
+      await this.pusher.connect();
+      this.connected = true;
+    } catch (e) {
+      this.onDebug?.("connect_failed", e);
+      throw e;
+    }
+  }
+  async subscribe(channelName, onEvent) {
+    if (!this.inited) throw new Error("PusherReactNativeTransport not initialized");
+    if (!this.connected) await this.connect();
+    if (this.subscribed.has(channelName)) return;
+    await this.pusher.subscribe({
+      channelName,
+      onEvent: (event) => {
+        let data = event.data;
+        try {
+          data = typeof data === "string" ? JSON.parse(data) : data;
+        } catch {
+        }
+        onEvent(event.eventName, data);
+      }
+    });
+    this.subscribed.add(channelName);
+  }
+  async unsubscribe(channelName) {
+    if (!this.inited) return;
+    if (!this.subscribed.has(channelName)) return;
+    try {
+      await this.pusher.unsubscribe({ channelName });
+    } catch (e) {
+      this.onDebug?.("unsubscribe_failed", e);
+    } finally {
+      this.subscribed.delete(channelName);
+    }
+  }
+  async trigger(channelName, eventName, data) {
+    if (!this.inited || !this.connected) return;
+    try {
+      await this.pusher.trigger({ channelName, eventName, data });
+    } catch (e) {
+      this.onDebug?.("trigger_failed", e);
+    }
+  }
+  async disconnect() {
+    if (!this.inited || !this.connected) return;
+    try {
+      for (const ch of Array.from(this.subscribed)) {
+        try {
+          await this.pusher.unsubscribe({ channelName: ch });
+        } catch {
+        }
+      }
+      this.subscribed.clear();
+      await this.pusher.disconnect();
+    } catch (e) {
+      this.onDebug?.("disconnect_failed", e);
+    } finally {
+      this.connected = false;
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@chatinfra/sdk"),
-  ...require("@chatinfra/realtime-pusher-rn")
+  PusherReactNativeTransport,
+  ...require("@chatinfra/sdk")
 });
 //# sourceMappingURL=react-native.js.map

package/dist/react-native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react-native.ts"],"sourcesContent":["export * from \"@chatinfra/sdk\";\nexport * from \"@chatinfra/realtime-pusher-rn\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,2BAAd;AACA,iCAAc,0CADd;","names":[]}
+{"version":3,"sources":["../src/react-native.ts","../src/transports/pusher-react-native.ts"],"sourcesContent":["// packages/client/src/react-native.ts\nexport * from \"@chatinfra/sdk\";\nexport { PusherReactNativeTransport } from \"./transports/pusher-react-native\";\n","// packages/client/src/transports/pusher-react-native.ts\nimport { Pusher, type PusherEvent } from \"@pusher/pusher-websocket-react-native\";\nimport type { RealtimeTransport } from \"@chatinfra/sdk\";\n\nexport class PusherReactNativeTransport implements RealtimeTransport {\n  private pusher = Pusher.getInstance();\n  private inited = false;\n  private connected = false;\n  private subscribed = new Set<string>();\n  private onDebug?: (msg: string, data?: any) => void;\n\n  async init(cfg: {\n    key: string;\n    cluster: string;\n    forceTLS: boolean;\n    authorizer: (channelName: string, socketId: string) => Promise<any>;\n    onDebug?: (msg: string, data?: any) => void;\n  }) {\n    if (this.inited) return;\n\n    this.onDebug = cfg.onDebug;\n\n    await this.pusher.init({\n      apiKey: cfg.key,\n      cluster: cfg.cluster,\n      useTLS: !!cfg.forceTLS,\n      onAuthorizer: async (channelName: string, socketId: string) => {\n        this.onDebug?.(\"authorizer\", { channelName, socketId });\n        return await cfg.authorizer(channelName, socketId);\n      },\n    });\n\n    this.inited = true;\n  }\n\n  async connect() {\n    if (!this.inited || this.connected) return;\n    try {\n      await this.pusher.connect();\n      this.connected = true;\n    } catch (e) {\n      this.onDebug?.(\"connect_failed\", e);\n      throw e;\n    }\n  }\n\n  async subscribe(channelName: string, onEvent: (eventName: string, data: any) => void) {\n    if (!this.inited) throw new Error(\"PusherReactNativeTransport not initialized\");\n    if (!this.connected) await this.connect();\n    if (this.subscribed.has(channelName)) return;\n\n    await this.pusher.subscribe({\n      channelName,\n      onEvent: (event: PusherEvent) => {\n        let data: any = event.data;\n        try {\n          data = typeof data === \"string\" ? JSON.parse(data) : data;\n        } catch {}\n        onEvent(event.eventName, data);\n      },\n    });\n\n    this.subscribed.add(channelName);\n  }\n\n  async unsubscribe(channelName: string) {\n    if (!this.inited) return;\n    if (!this.subscribed.has(channelName)) return;\n\n    try {\n      await this.pusher.unsubscribe({ channelName });\n    } catch (e) {\n      // ignore native edge cases\n      this.onDebug?.(\"unsubscribe_failed\", e);\n    } finally {\n      this.subscribed.delete(channelName);\n    }\n  }\n\n  async trigger(channelName: string, eventName: string, data: any) {\n    if (!this.inited || !this.connected) return;\n    try {\n      await this.pusher.trigger({ channelName, eventName, data });\n    } catch (e) {\n      this.onDebug?.(\"trigger_failed\", e);\n    }\n  }\n\n  async disconnect() {\n    // ✅ avoid crash: don't call native disconnect if never connected\n    if (!this.inited || !this.connected) return;\n\n    try {\n      // unsubscribe defensively\n      for (const ch of Array.from(this.subscribed)) {\n        try {\n          await this.pusher.unsubscribe({ channelName: ch });\n        } catch {}\n      }\n      this.subscribed.clear();\n\n      await this.pusher.disconnect();\n    } catch (e) {\n      // ✅ swallow native disconnect crash scenarios\n      this.onDebug?.(\"disconnect_failed\", e);\n    } finally {\n      this.connected = false;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iCAAc,2BADd;;;ACCA,2CAAyC;AAGlC,IAAM,6BAAN,MAA8D;AAAA,EAA9D;AACL,SAAQ,SAAS,4CAAO,YAAY;AACpC,SAAQ,SAAS;AACjB,SAAQ,YAAY;AACpB,SAAQ,aAAa,oBAAI,IAAY;AAAA;AAAA,EAGrC,MAAM,KAAK,KAMR;AACD,QAAI,KAAK,OAAQ;AAEjB,SAAK,UAAU,IAAI;AAEnB,UAAM,KAAK,OAAO,KAAK;AAAA,MACrB,QAAQ,IAAI;AAAA,MACZ,SAAS,IAAI;AAAA,MACb,QAAQ,CAAC,CAAC,IAAI;AAAA,MACd,cAAc,OAAO,aAAqB,aAAqB;AAC7D,aAAK,UAAU,cAAc,EAAE,aAAa,SAAS,CAAC;AACtD,eAAO,MAAM,IAAI,WAAW,aAAa,QAAQ;AAAA,MACnD;AAAA,IACF,CAAC;AAED,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,MAAM,UAAU;AACd,QAAI,CAAC,KAAK,UAAU,KAAK,UAAW;AACpC,QAAI;AACF,YAAM,KAAK,OAAO,QAAQ;AAC1B,WAAK,YAAY;AAAA,IACnB,SAAS,GAAG;AACV,WAAK,UAAU,kBAAkB,CAAC;AAClC,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,UAAU,aAAqB,SAAiD;AACpF,QAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,4CAA4C;AAC9E,QAAI,CAAC,KAAK,UAAW,OAAM,KAAK,QAAQ;AACxC,QAAI,KAAK,WAAW,IAAI,WAAW,EAAG;AAEtC,UAAM,KAAK,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS,CAAC,UAAuB;AAC/B,YAAI,OAAY,MAAM;AACtB,YAAI;AACF,iBAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI;AAAA,QACvD,QAAQ;AAAA,QAAC;AACT,gBAAQ,MAAM,WAAW,IAAI;AAAA,MAC/B;AAAA,IACF,CAAC;AAED,SAAK,WAAW,IAAI,WAAW;AAAA,EACjC;AAAA,EAEA,MAAM,YAAY,aAAqB;AACrC,QAAI,CAAC,KAAK,OAAQ;AAClB,QAAI,CAAC,KAAK,WAAW,IAAI,WAAW,EAAG;AAEvC,QAAI;AACF,YAAM,KAAK,OAAO,YAAY,EAAE,YAAY,CAAC;AAAA,IAC/C,SAAS,GAAG;AAEV,WAAK,UAAU,sBAAsB,CAAC;AAAA,IACxC,UAAE;AACA,WAAK,WAAW,OAAO,WAAW;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,MAAM,QAAQ,aAAqB,WAAmB,MAAW;AAC/D,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAW;AACrC,QAAI;AACF,YAAM,KAAK,OAAO,QAAQ,EAAE,aAAa,WAAW,KAAK,CAAC;AAAA,IAC5D,SAAS,GAAG;AACV,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,MAAM,aAAa;AAEjB,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAW;AAErC,QAAI;AAEF,iBAAW,MAAM,MAAM,KAAK,KAAK,UAAU,GAAG;AAC5C,YAAI;AACF,gBAAM,KAAK,OAAO,YAAY,EAAE,aAAa,GAAG,CAAC;AAAA,QACnD,QAAQ;AAAA,QAAC;AAAA,MACX;AACA,WAAK,WAAW,MAAM;AAEtB,YAAM,KAAK,OAAO,WAAW;AAAA,IAC/B,SAAS,GAAG;AAEV,WAAK,UAAU,qBAAqB,CAAC;AAAA,IACvC,UAAE;AACA,WAAK,YAAY;AAAA,IACnB;AAAA,EACF;AACF;","names":[]}

package/dist/react-native.mjs

@@ -1,4 +1,94 @@
 // src/react-native.ts
 export * from "@chatinfra/sdk";
-export * from "@chatinfra/realtime-pusher-rn";
+
+// src/transports/pusher-react-native.ts
+import { Pusher } from "@pusher/pusher-websocket-react-native";
+var PusherReactNativeTransport = class {
+  constructor() {
+    this.pusher = Pusher.getInstance();
+    this.inited = false;
+    this.connected = false;
+    this.subscribed = /* @__PURE__ */ new Set();
+  }
+  async init(cfg) {
+    if (this.inited) return;
+    this.onDebug = cfg.onDebug;
+    await this.pusher.init({
+      apiKey: cfg.key,
+      cluster: cfg.cluster,
+      useTLS: !!cfg.forceTLS,
+      onAuthorizer: async (channelName, socketId) => {
+        this.onDebug?.("authorizer", { channelName, socketId });
+        return await cfg.authorizer(channelName, socketId);
+      }
+    });
+    this.inited = true;
+  }
+  async connect() {
+    if (!this.inited || this.connected) return;
+    try {
+      await this.pusher.connect();
+      this.connected = true;
+    } catch (e) {
+      this.onDebug?.("connect_failed", e);
+      throw e;
+    }
+  }
+  async subscribe(channelName, onEvent) {
+    if (!this.inited) throw new Error("PusherReactNativeTransport not initialized");
+    if (!this.connected) await this.connect();
+    if (this.subscribed.has(channelName)) return;
+    await this.pusher.subscribe({
+      channelName,
+      onEvent: (event) => {
+        let data = event.data;
+        try {
+          data = typeof data === "string" ? JSON.parse(data) : data;
+        } catch {
+        }
+        onEvent(event.eventName, data);
+      }
+    });
+    this.subscribed.add(channelName);
+  }
+  async unsubscribe(channelName) {
+    if (!this.inited) return;
+    if (!this.subscribed.has(channelName)) return;
+    try {
+      await this.pusher.unsubscribe({ channelName });
+    } catch (e) {
+      this.onDebug?.("unsubscribe_failed", e);
+    } finally {
+      this.subscribed.delete(channelName);
+    }
+  }
+  async trigger(channelName, eventName, data) {
+    if (!this.inited || !this.connected) return;
+    try {
+      await this.pusher.trigger({ channelName, eventName, data });
+    } catch (e) {
+      this.onDebug?.("trigger_failed", e);
+    }
+  }
+  async disconnect() {
+    if (!this.inited || !this.connected) return;
+    try {
+      for (const ch of Array.from(this.subscribed)) {
+        try {
+          await this.pusher.unsubscribe({ channelName: ch });
+        } catch {
+        }
+      }
+      this.subscribed.clear();
+      await this.pusher.disconnect();
+    } catch (e) {
+      this.onDebug?.("disconnect_failed", e);
+    } finally {
+      this.connected = false;
+    }
+  }
+};
+export {
+  PusherReactNativeTransport
+};
 //# sourceMappingURL=react-native.mjs.map

package/dist/react-native.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react-native.ts"],"sourcesContent":["export * from \"@chatinfra/sdk\";\nexport * from \"@chatinfra/realtime-pusher-rn\";\n"],"mappings":";AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../src/react-native.ts","../src/transports/pusher-react-native.ts"],"sourcesContent":["// packages/client/src/react-native.ts\nexport * from \"@chatinfra/sdk\";\nexport { PusherReactNativeTransport } from \"./transports/pusher-react-native\";\n","// packages/client/src/transports/pusher-react-native.ts\nimport { Pusher, type PusherEvent } from \"@pusher/pusher-websocket-react-native\";\nimport type { RealtimeTransport } from \"@chatinfra/sdk\";\n\nexport class PusherReactNativeTransport implements RealtimeTransport {\n  private pusher = Pusher.getInstance();\n  private inited = false;\n  private connected = false;\n  private subscribed = new Set<string>();\n  private onDebug?: (msg: string, data?: any) => void;\n\n  async init(cfg: {\n    key: string;\n    cluster: string;\n    forceTLS: boolean;\n    authorizer: (channelName: string, socketId: string) => Promise<any>;\n    onDebug?: (msg: string, data?: any) => void;\n  }) {\n    if (this.inited) return;\n\n    this.onDebug = cfg.onDebug;\n\n    await this.pusher.init({\n      apiKey: cfg.key,\n      cluster: cfg.cluster,\n      useTLS: !!cfg.forceTLS,\n      onAuthorizer: async (channelName: string, socketId: string) => {\n        this.onDebug?.(\"authorizer\", { channelName, socketId });\n        return await cfg.authorizer(channelName, socketId);\n      },\n    });\n\n    this.inited = true;\n  }\n\n  async connect() {\n    if (!this.inited || this.connected) return;\n    try {\n      await this.pusher.connect();\n      this.connected = true;\n    } catch (e) {\n      this.onDebug?.(\"connect_failed\", e);\n      throw e;\n    }\n  }\n\n  async subscribe(channelName: string, onEvent: (eventName: string, data: any) => void) {\n    if (!this.inited) throw new Error(\"PusherReactNativeTransport not initialized\");\n    if (!this.connected) await this.connect();\n    if (this.subscribed.has(channelName)) return;\n\n    await this.pusher.subscribe({\n      channelName,\n      onEvent: (event: PusherEvent) => {\n        let data: any = event.data;\n        try {\n          data = typeof data === \"string\" ? JSON.parse(data) : data;\n        } catch {}\n        onEvent(event.eventName, data);\n      },\n    });\n\n    this.subscribed.add(channelName);\n  }\n\n  async unsubscribe(channelName: string) {\n    if (!this.inited) return;\n    if (!this.subscribed.has(channelName)) return;\n\n    try {\n      await this.pusher.unsubscribe({ channelName });\n    } catch (e) {\n      // ignore native edge cases\n      this.onDebug?.(\"unsubscribe_failed\", e);\n    } finally {\n      this.subscribed.delete(channelName);\n    }\n  }\n\n  async trigger(channelName: string, eventName: string, data: any) {\n    if (!this.inited || !this.connected) return;\n    try {\n      await this.pusher.trigger({ channelName, eventName, data });\n    } catch (e) {\n      this.onDebug?.(\"trigger_failed\", e);\n    }\n  }\n\n  async disconnect() {\n    // ✅ avoid crash: don't call native disconnect if never connected\n    if (!this.inited || !this.connected) return;\n\n    try {\n      // unsubscribe defensively\n      for (const ch of Array.from(this.subscribed)) {\n        try {\n          await this.pusher.unsubscribe({ channelName: ch });\n        } catch {}\n      }\n      this.subscribed.clear();\n\n      await this.pusher.disconnect();\n    } catch (e) {\n      // ✅ swallow native disconnect crash scenarios\n      this.onDebug?.(\"disconnect_failed\", e);\n    } finally {\n      this.connected = false;\n    }\n  }\n}\n"],"mappings":";AACA,cAAc;;;ACAd,SAAS,cAAgC;AAGlC,IAAM,6BAAN,MAA8D;AAAA,EAA9D;AACL,SAAQ,SAAS,OAAO,YAAY;AACpC,SAAQ,SAAS;AACjB,SAAQ,YAAY;AACpB,SAAQ,aAAa,oBAAI,IAAY;AAAA;AAAA,EAGrC,MAAM,KAAK,KAMR;AACD,QAAI,KAAK,OAAQ;AAEjB,SAAK,UAAU,IAAI;AAEnB,UAAM,KAAK,OAAO,KAAK;AAAA,MACrB,QAAQ,IAAI;AAAA,MACZ,SAAS,IAAI;AAAA,MACb,QAAQ,CAAC,CAAC,IAAI;AAAA,MACd,cAAc,OAAO,aAAqB,aAAqB;AAC7D,aAAK,UAAU,cAAc,EAAE,aAAa,SAAS,CAAC;AACtD,eAAO,MAAM,IAAI,WAAW,aAAa,QAAQ;AAAA,MACnD;AAAA,IACF,CAAC;AAED,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,MAAM,UAAU;AACd,QAAI,CAAC,KAAK,UAAU,KAAK,UAAW;AACpC,QAAI;AACF,YAAM,KAAK,OAAO,QAAQ;AAC1B,WAAK,YAAY;AAAA,IACnB,SAAS,GAAG;AACV,WAAK,UAAU,kBAAkB,CAAC;AAClC,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM,UAAU,aAAqB,SAAiD;AACpF,QAAI,CAAC,KAAK,OAAQ,OAAM,IAAI,MAAM,4CAA4C;AAC9E,QAAI,CAAC,KAAK,UAAW,OAAM,KAAK,QAAQ;AACxC,QAAI,KAAK,WAAW,IAAI,WAAW,EAAG;AAEtC,UAAM,KAAK,OAAO,UAAU;AAAA,MAC1B;AAAA,MACA,SAAS,CAAC,UAAuB;AAC/B,YAAI,OAAY,MAAM;AACtB,YAAI;AACF,iBAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI;AAAA,QACvD,QAAQ;AAAA,QAAC;AACT,gBAAQ,MAAM,WAAW,IAAI;AAAA,MAC/B;AAAA,IACF,CAAC;AAED,SAAK,WAAW,IAAI,WAAW;AAAA,EACjC;AAAA,EAEA,MAAM,YAAY,aAAqB;AACrC,QAAI,CAAC,KAAK,OAAQ;AAClB,QAAI,CAAC,KAAK,WAAW,IAAI,WAAW,EAAG;AAEvC,QAAI;AACF,YAAM,KAAK,OAAO,YAAY,EAAE,YAAY,CAAC;AAAA,IAC/C,SAAS,GAAG;AAEV,WAAK,UAAU,sBAAsB,CAAC;AAAA,IACxC,UAAE;AACA,WAAK,WAAW,OAAO,WAAW;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,MAAM,QAAQ,aAAqB,WAAmB,MAAW;AAC/D,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAW;AACrC,QAAI;AACF,YAAM,KAAK,OAAO,QAAQ,EAAE,aAAa,WAAW,KAAK,CAAC;AAAA,IAC5D,SAAS,GAAG;AACV,WAAK,UAAU,kBAAkB,CAAC;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,MAAM,aAAa;AAEjB,QAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UAAW;AAErC,QAAI;AAEF,iBAAW,MAAM,MAAM,KAAK,KAAK,UAAU,GAAG;AAC5C,YAAI;AACF,gBAAM,KAAK,OAAO,YAAY,EAAE,aAAa,GAAG,CAAC;AAAA,QACnD,QAAQ;AAAA,QAAC;AAAA,MACX;AACA,WAAK,WAAW,MAAM;AAEtB,YAAM,KAAK,OAAO,WAAW;AAAA,IAC/B,SAAS,GAAG;AAEV,WAAK,UAAU,qBAAqB,CAAC;AAAA,IACvC,UAAE;AACA,WAAK,YAAY;AAAA,IACnB;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,25 +1,18 @@
 {
   "name": "@chatinfra/client",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "react-native": "dist/react-native.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "exports": {
     ".": {
-      "react-native": {
-        "types": "./dist/react-native.d.ts",
-        "require": "./dist/react-native.js",
-        "import": "./dist/react-native.mjs"
-      },
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.mjs"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
     },
     "./react-native": {
       "types": "./dist/react-native.d.ts",
@@ -32,18 +25,23 @@
       "import": "./dist/web.mjs"
     }
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
-    "@chatinfra/sdk": "0.0.1"
-  },
-  "optionalDependencies": {
-    "@chatinfra/realtime-pusher-rn": "0.0.1",
+    "@chatinfra/sdk": "0.0.1",
     "@chatinfra/realtime-pusher-web": "0.0.1",
-    "@chatinfra/storage-web": "0.0.1"
+    "@chatinfra/storage-web": "0.0.1",
+    "@chatinfra/realtime-pusher-rn": "0.0.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "@pusher/pusher-websocket-react-native": "^1.3.2",
+    "expo-secure-store": "^15.0.8"
+  },
+  "peerDependencies": {
+    "@pusher/pusher-websocket-react-native": "^1.3.2",
+    "expo-secure-store": "*"
   },
   "scripts": {
-    "build": "pnpm exec tsup"
+    "build": "pnpm exec tsup --config tsup.config.ts"
   }
 }