use local ws server by default

yjs · Dec 12, 2023 · 16993f0 · 16993f0
1 parent ae6ea2b
commit 16993f0
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 8 deletions.
diff --git a/codemirror.next/codemirror.next.js b/codemirror.next/codemirror.next.js
@@ -27,7 +27,8 @@ export const userColor = usercolors[random.uint32() % usercolors.length]
 const ydoc = new Y.Doc()
 // const provider = new WebrtcProvider('codemirror6-demo-room', ydoc)
 const provider = new WebsocketProvider(
-  'wss://demos.yjs.dev/ws',
+  `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+  // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
   'codemirror.next-demo',
   ydoc
 )

diff --git a/codemirror/codemirror.js b/codemirror/codemirror.js
@@ -10,8 +10,9 @@ import 'codemirror/mode/javascript/javascript.js'
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
   const provider = new WebsocketProvider(
-    'wss://demos.yjs.dev/ws',
-    'codemirror-demo-2',
+    `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+    // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
+    'codemirror-demo',
     ydoc
   )
   const ytext = ydoc.getText('codemirror')

diff --git a/demo-server/demo-server.js b/demo-server/demo-server.js
@@ -43,7 +43,9 @@ setInterval(() => {
   docs.forEach(doc => { conns += doc.conns.size })
   const stats = {
     conns,
-    docs: docs.size
+    docs: docs.size,
+    websocket: `ws://localhost:${port}`,
+    http: `http://localhost:${port}`
   }
   console.log(`${new Date().toISOString()} Stats: ${JSON.stringify(stats)}`)
 }, 10000)

diff --git a/monaco/monaco.js b/monaco/monaco.js
@@ -26,7 +26,12 @@ import * as monaco from 'monaco-editor'
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'monaco-demo', ydoc)
+  const provider = new WebsocketProvider(
+    `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+    // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
+    'monaco-demo',
+    ydoc
+  )
   const ytext = ydoc.getText('monaco')
 
   const editor = monaco.editor.create(/** @type {HTMLElement} */ (document.getElementById('monaco-editor')), {

diff --git a/prosemirror-versions/prosemirror-versions.js b/prosemirror-versions/prosemirror-versions.js
@@ -143,7 +143,12 @@ window.addEventListener('load', () => {
   const permanentUserData = new Y.PermanentUserData(ydoc)
   permanentUserData.setUserMapping(ydoc, ydoc.clientID, user.username)
   ydoc.gc = false
-  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'prosemirror-versions-demo', ydoc)
+  const provider = new WebsocketProvider(
+    `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+    // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
+    'prosemirror-versions-demo',
+    ydoc
+  )
   const yXmlFragment = ydoc.get('prosemirror', Y.XmlFragment)
 
   const editor = document.createElement('div')

diff --git a/prosemirror/prosemirror.js b/prosemirror/prosemirror.js
@@ -11,7 +11,12 @@ import { keymap } from 'prosemirror-keymap'
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'prosemirror-demo', ydoc)
+  const provider = new WebsocketProvider(
+    `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+    // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
+    'prosemirror-demo',
+    ydoc
+  )
   const yXmlFragment = ydoc.getXmlFragment('prosemirror')
 
   const editor = document.createElement('div')

diff --git a/quill/quill.js b/quill/quill.js
@@ -10,7 +10,12 @@ Quill.register('modules/cursors', QuillCursors)
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'quill-demo-5', ydoc)
+  const provider = new WebsocketProvider(
+    `ws${location.protocol.slice(4)}//${location.host}/ws`, // use the local ws server
+    // 'wss://demos.yjs.dev/ws', // alternatively use the public ws server
+    'quill-demo-5',
+    ydoc
+  )
   const ytext = ydoc.getText('quill')
   const editorContainer = document.createElement('div')
   editorContainer.setAttribute('id', 'editor')