Function Main

webapp/_webapp/src/main.tsx:25–181

()

import { AdapterProvider, getOverleafAdapter } from "./adapters";

export const Main = () => {
  const { inputRef, setActiveTab } = useConversationUiStore();
  const {
    lastSelectedText,
    lastSurroundingText,
    lastSelectionRange,
    setLastSelection,
    setSelectedText,
    setSurroundingText,
    setSelectionRange,
    clearOverleafSelection,
  } = useSelectionStore();
  const [menuElement, setMenuElement] = useState<Element | null>(null);
  const { isOpen, setIsOpen } = useConversationUiStore();
  const { settings, loadSettings, initLocalSettings } = useSettingStore();
  const { login } = useAuthStore();
  const { loadPrompts } = usePromptLibraryStore();

  useThemeSync();

  useEffect(() => {
    apiclient.updateBaseURL(getEndpointFromLocalStorage(), "v1");
    apiclientV2.updateBaseURL(getEndpointFromLocalStorage(), "v2");
    initLocalSettings();
    login();
    loadSettings();
    loadPrompts();
  }, []); // eslint-disable-line react-hooks/exhaustive-deps

  useEffect(() => {
    const handleSelectionChange = () => {
      const selection = window.getSelection();
      // check if the selection is in the editor
      const editor = document.querySelector(".cm-editor");
      if (editor && editor.contains(selection?.anchorNode ?? null)) {
        const text = selection?.toString() ?? null;

        let surrounding = "";
        try {
          const cmContentElement = document.querySelector(".cm-content");
          if (cmContentElement) {
            // eslint-disable-next-line @typescript-eslint/no-explicit-any
            const state = (cmContentElement as any).cmView.view.state;
            if (state) {
              const cmSelection = state.selection.main;
              const doc = state.doc;
              const before = doc.sliceString(Math.max(0, cmSelection.from - 100), cmSelection.from);
              const after = doc.sliceString(cmSelection.to, Math.min(doc.length, cmSelection.to + 100));
              surrounding = `${before}[SELECTED_TEXT_START]${text}[SELECTED_TEXT_END]${after}`;
            }
          }
        } catch {
          // fallback
        }

        setLastSelection(text, surrounding, selection?.getRangeAt(0) ?? null);
        return;
      } else {