@prenta/admin 1.17.17 → 1.17.19

package/src/views/post-editor/PostSectionEditor.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { AlertTriangle, Loader2, Lock } from 'lucide-react'
 import { toast } from 'sonner'
 import { ConfirmDialog } from '../../components/ui/ConfirmDialog.js'
@@ -11,6 +11,7 @@ import { EditorRailTabs, type RailTab, type RailTabId } from '../../components/E
 import { SeoEditorPane } from '../../components/seo/SeoEditorPane.js'
 import { ErrorBoundary } from '../../components/ErrorBoundary.js'
 import { VersionHistoryPanel } from '../page-editor/VersionHistoryPanel.js'
+import { useDebouncedAutosave } from '../page-editor/autosave.js'
 import { ReviewBar } from '../page-editor/ReviewBar.js'
 import {
   fetchPageVersions,
@@ -436,24 +437,34 @@ export function PostSectionEditor({
   }, [])
 
   // ─── Save / publish ──────────────────────────────────────────────────
+  const latestPost = useRef(post)
+  latestPost.current = post
+
   const handleSaveDraft = useCallback(
-    async (options?: { navigate?: boolean }): Promise<EditorPost | false> => {
+    async (options?: { navigate?: boolean; silent?: boolean }): Promise<EditorPost | false> => {
       if (!post) return false
       const result = validatePost(post, false)
       if (result.errors.length > 0) {
-        setValidation(result)
-        toast.error(result.errors[0]!)
-        setFieldsOpen(true)
+        if (!options?.silent) {
+          setValidation(result)
+          toast.error(result.errors[0]!)
+          setFieldsOpen(true)
+        }
         return false
       }
+      const snapshot = post
       setSaveState('saving')
       try {
-        const saved = await savePostDraft(post)
+        const saved = await savePostDraft(snapshot)
+        if (latestPost.current !== snapshot) {
+          setSaveState('idle')
+          return false
+        }
         acceptPost(saved)
         setDirty(false)
         setSaveState('saved')
         setValidation(null)
-        toast.success('Draft saved')
+        if (!options?.silent) toast.success('Draft saved')
         if ((options?.navigate ?? true) && !documentId && saved.id) {
           onNavigate(`/posts/${postType}/${saved.id}/edit`)
         }
@@ -557,6 +568,13 @@ export function PostSectionEditor({
   const effectiveCanEdit = canEdit && !reviewing
   const canRestoreVersion = canEdit
 
+  useDebouncedAutosave({
+    dirty,
+    enabled: Boolean(documentId) && effectiveCanEdit && !publishing,
+    revision: post,
+    save: () => handleSaveDraft({ navigate: false, silent: true }),
+  })
+
   const runWorkflow = useCallback(
     async (stage: WorkflowStage, note?: string, toastOk?: string) => {
       if (!post) return