FEATURE: complete control over the iframe size

front/dist/resources/style/style.css

@@ -330,6 +330,10 @@ body {
         top: 0;
         width: 50%;
         height: 100vh;
+        cursor: ew-resize;
+    }
+    #cowebsite iframe {
+        margin-left: 30px;
     }
     #cowebsite.loading {
         transform: translateX(90%);

front/src/WebRtc/CoWebsiteManager.ts

@@ -22,9 +22,26 @@ class CoWebsiteManager {
      */
     private currentOperationPromise: Promise<void> = Promise.resolve();
     private cowebsiteDiv: HTMLDivElement; 
+    private resizing: boolean = false;
     
     constructor() {
         this.cowebsiteDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteDivId);
+        
+        this.cowebsiteDiv.addEventListener('mousedown', (event) => {
+            this.resizing = true;
+            this.getIframeDom().style.display = 'none';
+            
+            document.onmousemove = (event) => {
+                this.cowebsiteDiv.style.width = (this.cowebsiteDiv.clientWidth - event.movementX) + 'px';
+            }
+        });
+
+        document.addEventListener('mouseup', (event) => {
+            if (!this.resizing) return;
+            document.onmousemove = null;
+            this.getIframeDom().style.display = 'block';
+            this.resizing = false;
+        });
     }
     
     private close(): void {
@@ -42,6 +59,12 @@ class CoWebsiteManager {
         this.opened = iframeStates.opened;
     }
     
+    private getIframeDom(): HTMLIFrameElement {
+        const iframe = HtmlUtils.getElementByIdOrFail<HTMLDivElement>(cowebsiteDivId).querySelector('iframe');
+        if (!iframe) throw new Error('Could not find iframe!');
+        return iframe;
+    }
+
     public loadCoWebsite(url: string, base: string, allowPolicy?: string): void {
         this.load();
         this.cowebsiteDiv.innerHTML = `<button class="close-btn" id="cowebsite-close">

front/src/index.ts

@@ -5,8 +5,6 @@ import {LoginScene} from "./Phaser/Login/LoginScene";
 import {ReconnectingScene} from "./Phaser/Reconnecting/ReconnectingScene";
 import {SelectCharacterScene} from "./Phaser/Login/SelectCharacterScene";
 import {EnableCameraScene} from "./Phaser/Login/EnableCameraScene";
-import WebGLRenderer = Phaser.Renderer.WebGL.WebGLRenderer;
-import {OutlinePipeline} from "./Phaser/Shaders/OutlinePipeline";
 import {CustomizeScene} from "./Phaser/Login/CustomizeScene";
 import {ResizableScene} from "./Phaser/Login/ResizableScene";
 import {EntryScene} from "./Phaser/Login/EntryScene";