Fixed:

- Document history is now displayed again.

Reorganised:
- Many files have been refactored.

src/LogDisplayModal.ts

@@ -1,21 +1,17 @@
 import { App, Modal } from "obsidian";
-import { escapeStringToHTML } from "./lib/src/utils";
+import { logMessageStore } from "./lib/src/stores";
+import { escapeStringToHTML } from "./lib/src/strbin";
 import ObsidianLiveSyncPlugin from "./main";
 
 export class LogDisplayModal extends Modal {
     plugin: ObsidianLiveSyncPlugin;
     logEl: HTMLDivElement;
+    unsubscribe: () => void;
     constructor(app: App, plugin: ObsidianLiveSyncPlugin) {
         super(app);
         this.plugin = plugin;
     }
-    updateLog() {
-        let msg = "";
-        for (const v of this.plugin.logMessage) {
-            msg += escapeStringToHTML(v) + "<br>";
-        }
-        this.logEl.innerHTML = msg;
-    }
+
     onOpen() {
         const { contentEl } = this;
 
@@ -25,13 +21,18 @@ export class LogDisplayModal extends Modal {
         div.addClass("op-scrollable");
         div.addClass("op-pre");
         this.logEl = div;
-        this.updateLog = this.updateLog.bind(this);
-        this.plugin.addLogHook = this.updateLog;
-        this.updateLog();
+        this.unsubscribe = logMessageStore.observe((e) => {
+            let msg = "";
+            for (const v of e) {
+                msg += escapeStringToHTML(v) + "<br>";
+            }
+            this.logEl.innerHTML = msg;
+        })
+        logMessageStore.invalidate();
     }
     onClose() {
         const { contentEl } = this;
         contentEl.empty();
-        this.plugin.addLogHook = null;
+        if (this.unsubscribe) this.unsubscribe();
     }
 }