toggle connection by clicking on y-connect-btn

y-crdt · May 19, 2023 · b785433 · b785433
1 parent 305e494
commit b785433
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'
+    }
+})