@stainless-api/docs-ui 0.1.0-beta.32 → 0.1.0-beta.34

package/dist/components/chat.js

@@ -1,142 +0,0 @@
-import { a as useLanguage } from "../docs-CopwX9a7.js";
-import "../component-generics-D3ybuN5r.js";
-import "../navigation-CGr5_w6z.js";
-import "../markdown-CI4kbU64.js";
-import "../routing-8itEXLx6.js";
-import { t as style_default } from "../style-CPgcT0Fw.js";
-import "../use-components-BHEwm0mE.js";
-import { Bt as Markdown, a as useSearchContext } from "../contexts-Bpupku3r.js";
-import "../icons-yb-Jhkmg.js";
-import "../utils-2FmcHPHp.js";
-import "../md-DxiV1_vy.js";
-import "../utils-BCfb0F9R.js";
-import "../types-__XoFvJ_.js";
-import * as React$1 from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowUpIcon, BotMessageSquareIcon, LoaderCircleIcon, SquareIcon, TrashIcon } from "lucide-react";
-import { useChat } from "ai/react";
-
-//#region src/components/chat.tsx
-const BASEURL = "https://askai.algolia.com";
-function buildFetch({ appId, searchKey, indexName, assistant }) {
-	const headers = {
-		"X-Algolia-Application-Id": appId,
-		"X-Algolia-API-Key": searchKey,
-		"X-Algolia-Index-Name": `${indexName}-chat`
-	};
-	if (assistant) headers["X-Algolia-Assistant-Id"] = assistant;
-	return async (input, init) => {
-		const data = await (await fetch(`${BASEURL}/chat/token`, {
-			method: "POST",
-			headers
-		})).json();
-		const reqHeaders = new Headers(init?.headers);
-		reqHeaders.set("Authorization", `TOKEN ${data["token"]}`);
-		for (const name in headers) reqHeaders.set(name, headers[name]);
-		return fetch(input, {
-			...init,
-			headers: reqHeaders
-		});
-	};
-}
-function RenderMessage({ message }) {
-	return message.parts.filter((part) => part.type === "text").map((part, key) => /* @__PURE__ */ jsx(Markdown, { content: part["text"] }, key));
-}
-function Chat() {
-	const language = useLanguage();
-	const { settings } = useSearchContext();
-	const messageListRef = React$1.useRef(null);
-	const { messages, setMessages, status, input, setInput, append, stop } = useChat({
-		body: { searchParameters: { filters: `language:${language ?? "http"}` } },
-		sendExtraMessageFields: true,
-		fetch: buildFetch(settings),
-		api: `${BASEURL}/chat`
-	});
-	React$1.useEffect(() => {
-		const content = sessionStorage.getItem("stldocs-chat-messages");
-		if (!content) return;
-		setMessages(JSON.parse(content));
-		setTimeout(() => {
-			if (!messageListRef.current) return;
-			messageListRef.current.scrollTop = messageListRef.current.scrollHeight;
-		}, 10);
-	}, [setMessages]);
-	React$1.useEffect(() => {
-		if (status !== "submitted" || !messageListRef.current) return;
-		[...messageListRef.current.querySelectorAll("[data-stldocs-chat-message]")].at(-1)?.scrollIntoView({
-			behavior: "smooth",
-			block: "start"
-		});
-	}, [status]);
-	React$1.useEffect(() => {
-		sessionStorage.setItem("stldocs-chat-messages", JSON.stringify(messages));
-	}, [messages]);
-	function handleSend() {
-		append({
-			role: "user",
-			content: input
-		});
-		setInput("");
-	}
-	function handleKeyUp(ev) {
-		if (ev.key === "Enter" && !ev.shiftKey) {
-			ev.preventDefault();
-			handleSend();
-		}
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		className: style_default.ChatMessages,
-		ref: messageListRef,
-		children: [
-			messages.map((message) => /* @__PURE__ */ jsx("div", {
-				className: style_default.ChatMessage,
-				"data-stldocs-chat-message": message.role,
-				children: /* @__PURE__ */ jsx(RenderMessage, { message })
-			}, message.id)),
-			status === "submitted" && /* @__PURE__ */ jsx("div", {
-				className: style_default.LoadingSpinner,
-				children: /* @__PURE__ */ jsx(LoaderCircleIcon, {})
-			}),
-			["submitted", "streaming"].includes(status) && /* @__PURE__ */ jsx("div", { style: { height: "800px" } })
-		]
-	}), /* @__PURE__ */ jsxs("div", {
-		className: style_default.ChatInput,
-		children: [/* @__PURE__ */ jsx("textarea", {
-			value: input,
-			placeholder: "Ask a question",
-			onKeyUp: handleKeyUp,
-			onChange: (ev) => setInput(ev.target.value),
-			autoFocus: true
-		}), /* @__PURE__ */ jsxs("div", {
-			className: style_default.ChatInputButtons,
-			children: [status === "submitted" ? /* @__PURE__ */ jsx("button", {
-				onClick: stop,
-				children: /* @__PURE__ */ jsx(SquareIcon, {})
-			}) : /* @__PURE__ */ jsx("button", {
-				onClick: handleSend,
-				disabled: input.length < 1,
-				children: /* @__PURE__ */ jsx(ArrowUpIcon, {})
-			}), /* @__PURE__ */ jsx("button", {
-				onClick: () => setMessages([]),
-				children: /* @__PURE__ */ jsx(TrashIcon, {})
-			})]
-		})]
-	})] });
-}
-function ChatModal({ id, open: isOpen }) {
-	const [open, setOpen] = React$1.useState(isOpen ?? false);
-	return /* @__PURE__ */ jsxs("div", {
-		id,
-		onToggle: (ev) => setOpen(ev.newState === "open"),
-		className: style_default.SearchModal,
-		popover: "auto",
-		"data-stldocs-modal-open": open,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: style_default.ChatHeader,
-			children: [/* @__PURE__ */ jsx(BotMessageSquareIcon, {}), /* @__PURE__ */ jsx("h5", { children: "Docs Assistant" })]
-		}), open && /* @__PURE__ */ jsx(Chat, {})]
-	});
-}
-
-//#endregion
-export { Chat, ChatModal };