mobile: update word count on exit

apps/mobile/app/screens/editor/tiptap/commands.ts

@@ -106,6 +106,7 @@ typeof globalThis.editorTitle !== "undefined" && editorTitle.current && editorTi
 if (editorController.content) editorController.content.current = null;
 editorController.onUpdate();
 editorController.setTitle(null);
+editorController.countWords(0);
 typeof globalThis.statusBar !== "undefined" && statusBar.current.set({date:"",saved:""});
         `
     );

packages/editor-mobile/src/hooks/useEditorController.ts

@@ -65,6 +65,7 @@ export type EditorController = {
   titlePlaceholder: string;
   openLink: (url: string) => boolean;
   setTitlePlaceholder: React.Dispatch<React.SetStateAction<string>>;
+  countWords: (ms: number) => void;
 };
 
 export function useEditorController(update: () => void): EditorController {
@@ -84,21 +85,34 @@ export function useEditorController(update: () => void): EditorController {
     post(EventTypes.title, title);
   }, []);
 
-  const contentChange = useCallback((editor: Editor) => {
+  const countWords = useCallback((ms = 300) => {
-    const currentSessionId = globalThis.sessionId;
+    if (typeof timers.current.wordCounter === "number")
-    post(EventTypes.contentchange);
+      clearTimeout(timers.current.wordCounter);
-    if (!editor) return;
+    timers.current.wordCounter = setTimeout(() => {
-    if (typeof timers.current.change === "number") {
+      console.time("wordCounter");
-      clearTimeout(timers.current?.change);
+      statusBar?.current?.updateWords();
-    }
+      console.timeEnd("wordCounter");
-    timers.current.change = setTimeout(() => {
+    }, ms);
-      htmlContentRef.current = editor.getHTML();
-      post(EventTypes.content, htmlContentRef.current, currentSessionId);
-    }, 300);
-
-    countWords(5000);
   }, []);
 
+  const contentChange = useCallback(
+    (editor: Editor) => {
+      const currentSessionId = globalThis.sessionId;
+      post(EventTypes.contentchange);
+      if (!editor) return;
+      if (typeof timers.current.change === "number") {
+        clearTimeout(timers.current?.change);
+      }
+      timers.current.change = setTimeout(() => {
+        htmlContentRef.current = editor.getHTML();
+        post(EventTypes.content, htmlContentRef.current, currentSessionId);
+      }, 300);
+
+      countWords(5000);
+    },
+    [countWords]
+  );
+
   const scroll = useCallback(
     (_event: React.UIEvent<HTMLDivElement, UIEvent>) => {},
     []
@@ -152,19 +166,9 @@ export function useEditorController(update: () => void): EditorController {
       }
       post(type); // Notify that message was delivered successfully.
     },
-    [update]
+    [update, countWords]
   );
 
-  function countWords(ms = 300) {
-    if (typeof timers.current.wordCounter === "number")
-      clearTimeout(timers.current.wordCounter);
-    timers.current.wordCounter = setTimeout(() => {
-      console.time("wordCounter");
-      statusBar?.current?.updateWords();
-      console.timeEnd("wordCounter");
-    }, ms);
-  }
-
   useEffect(() => {
     if (!isReactNative()) return; // Subscribe only in react native webview.
     const isSafari = navigator.vendor.match(/apple/i);
@@ -208,6 +212,7 @@ export function useEditorController(update: () => void): EditorController {
     previewAttachment,
     content: htmlContentRef,
     openLink,
-    onUpdate: onUpdate
+    onUpdate: onUpdate,
+    countWords
   };
 }