@unif/react-native-chat-sdk 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/hooks/ChatProvider.js +76 -0
- package/lib/commonjs/hooks/ChatProvider.js.map +1 -0
- package/lib/commonjs/hooks/useXChat.js +95 -0
- package/lib/commonjs/hooks/useXChat.js.map +1 -0
- package/lib/commonjs/hooks/useXConversations.js +69 -0
- package/lib/commonjs/hooks/useXConversations.js.map +1 -0
- package/lib/commonjs/hooks/useXModel.js +27 -0
- package/lib/commonjs/hooks/useXModel.js.map +1 -0
- package/lib/commonjs/index.js +82 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/index.md +188 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/providers/AbstractChatProvider.js +64 -0
- package/lib/commonjs/providers/AbstractChatProvider.js.map +1 -0
- package/lib/commonjs/providers/DeepSeekChatProvider.js +88 -0
- package/lib/commonjs/providers/DeepSeekChatProvider.js.map +1 -0
- package/lib/commonjs/providers/OpenAIChatProvider.js +114 -0
- package/lib/commonjs/providers/OpenAIChatProvider.js.map +1 -0
- package/lib/commonjs/stores/chatStore.js +65 -0
- package/lib/commonjs/stores/chatStore.js.map +1 -0
- package/lib/commonjs/stores/historyStore.js +79 -0
- package/lib/commonjs/stores/historyStore.js.map +1 -0
- package/lib/commonjs/stores/modelStore.js +20 -0
- package/lib/commonjs/stores/modelStore.js.map +1 -0
- package/lib/commonjs/stores/sessionStore.js +24 -0
- package/lib/commonjs/stores/sessionStore.js.map +1 -0
- package/lib/commonjs/stores/storage.js +2 -0
- package/lib/commonjs/stores/storage.js.map +1 -0
- package/lib/commonjs/tools/SSEParser.js +56 -0
- package/lib/commonjs/tools/SSEParser.js.map +1 -0
- package/lib/commonjs/tools/XRequest.js +87 -0
- package/lib/commonjs/tools/XRequest.js.map +1 -0
- package/lib/commonjs/tools/XStream.js +84 -0
- package/lib/commonjs/tools/XStream.js.map +1 -0
- package/lib/commonjs/types/message.js +2 -0
- package/lib/commonjs/types/message.js.map +1 -0
- package/lib/commonjs/types/provider.js +6 -0
- package/lib/commonjs/types/provider.js.map +1 -0
- package/lib/commonjs/types/sse.js +2 -0
- package/lib/commonjs/types/sse.js.map +1 -0
- package/lib/module/hooks/ChatProvider.js +70 -0
- package/lib/module/hooks/ChatProvider.js.map +1 -0
- package/lib/module/hooks/useXChat.js +91 -0
- package/lib/module/hooks/useXChat.js.map +1 -0
- package/lib/module/hooks/useXConversations.js +65 -0
- package/lib/module/hooks/useXConversations.js.map +1 -0
- package/lib/module/hooks/useXModel.js +23 -0
- package/lib/module/hooks/useXModel.js.map +1 -0
- package/lib/module/index.js +27 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/index.md +188 -0
- package/lib/module/package.json +1 -0
- package/lib/module/providers/AbstractChatProvider.js +59 -0
- package/lib/module/providers/AbstractChatProvider.js.map +1 -0
- package/lib/module/providers/DeepSeekChatProvider.js +83 -0
- package/lib/module/providers/DeepSeekChatProvider.js.map +1 -0
- package/lib/module/providers/OpenAIChatProvider.js +109 -0
- package/lib/module/providers/OpenAIChatProvider.js.map +1 -0
- package/lib/module/stores/chatStore.js +60 -0
- package/lib/module/stores/chatStore.js.map +1 -0
- package/lib/module/stores/historyStore.js +75 -0
- package/lib/module/stores/historyStore.js.map +1 -0
- package/lib/module/stores/modelStore.js +15 -0
- package/lib/module/stores/modelStore.js.map +1 -0
- package/lib/module/stores/sessionStore.js +19 -0
- package/lib/module/stores/sessionStore.js.map +1 -0
- package/lib/module/stores/storage.js +2 -0
- package/lib/module/stores/storage.js.map +1 -0
- package/lib/module/tools/SSEParser.js +51 -0
- package/lib/module/tools/SSEParser.js.map +1 -0
- package/lib/module/tools/XRequest.js +82 -0
- package/lib/module/tools/XRequest.js.map +1 -0
- package/lib/module/tools/XStream.js +79 -0
- package/lib/module/tools/XStream.js.map +1 -0
- package/lib/module/types/message.js +2 -0
- package/lib/module/types/message.js.map +1 -0
- package/lib/module/types/provider.js +4 -0
- package/lib/module/types/provider.js.map +1 -0
- package/lib/module/types/sse.js +2 -0
- package/lib/module/types/sse.js.map +1 -0
- package/lib/typescript/commonjs/hooks/ChatProvider.d.ts +50 -0
- package/lib/typescript/commonjs/hooks/ChatProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useXChat.d.ts +36 -0
- package/lib/typescript/commonjs/hooks/useXChat.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useXConversations.d.ts +24 -0
- package/lib/typescript/commonjs/hooks/useXConversations.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useXModel.d.ts +18 -0
- package/lib/typescript/commonjs/hooks/useXModel.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +27 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/providers/AbstractChatProvider.d.ts +38 -0
- package/lib/typescript/commonjs/providers/AbstractChatProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/providers/DeepSeekChatProvider.d.ts +23 -0
- package/lib/typescript/commonjs/providers/DeepSeekChatProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/providers/OpenAIChatProvider.d.ts +33 -0
- package/lib/typescript/commonjs/providers/OpenAIChatProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/stores/chatStore.d.ts +24 -0
- package/lib/typescript/commonjs/stores/chatStore.d.ts.map +1 -0
- package/lib/typescript/commonjs/stores/historyStore.d.ts +22 -0
- package/lib/typescript/commonjs/stores/historyStore.d.ts.map +1 -0
- package/lib/typescript/commonjs/stores/modelStore.d.ts +11 -0
- package/lib/typescript/commonjs/stores/modelStore.d.ts.map +1 -0
- package/lib/typescript/commonjs/stores/sessionStore.d.ts +13 -0
- package/lib/typescript/commonjs/stores/sessionStore.d.ts.map +1 -0
- package/lib/typescript/commonjs/stores/storage.d.ts +10 -0
- package/lib/typescript/commonjs/stores/storage.d.ts.map +1 -0
- package/lib/typescript/commonjs/tools/SSEParser.d.ts +19 -0
- package/lib/typescript/commonjs/tools/SSEParser.d.ts.map +1 -0
- package/lib/typescript/commonjs/tools/XRequest.d.ts +33 -0
- package/lib/typescript/commonjs/tools/XRequest.d.ts.map +1 -0
- package/lib/typescript/commonjs/tools/XStream.d.ts +34 -0
- package/lib/typescript/commonjs/tools/XStream.d.ts.map +1 -0
- package/lib/typescript/commonjs/types/message.d.ts +22 -0
- package/lib/typescript/commonjs/types/message.d.ts.map +1 -0
- package/lib/typescript/commonjs/types/provider.d.ts +23 -0
- package/lib/typescript/commonjs/types/provider.d.ts.map +1 -0
- package/lib/typescript/commonjs/types/sse.d.ts +63 -0
- package/lib/typescript/commonjs/types/sse.d.ts.map +1 -0
- package/lib/typescript/module/hooks/ChatProvider.d.ts +50 -0
- package/lib/typescript/module/hooks/ChatProvider.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useXChat.d.ts +36 -0
- package/lib/typescript/module/hooks/useXChat.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useXConversations.d.ts +24 -0
- package/lib/typescript/module/hooks/useXConversations.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useXModel.d.ts +18 -0
- package/lib/typescript/module/hooks/useXModel.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +27 -0
- package/lib/typescript/module/index.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/providers/AbstractChatProvider.d.ts +38 -0
- package/lib/typescript/module/providers/AbstractChatProvider.d.ts.map +1 -0
- package/lib/typescript/module/providers/DeepSeekChatProvider.d.ts +23 -0
- package/lib/typescript/module/providers/DeepSeekChatProvider.d.ts.map +1 -0
- package/lib/typescript/module/providers/OpenAIChatProvider.d.ts +33 -0
- package/lib/typescript/module/providers/OpenAIChatProvider.d.ts.map +1 -0
- package/lib/typescript/module/stores/chatStore.d.ts +24 -0
- package/lib/typescript/module/stores/chatStore.d.ts.map +1 -0
- package/lib/typescript/module/stores/historyStore.d.ts +22 -0
- package/lib/typescript/module/stores/historyStore.d.ts.map +1 -0
- package/lib/typescript/module/stores/modelStore.d.ts +11 -0
- package/lib/typescript/module/stores/modelStore.d.ts.map +1 -0
- package/lib/typescript/module/stores/sessionStore.d.ts +13 -0
- package/lib/typescript/module/stores/sessionStore.d.ts.map +1 -0
- package/lib/typescript/module/stores/storage.d.ts +10 -0
- package/lib/typescript/module/stores/storage.d.ts.map +1 -0
- package/lib/typescript/module/tools/SSEParser.d.ts +19 -0
- package/lib/typescript/module/tools/SSEParser.d.ts.map +1 -0
- package/lib/typescript/module/tools/XRequest.d.ts +33 -0
- package/lib/typescript/module/tools/XRequest.d.ts.map +1 -0
- package/lib/typescript/module/tools/XStream.d.ts +34 -0
- package/lib/typescript/module/tools/XStream.d.ts.map +1 -0
- package/lib/typescript/module/types/message.d.ts +22 -0
- package/lib/typescript/module/types/message.d.ts.map +1 -0
- package/lib/typescript/module/types/provider.d.ts +23 -0
- package/lib/typescript/module/types/provider.d.ts.map +1 -0
- package/lib/typescript/module/types/sse.d.ts +63 -0
- package/lib/typescript/module/types/sse.d.ts.map +1 -0
- package/package.json +40 -8
- package/src/hooks/ChatProvider.tsx +1 -1
- package/src/hooks/useXChat.ts +1 -4
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.XStream = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* XStream — SSE 流适配器(React Native 版本)
|
|
9
|
+
*
|
|
10
|
+
* 基于 react-native-sse 封装,支持 POST 方法 + 自定义请求体
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
const defaultTransform = event => ({
|
|
14
|
+
data: event.data,
|
|
15
|
+
event: event.event
|
|
16
|
+
});
|
|
17
|
+
class XStream {
|
|
18
|
+
es = null;
|
|
19
|
+
timeoutTimer = null;
|
|
20
|
+
constructor(config) {
|
|
21
|
+
this.config = config;
|
|
22
|
+
}
|
|
23
|
+
connect(callbacks) {
|
|
24
|
+
this.abort();
|
|
25
|
+
const {
|
|
26
|
+
url,
|
|
27
|
+
method = 'POST',
|
|
28
|
+
headers,
|
|
29
|
+
body,
|
|
30
|
+
timeout = 120000,
|
|
31
|
+
transformStream = defaultTransform
|
|
32
|
+
} = this.config;
|
|
33
|
+
|
|
34
|
+
// react-native-sse 动态 require,避免非 RN 环境报错
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
36
|
+
const RNEventSource = require('react-native-sse').default;
|
|
37
|
+
const es = new RNEventSource(url, {
|
|
38
|
+
method,
|
|
39
|
+
headers: {
|
|
40
|
+
'Content-Type': 'application/json',
|
|
41
|
+
...headers
|
|
42
|
+
},
|
|
43
|
+
body: body ? JSON.stringify(body) : undefined
|
|
44
|
+
});
|
|
45
|
+
this.es = es;
|
|
46
|
+
this.timeoutTimer = setTimeout(() => {
|
|
47
|
+
this.abort();
|
|
48
|
+
callbacks.onError?.(new Error('SSE 连接超时'));
|
|
49
|
+
}, timeout);
|
|
50
|
+
es.addEventListener('open', () => {
|
|
51
|
+
callbacks.onOpen?.();
|
|
52
|
+
});
|
|
53
|
+
es.addEventListener('message', event => {
|
|
54
|
+
if (event.data) {
|
|
55
|
+
const output = transformStream({
|
|
56
|
+
data: event.data
|
|
57
|
+
});
|
|
58
|
+
callbacks.onMessage(output);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
es.addEventListener('error', event => {
|
|
62
|
+
this.clearTimer();
|
|
63
|
+
callbacks.onError?.(new Error(event.message || 'SSE 连接错误'));
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
abort() {
|
|
67
|
+
this.clearTimer();
|
|
68
|
+
if (this.es) {
|
|
69
|
+
this.es.close();
|
|
70
|
+
this.es = null;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
dispose() {
|
|
74
|
+
this.abort();
|
|
75
|
+
}
|
|
76
|
+
clearTimer() {
|
|
77
|
+
if (this.timeoutTimer) {
|
|
78
|
+
clearTimeout(this.timeoutTimer);
|
|
79
|
+
this.timeoutTimer = null;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
exports.XStream = XStream;
|
|
84
|
+
//# sourceMappingURL=XStream.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultTransform","event","data","XStream","es","timeoutTimer","constructor","config","connect","callbacks","abort","url","method","headers","body","timeout","transformStream","RNEventSource","require","default","JSON","stringify","undefined","setTimeout","onError","Error","addEventListener","onOpen","output","onMessage","clearTimer","message","close","dispose","clearTimeout","exports"],"sourceRoot":"../../../src","sources":["tools/XStream.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAqBA,MAAMA,gBAAgB,GAAIC,KAGzB,KAAiB;EAChBC,IAAI,EAAED,KAAK,CAACC,IAAI;EAChBD,KAAK,EAAEA,KAAK,CAACA;AACf,CAAC,CAAC;AAEK,MAAME,OAAO,CAAC;EAEXC,EAAE,GAAuB,IAAI;EAC7BC,YAAY,GAAyC,IAAI;EAEjEC,WAAWA,CAACC,MAAqB,EAAE;IACjC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACtB;EAEAC,OAAOA,CAACC,SAA2B,EAAQ;IACzC,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,MAAM;MACJC,GAAG;MACHC,MAAM,GAAG,MAAM;MACfC,OAAO;MACPC,IAAI;MACJC,OAAO,GAAG,MAAM;MAChBC,eAAe,GAAGhB;IACpB,CAAC,GAAG,IAAI,CAACO,MAAM;;IAEf;IACA;IACA,MAAMU,aAAa,GAAGC,OAAO,CAAC,kBAAkB,CAAC,CAACC,OAAO;IAEzD,MAAMf,EAAE,GAAG,IAAIa,aAAa,CAACN,GAAG,EAAE;MAChCC,MAAM;MACNC,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;QAClC,GAAGA;MACL,CAAC;MACDC,IAAI,EAAEA,IAAI,GAAGM,IAAI,CAACC,SAAS,CAACP,IAAI,CAAC,GAAGQ;IACtC,CAAC,CAAC;IAEF,IAAI,CAAClB,EAAE,GAAGA,EAAE;IAEZ,IAAI,CAACC,YAAY,GAAGkB,UAAU,CAAC,MAAM;MACnC,IAAI,CAACb,KAAK,CAAC,CAAC;MACZD,SAAS,CAACe,OAAO,GAAG,IAAIC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,EAAEV,OAAO,CAAC;IAEXX,EAAE,CAACsB,gBAAgB,CAAC,MAAM,EAAE,MAAM;MAChCjB,SAAS,CAACkB,MAAM,GAAG,CAAC;IACtB,CAAC,CAAC;IAEFvB,EAAE,CAACsB,gBAAgB,CAAC,SAAS,EAAGzB,KAAwB,IAAK;MAC3D,IAAIA,KAAK,CAACC,IAAI,EAAE;QACd,MAAM0B,MAAM,GAAGZ,eAAe,CAAC;UAAEd,IAAI,EAAED,KAAK,CAACC;QAAK,CAAC,CAAC;QACpDO,SAAS,CAACoB,SAAS,CAACD,MAAM,CAAC;MAC7B;IACF,CAAC,CAAC;IAEFxB,EAAE,CAACsB,gBAAgB,CAAC,OAAO,EAAGzB,KAA0C,IAAK;MAC3E,IAAI,CAAC6B,UAAU,CAAC,CAAC;MACjBrB,SAAS,CAACe,OAAO,GACf,IAAIC,KAAK,CAACxB,KAAK,CAAC8B,OAAO,IAAI,UAAU,CACvC,CAAC;IACH,CAAC,CAAC;EACJ;EAEArB,KAAKA,CAAA,EAAS;IACZ,IAAI,CAACoB,UAAU,CAAC,CAAC;IACjB,IAAI,IAAI,CAAC1B,EAAE,EAAE;MACX,IAAI,CAACA,EAAE,CAAC4B,KAAK,CAAC,CAAC;MACf,IAAI,CAAC5B,EAAE,GAAG,IAAI;IAChB;EACF;EAEA6B,OAAOA,CAAA,EAAS;IACd,IAAI,CAACvB,KAAK,CAAC,CAAC;EACd;EAEQoB,UAAUA,CAAA,EAAS;IACzB,IAAI,IAAI,CAACzB,YAAY,EAAE;MACrB6B,YAAY,CAAC,IAAI,CAAC7B,YAAY,CAAC;MAC/B,IAAI,CAACA,YAAY,GAAG,IAAI;IAC1B;EACF;AACF;AAAC8B,OAAA,CAAAhC,OAAA,GAAAA,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/message.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/provider.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/sse.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ChatProvider — 全局数据提供 Context
|
|
5
|
+
*
|
|
6
|
+
* 可选的全局 Provider 模式(也可直接使用 hooks)
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import React, { createContext, useContext, useMemo } from 'react';
|
|
10
|
+
import { useXChat } from "./useXChat.js";
|
|
11
|
+
import { useXConversations } from "./useXConversations.js";
|
|
12
|
+
import { useXModel } from "./useXModel.js";
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
const ChatContext = /*#__PURE__*/createContext(null);
|
|
15
|
+
const memoryStorage = {
|
|
16
|
+
_data: new Map(),
|
|
17
|
+
async getItem(key) {
|
|
18
|
+
return this._data.get(key) ?? null;
|
|
19
|
+
},
|
|
20
|
+
async setItem(key, value) {
|
|
21
|
+
this._data.set(key, value);
|
|
22
|
+
},
|
|
23
|
+
async removeItem(key) {
|
|
24
|
+
this._data.delete(key);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
export function ChatProvider(props) {
|
|
28
|
+
const {
|
|
29
|
+
provider,
|
|
30
|
+
storage,
|
|
31
|
+
models = [],
|
|
32
|
+
defaultModel,
|
|
33
|
+
generateId,
|
|
34
|
+
requestPlaceholder,
|
|
35
|
+
requestFallback,
|
|
36
|
+
children
|
|
37
|
+
} = props;
|
|
38
|
+
const chatConfig = useMemo(() => ({
|
|
39
|
+
provider,
|
|
40
|
+
generateId,
|
|
41
|
+
requestPlaceholder,
|
|
42
|
+
requestFallback
|
|
43
|
+
}), [provider, generateId, requestPlaceholder, requestFallback]);
|
|
44
|
+
const chat = useXChat(chatConfig);
|
|
45
|
+
const convOptions = useMemo(() => ({
|
|
46
|
+
storage: storage ?? memoryStorage
|
|
47
|
+
}), [storage]);
|
|
48
|
+
const conversations = useXConversations(convOptions);
|
|
49
|
+
const model = useXModel({
|
|
50
|
+
models,
|
|
51
|
+
defaultModel
|
|
52
|
+
});
|
|
53
|
+
const value = useMemo(() => ({
|
|
54
|
+
...chat,
|
|
55
|
+
...conversations,
|
|
56
|
+
...model
|
|
57
|
+
}), [chat, conversations, model]);
|
|
58
|
+
return /*#__PURE__*/_jsx(ChatContext.Provider, {
|
|
59
|
+
value: value,
|
|
60
|
+
children: children
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
export function useChatContext() {
|
|
64
|
+
const ctx = useContext(ChatContext);
|
|
65
|
+
if (!ctx) {
|
|
66
|
+
throw new Error('useChatContext must be used within a ChatProvider');
|
|
67
|
+
}
|
|
68
|
+
return ctx;
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=ChatProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useMemo","useXChat","useXConversations","useXModel","jsx","_jsx","ChatContext","memoryStorage","_data","Map","getItem","key","get","setItem","value","set","removeItem","delete","ChatProvider","props","provider","storage","models","defaultModel","generateId","requestPlaceholder","requestFallback","children","chatConfig","chat","convOptions","conversations","model","Provider","useChatContext","ctx","Error"],"sourceRoot":"../../../src","sources":["hooks/ChatProvider.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAO,OAAO;AAC/D,SAAQC,QAAQ,QAAO,eAAY;AACnC,SAAQC,iBAAiB,QAAO,wBAAqB;AACrD,SAAQC,SAAS,QAAO,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiDtC,MAAMC,WAAW,gBAAGR,aAAa,CAA0B,IAAI,CAAC;AAEhE,MAAMS,aAA0B,GAAG;EACjCC,KAAK,EAAE,IAAIC,GAAG,CAAiB,CAAC;EAChC,MAAMC,OAAOA,CAACC,GAAW,EAAE;IACzB,OAAQ,IAAI,CAACH,KAAK,CAAyBI,GAAG,CAACD,GAAG,CAAC,IAAI,IAAI;EAC7D,CAAC;EACD,MAAME,OAAOA,CAACF,GAAW,EAAEG,KAAa,EAAE;IACvC,IAAI,CAACN,KAAK,CAAyBO,GAAG,CAACJ,GAAG,EAAEG,KAAK,CAAC;EACrD,CAAC;EACD,MAAME,UAAUA,CAACL,GAAW,EAAE;IAC3B,IAAI,CAACH,KAAK,CAAyBS,MAAM,CAACN,GAAG,CAAC;EACjD;AACF,CAAiD;AAEjD,OAAO,SAASO,YAAYA,CAI1BC,KAAgD,EAAE;EAClD,MAAM;IACJC,QAAQ;IACRC,OAAO;IACPC,MAAM,GAAG,EAAE;IACXC,YAAY;IACZC,UAAU;IACVC,kBAAkB;IAClBC,eAAe;IACfC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMS,UAAkD,GAAG5B,OAAO,CAChE,OAAO;IACLoB,QAAQ;IACRI,UAAU;IACVC,kBAAkB;IAClBC;EACF,CAAC,CAAC,EACF,CAACN,QAAQ,EAAEI,UAAU,EAAEC,kBAAkB,EAAEC,eAAe,CAC5D,CAAC;EAED,MAAMG,IAAI,GAAG5B,QAAQ,CAAC2B,UAAU,CAAC;EAEjC,MAAME,WAAqC,GAAG9B,OAAO,CACnD,OAAO;IAAEqB,OAAO,EAAEA,OAAO,IAAId;EAAc,CAAC,CAAC,EAC7C,CAACc,OAAO,CACV,CAAC;EACD,MAAMU,aAAa,GAAG7B,iBAAiB,CAAC4B,WAAW,CAAC;EAEpD,MAAME,KAAK,GAAG7B,SAAS,CAAC;IAAEmB,MAAM;IAAEC;EAAa,CAAC,CAAC;EAEjD,MAAMT,KAAK,GAAGd,OAAO,CACnB,OAAO;IACL,GAAG6B,IAAI;IACP,GAAGE,aAAa;IAChB,GAAGC;EACL,CAAC,CAAC,EACF,CAACH,IAAI,EAAEE,aAAa,EAAEC,KAAK,CAC7B,CAAC;EAED,oBACE3B,IAAA,CAACC,WAAW,CAAC2B,QAAQ;IAACnB,KAAK,EAAEA,KAAqC;IAAAa,QAAA,EAC/DA;EAAQ,CACW,CAAC;AAE3B;AAEA,OAAO,SAASO,cAAcA,CAAA,EAEC;EAC7B,MAAMC,GAAG,GAAGpC,UAAU,CAACO,WAAW,CAAC;EACnC,IAAI,CAAC6B,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,mDAAmD,CAAC;EACtE;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* useXChat — 聊天操作 hook
|
|
5
|
+
*
|
|
6
|
+
* 消费 ChatProvider,输出可渲染的 messages 列表
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';
|
|
10
|
+
import { createChatStore } from "../stores/chatStore.js";
|
|
11
|
+
export function useXChat(config) {
|
|
12
|
+
const {
|
|
13
|
+
provider
|
|
14
|
+
} = config;
|
|
15
|
+
const storeRef = useRef(createChatStore());
|
|
16
|
+
const store = storeRef.current;
|
|
17
|
+
|
|
18
|
+
// 使用 useSyncExternalStore 订阅 zustand store 变化
|
|
19
|
+
const state = useSyncExternalStore(store.subscribe, store.getState, store.getState);
|
|
20
|
+
const onRequest = useCallback(input => {
|
|
21
|
+
const s = store.getState();
|
|
22
|
+
if (s.isRequesting) return;
|
|
23
|
+
store.getState().setRequesting(true);
|
|
24
|
+
store.getState().setError(null);
|
|
25
|
+
store.getState().setSuggestions([]);
|
|
26
|
+
const localMessage = provider.transformLocalMessage(input);
|
|
27
|
+
store.getState().addMessage(localMessage);
|
|
28
|
+
provider.sendMessage(input, {
|
|
29
|
+
onUpdate: message => {
|
|
30
|
+
store.getState().upsertMessage(message);
|
|
31
|
+
},
|
|
32
|
+
onSuccess: message => {
|
|
33
|
+
const m = message;
|
|
34
|
+
store.getState().upsertMessage({
|
|
35
|
+
...m,
|
|
36
|
+
status: 'success'
|
|
37
|
+
});
|
|
38
|
+
store.getState().setRequesting(false);
|
|
39
|
+
},
|
|
40
|
+
onError: error => {
|
|
41
|
+
store.getState().setError(error.message);
|
|
42
|
+
store.getState().setRequesting(false);
|
|
43
|
+
if (config.requestFallback) {
|
|
44
|
+
const fallbackMsg = config.requestFallback(input, {
|
|
45
|
+
error
|
|
46
|
+
});
|
|
47
|
+
store.getState().addMessage(fallbackMsg);
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
onSuggestion: items => {
|
|
51
|
+
store.getState().setSuggestions(items);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}, [provider, store, config]);
|
|
55
|
+
const abort = useCallback(() => {
|
|
56
|
+
provider.abort();
|
|
57
|
+
store.getState().setRequesting(false);
|
|
58
|
+
}, [provider, store]);
|
|
59
|
+
const resetChat = useCallback(() => {
|
|
60
|
+
store.getState().resetChat();
|
|
61
|
+
}, [store]);
|
|
62
|
+
const loadSession = useCallback(messages => {
|
|
63
|
+
store.getState().loadSession(messages);
|
|
64
|
+
}, [store]);
|
|
65
|
+
const clearError = useCallback(() => {
|
|
66
|
+
store.getState().setError(null);
|
|
67
|
+
}, [store]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
return () => {
|
|
70
|
+
provider.abort();
|
|
71
|
+
};
|
|
72
|
+
}, [provider]);
|
|
73
|
+
const messages = state.messages.map(m => ({
|
|
74
|
+
id: m.id,
|
|
75
|
+
message: m,
|
|
76
|
+
status: m.status,
|
|
77
|
+
extra: m.extra
|
|
78
|
+
}));
|
|
79
|
+
return {
|
|
80
|
+
messages,
|
|
81
|
+
requesting: state.isRequesting,
|
|
82
|
+
suggestions: state.suggestions,
|
|
83
|
+
error: state.error,
|
|
84
|
+
onRequest,
|
|
85
|
+
abort,
|
|
86
|
+
resetChat,
|
|
87
|
+
loadSession,
|
|
88
|
+
clearError
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=useXChat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useSyncExternalStore","createChatStore","useXChat","config","provider","storeRef","store","current","state","subscribe","getState","onRequest","input","s","isRequesting","setRequesting","setError","setSuggestions","localMessage","transformLocalMessage","addMessage","sendMessage","onUpdate","message","upsertMessage","onSuccess","m","status","onError","error","requestFallback","fallbackMsg","onSuggestion","items","abort","resetChat","loadSession","messages","clearError","map","id","extra","requesting","suggestions"],"sourceRoot":"../../../src","sources":["hooks/useXChat.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* useXConversations — 会话管理 hook
|
|
5
|
+
*
|
|
6
|
+
* 组合 sessionStore + historyStore,管理会话生命周期
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
10
|
+
import { createHistoryStore } from "../stores/historyStore.js";
|
|
11
|
+
export function useXConversations(options) {
|
|
12
|
+
const {
|
|
13
|
+
storage
|
|
14
|
+
} = options;
|
|
15
|
+
const historyRef = useRef(createHistoryStore(storage));
|
|
16
|
+
const history = historyRef.current;
|
|
17
|
+
const [sessions, setSessions] = useState(history.sessions);
|
|
18
|
+
const [activeId, setActiveId] = useState('');
|
|
19
|
+
|
|
20
|
+
// 初始化加载
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
// 触发 loadIndex
|
|
23
|
+
history.archiveSession('__init__', '', []).then(() => {
|
|
24
|
+
history.deleteSession('__init__').then(() => {
|
|
25
|
+
setSessions([...history.sessions]);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
+
}, []);
|
|
30
|
+
const switchSession = useCallback(async id => {
|
|
31
|
+
setActiveId(id);
|
|
32
|
+
return await history.loadSessionMessages(id);
|
|
33
|
+
}, [history]);
|
|
34
|
+
const newSession = useCallback(() => {
|
|
35
|
+
setActiveId('');
|
|
36
|
+
}, []);
|
|
37
|
+
const deleteSession = useCallback(async id => {
|
|
38
|
+
await history.deleteSession(id);
|
|
39
|
+
setSessions([...history.sessions]);
|
|
40
|
+
if (activeId === id) {
|
|
41
|
+
setActiveId('');
|
|
42
|
+
}
|
|
43
|
+
}, [history, activeId]);
|
|
44
|
+
const archiveSession = useCallback(async (id, title, messages) => {
|
|
45
|
+
await history.archiveSession(id, title, messages);
|
|
46
|
+
setSessions([...history.sessions]);
|
|
47
|
+
}, [history]);
|
|
48
|
+
const updateSession = useCallback((id, data) => {
|
|
49
|
+
const session = history.sessions.find(s => s.id === id);
|
|
50
|
+
if (session && data.title) {
|
|
51
|
+
session.title = data.title;
|
|
52
|
+
setSessions([...history.sessions]);
|
|
53
|
+
}
|
|
54
|
+
}, [history]);
|
|
55
|
+
return {
|
|
56
|
+
sessions,
|
|
57
|
+
activeId,
|
|
58
|
+
switchSession,
|
|
59
|
+
newSession,
|
|
60
|
+
deleteSession,
|
|
61
|
+
archiveSession,
|
|
62
|
+
updateSession
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=useXConversations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useCallback","useEffect","useRef","createHistoryStore","useXConversations","options","storage","historyRef","history","current","sessions","setSessions","activeId","setActiveId","archiveSession","then","deleteSession","switchSession","id","loadSessionMessages","newSession","title","messages","updateSession","data","session","find","s"],"sourceRoot":"../../../src","sources":["hooks/useXConversations.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9D,SAAQC,kBAAkB,QAAO,2BAAwB;AAWzD,OAAO,SAASC,iBAAiBA,CAACC,OAAiC,EAAE;EACnE,MAAM;IAACC;EAAO,CAAC,GAAGD,OAAO;EAEzB,MAAME,UAAU,GAAGL,MAAM,CAACC,kBAAkB,CAACG,OAAO,CAAC,CAAC;EACtD,MAAME,OAAO,GAAGD,UAAU,CAACE,OAAO;EAElC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGZ,QAAQ,CAACS,OAAO,CAACE,QAAQ,CAAC;EAC1D,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;;EAE5C;EACAE,SAAS,CAAC,MAAM;IACd;IACAO,OAAO,CAACM,cAAc,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CAACC,IAAI,CAAC,MAAM;MACpDP,OAAO,CAACQ,aAAa,CAAC,UAAU,CAAC,CAACD,IAAI,CAAC,MAAM;QAC3CJ,WAAW,CAAC,CAAC,GAAGH,OAAO,CAACE,QAAQ,CAAC,CAAC;MACpC,CAAC,CAAC;IACJ,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,aAAa,GAAGjB,WAAW,CAC/B,MAAOkB,EAAU,IAA6B;IAC5CL,WAAW,CAACK,EAAE,CAAC;IACf,OAAO,MAAMV,OAAO,CAACW,mBAAmB,CAACD,EAAE,CAAC;EAC9C,CAAC,EACD,CAACV,OAAO,CACV,CAAC;EAED,MAAMY,UAAU,GAAGpB,WAAW,CAAC,MAAM;IACnCa,WAAW,CAAC,EAAE,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,aAAa,GAAGhB,WAAW,CAC/B,MAAOkB,EAAU,IAAK;IACpB,MAAMV,OAAO,CAACQ,aAAa,CAACE,EAAE,CAAC;IAC/BP,WAAW,CAAC,CAAC,GAAGH,OAAO,CAACE,QAAQ,CAAC,CAAC;IAClC,IAAIE,QAAQ,KAAKM,EAAE,EAAE;MACnBL,WAAW,CAAC,EAAE,CAAC;IACjB;EACF,CAAC,EACD,CAACL,OAAO,EAAEI,QAAQ,CACpB,CAAC;EAED,MAAME,cAAc,GAAGd,WAAW,CAChC,OAAOkB,EAAU,EAAEG,KAAa,EAAEC,QAAuB,KAAK;IAC5D,MAAMd,OAAO,CAACM,cAAc,CAACI,EAAE,EAAEG,KAAK,EAAEC,QAAQ,CAAC;IACjDX,WAAW,CAAC,CAAC,GAAGH,OAAO,CAACE,QAAQ,CAAC,CAAC;EACpC,CAAC,EACD,CAACF,OAAO,CACV,CAAC;EAED,MAAMe,aAAa,GAAGvB,WAAW,CAC/B,CAACkB,EAAU,EAAEM,IAAgC,KAAK;IAChD,MAAMC,OAAO,GAAGjB,OAAO,CAACE,QAAQ,CAACgB,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACT,EAAE,KAAKA,EAAE,CAAC;IACzD,IAAIO,OAAO,IAAID,IAAI,CAACH,KAAK,EAAE;MACzBI,OAAO,CAACJ,KAAK,GAAGG,IAAI,CAACH,KAAK;MAC1BV,WAAW,CAAC,CAAC,GAAGH,OAAO,CAACE,QAAQ,CAAC,CAAC;IACpC;EACF,CAAC,EACD,CAACF,OAAO,CACV,CAAC;EAED,OAAO;IACLE,QAAQ;IACRE,QAAQ;IACRK,aAAa;IACbG,UAAU;IACVJ,aAAa;IACbF,cAAc;IACdS;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* useXModel — 模型选择 hook
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import { useState, useCallback } from 'react';
|
|
8
|
+
export function useXModel(options) {
|
|
9
|
+
const {
|
|
10
|
+
models,
|
|
11
|
+
defaultModel
|
|
12
|
+
} = options;
|
|
13
|
+
const [selectedModel, setSelected] = useState(defaultModel ?? models[0]?.id ?? '');
|
|
14
|
+
const setSelectedModel = useCallback(id => {
|
|
15
|
+
setSelected(id);
|
|
16
|
+
}, []);
|
|
17
|
+
return {
|
|
18
|
+
selectedModel,
|
|
19
|
+
models,
|
|
20
|
+
setSelectedModel
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=useXModel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useCallback","useXModel","options","models","defaultModel","selectedModel","setSelected","id","setSelectedModel"],"sourceRoot":"../../../src","sources":["hooks/useXModel.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAAQA,QAAQ,EAAEC,WAAW,QAAO,OAAO;AAa3C,OAAO,SAASC,SAASA,CAACC,OAAyB,EAAE;EACnD,MAAM;IAACC,MAAM;IAAEC;EAAY,CAAC,GAAGF,OAAO;EACtC,MAAM,CAACG,aAAa,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAC3CK,YAAY,IAAID,MAAM,CAAC,CAAC,CAAC,EAAEI,EAAE,IAAI,EACnC,CAAC;EAED,MAAMC,gBAAgB,GAAGR,WAAW,CAAEO,EAAU,IAAK;IACnDD,WAAW,CAACC,EAAE,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLF,aAAa;IACbF,MAAM;IACNK;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @unif/react-native-chat-sdk
|
|
5
|
+
* AI 聊天 SDK — 流式通信、Provider 模式、状态管理
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
// Types
|
|
9
|
+
|
|
10
|
+
// Tools
|
|
11
|
+
export { XStream } from "./tools/XStream.js";
|
|
12
|
+
export { XRequest } from "./tools/XRequest.js";
|
|
13
|
+
export { SSEParser } from "./tools/SSEParser.js";
|
|
14
|
+
|
|
15
|
+
// Providers
|
|
16
|
+
export { AbstractChatProvider } from "./providers/AbstractChatProvider.js";
|
|
17
|
+
export { OpenAIChatProvider } from "./providers/OpenAIChatProvider.js";
|
|
18
|
+
export { DeepSeekChatProvider } from "./providers/DeepSeekChatProvider.js";
|
|
19
|
+
|
|
20
|
+
// Stores
|
|
21
|
+
|
|
22
|
+
// Hooks
|
|
23
|
+
export { useXChat } from "./hooks/useXChat.js";
|
|
24
|
+
export { useXConversations } from "./hooks/useXConversations.js";
|
|
25
|
+
export { useXModel } from "./hooks/useXModel.js";
|
|
26
|
+
export { ChatProvider, useChatContext } from "./hooks/ChatProvider.js";
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XStream","XRequest","SSEParser","AbstractChatProvider","OpenAIChatProvider","DeepSeekChatProvider","useXChat","useXConversations","useXModel","ChatProvider","useChatContext"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;;AA0BA;AACA,SAAQA,OAAO,QAAO,oBAAiB;AAGvC,SAAQC,QAAQ,QAAO,qBAAkB;AAGzC,SAAQC,SAAS,QAAO,sBAAmB;;AAE3C;AACA,SAAQC,oBAAoB,QAAO,qCAAkC;AACrE,SAAQC,kBAAkB,QAAO,mCAAgC;AAEjE,SAAQC,oBAAoB,QAAO,qCAAkC;;AAGrE;;AAGA;AACA,SAAQC,QAAQ,QAAO,qBAAkB;AAGzC,SAAQC,iBAAiB,QAAO,8BAA2B;AAG3D,SAAQC,SAAS,QAAO,sBAAmB;AAG3C,SAAQC,YAAY,EAAEC,cAAc,QAAO,yBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: SDK 概览
|
|
3
|
+
nav:
|
|
4
|
+
title: SDK
|
|
5
|
+
path: /sdk
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# @unif/react-native-chat-sdk
|
|
9
|
+
|
|
10
|
+
聊天 SDK 包,提供 Provider 抽象、Hooks、状态管理和流式处理工具。
|
|
11
|
+
|
|
12
|
+
## 架构
|
|
13
|
+
|
|
14
|
+
```
|
|
15
|
+
┌─────────────────────────────────────────┐
|
|
16
|
+
│ useXChat (Hook) │
|
|
17
|
+
│ 组合 Provider + store,输出 messages │
|
|
18
|
+
├─────────────────────────────────────────┤
|
|
19
|
+
│ ChatProvider 层 │
|
|
20
|
+
│ AbstractChatProvider → OpenAI/DeepSeek │
|
|
21
|
+
├─────────────────────────────────────────┤
|
|
22
|
+
│ 工具层 │
|
|
23
|
+
│ XRequest → XStream → SSEParser │
|
|
24
|
+
├─────────────────────────────────────────┤
|
|
25
|
+
│ 数据层 │
|
|
26
|
+
│ chatStore / sessionStore / modelStore │
|
|
27
|
+
└─────────────────────────────────────────┘
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## 核心 Hooks
|
|
31
|
+
|
|
32
|
+
### useXChat — 聊天操作
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
import { useXChat, OpenAIChatProvider, XRequest } from '@unif/react-native-chat-sdk';
|
|
36
|
+
|
|
37
|
+
const request = new XRequest({
|
|
38
|
+
baseURL: 'https://api.openai.com',
|
|
39
|
+
getToken: async () => 'sk-...',
|
|
40
|
+
});
|
|
41
|
+
const provider = new OpenAIChatProvider({ request, model: 'gpt-4o' });
|
|
42
|
+
|
|
43
|
+
const { messages, requesting, onRequest, abort } = useXChat({ provider });
|
|
44
|
+
|
|
45
|
+
// 发起请求
|
|
46
|
+
onRequest({ message: { text: '你好' } });
|
|
47
|
+
|
|
48
|
+
// 中止请求
|
|
49
|
+
abort();
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
**返回值:**
|
|
53
|
+
|
|
54
|
+
| 属性 | 说明 | 类型 |
|
|
55
|
+
|------|------|------|
|
|
56
|
+
| messages | 可渲染消息列表 | `MessageInfo<Message>[]` |
|
|
57
|
+
| requesting | 是否请求中 | `boolean` |
|
|
58
|
+
| suggestions | 建议提示 | `SuggestionItem[]` |
|
|
59
|
+
| onRequest | 发起请求 | `(input: Input) => void` |
|
|
60
|
+
| abort | 中止请求 | `() => void` |
|
|
61
|
+
|
|
62
|
+
### useXConversations — 会话管理
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
import { useXConversations } from '@unif/react-native-chat-sdk';
|
|
66
|
+
import AsyncStorage from '@react-native-async-storage/async-storage';
|
|
67
|
+
|
|
68
|
+
const {
|
|
69
|
+
sessions, activeId,
|
|
70
|
+
switchSession, newSession, deleteSession,
|
|
71
|
+
} = useXConversations({ storage: AsyncStorage });
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
### useXModel — 模型选择
|
|
75
|
+
|
|
76
|
+
```tsx
|
|
77
|
+
import { useXModel } from '@unif/react-native-chat-sdk';
|
|
78
|
+
|
|
79
|
+
const { selectedModel, setSelectedModel } = useXModel({
|
|
80
|
+
models: [
|
|
81
|
+
{ id: 'gpt-4o', name: 'GPT-4o', desc: '最强模型' },
|
|
82
|
+
{ id: 'gpt-4o-mini', name: 'GPT-4o Mini', desc: '快速响应' },
|
|
83
|
+
],
|
|
84
|
+
defaultModel: 'gpt-4o',
|
|
85
|
+
});
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
## Provider 体系
|
|
89
|
+
|
|
90
|
+
### 内置 Provider
|
|
91
|
+
|
|
92
|
+
| Provider | 说明 |
|
|
93
|
+
|----------|------|
|
|
94
|
+
| `OpenAIChatProvider` | 兼容 OpenAI API 格式(含 Azure、Moonshot、通义千问等) |
|
|
95
|
+
| `DeepSeekChatProvider` | 继承 OpenAI,额外处理 `reasoning_content` 字段 |
|
|
96
|
+
|
|
97
|
+
### 自定义 Provider
|
|
98
|
+
|
|
99
|
+
继承 `AbstractChatProvider`,实现 3 个抽象方法:
|
|
100
|
+
|
|
101
|
+
```tsx
|
|
102
|
+
import { AbstractChatProvider } from '@unif/react-native-chat-sdk';
|
|
103
|
+
|
|
104
|
+
class MyProvider extends AbstractChatProvider {
|
|
105
|
+
transformParams(input) {
|
|
106
|
+
// 转换请求参数为你的 API 格式
|
|
107
|
+
return { query: input.message.text, model: input.model };
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
transformLocalMessage(input) {
|
|
111
|
+
// 创建本地用户消息
|
|
112
|
+
return { id: generateId(), text: input.message.text, role: 'user', status: 'local', ... };
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
transformMessage(output, current) {
|
|
116
|
+
// 解析流式响应,累积到 assistant 消息
|
|
117
|
+
const data = JSON.parse(output.data);
|
|
118
|
+
return { ...current, text: (current?.text || '') + data.content, status: 'updating' };
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
## 工具类
|
|
124
|
+
|
|
125
|
+
### XRequest
|
|
126
|
+
|
|
127
|
+
面向 LLM 的 HTTP 请求工具,内置 token 注入和 SSE 解析。
|
|
128
|
+
|
|
129
|
+
```tsx
|
|
130
|
+
const request = new XRequest({
|
|
131
|
+
baseURL: 'https://api.example.com',
|
|
132
|
+
endpoint: '/v1/chat/completions',
|
|
133
|
+
getToken: async () => await loadToken(),
|
|
134
|
+
timeout: 120000,
|
|
135
|
+
});
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
### XStream
|
|
139
|
+
|
|
140
|
+
SSE 流适配器(RN 原生实现,基于 react-native-sse)。
|
|
141
|
+
|
|
142
|
+
### SSEParser
|
|
143
|
+
|
|
144
|
+
SSE 解析器,提供 `event_id` 幂等去重和 `seq` 严格排序。
|
|
145
|
+
|
|
146
|
+
## ChatProvider — 全局模式
|
|
147
|
+
|
|
148
|
+
```tsx
|
|
149
|
+
import { ChatProvider, useChatContext } from '@unif/react-native-chat-sdk';
|
|
150
|
+
|
|
151
|
+
// 根组件
|
|
152
|
+
<ChatProvider provider={provider} storage={AsyncStorage} models={MODELS}>
|
|
153
|
+
<App />
|
|
154
|
+
</ChatProvider>
|
|
155
|
+
|
|
156
|
+
// 子组件
|
|
157
|
+
const { messages, onRequest, sessions, selectedModel } = useChatContext();
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
## 类型定义
|
|
161
|
+
|
|
162
|
+
### ChatMessage
|
|
163
|
+
|
|
164
|
+
```typescript
|
|
165
|
+
interface ChatMessage {
|
|
166
|
+
id: string;
|
|
167
|
+
text: string;
|
|
168
|
+
role: 'user' | 'assistant' | 'system';
|
|
169
|
+
createdAt: Date;
|
|
170
|
+
messageType: 'text' | 'card' | 'system';
|
|
171
|
+
status: 'local' | 'loading' | 'updating' | 'success' | 'error' | 'abort';
|
|
172
|
+
cardType?: string;
|
|
173
|
+
cardData?: { data: Record<string, unknown>; actions: string[] };
|
|
174
|
+
turnId: string;
|
|
175
|
+
extra?: Record<string, unknown>;
|
|
176
|
+
}
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
### MessageInfo
|
|
180
|
+
|
|
181
|
+
```typescript
|
|
182
|
+
interface MessageInfo<Message> {
|
|
183
|
+
id: string;
|
|
184
|
+
message: Message;
|
|
185
|
+
status: MessageStatus;
|
|
186
|
+
extra?: Record<string, unknown>;
|
|
187
|
+
}
|
|
188
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* AbstractChatProvider — Provider 抽象基类
|
|
5
|
+
*
|
|
6
|
+
* 3 个抽象方法:transformParams / transformLocalMessage / transformMessage
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
export class AbstractChatProvider {
|
|
10
|
+
constructor(config) {
|
|
11
|
+
this.request = config.request;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* 转换请求参数
|
|
16
|
+
* 将 useXChat.onRequest() 传入的参数转换为 XRequest 需要的格式
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* 转换本地消息
|
|
21
|
+
* 将请求参数转换为用户发送的本地 ChatMessage(用于消息列表渲染)
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* 转换响应消息
|
|
26
|
+
* 将 XRequest 返回的流数据转换为 ChatMessage(用于 assistant 消息渲染)
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 发起请求(内部调用 XRequest)
|
|
31
|
+
*/
|
|
32
|
+
sendMessage(input, callbacks) {
|
|
33
|
+
const params = this.transformParams(input);
|
|
34
|
+
let currentMessage;
|
|
35
|
+
const requestCallbacks = {
|
|
36
|
+
onStream: chunk => {
|
|
37
|
+
currentMessage = this.transformMessage(chunk, currentMessage);
|
|
38
|
+
callbacks.onUpdate(currentMessage);
|
|
39
|
+
},
|
|
40
|
+
onSuccess: () => {
|
|
41
|
+
if (currentMessage) {
|
|
42
|
+
callbacks.onSuccess(currentMessage);
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
onError: error => {
|
|
46
|
+
callbacks.onError(new Error(error.message));
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
this.request.create(params, requestCallbacks);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* 中止请求
|
|
54
|
+
*/
|
|
55
|
+
abort() {
|
|
56
|
+
this.request.abort();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=AbstractChatProvider.js.map
|