feat: step 1

load localStorage from parent component

src/lib/components/editors/CompositeMarkdownEditor.svelte

@@ -8,6 +8,7 @@
 	import { convertSyncStepsToNodes } from './editor-history';
 	import './CollaborativeEditor.css';
 	import type { ViewDagNode } from './DagView.svelte';
+	import { toByteArray } from 'base64-js';
 
 	let {
 		content = $bindable(''),
@@ -29,14 +30,27 @@
 	let loroDoc = new LoroDoc();
 	let idA = loroDoc.peerIdStr;
 	let awareness = new CursorAwareness(idA);
+	const savedState = localStorage.getItem('loro-editor-state');
+	if (savedState) {
+		try {
+			const blob = toByteArray(savedState);
+			loroDoc.import(blob);
+			console.log("imported saved state")
+			console.log(loroDoc.toJSON())
+			dagInfo = convertSyncStepsToNodes(loroDoc);
+		} catch (e) {
+			console.error('Failed to load saved state:', e);
+		}
+	}
+
 
 	// 初始化时开启时间戳记录
 	loroDoc.setRecordTimestamp(true);
+	loroDoc.setChangeMergeInterval(10);
 
 	// 监听变化更新历史信息
 	loroDoc.subscribe((event) => {
 		if (event.by === "local") {
-			loroDoc.commit();
 			dagInfo = convertSyncStepsToNodes(loroDoc);
 		}
 	});

src/lib/components/editors/RichMarkdownEditor.svelte

@@ -40,9 +40,6 @@
 		initialized= true;
 		console.log("initLoroDoc")
 		const savedState = localStorage.getItem('loro-editor-state');
-		const sessionId = Math.floor(Math.random() * 1000000).toString(16);
-		loroDoc.setNextCommitMessage(`sessionId: ${sessionId}`);
-		
 		if (savedState) {
 			try {
 				const blob = toByteArray(savedState);
@@ -57,6 +54,7 @@
 		// 监听文档变化并保存
 		unsubscribe = loroDoc.subscribe(() => {
 			console.log("currentDoc",loroDoc.toJSON())
+			console.log("currenthistory",loroDoc.exportJsonUpdates(undefined, undefined, false))
 			if (saveTimeout) {
 				clearTimeout(saveTimeout);
 			}
@@ -65,7 +63,6 @@
 				localStorage.setItem('loro-editor-state', fromByteArray(state));
 				saveTimeout = undefined;
 			}, 1000) as unknown as number;
-			loroDoc.setNextCommitMessage(`sessionId: ${sessionId}`);
 		});
 
 		// 初始化文档内容