mdwysiwyg 0.5.0 → 0.6.0

package/README.md

@@ -141,7 +141,7 @@ Try it in your browser, no install required: **[ferkiernan.github.io/mdwysiwyg](
 | Sizing | Fixed (`width`/`height` props), user-resizable (`resizable`, default on) or growing with its content (`autoHeight`: no inner vertical scrollbar, `height` becomes the minimum) |
 | Toolbar | Shown by default; hide/show it at runtime with `showToolbar` (no content, caret or undo loss), or only while the editor has focus with `autoHideBar` |
 | Version history | Opt-in `historyUndo`: a version is saved after 3 s without changes; a clock icon right after the HTML button opens a history mode with ← Undo / Redo →, Confirm / Cancel (back to last version) and a right-hand list of versions with their time (click one to jump to it; document read-only while browsing; `Ctrl+Z` / `Ctrl+Shift+Z` map to Undo / Redo) |
-| Compare mode | `mode="compare"` + `compareOrientation` (`side-to-side` / `up-and-down`) + `compareContent`: read-only original next to an editable new version with changed words highlighted in yellow, and a second bar to accept, reject or restore the change (`onCompareDecision`) |
+| Compare mode | `mode="compare"` + `compareContent` (+ optional `compareOrientation`: `side-to-side` by default, or `up-and-down`): read-only original next to an editable new version with changed words highlighted in yellow, and a second bar to accept, reject or restore the change (`onCompareDecision`) |
 | Compare scroll sync | In compare mode the two panes follow each other by matching content (top edge ↔ top edge; added/removed passages are crossed proportionally; vertical only). On by default; turn it off with `compareSyncScroll={false}` |
 | Theming | 47 CSS Custom Properties (`--mdw-*`) covering toolbar, content, tables, code and syntax highlighting, quotes, menus/dialogs, compare highlight and scrollbars; declare them on your class, a wrapper or `:root`, in any load order — see the [theming guide](https://github.com/ferkiernan/mdwysiwyg/blob/master/docs/THEMING.md) |
 | Imperative API | `ref` exposing `reset()`, `isModified()`, `insertMarkdown()` and `setMarkdown()` |

package/dist/index.cjs

@@ -5432,7 +5432,7 @@ var MarkdownEditor = (0, import_react19.forwardRef)(function MarkdownEditor2({
   compareSyncScroll = true
 }, ref) {
   const historyEntryRef = (0, import_react19.useRef)(null);
-  const requestedContent = mode === "compare" && compareOrientation !== void 0 && compareContent !== void 0 ? compareContent : null;
+  const requestedContent = mode === "compare" && compareContent !== void 0 ? compareContent : null;
   const [source, setSource] = (0, import_react19.useState)(requestedContent ?? initialContent);
   const [compareState, setCompareState] = (0, import_react19.useState)(
     () => requestedContent === null ? { key: null, session: null } : {
@@ -5672,8 +5672,16 @@ var MarkdownEditor = (0, import_react19.forwardRef)(function MarkdownEditor2({
   };
   const appliedSessionRef = (0, import_react19.useRef)(session);
   const canonicalForRef = (0, import_react19.useRef)(null);
+  const decidedRef = (0, import_react19.useRef)(false);
   (0, import_react19.useLayoutEffect)(() => {
     if (session === null) {
+      const ended = appliedSessionRef.current;
+      if (ended !== null && !decidedRef.current && editor !== null) {
+        const changed = sourceRef.current !== ended.original;
+        loadContent(ended.original);
+        if (changed) onChangeRef.current?.(ended.original);
+      }
+      decidedRef.current = false;
       appliedSessionRef.current = null;
       canonicalForRef.current = null;
       setProvidedCanonical(null);
@@ -5718,6 +5726,7 @@ var MarkdownEditor = (0, import_react19.forwardRef)(function MarkdownEditor2({
   const summary = session === null ? NO_DIFFERENCES2 : textDiff?.summary ?? renderedSummary;
   const modified = session !== null && source !== session.provided && source !== providedCanonical;
   const endCompare = () => {
+    decidedRef.current = true;
     sessionRef.current = null;
     setCompareState((previous) => ({ ...previous, session: null }));
   };