@assistant-ui/react/dist/context/providers/ThreadRuntimeProvider.js

React components for AI chat.

"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