Collaborative Script Editing

client/package.json

@@ -38,6 +38,7 @@
     "dompurify": "3.3.1",
     "fuse.js": "7.1.0",
     "jquery": "3.7.1",
+    "lib0": "^0.2.117",
     "lodash": "4.17.23",
     "loglevel": "1.9.2",
     "marked": "11.2.0",
@@ -49,7 +50,8 @@
     "vue-toast-notification": "0.6.3",
     "vuelidate": "0.7.7",
     "vuex": "3.6.2",
-    "vuex-persistedstate": "3.2.1"
+    "vuex-persistedstate": "3.2.1",
+    "yjs": "^13.6.29"
   },
   "devDependencies": {
     "@babel/core": "7.29.0",

client/src/main.js

@@ -15,6 +15,8 @@ import { getWebSocketURL, isElectron } from '@/js/platform';
 import { initRemoteLogging } from '@/js/logger';
 import log from 'loglevel';
 
+window.log = log;
+
 import './assets/styles/dark.scss';
 import 'vue-toast-notification/dist/theme-sugar.css';
 import 'vue-multiselect/dist/vue-multiselect.min.css';

client/src/store/modules/script.js

@@ -73,8 +73,9 @@ export default {
         context.dispatch('GET_SCRIPT_REVISIONS');
         Vue.$toast.success('Added new script revision!');
       } else {
+        const data = await response.json().catch(() => ({}));
         log.error('Unable to add new script revision');
-        Vue.$toast.error('Unable to add new script revision');
+        Vue.$toast.error(data.message || 'Unable to add new script revision');
       }
     },
     async DELETE_SCRIPT_REVISION(context, revisionID) {
@@ -91,8 +92,9 @@ export default {
         context.dispatch('GET_SCRIPT_REVISIONS');
         Vue.$toast.success('Deleted script revision!');
       } else {
+        const data = await response.json().catch(() => ({}));
         log.error('Unable to delete script revision');
-        Vue.$toast.error('Unable to delete script revision');
+        Vue.$toast.error(data.message || 'Unable to delete script revision');
       }
     },
     async LOAD_SCRIPT_REVISION(context, revisionID) {
@@ -109,16 +111,16 @@ export default {
         context.dispatch('GET_SCRIPT_REVISIONS');
         Vue.$toast.success('Loaded script revision!');
       } else {
+        const data = await response.json().catch(() => ({}));
         log.error('Unable to load script revision');
-        Vue.$toast.error('Unable to load script revision');
+        Vue.$toast.error(data.message || 'Unable to load script revision');
       }
     },
     async SCRIPT_REVISION_CHANGED(context) {
       await context.dispatch('GET_SCRIPT_REVISIONS');
 
       for (const page of Object.keys(context.state.script)) {
         await context.dispatch('LOAD_SCRIPT_PAGE', page);
-        await context.dispatch('ADD_BLANK_PAGE', page);
       }
       await context.dispatch('LOAD_CUES');
       await context.dispatch('GET_CUTS');