From 0c6a7db1d1d302e135ec8fae646ce45ca3943a86 Mon Sep 17 00:00:00 2001
From: JOOHOJANG <jayjangjoo@gmail.com>
Date: Tue, 10 Sep 2024 09:40:18 +0900
Subject: [PATCH] Temporarily add unload event code to detach user when
 close/refresh tab

---
 examples/vanilla-codemirror6/src/main.ts | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/examples/vanilla-codemirror6/src/main.ts b/examples/vanilla-codemirror6/src/main.ts
index 131909325..97141c480 100644
--- a/examples/vanilla-codemirror6/src/main.ts
+++ b/examples/vanilla-codemirror6/src/main.ts
@@ -28,15 +28,18 @@ async function main() {
   await client.activate();
 
   // 02-1. create a document then attach it into the client.
-  const doc = new yorkie.Document<YorkieDoc>(
-    `codemirror6-${new Date()
-      .toISOString()
-      .substring(0, 10)
-      .replace(/-/g, '')}`,
-    {
-      enableDevtools: true,
-    },
-  );
+  // TODO(JOOHOJANG):Put it back to how the document’s dockey was.
+  const doc = new yorkie.Document<YorkieDoc>('dailysync', {
+    enableDevtools: true,
+  });
+  window.addEventListener('beforeunload', async () => {
+    await client.detach(doc);
+    await client.deactivate();
+  });
+  window.addEventListener('unload', async () => {
+    await client.detach(doc);
+    await client.deactivate();
+  });
   doc.subscribe('connection', (event) => {
     network.statusListener(networkStatusElem)(event);
   });