Implement one user concurrent access for storylines

Author: mohsin-r

.env

@@ -1,3 +1,4 @@
 VITE_APP_API_URL=#{API_URL}#
+VITE_APP_SOCKET_URL=#{SOCKET_URL}#
 VITE_APP_CURR_ENV=#{CURR_ENV}#
 VITE_APP_NET_API_URL=#{NET_API_URL}#

server/index.js

@@ -16,11 +16,13 @@
         "decompress": "^4.2.1",
         "dotenv": "^16.3.1",
         "express": "^4.18.2",
+        "express-ws": "^5.0.2",
         "formidable": "^2.1.2",
         "fs-extra": "^11.1.0",
         "moment": "^2.29.4",
         "path": "^0.12.7",
         "recursive-readdir": "^2.2.3",
-        "simple-git": "^3.27.0"
+        "simple-git": "^3.27.0",
+        "uuid": "^11.0.3"
     }
 }

server/package-lock.json

@@ -4,7 +4,7 @@
         class="flex justify-center items-center"
         content-class="flex flex-col max-w-xl mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2"
     >
-        <h2 slot="header" class="text-lg font-bold">{{ message }}</h2>
+        <h2 slot="header" :class="messageClass ?? 'text-lg font-bold'">{{ message }}</h2>
         <div class="w-full flex justify-end">
             <button class="editor-button confirm-button hover:bg-gray-800" @click.stop="onOk">
                 {{ $t('editor.confirm') }}
@@ -28,6 +28,7 @@ import { VueFinalModal } from 'vue-final-modal';
 export default class MetadataEditorV extends Vue {
     @Prop() message!: string;
     @Prop() name!: string;
+    @Prop() messageClass?: string;
 
     onOk(): void {
         this.$emit('ok');