File size: 2,216 Bytes
c09f67c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | "use client";
import { cn } from "@midday/ui/cn";
import { parseAsBoolean, useQueryState } from "nuqs";
import {
createContext,
type ReactNode,
useCallback,
useContext,
useRef,
useState,
} from "react";
import { ChatPanel, type ChatPanelRef } from "./chat-panel";
type DocsChatContextType = {
openChat: (message: string) => void;
sendMessage: (message: string) => void;
isChatOpen: boolean;
};
const DocsChatContext = createContext<DocsChatContextType | null>(null);
export function useDocsChat() {
const context = useContext(DocsChatContext);
// Return safe defaults during SSR/static generation
if (!context) {
return {
openChat: () => {},
sendMessage: () => {},
isChatOpen: false,
};
}
return context;
}
type DocsChatProviderProps = {
children: ReactNode;
};
export function DocsChatProvider({ children }: DocsChatProviderProps) {
const [isChatOpen, setIsChatOpen] = useQueryState(
"chat",
parseAsBoolean.withDefault(false),
);
const [initialMessage, setInitialMessage] = useState<string | undefined>();
const chatPanelRef = useRef<ChatPanelRef>(null);
const openChat = useCallback(
(message: string) => {
setInitialMessage(message);
setIsChatOpen(true);
},
[setIsChatOpen],
);
const sendMessage = useCallback(
(message: string) => {
if (isChatOpen && chatPanelRef.current) {
chatPanelRef.current.sendMessage(message);
} else {
openChat(message);
}
},
[isChatOpen, openChat],
);
const handleCloseChat = useCallback(() => {
setIsChatOpen(false);
setInitialMessage(undefined);
}, [setIsChatOpen]);
return (
<DocsChatContext.Provider value={{ openChat, sendMessage, isChatOpen }}>
{/* Main content that gets pushed */}
<div
className={cn(
"transition-all duration-300 ease-in-out",
isChatOpen && "md:mr-[480px] lg:mr-[520px]",
)}
>
{children}
</div>
{/* Chat panel */}
<ChatPanel
ref={chatPanelRef}
isOpen={isChatOpen}
onClose={handleCloseChat}
initialMessage={initialMessage}
/>
</DocsChatContext.Provider>
);
}
|