outline/app/hooks/useEditingFocus.ts

import { useDocumentContext } from "~/components/DocumentContext";
import useIdle from "./useIdle";

const activityEvents = [
  "click",
  "mousemove",
  "DOMMouseScroll",
  "mousewheel",
  "mousedown",
  "touchstart",
  "touchmove",
  "focus",
];

export default function useEditingFocus() {
  const { editor } = useDocumentContext();
  const isIdle = useIdle(3000, activityEvents);
  return isIdle && !!editor?.view.hasFocus();
}