@urban-bot/core
Version:
The universal chatbot library based on React
76 lines • 4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Root = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const expressApp_1 = require("../expressApp");
const context_1 = require("../context");
const ManagerBot_1 = require("../ManagerBot/ManagerBot");
const ErrorBoundary_1 = require("./ErrorBoundary");
function Chat({ bot, children, isNewMessageEveryRender, chat, parseMode, $$managerBot, }) {
const BotContext = (0, context_1.getBotContext)();
return ((0, jsx_runtime_1.jsx)(BotContext.Provider, Object.assign({ value: { bot, isNewMessageEveryRender, chat, parseMode, $$managerBot } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: children }, void 0) }), void 0));
}
function Root({ children, bot, sessionTimeSeconds = 60 * 60 * 24 * 7, isNewMessageEveryRender = true, parseMode, port = 8080, expressApp, initialChats = [], onAnyEvent, }) {
// TODO get chats from $$managerBot?
const [chats, setChats] = (0, react_1.useState)(new Map());
const chatsRef = (0, react_1.useRef)(chats);
chatsRef.current = chats;
const timeoutIdsRef = (0, react_1.useRef)({});
const [firstMessage, setFirstMessage] = (0, react_1.useState)();
(0, react_1.useEffect)(() => {
if (bot.initializeServer !== undefined) {
const { app } = (0, expressApp_1.getExpressApp)(port, expressApp);
bot.initializeServer(app);
(0, expressApp_1.listen)(port);
}
}, [port, bot, expressApp]);
const $$managerBot = (0, react_1.useMemo)(() => new ManagerBot_1.ManagerBot(bot), [bot]);
const registerChat = (0, react_1.useCallback)((chat) => {
chatsRef.current.set(chat.id, (0, jsx_runtime_1.jsx)(Chat, Object.assign({ bot: bot, "$$managerBot": $$managerBot, isNewMessageEveryRender: isNewMessageEveryRender, chat: chat, parseMode: parseMode }, { children: children }), chat.id));
$$managerBot.addChat(chat.id);
setChats(new Map(chatsRef.current));
}, [$$managerBot, bot, children, isNewMessageEveryRender, parseMode]);
(0, react_1.useEffect)(() => {
initialChats.forEach((chat) => {
if (!chatsRef.current.has(chat.id)) {
registerChat(chat);
}
});
}, [initialChats, registerChat]);
(0, react_1.useEffect)(() => {
function handler(message) {
const { chat } = message;
const { id: chatId } = chat;
if (!chatsRef.current.has(chatId)) {
registerChat(chat);
setFirstMessage(message);
}
if (sessionTimeSeconds && sessionTimeSeconds !== Infinity) {
clearTimeout(timeoutIdsRef.current[chatId]);
timeoutIdsRef.current[chatId] = setTimeout(() => {
chatsRef.current.delete(chatId);
$$managerBot.deleteChat(chatId);
setChats(new Map(chatsRef.current));
}, sessionTimeSeconds * 1000);
}
onAnyEvent === null || onAnyEvent === void 0 ? void 0 : onAnyEvent(message);
}
$$managerBot.on('any', handler);
return () => {
$$managerBot.removeListener('any', handler);
};
}, [$$managerBot, registerChat, sessionTimeSeconds]);
(0, react_1.useEffect)(() => {
if (firstMessage !== undefined) {
// First message is needed to register chat and initialize react children for it.
// After initializing we repeat this message that react children can process it.
$$managerBot.emit(firstMessage.type, firstMessage);
}
}, [firstMessage, $$managerBot]);
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array.from(chats).map(([id, children]) => {
return (0, jsx_runtime_1.jsx)("chat", { children: children }, id);
}) }, void 0));
}
exports.Root = Root;
//# sourceMappingURL=Root.js.map