app/components/editor/save-keys.ts

Functions

Imports

It imports no other module of this repo. Imported by app/routes/book.file.tsx, app/routes/editor.tsx.

Source

1// What the post editor and the book file editor share about saving: how long autosave waits after
2// typing stops, and Cmd+S (Ctrl+S) as a save in place.
3
4import { useEffect } from "react";
5
6export const AUTOSAVE_DELAY_MS = 1200;
7
8/** Cmd+S calls `save` instead of the browser's own save; `save` decides whether a save may run now. */
9export function useSaveShortcut(save: () => void) {
10  useEffect(() => {
11    const onKey = (event: KeyboardEvent) => {
12      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
13        event.preventDefault();
14        save();
15      }
16    };
17    window.addEventListener("keydown", onKey);
18    return () => window.removeEventListener("keydown", onKey);
19  });
20}