Feature: collaborative editing

compose/dev/compose.yml

@@ -64,13 +64,21 @@ services:
       - 80:80
     volumes:
       - ./nginx.conf:/etc/nginx/conf.d/nginx.conf
+
+  socket:
+    image: node:18
+    working_dir: /app
+    volumes:
+      - socket-node-modules:/app/node_modules
+    command: sh -c "yarn add yjs y-websocket && HOST=0.0.0.0 PORT=4233 npx y-websocket"
 
 volumes:
   db-data:
   api-node-modules:
   ui-node-modules:
   proxy-node-modules:
   prisma-node-modules:
+  socket-node-modules:
 
 networks:
   default:

compose/dev/nginx.conf

@@ -19,6 +19,13 @@ server {
                 proxy_set_header Connection "upgrade";
         }
 
+        location /socket {
+                proxy_pass http://socket:4233;
+                proxy_http_version 1.1;
+                proxy_set_header Upgrade $http_upgrade;
+                proxy_set_header Connection "upgrade";
+        }
+
         # This is not working
         location /prisma {
                 rewrite ^/prisma(.*)$ /$1 break;

ui/package.json

@@ -43,6 +43,9 @@
     "web-vitals": "^2.1.0",
     "xterm": "^5.0.0",
     "xterm-addon-fit": "^0.6.0",
+    "y-monaco": "^0.1.4",
+    "y-websocket": "^1.4.5",
+    "yjs": "^13.5.42",
     "zustand": "^4.1.3"
   },
   "scripts": {