@assistant-ui/react
Version:
React components for AI chat.
88 lines (87 loc) • 3.86 kB
JavaScript
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
;