@pmate/chat-sdk 0.1.10 → 0.1.12

package/lib/components/ChatInputDesktop.js

@@ -30,6 +30,7 @@ function DesktopInner(props) {
     const fileInputRef = useRef(null);
     const voice = useVoiceInputController({
         ...props.voice,
+        onVoiceTranscript: props.voice?.onVoiceTranscript,
         onVoiceSend: async (blob) => {
             await props.voice?.onVoiceSend?.(blob);
             await props.onSend?.({

package/lib/components/ChatInputMobile.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { Provider, createStore } from "jotai";
 import { useEffect, useRef, useState } from "react";
@@ -35,6 +35,7 @@ function MobileInner(props) {
     const fileInputRef = useRef(null);
     const voice = useVoiceInputController({
         ...props.voice,
+        onVoiceTranscript: props.voice?.onVoiceTranscript,
         onVoiceSend: async (blob) => {
             await props.onSend?.({
                 text: "",
@@ -196,14 +197,16 @@ function MobileInner(props) {
             boxShadow: "none",
             overflow: "visible",
         }, children: [isRecordingOverlayVisible ? (_jsxs("div", { style: {
-                    position: "absolute",
-                    left: 0,
-                    right: 0,
-                    bottom: 72,
+                    position: "fixed",
+                    left: "50%",
+                    bottom: "calc(72px + env(safe-area-inset-bottom, 0px))",
+                    width: "min(420px, calc(100vw - 16px))",
+                    transform: "translateX(-50%)",
                     height: 250,
                     pointerEvents: "none",
                     background: "linear-gradient(180deg, rgba(22, 16, 45, 0) 0%, rgba(22, 16, 45, 0.24) 34%, rgba(22, 16, 45, 0.6) 100%)",
                     borderRadius: 28,
+                    zIndex: 1000,
                 }, children: [_jsxs("div", { style: {
                             position: "absolute",
                             left: "50%",
@@ -313,7 +316,7 @@ function MobileInner(props) {
                     gridTemplateColumns: "30px minmax(0, 1fr) 30px 30px",
                     gap: 4,
                     alignItems: "center",
-                    padding: "0 0 env(safe-area-inset-bottom, 0px)",
+                    padding: 0,
                 }, children: [_jsx(EmojiPicker, { open: isEmojiOpen, isMobile: true, anchorRef: emojiAnchorRef, onSelect: insertEmoji, onClose: () => setIsEmojiOpen(false) }), _jsx("button", { type: "button", "aria-label": state.mode === "voice" ? "切换到文字输入" : "切换到语音输入", disabled: props.disabled || props.enableVoice === false, onClick: () => {
                             const next = state.mode === "voice" ? "text" : "voice";
                             state.setMode(next);
@@ -325,6 +328,7 @@ function MobileInner(props) {
                                 : tokens.color.iconDefault,
                             opacity: props.disabled ? 0.45 : 1,
                         }, children: state.mode === "voice" ? (_jsx(KeyboardOutlineIcon, { size: 27 })) : (_jsx(MicOutlineIcon, { size: 24, strokeWidth: 2 })) }), _jsx(InputSurface, { tokens: tokens, status: state.status, styleOverride: {
+                            gridColumn: state.mode === "voice" ? "2 / 5" : undefined,
                             borderRadius: tokens.radius.inputSurface,
                             background: state.status === "error"
                                 ? tokens.color.surfaceInputError
@@ -342,8 +346,8 @@ function MobileInner(props) {
                             minHeight: 48,
                             display: "flex",
                             alignItems: "center",
-                            padding: state.mode === "voice" ? "0" : "0 12px",
-                        }, children: state.mode === "voice" ? (_jsx("div", { style: { minHeight: 48 }, children: _jsx(HoldToTalkButton, { tokens: tokens, active: isRecordingOverlayVisible, disabled: props.disabled, text: "\u6309\u4F4F \u8BF4\u8BDD", activeText: "\u677E\u5F00 \u53D1\u9001", onPressStart: () => {
+                            padding: state.mode === "voice" ? 0 : "0 12px",
+                        }, children: state.mode === "voice" ? (_jsx("div", { style: { minHeight: 48, width: "100%" }, children: _jsx(HoldToTalkButton, { tokens: tokens, active: isRecordingOverlayVisible, disabled: props.disabled, text: "\u6309\u4F4F \u8BF4\u8BDD", activeText: "\u677E\u5F00 \u53D1\u9001", onPressStart: () => {
                                     setRecordingChoice("send");
                                     voice.startRecording();
                                 }, onPressMove: (event) => {
@@ -386,23 +390,23 @@ function MobileInner(props) {
                                 fontSize: tokens.typography.inputText.size,
                                 lineHeight: `${tokens.typography.inputText.lineHeight}px`,
                                 caretColor: tokens.color.brandPrimary,
-                            } })) }), _jsx(EmojiTrigger, { ref: emojiAnchorRef, "data-icon-size": 24, onClick: () => {
-                            setIsMoreOpen(false);
-                            setIsEmojiOpen((prev) => !prev);
-                        }, style: {
-                            ...sideActionStyle,
-                            width: 30,
-                            height: 30,
-                        } }), _jsx(MoreTrigger, { "data-icon-size": 24, onClick: () => {
-                            setIsEmojiOpen(false);
-                            setIsMoreOpen((prev) => !prev);
-                        }, disabled: props.disabled, style: {
-                            ...sideActionStyle,
-                            color: isMoreOpen ? tokens.color.iconActive : tokens.color.iconDefault,
-                            width: 30,
-                            height: 30,
-                            opacity: props.disabled ? 0.4 : 1,
-                        } })] }), _jsx(StatusHint, { tokens: tokens, text: state.status === "recording" || state.status === "transcribing" ? undefined : statusText, tone: state.status === "error" ? "error" : "secondary" })] }));
+                            } })) }), state.mode === "voice" ? null : (_jsxs(_Fragment, { children: [_jsx(EmojiTrigger, { ref: emojiAnchorRef, "data-icon-size": 24, onClick: () => {
+                                    setIsMoreOpen(false);
+                                    setIsEmojiOpen((prev) => !prev);
+                                }, style: {
+                                    ...sideActionStyle,
+                                    width: 30,
+                                    height: 30,
+                                } }), _jsx(MoreTrigger, { "data-icon-size": 24, onClick: () => {
+                                    setIsEmojiOpen(false);
+                                    setIsMoreOpen((prev) => !prev);
+                                }, disabled: props.disabled, style: {
+                                    ...sideActionStyle,
+                                    color: isMoreOpen ? tokens.color.iconActive : tokens.color.iconDefault,
+                                    width: 30,
+                                    height: 30,
+                                    opacity: props.disabled ? 0.4 : 1,
+                                } })] }))] }), _jsx(StatusHint, { tokens: tokens, text: state.status === "recording" || state.status === "transcribing" ? undefined : statusText, tone: state.status === "error" ? "error" : "secondary" })] }));
 }
 export function ChatInputMobile(props) {
     const stateKey = JSON.stringify({

package/lib/components/HoldToTalkButton.js

@@ -24,6 +24,10 @@ export function HoldToTalkButton({ tokens, active, disabled, text = "按住 说
             boxShadow: "none",
             padding: "0 16px",
             minHeight: 48,
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             fontFamily: tokens.typography.familyBase,
             fontSize: tokens.typography.voiceHoldToTalk.size,
             lineHeight: `${tokens.typography.voiceHoldToTalk.lineHeight}px`,

package/lib/components/WaveformFeedback.js

@@ -8,7 +8,6 @@ export function WaveformFeedback({ levels, tokens, compact = false, }) {
             justifyContent: "center",
             gap: compact ? 2 : 3,
             minHeight: compact ? 24 : 30,
-            filter: compact ? "blur(0.15px)" : "blur(0.1px)",
         }, children: normalizedLevels.map((level, index) => {
             const distanceFromCenter = Math.abs(index - (normalizedLevels.length - 1) / 2);
             const centerWeight = 1 - distanceFromCenter / ((normalizedLevels.length + 1) / 2);

package/lib/hooks/useVoiceInputController.js

@@ -36,13 +36,15 @@ export function useVoiceInputController(config) {
             setDurationMs(0);
             if (stopActionRef.current === "transcribe") {
                 setStatus("transcribing");
-                void transcribeBlob(blob);
+                void transcribeBlob(blob, "transcribe");
                 return;
             }
-            setTranscript("");
-            setStatus(modeRef.current === "voice" ? "voice-mode-ready" : "idle");
-            setError(null);
-            void configRef.current?.onVoiceSend?.(blob);
+            if (configRef.current?.asrClient || configRef.current?.simulatedTranscript) {
+                setStatus("transcribing");
+                void transcribeBlob(blob, "send");
+                return;
+            }
+            finishVoiceSend(blob);
         });
         const unsubAbort = manager.on(MicEvents.Abort, () => {
             setLevels(DEFAULT_WAVEFORM);
@@ -67,7 +69,7 @@ export function useVoiceInputController(config) {
             managerRef.current = null;
         };
     }, []);
-    async function transcribeBlob(blob) {
+    async function transcribeBlob(blob, action) {
         try {
             const transcribeTimeoutMs = configRef.current?.transcribeTimeoutMs ?? DEFAULT_TRANSCRIBE_TIMEOUT_MS;
             const nextTranscript = configRef.current?.asrClient
@@ -80,6 +82,17 @@ export function useVoiceInputController(config) {
                 setError("No speech was recognized.");
                 return;
             }
+            if (action === "send") {
+                setTranscript("");
+                setDurationMs(0);
+                setStatus(modeRef.current === "voice" ? "voice-mode-ready" : "idle");
+                setError(null);
+                await configRef.current?.onVoiceTranscript?.(nextTranscript, {
+                    blob,
+                    action,
+                });
+                return;
+            }
             setTranscript(nextTranscript);
             setText(insertTranscriptText(textRef.current, nextTranscript));
             setDurationMs(0);
@@ -91,6 +104,12 @@ export function useVoiceInputController(config) {
             setError(error instanceof Error ? error.message : String(error));
         }
     }
+    function finishVoiceSend(blob) {
+        setTranscript("");
+        setStatus(modeRef.current === "voice" ? "voice-mode-ready" : "idle");
+        setError(null);
+        void configRef.current?.onVoiceSend?.(blob);
+    }
     function beginVoiceMode() {
         setMode("voice");
         setStatus("voice-mode-ready");

package/lib/index.d.ts

@@ -19,6 +19,7 @@ export * from "./services/authTokenResolver";
 export * from "./runtime/botAuth";
 export * from "./runtime/botKey";
 export * from "./runtime/chatClient";
+export * from "./runtime/readerClient";
 export * from "./runtime/thread";
 export * from "./tokens/defaultTokens";
 export * from "./tokens/chatInputThemes";

package/lib/index.js

@@ -19,6 +19,7 @@ export * from "./services/authTokenResolver";
 export * from "./runtime/botAuth";
 export * from "./runtime/botKey";
 export * from "./runtime/chatClient";
+export * from "./runtime/readerClient";
 export * from "./runtime/thread";
 export * from "./tokens/defaultTokens";
 export * from "./tokens/chatInputThemes";

package/lib/runtime/index.d.ts

@@ -2,4 +2,5 @@ export * from "./botAuth.js";
 export * from "./botKey.js";
 export * from "./chatClient.js";
 export * from "./protocol.js";
+export * from "./readerClient.js";
 export * from "./thread.js";

package/lib/runtime/index.js

@@ -2,4 +2,5 @@ export * from "./botAuth.js";
 export * from "./botKey.js";
 export * from "./chatClient.js";
 export * from "./protocol.js";
+export * from "./readerClient.js";
 export * from "./thread.js";

package/lib/runtime/readerClient.d.ts

@@ -0,0 +1,97 @@
+export type ChatReaderClientOptions = {
+    baseUrl?: string;
+    appId: string;
+    chainId?: string;
+    socialChainId?: string;
+    fetchImpl?: typeof fetch;
+};
+export type ChatReaderEnvelope<T> = {
+    success?: boolean;
+    data?: T;
+    message?: string;
+};
+export type ChatReaderMessage = {
+    hash: string;
+    t: number;
+    from: string;
+    to: string;
+    opcode: number;
+    kind: number;
+    body: unknown;
+    recipients?: string[];
+};
+export type ChatReaderThread = {
+    threadHash: string;
+    type: "dm" | "group";
+    associatedId: string;
+    lastUpdateAt: number;
+    name: string;
+    avatar: string;
+    lastMessage: ChatReaderMessage;
+    total: number;
+    unread: number;
+};
+export type ChatReaderContact = {
+    id?: string;
+    accountId?: string;
+    peerId?: string;
+    type?: "dm" | "group" | "user";
+    name?: string;
+    nickName?: string;
+    title?: string;
+    avatar?: string;
+    relationship?: string;
+    threadId?: string;
+    updatedAt?: number;
+    members?: string[];
+};
+export type ChatReaderSocialMessage = {
+    appId: string;
+    threadId: string;
+    threadKind: "dm" | "group";
+    messageId: string;
+    from: string;
+    to: string;
+    recipients?: string[];
+    body: unknown;
+    clientCreatedAt?: number;
+    serverCreatedAt: number;
+};
+export type ChatReaderMessagePage = {
+    page: number;
+    totalPage: number;
+    pageSize: number;
+    data: ChatReaderMessage[];
+};
+export type ChatReaderUnread = {
+    appId: string;
+    accountId: string;
+    threadId: string;
+    unreadCount: number;
+};
+export declare class ChatReaderClient {
+    private readonly options;
+    private readonly baseUrl;
+    private readonly chainId;
+    private readonly socialChainId;
+    private readonly fetchImpl;
+    constructor(options: ChatReaderClientOptions);
+    listThreads(userId: string): Promise<ChatReaderThread[]>;
+    getThread(userId: string, threadHash: string): Promise<ChatReaderThread | null>;
+    listSocialContacts(accountId: string): Promise<ChatReaderContact[]>;
+    listSocialUnread(accountId: string): Promise<ChatReaderUnread[]>;
+    listSocialMessages(threadId: string): Promise<ChatReaderSocialMessage[]>;
+    listThreadMessages(input: {
+        userId: string;
+        threadHash: string;
+        page?: number;
+    }): Promise<ChatReaderMessagePage | null>;
+    markRead(input: {
+        userId: string;
+        threadHash: string;
+        hashes: string[];
+    }): Promise<unknown>;
+    private indexerRequest;
+    private request;
+}
+export declare function createChatReaderClient(options: ChatReaderClientOptions): ChatReaderClient;

package/lib/runtime/readerClient.js

@@ -0,0 +1,91 @@
+const DEFAULT_INDEXER_URL = "https://indexer.pmate.chat";
+const DEFAULT_CHAIN_ID = "pmate";
+const DEFAULT_SOCIAL_CHAIN_ID = "social";
+export class ChatReaderClient {
+    options;
+    baseUrl;
+    chainId;
+    socialChainId;
+    fetchImpl;
+    constructor(options) {
+        this.options = options;
+        this.baseUrl = normalizeBaseUrl(options.baseUrl ?? DEFAULT_INDEXER_URL);
+        this.chainId = options.chainId ?? DEFAULT_CHAIN_ID;
+        this.socialChainId = options.socialChainId ?? DEFAULT_SOCIAL_CHAIN_ID;
+        this.fetchImpl = options.fetchImpl ?? fetch;
+    }
+    async listThreads(userId) {
+        return this.indexerRequest("thread", "threads", { user: userId });
+    }
+    async getThread(userId, threadHash) {
+        return this.indexerRequest("thread", "thread", { user: userId, threadHash });
+    }
+    async listSocialContacts(accountId) {
+        return this.indexerRequest("social_indexer", "contacts", {
+            appId: this.options.appId,
+            accountId,
+        }, undefined, { chainId: this.socialChainId });
+    }
+    async listSocialUnread(accountId) {
+        return this.indexerRequest("social_indexer", "unread", {
+            appId: this.options.appId,
+            accountId,
+        }, undefined, { chainId: this.socialChainId });
+    }
+    async listSocialMessages(threadId) {
+        return this.indexerRequest("social_indexer", "messages", {
+            appId: this.options.appId,
+            threadId,
+        }, undefined, { chainId: this.socialChainId });
+    }
+    async listThreadMessages(input) {
+        return this.indexerRequest("thread", "messages", {
+            user: input.userId,
+            threadHash: input.threadHash,
+            ...(input.page !== undefined ? { page: String(input.page) } : {}),
+        });
+    }
+    async markRead(input) {
+        return this.indexerRequest("thread", "read", {
+            user: input.userId,
+            threadHash: input.threadHash,
+            hashes: JSON.stringify(input.hashes),
+        }, {
+            method: "POST",
+        });
+    }
+    async indexerRequest(indexer, action, query, init, options) {
+        const method = init?.method ?? "GET";
+        const chainId = options?.chainId ?? this.chainId;
+        const path = `/${encodeURIComponent(chainId)}/${encodeURIComponent(indexer)}/${encodeURIComponent(action)}`;
+        if (method.toUpperCase() === "POST") {
+            return this.request(path, {
+                ...init,
+                method,
+                body: JSON.stringify(query),
+            });
+        }
+        const search = new URLSearchParams(query);
+        return this.request(`${path}?${search.toString()}`, init);
+    }
+    async request(path, init) {
+        const response = await this.fetchImpl(`${this.baseUrl}${path}`, {
+            ...init,
+            headers: {
+                "content-type": "application/json",
+                ...(init?.headers ?? {}),
+            },
+        });
+        const json = (await response.json().catch(() => ({})));
+        if (!response.ok || json.success === false) {
+            throw new Error(json.message || `chat-rest ${response.status}`);
+        }
+        return (json.data ?? json);
+    }
+}
+export function createChatReaderClient(options) {
+    return new ChatReaderClient(options);
+}
+function normalizeBaseUrl(baseUrl) {
+    return baseUrl.replace(/\/+$/, "");
+}

package/lib/types/voice.d.ts

@@ -15,4 +15,8 @@ export type ChatVoiceConfig = {
     simulatedTranscript?: string;
     shortRecordingMessage?: string;
     onVoiceSend?: (blob: Blob) => Promise<void> | void;
+    onVoiceTranscript?: (text: string, context: {
+        blob: Blob;
+        action: "send" | "transcribe";
+    }) => Promise<void> | void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmate/chat-sdk",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Cross-platform PMate chat input components, voice input primitives, and ASR helpers",
   "type": "module",
   "main": "./lib/index.js",