Merge pull request #14 from peterkogo/example-feature-disconnect

Toggle connection by clicking on y-connect-btn
y-crdt · Dec 7, 2024 · a350be3 · a350be3
2 parents 587c00e + b785433
commit a350be3
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/examples/code-mirror/frontend/index.js b/examples/code-mirror/frontend/index.js
@@ -46,3 +46,19 @@ const state = EditorState.create({
 })
 
 const view = new EditorView({ state, parent: document.querySelector('#editor') })
+
+// toggle connection by clicking on connect-btn
+const toggleButton = document.getElementById('y-connect-btn')
+let connected = true
+
+toggleButton.addEventListener('click', () => {
+    if (connected) {
+        provider.disconnect()
+        connected = false
+        toggleButton.innerText = 'Reconnect'
+    } else {
+        provider.connect()
+        connected = true
+        toggleButton.innerText = 'Disconnect'
+    }
+})
diff --git a/examples/webrtc-signaling-server/frontend/index.js b/examples/webrtc-signaling-server/frontend/index.js
@@ -46,3 +46,19 @@ const state = EditorState.create({
 })
 
 const view = new EditorView({ state, parent: document.querySelector('#editor') })
+
+// toggle connection by clicking on connect-btn
+const toggleButton = document.getElementById('y-connect-btn')
+let connected = true
+
+toggleButton.addEventListener('click', () => {
+    if (connected) {
+        provider.disconnect()
+        connected = false
+        toggleButton.innerText = 'Reconnect'
+    } else {
+        provider.connect()
+        connected = true
+        toggleButton.innerText = 'Disconnect'
+    }
+})