fix: diff/source toggling takes updated values from the nested editors

Fixes #166

src/examples/basics.tsx

@@ -156,7 +156,22 @@ export function Lists() {
 }
 
 export function Table() {
-  return <MDXEditor markdown={tableMarkdown} plugins={[tablePlugin()]} />
+  return (
+    <MDXEditor
+      markdown={tableMarkdown}
+      plugins={[
+        tablePlugin(),
+        diffSourcePlugin(),
+        toolbarPlugin({
+          toolbarContents: () => (
+            <DiffSourceToggleWrapper>
+              <UndoRedo />
+            </DiffSourceToggleWrapper>
+          )
+        })
+      ]}
+    />
+  )
 }
 
 export function Link() {

src/plugins/core/index.ts

@@ -706,24 +706,32 @@ export type ViewMode = 'rich-text' | 'source' | 'diff'
  * @group Diff/Source
  */
 export const viewMode$ = Cell<ViewMode>('rich-text', (r) => {
+  function currentNextViewMode() {
+    return scan(
+      (prev, next: ViewMode) => {
+        return {
+          current: prev.next,
+          next
+        }
+      },
+      { current: 'rich-text' as ViewMode, next: 'rich-text' as ViewMode }
+    )
+  }
+  r.sub(r.pipe(viewMode$, currentNextViewMode(), withLatestFrom(markdownSourceEditorValue$)), ([{ current }, markdownSourceFromEditor]) => {
+    if (current === 'source' || current === 'diff') {
+      r.pub(setMarkdown$, markdownSourceFromEditor)
+    }
+  })
+
   r.sub(
     r.pipe(
       viewMode$,
-      scan(
-        (prev, next) => {
-          return {
-            current: prev.next,
-            next
-          }
-        },
-        { current: 'rich-text' as ViewMode, next: 'rich-text' as ViewMode }
-      ),
-      withLatestFrom(markdownSourceEditorValue$)
+      currentNextViewMode(),
+      filter((mode) => mode.current === 'rich-text'),
+      withLatestFrom(activeEditor$)
     ),
-    ([{ current }, markdownSourceFromEditor]) => {
-      if (current === 'source' || current === 'diff') {
-        r.pub(setMarkdown$, markdownSourceFromEditor)
-      }
+    ([mode, editor]) => {
+      editor?.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, undefined)
     }
   )
 })

src/plugins/table/TableEditor.tsx

@@ -30,6 +30,7 @@ import styles from '../../styles/ui.module.css'
 import { isPartOftheEditorUI } from '../../utils/isPartOftheEditorUI'
 import { uuidv4 } from '../../utils/uuid4'
 import {
+  NESTED_EDITOR_UPDATED_COMMAND,
   editorRootElementRef$,
   exportVisitors$,
   iconComponentFor$,
@@ -394,6 +395,15 @@ const CellEditor: React.FC<CellProps> = ({ focus, setActiveCell, parentEditor, l
           return true
         },
         COMMAND_PRIORITY_CRITICAL
+      ),
+
+      editor.registerCommand(
+        NESTED_EDITOR_UPDATED_COMMAND,
+        () => {
+          saveAndFocus(null)
+          return true
+        },
+        COMMAND_PRIORITY_CRITICAL
       )
     )
   }, [colIndex, editor, rootEditor, rowIndex, saveAndFocus, setActiveCell])