feat: Implement auto-save functionality in MarkdownEditor

Author: winverse

packages/markdown-editor/src/components/markdown-editor/markdown-editor.tsx

@@ -15,6 +15,7 @@ export const MarkdownEditor = ({}: MarkdownEditorProps) => {
   const [isAutoSave, setAutoSave] = useState<boolean>(false)
   const [isFocus, setIsFocus] = useState<boolean>(false)
   const codemirror = useRef<HTMLDivElement | null>(null)
+  const interval = useRef<NodeJS.Timeout | null>(null)
   const { state, view } = useCodemirror(codemirror, {
     autoFocus: true,
     minHeight: '100%',
@@ -41,6 +42,19 @@ export const MarkdownEditor = ({}: MarkdownEditorProps) => {
     }
   }, [router, view])
 
+  // 30초마다 자동 저장
+  useEffect(() => {
+    if (!view) return
+    interval.current = setInterval(() => {
+      setAutoSave(true)
+      saveExecute(view)
+    }, 30000) // 30초
+    return () => {
+      if (!interval.current) return
+      clearInterval(interval.current)
+    }
+  }, [view])
+
   // 저장 되고 나면 toast 메시지
   useEffect(() => {
     const updateItemResult = (e: CustomEventInit<CustomEventDetail['updateItemResultEvent']>) => {

packages/markdown-editor/src/components/markdown-editor/toolbar/commands/save.tsx

@@ -49,7 +49,6 @@ export function saveExecute(view: EditorView) {
   }
 
   prevDoc.set(currentUrl, doc)
-  console.log('save!')
   const event = new CustomEvent<CustomEventDetail['updateItemEvent']>(
     markdownCustomEventName.updateItemEvent,
     {