fix: pass file id for direct editing and fail y.js provider setup if none was passed

Signed-off-by: Julius Härtl <jus@bitgrid.net>

Author: juliusknorr

src/services/SyncServiceProvider.js

@@ -33,6 +33,10 @@ import { logger } from '../helpers/logger.js'
  * @param {object} options.initialSession - initialSession to start from
  */
 export default function createSyncServiceProvider({ ydoc, syncService, fileId, initialSession }) {
+	if (!fileId) {
+		// We need a file id as a unique identifier for y.js as otherwise state might leak between different files
+		throw new Error('fileId is required')
+	}
 	const WebSocketPolyfill = initWebSocketPolyfill(syncService, fileId, initialSession)
 	const websocketProvider = new WebsocketProvider(
 		'ws://localhost:1234',

src/views/DirectEditing.vue

@@ -24,6 +24,7 @@
 	<div id="direct-editor" :class="{'icon-loading': saving}">
 		<Editor ref="editor"
 			:initial-session="initialSession"
+			:file-id="initial.fileId"
 			:active="true"
 			:mime="initial.mimetype"
 			:is-direct-editing="true"