UNPKG

@assistant-ui/react

Version:

React components for AI chat.

88 lines (87 loc) 3.86 kB
"use strict"; 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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/context/providers/ThreadRuntimeProvider.tsx var ThreadRuntimeProvider_exports = {}; __export(ThreadRuntimeProvider_exports, { ThreadRuntimeProvider: () => ThreadRuntimeProvider }); module.exports = __toCommonJS(ThreadRuntimeProvider_exports); var import_react = require("react"); var import_ThreadContext = require("../react/ThreadContext.cjs"); var import_ThreadViewport = require("../stores/ThreadViewport.cjs"); var import_ReadonlyStore = require("../ReadonlyStore.cjs"); var import_zustand = require("zustand"); var import_jsx_runtime = require("react/jsx-runtime"); var useThreadRuntimeStore = (runtime) => { const [store] = (0, import_react.useState)(() => (0, import_zustand.create)(() => runtime)); (0, import_react.useEffect)(() => { (0, import_ReadonlyStore.writableStore)(store).setState(runtime, true); }, [runtime, store]); return store; }; var useThreadStore = (runtime) => { const [store] = (0, import_react.useState)(() => (0, import_zustand.create)(() => runtime.getState())); (0, import_react.useEffect)(() => { const updateState = () => (0, import_ReadonlyStore.writableStore)(store).setState(runtime.getState(), true); updateState(); return runtime.subscribe(updateState); }, [runtime, store]); return store; }; var useThreadMessagesStore = (runtime) => { const [store] = (0, import_react.useState)(() => (0, import_zustand.create)(() => runtime.messages)); (0, import_react.useEffect)(() => { const updateState = () => (0, import_ReadonlyStore.writableStore)(store).setState(runtime.messages, true); updateState(); return runtime.subscribe(updateState); }, [runtime, store]); return store; }; var useThreadComposerStore = (runtime) => { const [store] = (0, import_react.useState)(() => (0, import_zustand.create)(() => runtime.getState())); (0, import_react.useEffect)(() => { const updateState = () => (0, import_ReadonlyStore.writableStore)(store).setState(runtime.getState(), true); updateState(); return runtime.subscribe(updateState); }, [runtime, store]); return store; }; var ThreadRuntimeProvider = ({ children, runtime }) => { const useThreadRuntime = useThreadRuntimeStore(runtime); const useThread = useThreadStore(runtime); const useThreadMessages = useThreadMessagesStore(runtime); const useThreadComposer = useThreadComposerStore(runtime.composer); const context = (0, import_react.useMemo)(() => { const useViewport = (0, import_ThreadViewport.makeThreadViewportStore)(); return { useThread, useThreadRuntime, useThreadMessages, useThreadActions: useThreadRuntime, useComposer: useThreadComposer, useViewport }; }, [useThread, useThreadRuntime, useThreadMessages, useThreadComposer]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThreadContext.ThreadContext.Provider, { value: context, children }); }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { ThreadRuntimeProvider }); //# sourceMappingURL=ThreadRuntimeProvider.js.map