specific ws endpoint

codemirror.next/codemirror.next.js

@@ -27,7 +27,7 @@ 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',
+  'wss://demos.yjs.dev/ws',
   'codemirror.next-demo',
   ydoc
 )

codemirror/codemirror.js

@@ -10,7 +10,7 @@ import 'codemirror/mode/javascript/javascript.js'
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
   const provider = new WebsocketProvider(
-    'wss://demos.yjs.dev',
+    'wss://demos.yjs.dev/ws',
     'codemirror-demo-2',
     ydoc
   )

demo-server/demo-server.js

@@ -13,13 +13,17 @@ const port = process.env.PORT || 3000
 const staticServer = new StaticServer('../', { cache: production ? 3600 : false, gzip: production })
 
 const server = http.createServer((request, response) => {
-  request.addListener('end', () => {
-    staticServer.serve(request, response)
-  }).resume()
+  if (!(request.url || '').startsWith('/ws/')) {
+    request.addListener('end', () => {
+      staticServer.serve(request, response)
+    }).resume()
+  }
 })
 const wss = new WebSocket.Server({ server })
 
-wss.on('connection', (conn, req) => setupWSConnection(conn, req, { gc: req.url.slice(1) !== 'prosemirror-versions' }))
+wss.on('connection', (conn, req) => {
+  setupWSConnection(conn, req, { gc: req.url.slice(1) !== 'ws/prosemirror-versions' })
+})
 
 server.listen(port, '0.0.0.0')
 

index.html

@@ -12,6 +12,7 @@ <h1>Yjs Demos</h1>
     <li><a href="./quill/quill.html">Quill Binding</a></li>
     <li><a href="./monaco/monaco.html">Monaco Binding</a></li>
     <li><a href="./codemirror/codemirror.html">CodeMirror Binding</a></li>
+    <li><a href="./codemirror.next/codemirror.next.html">CodeMirror 6 Binding</a></li>
   </ul>
 </body>
 </html>

monaco/monaco.js

@@ -26,7 +26,7 @@ import * as monaco from 'monaco-editor'
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev', 'monaco-demo', ydoc)
+  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'monaco-demo', ydoc)
   const ytext = ydoc.getText('monaco')
 
   const editor = monaco.editor.create(/** @type {HTMLElement} */ (document.getElementById('monaco-editor')), {

prosemirror-versions/prosemirror-versions.js

@@ -143,7 +143,7 @@ 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', 'prosemirror-versions-demo', ydoc)
+  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'prosemirror-versions-demo', ydoc)
   const yXmlFragment = ydoc.get('prosemirror', Y.XmlFragment)
 
   const editor = document.createElement('div')

prosemirror/prosemirror.js

@@ -11,7 +11,7 @@ import { keymap } from 'prosemirror-keymap'
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev', 'prosemirror-demo', ydoc)
+  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'prosemirror-demo', ydoc)
   const yXmlFragment = ydoc.getXmlFragment('prosemirror')
 
   const editor = document.createElement('div')

quill/quill.js

@@ -10,7 +10,7 @@ Quill.register('modules/cursors', QuillCursors)
 
 window.addEventListener('load', () => {
   const ydoc = new Y.Doc()
-  const provider = new WebsocketProvider('wss://demos.yjs.dev', 'quill-demo-5', ydoc)
+  const provider = new WebsocketProvider('wss://demos.yjs.dev/ws', 'quill-demo-5', ydoc)
   const ytext = ydoc.getText('quill')
   const editorContainer = document.createElement('div')
   editorContainer.setAttribute('id', 'editor')