Temporarily add unload event code to detach user when close/refresh tab

yorkie-team · Sep 10, 2024 · 0c6a7db · 0c6a7db
1 parent 13f528b
commit 0c6a7db
Showing 1 changed file with 12 additions and 9 deletions.
diff --git 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);
   });