From e60b16129818af60e9be25bbd52e9410725e81f1 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Fri, 19 Mar 2021 15:01:21 +0800
Subject: [PATCH 01/14] perf improvement

---
 build.gradle.kts                              |  1 +
 .../projector/client/common/DrawEvent.kt      |  3 +-
 .../projector/client/common/Renderer.kt       |  8 ++-
 .../common/SingleRenderingSurfaceProcessor.kt | 65 ++++++++++-------
 .../client/common/canvas/Context2d.kt         |  2 +-
 .../client/common/canvas/Extensions.kt        |  7 +-
 .../client/common/canvas/DomContext2d.kt      |  4 +-
 .../client/common/canvas/SwingContext2d.kt    |  2 +-
 .../client/swing/AbstractWindowManager.kt     |  5 +-
 .../client/web/ServerEventsProcessor.kt       |  4 +-
 .../projector/client/web/window/Window.kt     |  4 +-
 .../web/window/WindowDataEventsProcessor.kt   |  3 +-
 .../src/main/kotlin/ElectronApp.kt            | 72 +++++++++++++++++--
 projector-launcher/src/main/kotlin/app.kt     |  2 +-
 .../src/main/resources/assets/js/main.js      | 70 +++++++++---------
 .../src/main/resources/assets/js/preload.js   |  7 ++
 16 files changed, 173 insertions(+), 86 deletions(-)

diff --git a/build.gradle.kts b/build.gradle.kts
index fecf18df6..034d7d2fe 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -37,6 +37,7 @@ subprojects {
   version = "1.0-SNAPSHOT"
 
   repositories {
+    mavenLocal()
     jcenter()
   }
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/DrawEvent.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/DrawEvent.kt
index ded1151ac..0419a5df1 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/DrawEvent.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/DrawEvent.kt
@@ -23,10 +23,11 @@
  */
 package org.jetbrains.projector.client.common
 
+import org.jetbrains.projector.common.protocol.toClient.ServerWindowEvent
 import org.jetbrains.projector.common.protocol.toClient.ServerWindowPaintEvent
 import org.jetbrains.projector.common.protocol.toClient.ServerWindowStateEvent
 
 data class DrawEvent(
-  val prerequisites: List<ServerWindowStateEvent>,
+  val prerequisites: List<ServerWindowEvent>,
   val paintEvent: ServerWindowPaintEvent,
 )
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
index 6d8ca2a16..eb76b824a 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
@@ -115,7 +115,13 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   private fun ensureTransform() {
     requestedState.transform.let { requestedTransform ->
       canvasState.transform.let { currentTransform ->
-        if (currentTransform != requestedTransform) {
+        if (!(requestedTransform[0] == currentTransform[0] &&
+              requestedTransform[1] == currentTransform[1] &&
+              requestedTransform[2] == currentTransform[2] &&
+              requestedTransform[3] == currentTransform[3] &&
+              requestedTransform[4] == currentTransform[4] &&
+              requestedTransform[5] == currentTransform[5]
+             )) {
           applyTransform(requestedTransform)
         }
       }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
index 6aa5ac658..8154033f2 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
@@ -41,21 +41,18 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
   private val stateSaver = StateSaver(renderer, renderingSurface)
 
   @OptIn(ExperimentalStdlibApi::class)
-  fun process(drawEvents: ArrayDeque<DrawEvent>) {
+  fun process(drawEvents: List<DrawEvent>): List<DrawEvent> {
     stateSaver.restoreIfNeeded()
 
-    var removing = true
-
-    drawEvents.removeAll { drawEvent ->
-      val drawIsSuccessful = handleDrawEvent(drawEvent)
-
-      if (!drawIsSuccessful && removing) {
-        stateSaver.save()
-
-        removing = false
+    var failed = false
+    return drawEvents.filter { drawEvent ->
+      if (failed) {
+        if (!handleDrawEvent(drawEvent)) {
+          stateSaver.save()
+          failed = true;
+        }
       }
-
-      removing
+      failed
     }
   }
 
@@ -88,6 +85,9 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
         is ServerSetTransformEvent -> renderer.setTransform(it.tx)
 
         is ServerWindowToDoStateEvent -> logUnsupportedCommand(it)
+
+        else ->
+          logger.error { "Unexpected prerequisites [${it.toString()}] of ${command.paintEvent.toString()}" }
       }
     }
 
@@ -250,24 +250,35 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
       }
     }
 
-    fun List<ServerWindowEvent>.shrinkByPaintEvents(): List<DrawEvent> {
-      val result = mutableListOf<DrawEvent>()
-
-      var prerequisites = mutableListOf<ServerWindowStateEvent>()
-
-      this.forEach {
-        Do exhaustive when (it) {
-          is ServerWindowStateEvent -> prerequisites.add(it)
+    fun List<DrawEvent>.concat(other: List<DrawEvent>): List<DrawEvent> {
+      if(this.isEmpty()){
+        return other
+      }else{
+        return this + other
+      }
+    }
 
-          is ServerWindowPaintEvent -> {
-            result.add(DrawEvent(prerequisites, it))
-            prerequisites = mutableListOf()
-          }
-        }
+    fun List<ServerWindowEvent>.shrinkByPaintEvents(): List<DrawEvent> {
+      if(this.isEmpty()){
+        return listOf()
       }
 
-      if (prerequisites.isNotEmpty()) {
-        logger.error { "Bad commands received from server: ${prerequisites.size} state events are at the end" }
+      val result = mutableListOf<DrawEvent>()
+      var lastIndex = 0;
+      var curr = 0;
+      while(curr < this.size){
+        if(this[curr] is ServerWindowPaintEvent){
+          result.add(DrawEvent(
+            if(curr - lastIndex > 0){
+              this.subList(lastIndex,curr).toList()
+            }else{
+              listOf()
+            },
+            this[curr] as ServerWindowPaintEvent
+          ))
+          lastIndex = curr
+        }
+        curr ++
       }
 
       return result
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
index 5c9b9b6ce..b6515b0f8 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
@@ -89,7 +89,7 @@ interface Context2d {
   fun setTextBaseline(baseline: TextBaseline)
   fun setTextAlign(align: TextAlign)
   fun setTransform(m11: Double, m12: Double, m21: Double, m22: Double, dx: Double, dy: Double)
-  fun setLineDash(lineDash: DoubleArray)
+  fun setLineDash(lineDash: List<Number>)
   fun setLineDashOffset(offset: Double)
   fun measureText(str: String): Point
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index c84b0fe40..b110b5398 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -78,7 +78,7 @@ object Extensions {
         setLineCap(strokeData.endCap.toCanvasLineCap())
         setLineJoin(strokeData.lineJoin.toCanvasLineJoin())
         setMiterLimit(strokeData.miterLimit.toDouble())
-        setLineDash(strokeData.dashArray?.map(Float::toDouble)?.toDoubleArray() ?: DoubleArray(0))
+        setLineDash(strokeData.dashArray ?: listOf())
         setLineDashOffset(strokeData.dashPhase.toDouble())
       }
     }
@@ -127,9 +127,8 @@ object Extensions {
     val b = colorValue and 0xFF
     val g = (colorValue ushr 8) and 0xFF
     val r = (colorValue ushr 16) and 0xFF
-    val a = ((colorValue ushr 24) and 0xFF) / 255.0
-
-    return "rgba($r,$g,$b,$a)"
+    val a = ((colorValue ushr 24) and 0xFF)
+    return "#" + ((r shl 24) or (g shl 16) or (b shl 8) or a).toString(16)
   }
 }
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
index 9ba1fe102..aedea5974 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
@@ -276,8 +276,8 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     myContext2d.setTransform(m11, m12, m21, m22, dx, dy)
   }
 
-  override fun setLineDash(lineDash: DoubleArray) {
-    myContext2d.setLineDash(lineDash.toTypedArray())
+  override fun setLineDash(lineDash: List<Number>) {
+    myContext2d.setLineDash(lineDash as Array<Double>)
   }
 
   override fun setLineDashOffset(offset: Double) {
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
index 9d27c22af..ca686f087 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
@@ -265,7 +265,7 @@ class SwingContext2d(graphics: Graphics2D) : Context2d {
     graphics.transform = AffineTransform(m11, m12, m21, m22, dx, dy)
   }
 
-  override fun setLineDash(lineDash: DoubleArray) {
+  override fun setLineDash(lineDash: List<Number>) {
     myCurrentStroke = myCurrentStroke.change(dash = if(lineDash.isEmpty()) null else FloatArray(lineDash.size) { lineDash[it].toFloat() })
   }
 
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
index 669ba29b1..aa4840386 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
@@ -69,9 +69,8 @@ abstract class AbstractWindowManager<FrameType> {
       return
     }
 
-    window.drawEvents.addAll(drawEvents.shrinkByPaintEvents())
 
-    window.processor.process(window.drawEvents)
+    window.drawEvents = window.processor.process(window.drawEvents + drawEvents.shrinkByPaintEvents())
 
     window.surface.flush()
 
@@ -81,7 +80,7 @@ abstract class AbstractWindowManager<FrameType> {
   inner class FrameData(
     val frame: FrameType,
     var windowData: WindowData,
-    val drawEvents: ArrayDeque<DrawEvent>,
+    var drawEvents: List<DrawEvent>,
     val surface: DoubleBufferedRenderingSurface,
     val processor: SingleRenderingSurfaceProcessor,
   )
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
index c308e9b4d..f30ef4d01 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
@@ -98,9 +98,9 @@ class ServerEventsProcessor(private val windowDataEventsProcessor: WindowDataEve
           val offscreenProcessor = ImageCacher.getOffscreenProcessor(target)
 
           // todo: don't create this deque every time
-          val drawEvents = ArrayDeque<DrawEvent>().apply { addAll(event.drawEvents.shrinkByPaintEvents()) }
+          //val drawEvents = ArrayDeque<DrawEvent>().apply { addAll() }
 
-          offscreenProcessor.process(drawEvents)
+          offscreenProcessor.process(event.drawEvents.shrinkByPaintEvents())
 
           windowDataEventsProcessor.redrawWindows()
         }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
index 0bf358a3c..9eed88dd0 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
@@ -53,7 +53,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
   val id = windowData.id
 
   @OptIn(ExperimentalStdlibApi::class)
-  val drawEvents = ArrayDeque<DrawEvent>()
+  var drawEvents = listOf<DrawEvent>()
 
   var title: String? = null
     set(value) {
@@ -256,7 +256,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
 
   @OptIn(ExperimentalStdlibApi::class)
   fun drawBufferedEvents() {
-    commandProcessor.process(drawEvents)
+    drawEvents = commandProcessor.process(drawEvents)
     renderingSurface.flush()
     header?.draw()
   }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
index 5834ce2c5..b84c3cd2d 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
@@ -24,6 +24,7 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
+import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.concat
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.misc.ParamsProvider
@@ -137,7 +138,7 @@ class WindowDataEventsProcessor(private val windowManager: WindowManager) {
       val newEvents = commands.shrinkByPaintEvents()
 
       if (newEvents.isNotEmpty()) {
-        window.drawEvents.addAll(newEvents)
+        window.drawEvents = window.drawEvents.concat(newEvents)
         window.drawBufferedEvents()
       }
     }
diff --git a/projector-launcher/src/main/kotlin/ElectronApp.kt b/projector-launcher/src/main/kotlin/ElectronApp.kt
index 23cf54435..bb98d8515 100644
--- a/projector-launcher/src/main/kotlin/ElectronApp.kt
+++ b/projector-launcher/src/main/kotlin/ElectronApp.kt
@@ -24,6 +24,7 @@
 @file:Suppress("JSCODE_ARGUMENT_SHOULD_BE_CONSTANT")
 
 import Electron.*
+import kotlinext.js.jsObject
 import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.await
 import kotlinx.coroutines.launch
@@ -77,9 +78,18 @@ class ElectronApp(val url: String) {
                 }
             }
         """
-
-    var preloadPath = path.normalize(path.join(__dirname, "../assets/js/preload.js"))
-    this.mainWindow = BrowserWindow(js(windowOptions)(workAreaSize.width, workAreaSize.height, preloadPath))
+    //js(windowOptions)(workAreaSize.width, workAreaSize.height, preloadPath)
+    val preloadPath: String = path.normalize(path.join(__dirname, "../app/assets/js/preload.js"))
+    this.mainWindow = BrowserWindow( jsObject {
+      width = workAreaSize.width
+      height = workAreaSize.height
+      webPreferences = jsObject {
+        contextIsolation = true
+        webSecurity = false
+        worldSafeExecuteJavaScript = true
+        preload = preloadPath
+      }
+    })
 
     if (process.platform.unsafeCast<String>().toLowerCase() !in setOf("win32", "darwin")) {
       // change icon for Linux and other systems:
@@ -167,9 +177,61 @@ class ElectronApp(val url: String) {
   }
 
   fun registerApplicationLevelEvents() {
+    Menu.setApplicationMenu(Menu.buildFromTemplate(
+      arrayOf(
+        jsObject<MenuItemConstructorOptions>{
+          label = app.name
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "about"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "quit"
+            }
+          )
+        },
+        jsObject<MenuItemConstructorOptions> {
+          label = "Edit"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "cut"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "copy"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "paste"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "undo"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "redo"
+            }
+          )
+
+        },
+        jsObject<MenuItemConstructorOptions>{
+          label = "View"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "forceReload"
+            }
+          )
+        },
+        jsObject<MenuItemConstructorOptions> {
+          label = "Developer"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "toggleDevTools"
+            }
+          )
+        }
+      )
+    ))
     app.whenReady().then {
       this.createWindow()
-      ElectronUtil.disableAllStandardShortcuts()
+      //ElectronUtil.disableAllStandardShortcuts()
 
       if (GlobalSettings.DEVELOPER_TOOLS_ENABLED) {
         this.mainWindow.webContents.openDevTools()
@@ -181,8 +243,6 @@ class ElectronApp(val url: String) {
     }
 
     ipcMain.on("projector-dom-ready") { event, _ ->
-      ElectronUtil.disableAllStandardShortcuts()
-
       var defaultUrl = this.configData.defaultUrl
       if (null != defaultUrl) {
         event.sender.send("projector-set-url", defaultUrl)
diff --git a/projector-launcher/src/main/kotlin/app.kt b/projector-launcher/src/main/kotlin/app.kt
index caa140a43..7e5d5c8e2 100644
--- a/projector-launcher/src/main/kotlin/app.kt
+++ b/projector-launcher/src/main/kotlin/app.kt
@@ -31,7 +31,7 @@ fun main() {
   val argv = commandLineArguments()
   var url = argv.last()
 
-  if (url.endsWith("projector.exe")) {
+  if (url == null || !(url.startsWith("http") || url.startsWith("ws"))) {
     url = ""
   }
 
diff --git a/projector-launcher/src/main/resources/assets/js/main.js b/projector-launcher/src/main/resources/assets/js/main.js
index ebe078038..77ab4f45a 100644
--- a/projector-launcher/src/main/resources/assets/js/main.js
+++ b/projector-launcher/src/main/resources/assets/js/main.js
@@ -23,46 +23,48 @@
  */
 import {cacheNewUrlValue, populateDataList, projectorLauncherStorageKey, storage, urlCache} from './modules/urlcache.js';
 
-window.onload = function () {
-  document.getElementById("url-text-field").focus();
-};
+(function () {
 
-if (storage.getItem(projectorLauncherStorageKey)) {
-  let parse = JSON.parse(storage.getItem(projectorLauncherStorageKey));
-  parse.forEach(url => urlCache.set(url, url));
-  populateDataList();
-}
 
-document.querySelector('#connect-button').addEventListener('click', function () {
-  connect()
-});
 
-document.querySelector('#url-text-field').addEventListener('keypress', function (e) {
-  if (e.key === 'Enter') {
-    connect()
-  }
-});
 
-function connect() {
-  let url = document.getElementById("url-text-field").value;
-  if (isEmpty(url)) {
-    return;
+  window.onload = function () {
+    document.getElementById("url-text-field").focus();
+  };
+
+  if (storage.getItem(projectorLauncherStorageKey)) {
+    let parse = JSON.parse(storage.getItem(projectorLauncherStorageKey));
+    parse.forEach(url => urlCache.set(url, url));
+    populateDataList();
   }
 
-  const {ipcRenderer} = require('electron')
-  ipcRenderer.send("projector-connect", url);
+  document.querySelector('#connect-button').addEventListener('click', function () {
+    connect()
+  });
+
+  document.querySelector('#url-text-field').addEventListener('keypress', function (e) {
+    if (e.key === 'Enter') {
+      connect()
+    }
+  });
 
-  cacheNewUrlValue(url);
-}
+  function connect() {
+    let url = document.getElementById("url-text-field").value;
+    if (isEmpty(url)) {
+      return;
+    }
 
-//$( document ).ready(function() {
-const {ipcRenderer} = require('electron')
-ipcRenderer.on('projector-set-url', (event, arg) => {
-  console.log("New URL: " + arg);
-  document.getElementById("url-text-field").value = arg
-})
-//});
+    window.ipcRenderer.send("projector-connect", url);
 
-function isEmpty(str) {
-  return (!str || 0 === str.length);
-}
+    cacheNewUrlValue(url);
+  }
+
+  window.ipcRenderer.on('projector-set-url', (event, arg) => {
+    console.log("New URL: " + arg);
+    document.getElementById("url-text-field").value = arg
+  })
+
+  function isEmpty(str) {
+    return (!str || 0 === str.length);
+  }
+})();
diff --git a/projector-launcher/src/main/resources/assets/js/preload.js b/projector-launcher/src/main/resources/assets/js/preload.js
index e4e599efc..b5d2317fd 100644
--- a/projector-launcher/src/main/resources/assets/js/preload.js
+++ b/projector-launcher/src/main/resources/assets/js/preload.js
@@ -21,6 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+const electron = require('electron');
+
 function domReady(fn) {
   if (document.readyState === "complete" || document.readyState === "interactive") {
     setTimeout(fn, 1);
@@ -30,6 +32,11 @@ function domReady(fn) {
   }
 }
 
+electron.contextBridge.exposeInMainWorld('ipcRenderer', {
+  send: (name,param) => electron.ipcRenderer.send(name, param),
+  on: (name,callback) => electron.ipcRenderer.on(name,callback)
+})
+
 domReady(function () {
   console.log("DOM loaded")
   const {ipcRenderer} = require('electron')

From 4872a4e937f6523df443accf48f4e91bd8504bb4 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 10:46:17 +0800
Subject: [PATCH 02/14] Performance tuning

---
 .idea/codeStyles/Project.xml                  |  27 +-
 gradle.properties                             |  10 +-
 projector-client-common/build.gradle.kts      |   2 +
 .../projector/client/common/Renderer.kt       |  61 ++--
 .../common/RenderingSurfaceProcessor.kt       |  31 ++
 .../common/SingleRenderingSurfaceProcessor.kt |  22 +-
 .../projector/client/common/canvas/Canvas.kt  |   8 +-
 .../client/common/canvas/CanvasFactory.kt     |   1 +
 .../client/common/canvas/Context2d.kt         |   4 +-
 .../common/canvas/ContextBitmapRenderer.kt    |  30 ++
 .../client/common/canvas/Extensions.kt        |  21 +-
 .../client/common/canvas/RenderingContext.kt  |  27 ++
 .../DoubleBufferedRenderingSurface.kt         |  24 +-
 .../buffering/UnbufferedRenderingSurface.kt   |   1 +
 .../client/common/misc/ImageCacher.kt         |  21 +-
 .../client/common/canvas/CanvasFactory.kt     |  11 +-
 .../client/common/canvas/DomCanvas.kt         |  51 +++-
 .../client/common/canvas/DomContext2d.kt      |  40 ++-
 .../common/canvas/DomContextBitmapRenderer.kt |  39 +++
 .../common/canvas/DomOffscreenCanvas.kt       |  61 ++++
 .../client/common/canvas/ExperimentalAPI.kt   |  49 ++++
 .../client/common/canvas/JsExtensions.kt      |  48 ++++
 .../JsSingleRenderingSurfaceProcessor.kt      | 268 ++++++++++++++++++
 .../client/common/canvas/SwingCanvas.kt       |  17 +-
 .../client/common/canvas/SwingContext2d.kt    |   3 +-
 .../client/swing/AbstractWindowManager.kt     |   8 +-
 .../projector/client/swing/SwingClient.kt     |   8 +-
 projector-client-web/build.gradle.kts         |   4 +
 .../projector/client/web/Application.kt       |   7 +-
 .../client/web/ServerEventsProcessor.kt       |  13 +-
 .../ManualJsonToClientMessageDecoder.kt       | 230 +++++++--------
 .../projector/client/web/state/ClientState.kt |  45 +--
 .../client/web/state/ClientStateMachine.kt    |   1 +
 .../projector/client/web/state/ProjectorUI.kt |   2 +-
 .../client/web/window/OnScreenMessenger.kt    |   2 +-
 .../projector/client/web/window/Window.kt     | 137 +++++----
 .../web/window/WindowDataEventsProcessor.kt   |  24 +-
 .../client/web/window/WindowHeader.kt         |  35 +--
 .../src/main/resources/index.html             |  15 +-
 .../common/protocol/data/StrokeData.kt        |   2 +-
 .../protocol/toClient/ServerWindowEvent.kt    | 155 ++++++++--
 .../projector/intTest/ConnectionUtil.kt       |   8 +-
 .../server/core/convert/toClient/Convert.kt   |   4 +-
 settings.gradle.kts                           |   1 +
 44 files changed, 1181 insertions(+), 397 deletions(-)
 create mode 100644 projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/RenderingSurfaceProcessor.kt
 create mode 100644 projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/ContextBitmapRenderer.kt
 create mode 100644 projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/RenderingContext.kt
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContextBitmapRenderer.kt
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomOffscreenCanvas.kt
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/ExperimentalAPI.kt
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt

diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index 04bf1ebc5..cab3bdd39 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -39,16 +39,7 @@
           <package name="kotlinx.android.synthetic" alias="false" withSubpackages="true" />
         </value>
       </option>
-      <option name="PACKAGES_IMPORT_LAYOUT">
-        <value>
-          <package name="" alias="false" withSubpackages="true" />
-          <package name="java" alias="false" withSubpackages="true" />
-          <package name="javax" alias="false" withSubpackages="true" />
-          <package name="kotlin" alias="false" withSubpackages="true" />
-          <package name="" alias="true" withSubpackages="true" />
-        </value>
-      </option>
-      <option name="ALLOW_TRAILING_COMMA" value="true" />
+      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
     </JetCodeStyleSettings>
     <TypeScriptCodeStyleSettings version="1">
       <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
@@ -511,15 +502,17 @@
     <codeStyleSettings language="kotlin">
       <option name="LINE_COMMENT_AT_FIRST_COLUMN" value="false" />
       <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
-      <option name="ELSE_ON_NEW_LINE" value="true" />
-      <option name="WHILE_ON_NEW_LINE" value="true" />
-      <option name="CATCH_ON_NEW_LINE" value="true" />
-      <option name="FINALLY_ON_NEW_LINE" value="true" />
       <option name="ALIGN_MULTILINE_PARAMETERS_IN_CALLS" value="true" />
-      <option name="ALIGN_MULTILINE_BINARY_OPERATION" value="true" />
       <option name="ALIGN_MULTILINE_EXTENDS_LIST" value="true" />
-      <option name="CALL_PARAMETERS_WRAP" value="1" />
+      <option name="CALL_PARAMETERS_WRAP" value="5" />
+      <option name="CALL_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="CALL_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
       <option name="METHOD_PARAMETERS_WRAP" value="5" />
+      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
+      <option name="METHOD_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="EXTENDS_LIST_WRAP" value="1" />
+      <option name="METHOD_CALL_CHAIN_WRAP" value="1" />
+      <option name="ASSIGNMENT_WRAP" value="1" />
       <indentOptions>
         <option name="INDENT_SIZE" value="2" />
         <option name="CONTINUATION_INDENT_SIZE" value="2" />
@@ -527,4 +520,4 @@
       </indentOptions>
     </codeStyleSettings>
   </code_scheme>
-</component>
+</component>
\ No newline at end of file
diff --git a/gradle.properties b/gradle.properties
index 53919c6d4..37aa6ff2c 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -22,7 +22,7 @@
 # SOFTWARE.
 #
 bootstrapVersion=4.5.2
-coroutinesVersion=1.4.1
+coroutinesVersion=1.4.3
 dnsjavaVersion=2.1.9
 electronVersion=^10.1.2
 electronPackagerVersion=^15.1.0
@@ -31,10 +31,10 @@ inlineStylePrefixerVersion=~6.0.0
 javassistVersion=3.27.0-GA
 javaWebSocketVersion=1.5.1
 jqueryVersion=3.5.1
-kotlinVersion=1.4.20
-kotlinExtensionsVersion=1.0.1-pre.129-kotlin-1.4.10
-kotlinReactVersion=16.14.0-pre.125-kotlin-1.4.10
-kotlinStyledComponentsVersion=5.2.0-pre.129-kotlin-1.4.10
+kotlinVersion=1.4.30
+kotlinExtensionsVersion=1.0.1-pre.146-kotlin-1.4.30
+kotlinReactVersion= 17.0.1-pre.146-kotlin-1.4.30
+kotlinStyledComponentsVersion=5.2.1-pre.146-kotlin-1.4.30
 ktorVersion=1.4.1
 openVersion=^7.2.1
 radiumVersion=0.26.1
diff --git a/projector-client-common/build.gradle.kts b/projector-client-common/build.gradle.kts
index 20928a154..6d1e337cd 100644
--- a/projector-client-common/build.gradle.kts
+++ b/projector-client-common/build.gradle.kts
@@ -27,6 +27,7 @@ plugins {
 }
 
 val kotlinVersion: String by project
+val coroutinesVersion: String by project
 
 kotlin {
   js {
@@ -42,6 +43,7 @@ kotlin {
         api(kotlin("reflect", kotlinVersion))
         implementation(project(":projector-common"))
         implementation(project(":projector-util-logging"))
+        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:$coroutinesVersion")
       }
     }
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
index 6d8ca2a16..b0a752848 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
@@ -47,7 +47,7 @@ import kotlin.random.Random
 
 class Renderer(private val renderingSurface: RenderingSurface) {
   private val ctx: Context2d
-    get() = renderingSurface.canvas.context2d
+    get() = renderingSurface.canvas.context2d()
 
   private val canvasState = CanvasRenderingState()
   val requestedState = RequestedRenderingState()
@@ -113,11 +113,17 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureTransform() {
-    requestedState.transform.let { requestedTransform ->
-      canvasState.transform.let { currentTransform ->
-        if (currentTransform != requestedTransform) {
-          applyTransform(requestedTransform)
-        }
+    if (requestedState.transform != null) {
+      if (canvasState.transform == null || !(
+          requestedState.transform[0] == canvasState.transform[0] &&
+            requestedState.transform[1] == canvasState.transform[1] &&
+            requestedState.transform[2] == canvasState.transform[2] &&
+            requestedState.transform[3] == canvasState.transform[3] &&
+            requestedState.transform[4] == canvasState.transform[4] &&
+            requestedState.transform[5] == canvasState.transform[5]
+          )
+      ) {
+        applyTransform(requestedState.transform)
       }
     }
   }
@@ -169,11 +175,9 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureClip() {
-    requestedState.identitySpaceClip.let { requestedClip ->
-      canvasState.identitySpaceClip.let { currentClip ->
-        if (currentClip != requestedClip) {
-          applyClip(requestedClip)
-        }
+    if (requestedState.identitySpaceClip != null) {
+      if (canvasState.identitySpaceClip != null || requestedState.identitySpaceClip.hashCode() != canvasState.identitySpaceClip.hashCode()) {
+        applyClip(requestedState.identitySpaceClip)
       }
     }
   }
@@ -184,11 +188,9 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureStroke() {
-    requestedState.strokeData.let { requestedStroke ->
-      canvasState.strokeData.let { currentStroke ->
-        if (currentStroke != requestedStroke) {
-          applyStroke(requestedStroke)
-        }
+    if (requestedState.strokeData != null) {
+      if (canvasState.strokeData == null || canvasState.strokeData.hashCode() != requestedState.strokeData.hashCode()) {
+        applyStroke(requestedState.strokeData)
       }
     }
   }
@@ -210,12 +212,8 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureFont() {
-    requestedState.font.let { requestedFont ->
-      canvasState.font.let { currentFont ->
-        if (currentFont != requestedFont) {
-          applyFont(requestedFont)
-        }
-      }
+    if(requestedState.font != null && requestedState.font != canvasState.font ){
+      applyFont(requestedState.font)
     }
   }
 
@@ -225,12 +223,8 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureRule() {
-    requestedState.rule.let { requestedRule ->
-      canvasState.rule.let { currentRule ->
-        if (currentRule != requestedRule) {
-          applyRule(requestedRule)
-        }
-      }
+    if(canvasState.rule != requestedState.rule){
+      applyRule(requestedState.rule)
     }
   }
 
@@ -240,12 +234,8 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureAlpha() {
-    requestedState.alpha.let { requestedAlpha ->
-      canvasState.alpha.let { currentAlpha ->
-        if (currentAlpha != requestedAlpha) {
-          applyAlpha(requestedAlpha)
-        }
-      }
+    if (canvasState.alpha != requestedState.alpha) {
+      applyAlpha(requestedState.alpha)
     }
   }
 
@@ -431,8 +421,7 @@ class Renderer(private val renderingSurface: RenderingSurface) {
       logger.debug { "null is used as a font ID. Using Arial..." }
 
       "${fontSize}px Arial"
-    }
-    else {
+    } else {
       "${fontSize}px ${fontId.toFontFaceName()}"
     }
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/RenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/RenderingSurfaceProcessor.kt
new file mode 100644
index 000000000..1c777c94b
--- /dev/null
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/RenderingSurfaceProcessor.kt
@@ -0,0 +1,31 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common
+
+import org.jetbrains.projector.common.protocol.toClient.ServerWindowEvent
+
+interface RenderingSurfaceProcessor {
+
+  fun process(events: List<ServerWindowEvent>): List<ServerWindowEvent>?
+}
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
index 6aa5ac658..e64e01b9d 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
@@ -23,6 +23,8 @@
  */
 package org.jetbrains.projector.client.common
 
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
@@ -34,29 +36,31 @@ import org.jetbrains.projector.common.protocol.data.PaintValue
 import org.jetbrains.projector.common.protocol.toClient.*
 import org.jetbrains.projector.util.logging.Logger
 
-class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
+class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): RenderingSurfaceProcessor {
 
   private val renderer = Renderer(renderingSurface)
 
   private val stateSaver = StateSaver(renderer, renderingSurface)
 
   @OptIn(ExperimentalStdlibApi::class)
-  fun process(drawEvents: ArrayDeque<DrawEvent>) {
+  override fun process(drawEvents: List<ServerWindowEvent>): List<ServerWindowEvent>? {
     stateSaver.restoreIfNeeded()
 
     var removing = true
 
-    drawEvents.removeAll { drawEvent ->
+    val commands = drawEvents.shrinkByPaintEvents()
+
+    commands.forEach { drawEvent ->
       val drawIsSuccessful = handleDrawEvent(drawEvent)
 
       if (!drawIsSuccessful && removing) {
-        stateSaver.save()
-
+        GlobalScope.launch {
+          stateSaver.save()
+        }
         removing = false
       }
-
-      removing
     }
+    return null
   }
 
   private fun handleDrawEvent(command: DrawEvent): Boolean {
@@ -212,7 +216,7 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
 
     private var lastSuccessfulState: LastSuccessfulState? = null
 
-    fun save() {
+    suspend fun save() {
       lastSuccessfulState = LastSuccessfulState(
         renderingState = renderer.requestedState.copy(),
         image = renderingSurface.canvas.takeSnapshot()
@@ -237,7 +241,7 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) {
       }
     }
 
-    private class LastSuccessfulState(val renderingState: RequestedRenderingState, val image: Canvas.Snapshot)
+    private class LastSuccessfulState(val renderingState: RequestedRenderingState, val image: Canvas.ImageSource)
   }
 
   companion object {
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Canvas.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Canvas.kt
index 361b7b2ad..72b26223d 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Canvas.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Canvas.kt
@@ -47,7 +47,9 @@ package org.jetbrains.projector.client.common.canvas
  */
 
 interface Canvas {
-  val context2d: Context2d
+  fun context2d(): Context2d
+  fun bitmapContext(): ContextBitmapRenderer
+
   var width: Int
   var height: Int
   var fontVariantLigatures: String
@@ -55,12 +57,10 @@ interface Canvas {
     set(value) {}
   val imageSource: ImageSource
 
-  fun takeSnapshot(): Snapshot
+  fun takeSnapshot(): ImageSource
 
   interface ImageSource {
     fun isEmpty(): Boolean
   }
 
-  // Unchangeable copy of canvas data
-  interface Snapshot : ImageSource
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
index d593206b9..2cf9a4804 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
@@ -25,6 +25,7 @@ package org.jetbrains.projector.client.common.canvas
 
 expect object CanvasFactory {
   fun create(): Canvas
+  fun create(offscreen: Boolean): Canvas
   fun createImageSource(pngBase64: String, onLoad: (Canvas.ImageSource) -> Unit)
   fun createEmptyImageSource(onLoad: (Canvas.ImageSource) -> Unit)
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
index 5c9b9b6ce..fe9ed8457 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
@@ -28,7 +28,7 @@ import org.jetbrains.projector.client.common.canvas.PaintColor.Gradient
 import org.jetbrains.projector.common.protocol.data.PathSegment
 import org.jetbrains.projector.common.protocol.data.Point
 
-interface Context2d {
+interface Context2d{
   fun clearRect(x: Double, y: Double, w: Double, h: Double)
   fun drawImage(imageSource: ImageSource, x: Double, y: Double)
   fun drawImage(imageSource: ImageSource, x: Double, y: Double, dw: Double, dh: Double)
@@ -89,7 +89,7 @@ interface Context2d {
   fun setTextBaseline(baseline: TextBaseline)
   fun setTextAlign(align: TextAlign)
   fun setTransform(m11: Double, m12: Double, m21: Double, m22: Double, dx: Double, dy: Double)
-  fun setLineDash(lineDash: DoubleArray)
+  fun setLineDash(lineDash: Array<Double>)
   fun setLineDashOffset(offset: Double)
   fun measureText(str: String): Point
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/ContextBitmapRenderer.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/ContextBitmapRenderer.kt
new file mode 100644
index 000000000..5306b8420
--- /dev/null
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/ContextBitmapRenderer.kt
@@ -0,0 +1,30 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+interface ContextBitmapRenderer {
+
+  fun transferFromImageBitmap(bitmap: Canvas.ImageSource)
+
+}
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index c84b0fe40..e415fd3e7 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -23,6 +23,7 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
+import kotlinx.coroutines.awaitAll
 import org.jetbrains.projector.common.misc.Do
 import org.jetbrains.projector.common.protocol.data.AlphaCompositeRule
 import org.jetbrains.projector.common.protocol.data.CommonPath
@@ -39,7 +40,7 @@ object Extensions {
       return  // prevents clearing canvas
     }
 
-    if (this.width == 0 || this.width == 0) {
+    if (this.width == 0 || this.height == 0) {
       this.width = width
       this.height = height
 
@@ -53,7 +54,7 @@ object Extensions {
     this.height = height
 
     if (scalingChanged) {
-      this.context2d.drawImage(
+      this.context2d().drawImage(
         snapshot,
         0.0,
         0.0,
@@ -62,7 +63,7 @@ object Extensions {
       )  // save previous image with scaling
     }
     else {
-      this.context2d.drawImage(snapshot, 0.0, 0.0)  // save previous image with the same size to avoid stretching
+      this.context2d().drawImage(snapshot, 0.0, 0.0)  // save previous image with the same size to avoid stretching
     }
   }
 
@@ -78,7 +79,8 @@ object Extensions {
         setLineCap(strokeData.endCap.toCanvasLineCap())
         setLineJoin(strokeData.lineJoin.toCanvasLineJoin())
         setMiterLimit(strokeData.miterLimit.toDouble())
-        setLineDash(strokeData.dashArray?.map(Float::toDouble)?.toDoubleArray() ?: DoubleArray(0))
+        strokeData.dashArray?.let{
+        }
         setLineDashOffset(strokeData.dashPhase.toDouble())
       }
     }
@@ -120,16 +122,5 @@ object Extensions {
 
   fun Short.toFontFaceName(): String = "serverFont$this"
 
-  /* Creates an rgba(...) string (JS-like) by an ARGB number (Java-like). */
-  fun Number.argbIntToRgbaString(): String {
-    val colorValue = this.toLong()
-
-    val b = colorValue and 0xFF
-    val g = (colorValue ushr 8) and 0xFF
-    val r = (colorValue ushr 16) and 0xFF
-    val a = ((colorValue ushr 24) and 0xFF) / 255.0
-
-    return "rgba($r,$g,$b,$a)"
-  }
 }
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/RenderingContext.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/RenderingContext.kt
new file mode 100644
index 000000000..2b5fc6f18
--- /dev/null
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/RenderingContext.kt
@@ -0,0 +1,27 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+interface RenderingContext {
+}
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/DoubleBufferedRenderingSurface.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/DoubleBufferedRenderingSurface.kt
index e8eeb2ddf..603654d88 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/DoubleBufferedRenderingSurface.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/DoubleBufferedRenderingSurface.kt
@@ -25,7 +25,6 @@ package org.jetbrains.projector.client.common.canvas.buffering
 
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.CanvasFactory
-import org.jetbrains.projector.client.common.canvas.Extensions.resizeSavingImage
 
 class DoubleBufferedRenderingSurface(private val target: Canvas) : RenderingSurface {
 
@@ -37,21 +36,34 @@ class DoubleBufferedRenderingSurface(private val target: Canvas) : RenderingSurf
     get() = buffer
 
   override fun setBounds(width: Int, height: Int) {
-    buffer.resizeSavingImage(width, height)
-    target.resizeSavingImage(width, height)
+    //buffer.resizeSavingImage(width, height)
+    buffer.width = width
+    buffer.height = height
+    if( width != target.width ){
+      target.width = width
+    }
+    if( height != target.height){
+      target.height = height
+    }
   }
 
   override fun flush() {
     if (buffer.width == 0 || buffer.height == 0) return
-
-    target.context2d.drawImage(buffer.imageSource, 0.0, 0.0)
+    //target.bitmapContext().transferFromImageBitmap(snapshot)
+    target.context2d().drawImage(buffer.imageSource,0.0,0.0)
   }
 
   private fun createBuffer(): Canvas {
-    return CanvasFactory.create()
+    return CanvasFactory.create(true)
       .apply {
         width = target.width
         height = target.height
       }
   }
+
+  init {
+    //target.bitmapContext()
+    target.context2d()
+    buffer.context2d()
+  }
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
index 07f59bb01..bb55d9918 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
@@ -23,6 +23,7 @@
  */
 package org.jetbrains.projector.client.common.canvas.buffering
 
+import kotlinx.coroutines.GlobalScope
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.Extensions.resizeSavingImage
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ImageCacher.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ImageCacher.kt
index 937ddd0f2..e384ac3c0 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ImageCacher.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ImageCacher.kt
@@ -23,9 +23,11 @@
  */
 package org.jetbrains.projector.client.common.misc
 
+import org.jetbrains.projector.client.common.RenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.CanvasFactory
+import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
 import org.jetbrains.projector.client.common.canvas.buffering.UnbufferedRenderingSurface
 import org.jetbrains.projector.common.misc.Do
 import org.jetbrains.projector.common.protocol.data.ImageData
@@ -41,8 +43,8 @@ object ImageCacher {
   private data class OffscreenImage(
     val width: Int,
     val height: Int,
-    val singleRenderingSurfaceProcessor: SingleRenderingSurfaceProcessor,
-    val offscreenCanvas: Canvas.ImageSource,
+    val processor: RenderingSurfaceProcessor,
+    val offscreenCanvas: Canvas,
   )
 
   private var currentSize = 0
@@ -69,7 +71,7 @@ object ImageCacher {
   }
 
   fun getImageData(imageId: ImageId): Canvas.ImageSource? = when (imageId) {
-    is ImageId.PVolatileImageId -> offscreenImages[imageId.id]?.offscreenCanvas
+    is ImageId.PVolatileImageId -> offscreenImages[imageId.id]?.offscreenCanvas?.imageSource
 
     is ImageId.BufferedImageId -> {
       val imageData = cache[imageId]?.apply { lastUsageTimestamp = TimeStamp.current }?.data
@@ -79,7 +81,6 @@ object ImageCacher {
           imagesToRequest.add(imageId)
           requestedImages[imageId] = LivingEntity(TimeStamp.current, 0, null)
         }
-
         null
       }
       else {
@@ -94,29 +95,29 @@ object ImageCacher {
     }
   }
 
-  fun getOffscreenProcessor(offscreenTarget: ServerDrawCommandsEvent.Target.Offscreen): SingleRenderingSurfaceProcessor {
+  fun getOffscreenProcessor(offscreenTarget: ServerDrawCommandsEvent.Target.Offscreen, processorFactory: (RenderingSurface) -> RenderingSurfaceProcessor): RenderingSurfaceProcessor {
     val image = offscreenImages[offscreenTarget.pVolatileImageId]
 
     if (image == null || image.width != offscreenTarget.width || image.height != offscreenTarget.height) {
-      val offScreenCanvas = CanvasFactory.create().apply {
+      val offScreenCanvas = CanvasFactory.create(true).apply {
         width = offscreenTarget.width
         height = offscreenTarget.height
       }
       val offScreenRenderingSurface = UnbufferedRenderingSurface(offScreenCanvas)
 
-      val offScreenCommandProcessor = SingleRenderingSurfaceProcessor(offScreenRenderingSurface)
+      val offScreenCommandProcessor = processorFactory(offScreenRenderingSurface)
 
       offscreenImages[offscreenTarget.pVolatileImageId] = OffscreenImage(
         width = offscreenTarget.width,
         height = offscreenTarget.height,
-        singleRenderingSurfaceProcessor = offScreenCommandProcessor,
-        offscreenCanvas = offScreenCanvas.imageSource
+        processor = offScreenCommandProcessor,
+        offscreenCanvas = offScreenCanvas
       )
 
       return offScreenCommandProcessor
     }
 
-    return image.singleRenderingSurfaceProcessor
+    return image.processor
   }
 
   fun extractImagesToRequest(): List<ClientRequestImageDataEvent> {
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
index 7d015adb9..7cf350c49 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
@@ -28,10 +28,19 @@ import org.w3c.dom.CanvasImageSource
 import org.w3c.dom.CanvasRenderingContext2D
 import org.w3c.dom.HTMLCanvasElement
 import org.w3c.dom.Image
+import org.w3c.xhr.XMLHttpRequest
 
 actual object CanvasFactory {
   actual fun create(): Canvas {
-    return DomCanvas(document.createElement("canvas") as HTMLCanvasElement)
+    return create(false)
+  }
+
+  actual fun create(offscreen: Boolean): Canvas {
+    return if(offscreen){
+      DomOffscreenCanvas(OffscreenCanvas(0,0))
+    }else{
+      DomCanvas(document.createElement("canvas") as HTMLCanvasElement)
+    }
   }
 
   actual fun createImageSource(pngBase64: String, onLoad: (Canvas.ImageSource) -> Unit) {
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
index 95ff68c0c..23afd4dc5 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
@@ -24,14 +24,34 @@
 package org.jetbrains.projector.client.common.canvas
 
 import kotlinx.browser.document
+import kotlinx.browser.window
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.await
 import org.jetbrains.projector.client.common.canvas.Canvas.ImageSource
-import org.jetbrains.projector.client.common.canvas.Canvas.Snapshot
 import org.jetbrains.projector.util.logging.Logger
 import org.w3c.dom.*
+import kotlin.js.Promise
 
 class DomCanvas(private val myCanvas: HTMLCanvasElement) : Canvas {
 
-  override val context2d: Context2d = DomContext2d(myCanvas.getContext("2d") as CanvasRenderingContext2D)
+  var _context2d : Context2d? = null
+
+  var _bitmapContext: ContextBitmapRenderer? = null
+
+  override fun context2d(): Context2d {
+    if( _context2d == null){
+      _context2d = DomContext2d(myCanvas.getContext("2d",js("{ desynchronized: true }")) as CanvasRenderingContext2D)
+    }
+    return _context2d!!
+  }
+
+  override fun bitmapContext(): ContextBitmapRenderer {
+    if( _bitmapContext == null){
+      _bitmapContext = DomContextBitmapRenderer(myCanvas.getContext("bitmaprenderer") as ImageBitmapRenderingContext)
+    }
+    return _bitmapContext!!
+  }
 
   override var width: Int
     get() = myCanvas.width
@@ -52,18 +72,24 @@ class DomCanvas(private val myCanvas: HTMLCanvasElement) : Canvas {
     }
   override val imageSource: ImageSource = DomImageSource(myCanvas)
 
-  override fun takeSnapshot(): Snapshot {
-    val copy = document.createElement("canvas") as HTMLCanvasElement
+  override fun takeSnapshot(): ImageSource {
+    //val copy = document.createElement("canvas") as HTMLCanvasElement
+    //
+    //copy.apply {
+    //  width = myCanvas.width
+    //  height = myCanvas.height
+    //  if (myCanvas.width != 0 && myCanvas.height != 0) {
+    //    (getContext("2d") as CanvasRenderingContext2D).drawImage(myCanvas, 0.0, 0.0)
+    //  }
+    //}
 
-    copy.apply {
-      width = myCanvas.width
-      height = myCanvas.height
-      if (myCanvas.width != 0 && myCanvas.height != 0) {
-        (getContext("2d") as CanvasRenderingContext2D).drawImage(myCanvas, 0.0, 0.0)
-      }
-    }
+    val copy = OffscreenCanvas(myCanvas.width,myCanvas.height)
+
+    val context = copy.getContext("2d") as OffscreenCanvasRenderingContext2D
+
+    context.drawImage(myCanvas,0.0,0.0)
 
-    return object : DomImageSource(copy), Snapshot {}
+    return DomImageSource(copy)
   }
 
   open class DomImageSource(val canvasElement: CanvasImageSource) : ImageSource {
@@ -83,6 +109,7 @@ class DomCanvas(private val myCanvas: HTMLCanvasElement) : Canvas {
         is HTMLVideoElement -> width == 0 || height == 0
         is ImageBitmap -> width == 0 || height == 0
         is ImageData -> width == 0 || height == 0
+        is OffscreenCanvas -> width == 0 || height == 0
         else -> {
           logger.error { "Unknown type ${this::class}" }
           false
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
index 9ba1fe102..763e7c246 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
@@ -25,7 +25,7 @@ package org.jetbrains.projector.client.common.canvas
 
 import org.jetbrains.projector.client.common.canvas.Canvas.ImageSource
 import org.jetbrains.projector.client.common.canvas.Context2d.*
-import org.jetbrains.projector.client.common.canvas.Extensions.argbIntToRgbaString
+import org.jetbrains.projector.client.common.canvas.JsExtensions.argbIntToRgbaString
 import org.jetbrains.projector.client.common.canvas.PaintColor.Gradient
 import org.jetbrains.projector.client.common.canvas.PaintColor.SolidColor
 import org.jetbrains.projector.common.misc.Do
@@ -192,12 +192,42 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     myContext2d.restore()
   }
 
+  @Suppress("UNUSED_PARAMETER")
   override fun setFillStyle(color: PaintColor?) {
-    myContext2d.fillStyle = color?.extract()
+    if( color != null) {
+      val ctx = myContext2d
+      val strCache = JsExtensions.rgbStrCache
+      js("""
+      if(color.argb){
+        var a = (color.argb >>> 24) & 0xff
+        var r = (color.argb >>> 16) & 0xff
+        var g = (color.argb >>> 8) & 0xff
+        var b = color.argb & 0xff
+        ctx.fillStyle = "#" + strCache[r] + strCache[g] + strCache[b] + strCache[a];
+      }else{
+        ctx.fillStyle = color.canvasGradient;
+      }
+    """)
+    }
   }
 
+  @Suppress("UNUSED_PARAMETER")
   override fun setStrokeStyle(color: PaintColor?) {
-    myContext2d.strokeStyle = color?.extract()
+    if( color != null) {
+      val ctx = myContext2d
+      val strCache = JsExtensions.rgbStrCache
+      js("""
+        if(color.argb){
+          var a = (color.argb >>> 24) & 0xff
+          var r = (color.argb >>> 16) & 0xff
+          var g = (color.argb >>> 8) & 0xff
+          var b = color.argb & 0xff
+          ctx.strokeStyle = "#" + strCache[r] + strCache[g] + strCache[b] + strCache[a];
+        }else{
+          ctx.strokeStyle = color.canvasGradient
+        }
+    """)
+    }
   }
 
   override fun setGlobalAlpha(alpha: Double) {
@@ -276,8 +306,8 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     myContext2d.setTransform(m11, m12, m21, m22, dx, dy)
   }
 
-  override fun setLineDash(lineDash: DoubleArray) {
-    myContext2d.setLineDash(lineDash.toTypedArray())
+  override fun setLineDash(lineDash: Array<Double>) {
+    myContext2d.setLineDash(lineDash)
   }
 
   override fun setLineDashOffset(offset: Double) {
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContextBitmapRenderer.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContextBitmapRenderer.kt
new file mode 100644
index 000000000..5adf26163
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContextBitmapRenderer.kt
@@ -0,0 +1,39 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+import org.w3c.dom.CanvasImageSource
+import org.w3c.dom.ImageBitmap
+import org.w3c.dom.ImageBitmapRenderingContext
+
+class DomContextBitmapRenderer(private val imageRenderer: ImageBitmapRenderingContext): ContextBitmapRenderer {
+
+  private fun Canvas.ImageSource.asPlatformImageSource(): DomCanvas.DomImageSource {
+    return this as DomCanvas.DomImageSource
+  }
+
+  override fun transferFromImageBitmap(bitmap: Canvas.ImageSource) {
+    imageRenderer.transferFromImageBitmap(bitmap.asPlatformImageSource().canvasElement as ImageBitmap)
+  }
+}
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomOffscreenCanvas.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomOffscreenCanvas.kt
new file mode 100644
index 000000000..208340bed
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomOffscreenCanvas.kt
@@ -0,0 +1,61 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+import org.w3c.dom.CanvasImageSource
+import org.w3c.dom.CanvasRenderingContext2D
+import org.w3c.dom.ImageBitmapRenderingContext
+import org.w3c.dom.RenderingContext
+
+class DomOffscreenCanvas(private val offscreenCanvas: OffscreenCanvas) : Canvas {
+
+  var _context2d : Context2d? = null
+
+  var _bitmapContext: ContextBitmapRenderer? = null
+
+  override fun context2d(): Context2d {
+    if( _context2d == null){
+      _context2d = DomContext2d(offscreenCanvas.getContext("2d") as OffscreenCanvasRenderingContext2D)
+    }
+    return _context2d!!
+  }
+
+  override fun bitmapContext(): ContextBitmapRenderer {
+    TODO("Not yet implemented")
+  }
+
+  override var width: Int
+    get() = offscreenCanvas.width
+    set(value) { offscreenCanvas.width = value }
+  override var height: Int
+    get() = offscreenCanvas.height
+    set(value) { offscreenCanvas.height = value}
+
+  override val imageSource: Canvas.ImageSource
+    get() = DomCanvas.DomImageSource(offscreenCanvas)
+
+  override fun takeSnapshot(): Canvas.ImageSource {
+    return DomCanvas.DomImageSource(offscreenCanvas)
+  }
+}
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/ExperimentalAPI.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/ExperimentalAPI.kt
new file mode 100644
index 000000000..7c1607512
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/ExperimentalAPI.kt
@@ -0,0 +1,49 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+import org.w3c.dom.CanvasImageSource
+import org.w3c.dom.CanvasRenderingContext2D
+import org.w3c.dom.ImageBitmap
+import org.w3c.dom.RenderingContext
+
+object ExperimentalAPI {
+}
+
+public open external class OffscreenCanvas : CanvasImageSource {
+
+
+
+  open var width: Int
+  open var height: Int
+
+  constructor(width: Int, height: Int) { definedExternally }
+
+  fun getContext(contextId: String, vararg arguments: Any?): RenderingContext?
+
+  fun transferToImageBitmap(): ImageBitmap
+
+}
+
+public  external abstract class OffscreenCanvasRenderingContext2D: CanvasRenderingContext2D
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
new file mode 100644
index 000000000..eccea6004
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
@@ -0,0 +1,48 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+import org.w3c.dom.HTMLCanvasElement
+
+object JsExtensions {
+
+  fun Long.argbIntToRgbaString(): String {
+    val argb = this.toInt()
+    return argb.argbIntToRgbaString();
+  }
+
+  val rgbStrCache = IntRange(0,255)
+    .map { i -> if(i < 0x10) "0" + i.toString(16) else i.toString(16)  }
+    .toTypedArray()
+
+  /**
+   * ARGB -> RGBA
+   */
+  fun Int.argbIntToRgbaString(): String {
+    val argb = this
+    return js(" '#' + ( ((argb >>> 24 & 0xff) | (argb <<8>>>0))>>>0 ).toString(16).padStart(6,'0') ")
+  }
+
+
+}
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
new file mode 100644
index 000000000..05834f62b
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
@@ -0,0 +1,268 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2019-2021 JetBrains s.r.o.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
+import org.jetbrains.projector.client.common.DrawEvent
+import org.jetbrains.projector.client.common.Renderer
+import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
+import org.jetbrains.projector.client.common.RenderingSurfaceProcessor
+import org.jetbrains.projector.client.common.canvas.Canvas
+import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
+import org.jetbrains.projector.client.common.misc.ImageCacher
+import org.jetbrains.projector.client.common.misc.ParamsProvider
+import org.jetbrains.projector.common.misc.Do
+import org.jetbrains.projector.common.protocol.data.ImageEventInfo
+import org.jetbrains.projector.common.protocol.data.PaintValue
+import org.jetbrains.projector.common.protocol.toClient.*
+import org.jetbrains.projector.util.logging.Logger
+
+class JsSingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): RenderingSurfaceProcessor {
+
+  private val renderer = Renderer(renderingSurface)
+
+  private val stateSaver = StateSaver(renderer, renderingSurface)
+
+  @OptIn(ExperimentalStdlibApi::class)
+  override fun process(drawEvents: List<ServerWindowEvent>): List<ServerWindowEvent>? {
+    stateSaver.restoreIfNeeded()
+    var start = 0
+    var curr = 0
+    var pendingEvents: MutableList<ServerWindowEvent>? = null
+    for (drawEvent in drawEvents) {
+      curr ++
+      if(drawEvent.tpe.isDrawEvent()){
+        if(!handleDrawEvents(drawEvents.subList(start,curr))){
+          if(start == 0 && curr == drawEvents.size){
+            return drawEvents
+          }else {
+            if (pendingEvents == null) {
+              pendingEvents = mutableListOf()
+            }
+            pendingEvents?.addAll(drawEvents.subList(start, curr))
+          }
+        }
+        start = curr
+      }
+    }
+
+    return pendingEvents
+  }
+
+  private fun handleDrawEvents(events: List<ServerWindowEvent>): Boolean {
+    var succeed = true
+    events.forEach {
+      when (it.tpe.ordinal) {
+        EventType.ServerSetCompositeEvent.ordinal -> renderer.setComposite(it.unsafeCast<ServerSetCompositeEvent>().composite)
+
+        EventType.ServerSetPaintEvent.ordinal -> (it.unsafeCast<ServerSetPaintEvent>()).paint.let { paintValue ->
+          when (paintValue) {
+            is PaintValue.Color -> renderer.setColor(paintValue.argb)
+
+            is PaintValue.Gradient -> renderer.setGradientPaint(
+              p1 = paintValue.p1,
+              p2 = paintValue.p2,
+              color1 = paintValue.argb1,
+              color2 = paintValue.argb2
+            )
+
+            is PaintValue.Unknown -> logUnsupportedCommand(it)
+          }
+        }
+
+        EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.unsafeCast<ServerSetClipEvent>()).shape)
+
+        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId,fontSize, ligaturesOn) }
+
+        EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.unsafeCast<ServerSetStrokeEvent>()).strokeData)
+
+        EventType.ServerSetTransformEvent.ordinal -> renderer.setTransform((it.unsafeCast<ServerSetTransformEvent>()).tx)
+
+
+
+        EventType.ServerDrawLineEvent.ordinal -> (it.unsafeCast<ServerDrawLineEvent>()).apply {
+          renderer.drawLine(
+            x1 = x1.unsafeCast<Double>(),
+            y1 = y1.unsafeCast<Double>(),
+            x2 = x2.unsafeCast<Double>(),
+            y2 = y2.unsafeCast<Double>()
+          )
+        }
+
+        EventType.ServerDrawStringEvent.ordinal -> (it.unsafeCast<ServerDrawStringEvent>()).apply {
+          renderer.drawString(
+            string = str,
+            x = x,
+            y = y,
+            desiredWidth = desiredWidth
+          )
+        }
+
+        EventType.ServerPaintRectEvent.ordinal -> (it.unsafeCast<ServerPaintRectEvent>()).apply {
+          renderer.paintRect(
+            paintType = paintType,
+            x = x,
+            y = y,
+            width = width,
+            height = height
+          )
+        }
+
+        EventType.ServerPaintRoundRectEvent.ordinal -> (it.unsafeCast<ServerPaintRoundRectEvent>() ).apply {
+          renderer.paintRoundRect(
+            paintType = paintType,
+            x = x.unsafeCast<Double>(),
+            y = y.unsafeCast<Double>(),
+            w = width.unsafeCast<Double>(),
+            h = height.unsafeCast<Double>(),
+            r1 = arcWidth.unsafeCast<Double>(),
+            r2 = arcHeight.unsafeCast<Double>()
+          )
+        }
+
+        EventType.ServerDrawImageEvent.ordinal -> (it.unsafeCast<ServerDrawImageEvent>()).apply{
+          val image = ImageCacher.getImageData(imageId)
+
+          if (image != null){
+            val info = imageEventInfo
+
+            Do exhaustive when (info) {
+              is ImageEventInfo.Ds -> {
+                // todo: manage bgcolor
+                val dw = info.dx2 - info.dx1
+                val dh = info.dy2 - info.dy1
+                val sw = info.sx2 - info.sx1
+                val sh = info.sy2 - info.sy1
+
+                renderer.drawImage(
+                  image = image,
+                  dx = info.dx1.unsafeCast<Double>(),
+                  dy = info.dy1.unsafeCast<Double>(),
+                  dw = dw.unsafeCast<Double>(),
+                  dh = dh.unsafeCast<Double>(),
+                  sx = info.sx1.unsafeCast<Double>(),
+                  sy = info.sy1.unsafeCast<Double>(),
+                  sw = sw.unsafeCast<Double>(),
+                  sh = sh.unsafeCast<Double>()
+                )
+              }
+
+              is ImageEventInfo.Xy -> {
+                // todo: manage bgcolor
+                renderer.drawImage(image, info.x.unsafeCast<Double>(), info.y.unsafeCast<Double>())
+              }
+
+              is ImageEventInfo.XyWh -> {
+                // todo: manage bgcolor
+                renderer.drawImage(
+                  image = image,
+                  x = info.x.unsafeCast<Double>(),
+                  y = info.y.unsafeCast<Double>(),
+                  width = info.width.unsafeCast<Double>(),
+                  height = info.height.unsafeCast<Double>()
+                )
+              }
+
+              is ImageEventInfo.Transformed -> renderer.drawImage(image, info.tx)
+            }
+          }else{
+            succeed = false
+          }
+        }
+
+        EventType.ServerPaintPathEvent.ordinal -> (it.unsafeCast<ServerPaintPathEvent>()).apply{ renderer.paintPath(paintType, path)}
+
+        EventType.ServerPaintOvalEvent.ordinal -> (it.unsafeCast<ServerPaintOvalEvent>()).apply{ renderer.paintOval(
+          paintType = paintType,
+          x = x.unsafeCast<Double>(),
+          y = y.unsafeCast<Double>(),
+          width = width.unsafeCast<Double>(),
+          height = height.unsafeCast<Double>()
+        )}
+
+        EventType.ServerPaintPolygonEvent.ordinal -> (it.unsafeCast<ServerPaintPolygonEvent>()).apply{ renderer.paintPolygon(paintType, points)}
+
+        EventType.ServerDrawPolylineEvent.ordinal -> renderer.drawPolyline((it.unsafeCast<ServerDrawPolylineEvent>()).points)
+
+        EventType.ServerCopyAreaEvent.ordinal -> (it.unsafeCast<ServerCopyAreaEvent>()).apply {
+          renderer.copyArea(
+            x = x.unsafeCast<Double>(),
+            y = y.unsafeCast<Double>(),
+            width = width.unsafeCast<Double>(),
+            height = height.unsafeCast<Double>(),
+            dx = dx.unsafeCast<Double>(),
+            dy = dy.unsafeCast<Double>()
+          )
+        }
+
+        else -> logUnsupportedCommand(it)
+      }
+    }
+    return succeed
+  }
+
+  private class StateSaver(private val renderer: Renderer, private val renderingSurface: RenderingSurface) {
+
+    private var lastSuccessfulState: LastSuccessfulState? = null
+
+    suspend fun save() {
+      lastSuccessfulState = LastSuccessfulState(
+        renderingState = renderer.requestedState.copy(),
+        image = renderingSurface.canvas.takeSnapshot()
+      )
+    }
+
+    fun restoreIfNeeded() {
+      lastSuccessfulState?.let {
+        renderer.drawImageRaw(it.image)
+
+        it.renderingState.let {
+          renderer.requestedState.apply {
+            identitySpaceClip = it.identitySpaceClip
+            transform = it.transform
+            strokeData = it.strokeData
+            font = it.font
+            paint = it.paint
+          }
+        }
+
+        lastSuccessfulState = null
+      }
+    }
+
+    private class LastSuccessfulState(val renderingState: RequestedRenderingState, val image: Canvas.ImageSource)
+  }
+
+  companion object {
+
+    private val logger = Logger<JsSingleRenderingSurfaceProcessor>()
+
+    private fun logUnsupportedCommand(command: ServerWindowEvent) {
+      if (ParamsProvider.LOG_UNSUPPORTED_EVENTS) {
+        logger.debug { "Unsupported: $command" }
+      }
+    }
+  }
+}
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingCanvas.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingCanvas.kt
index a25fcf0c8..32f126625 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingCanvas.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingCanvas.kt
@@ -32,8 +32,13 @@ class SwingCanvas() : Canvas {
   var image = BufferedImage(1, 1, BufferedImage.TYPE_INT_ARGB)
     private set
 
-  override var context2d: Context2d = SwingContext2d(image.createGraphics())
-    private set
+  var _context2d: Context2d = SwingContext2d(image.createGraphics())
+
+  override fun context2d(): Context2d  = _context2d
+  override fun bitmapContext(): ContextBitmapRenderer {
+    TODO("Not yet implemented")
+  }
+
 
   override var width: Int
     get() = image.width
@@ -46,16 +51,16 @@ class SwingCanvas() : Canvas {
     val newImage = BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB)
     newImage.createGraphics().drawImage(image, 0, 0, min(width, image.width), min(height, image.height), null)
     image = newImage
-    context2d = SwingContext2d(image.createGraphics())
+    _context2d = SwingContext2d(image.createGraphics())
   }
 
   override val imageSource: Canvas.ImageSource
     get() = SwingImageSource(image)
 
-  override fun takeSnapshot(): Canvas.Snapshot {
+  override fun takeSnapshot(): Canvas.ImageSource {
     val newImage = BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB)
     newImage.createGraphics().drawImage(image, 0, 0, null)
-    return object : SwingImageSource(newImage), Canvas.Snapshot {}
+    return SwingImageSource(newImage)
   }
 
   open class SwingImageSource(val image: Image) : Canvas.ImageSource {
@@ -65,4 +70,4 @@ class SwingCanvas() : Canvas {
       return image.getWidth(null) == 1 && image.getHeight(null) == 1
     }
   }
-}
\ No newline at end of file
+}
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
index 9d27c22af..3ae2f1fef 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
@@ -23,6 +23,7 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
+import kotlinx.coroutines.runBlocking
 import org.jetbrains.projector.client.common.SwingFontCache
 import org.jetbrains.projector.client.common.change
 import org.jetbrains.projector.common.misc.Do
@@ -265,7 +266,7 @@ class SwingContext2d(graphics: Graphics2D) : Context2d {
     graphics.transform = AffineTransform(m11, m12, m21, m22, dx, dy)
   }
 
-  override fun setLineDash(lineDash: DoubleArray) {
+  override fun setLineDash(lineDash: Array<Double>) {
     myCurrentStroke = myCurrentStroke.change(dash = if(lineDash.isEmpty()) null else FloatArray(lineDash.size) { lineDash[it].toFloat() })
   }
 
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
index 669ba29b1..bd4edcb5a 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
@@ -23,6 +23,8 @@
  */
 package org.jetbrains.projector.client.swing
 
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.DrawEvent
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
@@ -52,7 +54,9 @@ abstract class AbstractWindowManager<FrameType> {
         FrameData(newFrame(it.id, canvas), it, ArrayDeque(), surface, SingleRenderingSurfaceProcessor(surface))
       }
       existing.windowData = it
-      existing.surface.setBounds(it.bounds.width.toInt(), it.bounds.height.toInt())
+      GlobalScope.launch {
+        existing.surface.setBounds(it.bounds.width.toInt(), it.bounds.height.toInt())
+      }
       updateFrameProperties(existing)
     }
 
@@ -71,7 +75,7 @@ abstract class AbstractWindowManager<FrameType> {
 
     window.drawEvents.addAll(drawEvents.shrinkByPaintEvents())
 
-    window.processor.process(window.drawEvents)
+    //window.processor.process(window.drawEvents)
 
     window.surface.flush()
 
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
index e5ddf79a6..b81335958 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
@@ -26,6 +26,7 @@ package org.jetbrains.projector.client.swing
 import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.future.await
 import kotlinx.coroutines.launch
+import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
 import org.jetbrains.projector.client.common.SwingFontCache
 import org.jetbrains.projector.client.common.misc.ImageCacher
@@ -72,9 +73,8 @@ class SwingClient(val transport: ProjectorTransport, val windowManager: Abstract
         Do exhaustive when(target) {
           is ServerDrawCommandsEvent.Target.Onscreen -> windowManager.doWindowDraw(target.windowId, serverEvent.drawEvents)
           is ServerDrawCommandsEvent.Target.Offscreen -> {
-            val processor = ImageCacher.getOffscreenProcessor(target)
-            val deque = ArrayDeque(serverEvent.drawEvents.shrinkByPaintEvents())
-            processor.process(deque)
+            val processor = ImageCacher.getOffscreenProcessor(target,::SingleRenderingSurfaceProcessor)
+            processor.process(serverEvent.drawEvents)
           }
         }
       }
@@ -135,4 +135,4 @@ class SwingClient(val transport: ProjectorTransport, val windowManager: Abstract
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/projector-client-web/build.gradle.kts b/projector-client-web/build.gradle.kts
index aed1f9759..b1a3e73b6 100644
--- a/projector-client-web/build.gradle.kts
+++ b/projector-client-web/build.gradle.kts
@@ -56,10 +56,14 @@ dependencies {
 kotlin {
   js {
     browser {
+      webpackTask{
+
+      }
       @OptIn(ExperimentalDceDsl::class)
       dceTask {
         keep.add("projector-client-projector-client-web.org.jetbrains.projector.client.web.onLoad")
       }
+
     }
   }
 }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/Application.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/Application.kt
index 73812b4d9..64f85fcd3 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/Application.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/Application.kt
@@ -28,6 +28,7 @@ import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.client.web.state.ClientAction
 import org.jetbrains.projector.client.web.state.ClientStateMachine
 import org.jetbrains.projector.util.logging.Logger
+import org.w3c.dom.*
 import kotlin.js.Json
 import kotlin.js.Promise
 import kotlin.js.json
@@ -42,9 +43,6 @@ external class PermissionStatus
 
 class Application {
 
-  private val stateMachine = ClientStateMachine()
-  private val windowSizeController = WindowSizeController(stateMachine)
-
   fun start() {
     val url = when (ParamsProvider.ENABLE_WSS) {
       false -> "ws://${ParamsProvider.HOST}:${ParamsProvider.PORT}"
@@ -52,6 +50,9 @@ class Application {
       true -> "wss://${ParamsProvider.HOST}:${ParamsProvider.PORT}"
     }
 
+    val stateMachine = ClientStateMachine()
+    val windowSizeController = WindowSizeController(stateMachine)
+
     try {
       setClipboardPermissions()
     }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
index c308e9b4d..79dc28b71 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
@@ -24,8 +24,7 @@
 package org.jetbrains.projector.client.web
 
 import kotlinx.browser.window
-import org.jetbrains.projector.client.common.DrawEvent
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
+import org.jetbrains.projector.client.common.canvas.JsSingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.web.component.MarkdownPanelManager
 import org.jetbrains.projector.client.web.misc.PingStatistics
@@ -95,13 +94,13 @@ class ServerEventsProcessor(private val windowDataEventsProcessor: WindowDataEve
         is ServerDrawCommandsEvent.Target.Onscreen -> windowDataEventsProcessor.draw(target.windowId, event.drawEvents)
 
         is ServerDrawCommandsEvent.Target.Offscreen -> {
-          val offscreenProcessor = ImageCacher.getOffscreenProcessor(target)
+          val offscreenProcessor = ImageCacher.getOffscreenProcessor(target,::JsSingleRenderingSurfaceProcessor)
 
           // todo: don't create this deque every time
-          val drawEvents = ArrayDeque<DrawEvent>().apply { addAll(event.drawEvents.shrinkByPaintEvents()) }
-
-          offscreenProcessor.process(drawEvents)
-
+          ////val drawEvents = ArrayDeque<DrawEvent>().apply { addAll(event.drawEvents.shrinkByPaintEvents()) }
+          //
+          offscreenProcessor.process(event.drawEvents)
+          //
           windowDataEventsProcessor.redrawWindows()
         }
       }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
index 004c107bd..03fb4f59e 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
@@ -43,29 +43,29 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toEvent(): ServerEvent {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
       "a" -> ServerImageDataReplyEvent(content["a"].unsafeCast<Array<Any>>().toImageId(),
                                        content["b"].unsafeCast<Array<Any>>().toImageData())
-      "b" -> ServerPingReplyEvent(content["a"] as Int, content["b"] as Int)
-      "c" -> ServerClipboardEvent(content["a"] as String)
+      "b" -> ServerPingReplyEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Int>())
+      "c" -> ServerClipboardEvent(content["a"].unsafeCast<String>())
       "d" -> ServerWindowSetChangedEvent(content["a"].unsafeCast<Array<Json>>().map { it.toWindowData() })
       "e" -> ServerDrawCommandsEvent(
         content["a"].unsafeCast<Array<Any>>().toTarget(),
         content["b"].unsafeCast<Array<Array<Any>>>().map { it.toWindowEvent() }
       )
       "f" -> ServerCaretInfoChangedEvent(content["a"].unsafeCast<Array<Any>>().toCaretInfoChange())
-      "g" -> ServerMarkdownEvent.ServerMarkdownShowEvent(content["a"] as Int, content["b"] as Boolean)
-      "h" -> ServerMarkdownEvent.ServerMarkdownResizeEvent(content["a"] as Int, content["b"].unsafeCast<Json>().toCommonIntSize())
-      "i" -> ServerMarkdownEvent.ServerMarkdownMoveEvent(content["a"] as Int, content["b"].unsafeCast<Json>().toPoint())
-      "j" -> ServerMarkdownEvent.ServerMarkdownDisposeEvent(content["a"] as Int)
-      "k" -> ServerMarkdownEvent.ServerMarkdownPlaceToWindowEvent(content["a"] as Int, content["b"] as Int)
-      "l" -> ServerMarkdownEvent.ServerMarkdownSetHtmlEvent(content["a"] as Int, content["b"] as String)
-      "m" -> ServerMarkdownEvent.ServerMarkdownSetCssEvent(content["a"] as Int, content["b"] as String)
-      "n" -> ServerMarkdownEvent.ServerMarkdownScrollEvent(content["a"] as Int, content["b"] as Int)
-      "o" -> ServerMarkdownEvent.ServerMarkdownBrowseUriEvent(content["a"] as String)
+      "g" -> ServerMarkdownEvent.ServerMarkdownShowEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Boolean>())
+      "h" -> ServerMarkdownEvent.ServerMarkdownResizeEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Json>().toCommonIntSize())
+      "i" -> ServerMarkdownEvent.ServerMarkdownMoveEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Json>().toPoint())
+      "j" -> ServerMarkdownEvent.ServerMarkdownDisposeEvent(content["a"].unsafeCast<Int>())
+      "k" -> ServerMarkdownEvent.ServerMarkdownPlaceToWindowEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Int>())
+      "l" -> ServerMarkdownEvent.ServerMarkdownSetHtmlEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<String>())
+      "m" -> ServerMarkdownEvent.ServerMarkdownSetCssEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<String>())
+      "n" -> ServerMarkdownEvent.ServerMarkdownScrollEvent(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Int>())
+      "o" -> ServerMarkdownEvent.ServerMarkdownBrowseUriEvent(content["a"].unsafeCast<String>())
       "p" -> ServerWindowColorsEvent(content["a"].unsafeCast<Json>().toColorsStorage())
       else -> throw IllegalArgumentException("Unsupported event type: ${JSON.stringify(this)}")
     }
@@ -83,18 +83,18 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toCaretInfoChange(): ServerCaretInfoChangedEvent.CaretInfoChange {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
       "a" -> ServerCaretInfoChangedEvent.CaretInfoChange.NoCarets
       "b" -> ServerCaretInfoChangedEvent.CaretInfoChange.Carets(
         content["a"].unsafeCast<Array<Json>>().map { it.toCaretInfo() },
-        content["b"] as Short?,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Float,
-        content["f"] as Int,
+        content["b"]?.unsafeCast<Short>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Float>(),
+        content["f"].unsafeCast<Int>(),
         content["g"].unsafeCast<Json>().toCommonRectangle()
       )
       else -> throw IllegalArgumentException("Unsupported caret info type: ${JSON.stringify(this)}")
@@ -106,35 +106,35 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toTarget(): ServerDrawCommandsEvent.Target {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
-      "a" -> ServerDrawCommandsEvent.Target.Onscreen(content["a"] as Int)
-      "b" -> ServerDrawCommandsEvent.Target.Offscreen((content["a"] as Double).roundToLong(), content["b"] as Int,
-                                                      content["c"] as Int)  // todo: is it a correct way of decoding Long?
+      "a" -> ServerDrawCommandsEvent.Target.Onscreen(content["a"].unsafeCast<Int>())
+      "b" -> ServerDrawCommandsEvent.Target.Offscreen((content["a"].unsafeCast<Double>()).roundToLong(), content["b"].unsafeCast<Int>(),
+                                                      content["c"].unsafeCast<Int>())  // todo: is it a correct way of decoding Long?
       else -> throw IllegalArgumentException("Unsupported target type: ${JSON.stringify(this)}")
     }
   }
 
   private fun Json.toCommonIntSize(): CommonIntSize {
-    return CommonIntSize(this["a"] as Int, this["b"] as Int)
+    return CommonIntSize(this["a"].unsafeCast<Int>(), this["b"].unsafeCast<Int>())
   }
 
   private fun Json.toWindowData(): WindowData {
     return WindowData(
-      this["a"] as Int,
-      this["b"] as String?,
+      this["a"].unsafeCast<Int>(),
+      this["b"]?.unsafeCast<String>(),
       this["c"].unsafeCast<Array<Array<Any>>?>()?.map { it.toImageId() },
-      this["d"] as Boolean,
-      this["e"] as Int,
+      this["d"].unsafeCast<Boolean>(),
+      this["e"].unsafeCast<Int>(),
       this["f"].unsafeCast<Json>().toCommonRectangle(),
-      (this["g"] as String?)?.toCursorType(),
-      this["h"] as Boolean,
-      this["i"] as Boolean,
-      this["j"] as Boolean,
-      (this["k"] as String).toWindowType(),
-      this["l"] as Int?
+      (this["g"]?.unsafeCast<String>())?.toCursorType(),
+      this["h"].unsafeCast<Boolean>(),
+      this["i"].unsafeCast<Boolean>(),
+      this["j"].unsafeCast<Boolean>(),
+      (this["k"].unsafeCast<String>()).toWindowType(),
+      this["l"]?.unsafeCast<Int>()
     )
   }
 
@@ -169,67 +169,67 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Json.toCommonRectangle(): CommonRectangle {
-    return CommonRectangle(this["a"] as Double, this["b"] as Double, this["c"] as Double, this["d"] as Double)
+    return CommonRectangle(this["a"].unsafeCast<Double>(), this["b"].unsafeCast<Double>(), this["c"].unsafeCast<Double>(), this["d"].unsafeCast<Double>())
   }
 
   private fun Array<Any>.toWindowEvent(): ServerWindowEvent {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
       "a" -> ServerPaintArcEvent(
-        (content["a"] as String).toPaintType(),
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int,
-        content["f"] as Int,
-        content["g"] as Int
+        (content["a"].unsafeCast<String>()).toPaintType(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Int>(),
+        content["f"].unsafeCast<Int>(),
+        content["g"].unsafeCast<Int>()
       )
 
       "b" -> ServerPaintOvalEvent(
-        (content["a"] as String).toPaintType(),
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int
+        (content["a"].unsafeCast<String>()).toPaintType(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Int>()
       )
 
       "c" -> ServerPaintRoundRectEvent(
-        (content["a"] as String).toPaintType(),
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int,
-        content["f"] as Int,
-        content["g"] as Int
+        (content["a"].unsafeCast<String>()).toPaintType(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Int>(),
+        content["f"].unsafeCast<Int>(),
+        content["g"].unsafeCast<Int>()
       )
 
       "d" -> ServerPaintRectEvent(
-        (content["a"] as String).toPaintType(),
-        content["b"] as Double,
-        content["c"] as Double,
-        content["d"] as Double,
-        content["e"] as Double
+        (content["a"].unsafeCast<String>()).toPaintType(),
+        content["b"].unsafeCast<Double>(),
+        content["c"].unsafeCast<Double>(),
+        content["d"].unsafeCast<Double>(),
+        content["e"].unsafeCast<Double>()
       )
 
       "e" -> ServerDrawLineEvent(
-        content["a"] as Int,
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int
+        content["a"].unsafeCast<Int>(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>()
       )
 
       "f" -> ServerCopyAreaEvent(
-        content["a"] as Int,
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int,
-        content["f"] as Int
+        content["a"].unsafeCast<Int>(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Int>(),
+        content["f"].unsafeCast<Int>()
       )
 
-      "g" -> ServerSetFontEvent(content["a"] as Short, content["b"] as Int, content["c"] as Boolean)
+      "g" -> ServerSetFontEvent(content["a"].unsafeCast<Short>(), content["b"].unsafeCast<Int>(), content["c"].unsafeCast<Boolean>())
 
       "h" -> ServerSetClipEvent(content["a"].unsafeCast<Array<Any>?>()?.toCommonShape())
 
@@ -242,21 +242,21 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
       "l" -> ServerDrawImageEvent(content["a"].unsafeCast<Array<Any>>().toImageId(),
                                   content["b"].unsafeCast<Array<Any>>().toImageEventInfo())
 
-      "m" -> ServerDrawStringEvent(content["a"] as String, content["b"] as Double, content["c"] as Double, content["d"] as Double)
+      "m" -> ServerDrawStringEvent(content["a"].unsafeCast<String>(), content["b"].unsafeCast<Double>(), content["c"].unsafeCast<Double>(), content["d"].unsafeCast<Double>())
 
-      "n" -> ServerPaintPolygonEvent((content["a"] as String).toPaintType(), content["b"].unsafeCast<Array<Json>>().map { it.toPoint() })
+      "n" -> ServerPaintPolygonEvent((content["a"].unsafeCast<String>()).toPaintType(), content["b"].unsafeCast<Array<Json>>().map { it.toPoint() })
 
       "o" -> ServerDrawPolylineEvent(content["a"].unsafeCast<Array<Json>>().map { it.toPoint() })
 
       "p" -> ServerSetTransformEvent(content["a"].unsafeCast<Array<Double>>().toList())
 
-      "q" -> ServerPaintPathEvent((content["a"] as String).toPaintType(), content["b"].unsafeCast<Json>().toCommonPath())
+      "q" -> ServerPaintPathEvent((content["a"].unsafeCast<String>()).toPaintType(), content["b"].unsafeCast<Json>().toCommonPath())
 
       "r" -> ServerSetCompositeEvent(content["a"].unsafeCast<Array<Any>>().toCommonComposite())
 
       "s" -> ServerSetPaintEvent(content["a"].unsafeCast<Array<Any>>().toPaintValue())
 
-      "t" -> ServerSetUnknownStrokeEvent(content["a"] as String)
+      "t" -> ServerSetUnknownStrokeEvent(content["a"].unsafeCast<String>())
 
       else -> throw IllegalArgumentException("Unsupported event type: ${JSON.stringify(this)}")
     }
@@ -278,15 +278,15 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   )
 
   private fun Array<Any>.toCommonComposite(): CommonComposite {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
       "a" -> CommonAlphaComposite(
-        alphaCompositeRuleMap[content["a"] as String] ?: throw IllegalArgumentException("Unsupported rule: ${content["a"]}"),
-        content["b"] as Float
+        alphaCompositeRuleMap[content["a"].unsafeCast<String>()] ?: throw IllegalArgumentException("Unsupported rule: ${content["a"]}"),
+        content["b"].unsafeCast<Float>()
       )
-      "b" -> UnknownComposite(content["a"] as String)
+      "b" -> UnknownComposite(content["a"].unsafeCast<String>())
       else -> throw IllegalArgumentException("Unsupported common composite type: ${JSON.stringify(this)}")
     }
   }
@@ -300,47 +300,47 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Json.toColor(): PaintValue.Color {
-    return PaintValue.Color(this["a"] as Int)
+    return PaintValue.Color(this["a"].unsafeCast<Int>())
   }
 
   private fun Array<Any>.toPaintValue(): PaintValue {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
       "a" -> content.toColor()
       "b" -> PaintValue.Gradient(
         content["a"].unsafeCast<Json>().toPoint(), content["b"].unsafeCast<Json>().toPoint(),
-        content["c"] as Int, content["d"] as Int
+        content["c"].unsafeCast<Int>(), content["d"].unsafeCast<Int>()
       )
-      "c" -> PaintValue.Unknown(content["a"] as String)
+      "c" -> PaintValue.Unknown(content["a"].unsafeCast<String>())
       else -> throw IllegalArgumentException("Unsupported paint value type: ${JSON.stringify(this)}")
     }
   }
 
   private fun Array<Any>.toImageEventInfo(): ImageEventInfo {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
-      "a" -> ImageEventInfo.Xy(content["a"] as Int, content["b"] as Int, content["c"] as Int?)
+      "a" -> ImageEventInfo.Xy(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Int>(), content["c"]?.unsafeCast<Int>())
       "b" -> ImageEventInfo.XyWh(
-        content["a"] as Int,
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int?
+        content["a"].unsafeCast<Int>(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"]?.unsafeCast<Int>()
       )
       "c" -> ImageEventInfo.Ds(
-        content["a"] as Int,
-        content["b"] as Int,
-        content["c"] as Int,
-        content["d"] as Int,
-        content["e"] as Int,
-        content["f"] as Int,
-        content["g"] as Int,
-        content["h"] as Int,
-        content["i"] as Int?
+        content["a"].unsafeCast<Int>(),
+        content["b"].unsafeCast<Int>(),
+        content["c"].unsafeCast<Int>(),
+        content["d"].unsafeCast<Int>(),
+        content["e"].unsafeCast<Int>(),
+        content["f"].unsafeCast<Int>(),
+        content["g"].unsafeCast<Int>(),
+        content["h"].unsafeCast<Int>(),
+        content["i"]?.unsafeCast<Int>()
       )
       "d" -> ImageEventInfo.Transformed(content["a"].unsafeCast<Array<Double>>().toList())
       else -> throw IllegalArgumentException("Unsupported image info type: ${JSON.stringify(this)}")
@@ -348,27 +348,27 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toStrokeData(): StrokeData {
-    val thisType = this[0] as String
+    val thisType = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (thisType) {
       "a" -> StrokeData.Basic(
-        content["a"] as Float,
-        when (val type = content["b"] as String) {
+        content["a"].unsafeCast<Float>(),
+        when (val type = content["b"].unsafeCast<String>()) {
           "a" -> StrokeData.Basic.JoinType.MITER
           "b" -> StrokeData.Basic.JoinType.ROUND
           "c" -> StrokeData.Basic.JoinType.BEVEL
           else -> throw IllegalArgumentException("Unsupported join type: $type")
         },
-        when (val type = content["c"] as String) {
+        when (val type = content["c"].unsafeCast<String>()) {
           "a" -> StrokeData.Basic.CapType.BUTT
           "b" -> StrokeData.Basic.CapType.ROUND
           "c" -> StrokeData.Basic.CapType.SQUARE
           else -> throw IllegalArgumentException("Unsupported cap type: $type")
         },
-        content["d"] as Float,
-        content["e"] as Float,
-        content["f"].unsafeCast<Array<Float>?>()?.toList()
+        content["d"].unsafeCast<Float>(),
+        content["e"].unsafeCast<Float>(),
+        content["f"].unsafeCast<Array<Double>?>()
       )
 
       else -> throw IllegalArgumentException("Unsupported stroke type: ${JSON.stringify(this)}")
@@ -376,30 +376,30 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toImageId(): ImageId {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
-      "a" -> ImageId.BufferedImageId(content["a"] as Int, content["b"] as Int)
-      "b" -> ImageId.PVolatileImageId((content["a"] as Double).roundToLong())  // todo: is it a correct way?
-      "c" -> ImageId.Unknown(content["a"] as String)
+      "a" -> ImageId.BufferedImageId(content["a"].unsafeCast<Int>(), content["b"].unsafeCast<Int>())
+      "b" -> ImageId.PVolatileImageId((content["a"].unsafeCast<Double>()).roundToLong())  // todo: is it a correct way?
+      "c" -> ImageId.Unknown(content["a"].unsafeCast<String>())
       else -> throw IllegalArgumentException("Invalid image id type: ${JSON.stringify(this)}")
     }
   }
 
   private fun Array<Any>.toImageData(): ImageData {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
-      "a" -> ImageData.PngBase64(content["a"] as String)
+      "a" -> ImageData.PngBase64(content["a"].unsafeCast<String>())
       "b" -> ImageData.Empty
       else -> throw IllegalArgumentException("Invalid image data type: $${JSON.stringify(this)}")
     }
   }
 
   private fun Array<Any>.toCommonShape(): CommonShape {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
@@ -411,7 +411,7 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
 
   private fun Json.toCommonPath(): CommonPath {
     val segments = this["a"].unsafeCast<Array<Array<Any>>>().map { it.toPathSegment() }
-    val winding = when (val type = this["b"] as String) {
+    val winding = when (val type = this["b"].unsafeCast<String>()) {
       "a" -> CommonPath.WindingType.EVEN_ODD
       "b" -> CommonPath.WindingType.NON_ZERO
       else -> throw IllegalArgumentException("Invalid winding type: $type")
@@ -421,7 +421,7 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Array<Any>.toPathSegment(): PathSegment {
-    val type = this[0] as String
+    val type = this[0].unsafeCast<String>()
     val content = this[1].unsafeCast<Json>()
 
     return when (type) {
@@ -439,6 +439,6 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
   }
 
   private fun Json.toPoint(): Point {
-    return Point(this["a"] as Double, this["b"] as Double)
+    return Point(this["a"].unsafeCast<Double>(), this["b"].unsafeCast<Double>())
   }
 }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
index f21ea3650..8a93f630f 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
@@ -258,10 +258,10 @@ sealed class ClientState {
               webSocket = webSocket,
               windowSizeController = windowSizeController,
               openingTimeStamp = openingTimeStamp,
-              encoder = SupportedTypesProvider.supportedToServerEncoders.first { it.protocolType == command.toServerProtocol },
-              decoder = SupportedTypesProvider.supportedToClientDecoders.first { it.protocolType == command.toClientProtocol },
-              decompressor = SupportedTypesProvider.supportedToClientDecompressors.first { it.compressionType == command.toClientCompression },
-              compressor = SupportedTypesProvider.supportedToServerCompressors.first { it.compressionType == command.toServerCompression },
+              encoder = SupportedTypesProvider.supportedToServerEncoders.first(),
+              decoder = SupportedTypesProvider.supportedToClientDecoders.first(),
+              decompressor = SupportedTypesProvider.supportedToClientDecompressors.first(),
+              compressor = SupportedTypesProvider.supportedToServerCompressors.first(),
               onHandshakeFinish = onHandshakeFinish,
               layers = layers,
             )
@@ -333,6 +333,9 @@ sealed class ClientState {
       timeout = ParamsProvider.REPAINT_INTERVAL_MS,
     )
 
+    //private var repainter:Int = Int.MIN_VALUE
+
+
     private val serverEventsProcessor = ServerEventsProcessor(windowDataEventsProcessor)
 
     private val messagingPolicy = (
@@ -518,22 +521,23 @@ sealed class ClientState {
       is ClientAction.WebSocket.Close -> {
         Do exhaustive when (action) {
           is ClientAction.WebSocket.Close.FinishNormal -> {
-            logger.info { "Connection is closed..." }
-
-            window.clearInterval(repainter)
-            pingStatistics.onClose()
-            windowDataEventsProcessor.onClose()
-            inputController.removeListeners()
-            windowSizeController.removeListener()
-            typing.dispose()
-            markdownPanelManager.disposeAll()
-            mobileKeyboardHelper.dispose()
-            closeBlocker.removeListener()
-            selectionBlocker.unblockSelection()
-            connectionWatcher.removeWatcher()
-
-            showDisconnectedMessage(webSocket.url, action.closeCode)
-            Disconnected
+            //logger.info { "Connection is closed..." }
+            //
+            //window.clearInterval(repainter)
+            //pingStatistics.onClose()
+            //windowDataEventsProcessor.onClose()
+            //inputController.removeListeners()
+            //windowSizeController.removeListener()
+            //typing.dispose()
+            //markdownPanelManager.disposeAll()
+            //mobileKeyboardHelper.dispose()
+            //closeBlocker.removeListener()
+            //selectionBlocker.unblockSelection()
+            //connectionWatcher.removeWatcher()
+            //
+            //showDisconnectedMessage(webSocket.url, action.closeCode)
+            //Disconnected
+            reloadConnection("Connection is closed, retrying the connection...")
           }
 
           is ClientAction.WebSocket.Close.FinishError ->
@@ -551,6 +555,7 @@ sealed class ClientState {
       logger.info { messageText }
 
       window.clearInterval(repainter)
+      //window.cancelAnimationFrame(repainter)
       pingStatistics.onClose()
       inputController.removeListeners()
       windowSizeController.removeListener()
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientStateMachine.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientStateMachine.kt
index b7a85cc4c..c24da16fa 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientStateMachine.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientStateMachine.kt
@@ -50,6 +50,7 @@ class ClientStateMachine {
           currentState = currentState.consume(action)
         }
         catch (t: Throwable) {
+          t.printStackTrace()
           logger.error(t) { "Error consuming action, skipping the action" }
         }
       }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ProjectorUI.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ProjectorUI.kt
index a0a76c810..9ca1aadd5 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ProjectorUI.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ProjectorUI.kt
@@ -23,7 +23,7 @@
  */
 package org.jetbrains.projector.client.web.state
 
-import org.jetbrains.projector.client.common.canvas.Extensions.argbIntToRgbaString
+import org.jetbrains.projector.client.common.canvas.JsExtensions.argbIntToRgbaString
 import org.jetbrains.projector.common.protocol.toClient.ServerWindowColorsEvent
 
 interface LafListener {
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/OnScreenMessenger.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/OnScreenMessenger.kt
index dc1e0f534..17f1daece 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/OnScreenMessenger.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/OnScreenMessenger.kt
@@ -24,7 +24,7 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
-import org.jetbrains.projector.client.common.canvas.Extensions.argbIntToRgbaString
+import org.jetbrains.projector.client.common.canvas.JsExtensions.argbIntToRgbaString
 import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.client.web.misc.toDisplayType
 import org.jetbrains.projector.client.web.state.LafListener
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
index 0bf358a3c..ad382545c 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
@@ -24,10 +24,12 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 import kotlinx.dom.addClass
-import org.jetbrains.projector.client.common.DrawEvent
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.canvas.DomCanvas
+import org.jetbrains.projector.client.common.canvas.JsSingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.canvas.buffering.DoubleBufferedRenderingSurface
 import org.jetbrains.projector.client.common.canvas.buffering.UnbufferedRenderingSurface
 import org.jetbrains.projector.client.common.misc.ParamsProvider
@@ -39,6 +41,7 @@ import org.jetbrains.projector.client.web.state.LafListener
 import org.jetbrains.projector.client.web.state.ProjectorUI
 import org.jetbrains.projector.common.protocol.data.CommonRectangle
 import org.jetbrains.projector.common.protocol.data.CursorType
+import org.jetbrains.projector.common.protocol.toClient.ServerWindowEvent
 import org.jetbrains.projector.common.protocol.toClient.WindowData
 import org.jetbrains.projector.common.protocol.toClient.WindowType
 import org.jetbrains.projector.common.protocol.toServer.ClientWindowCloseEvent
@@ -52,8 +55,9 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
 
   val id = windowData.id
 
-  @OptIn(ExperimentalStdlibApi::class)
-  val drawEvents = ArrayDeque<DrawEvent>()
+  //@OptIn(ExperimentalStdlibApi::class)
+  //val drawEvents = mutableListOf<ServerWindowEvent>()
+  var pendingEvents: List<ServerWindowEvent>? = null
 
   var title: String? = null
     set(value) {
@@ -66,7 +70,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
   var isShowing: Boolean = false
     set(value) {
       header?.visible = value
-      border.visible = value
+      border?.visible = value
 
       if (field == value) {
         return
@@ -82,9 +86,13 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
   private var header: WindowHeader? = null
   private var headerVerticalPosition: Double = 0.0
   private var headerHeight: Double = 0.0
+
   private val border = WindowBorder(windowData.resizable)
+  //private val border: WindowBorder? = null
 
-  private val commandProcessor = SingleRenderingSurfaceProcessor(renderingSurface)
+  private var isDirty: Boolean = true
+
+  private val commandProcessor = JsSingleRenderingSurfaceProcessor(renderingSurface)
 
   var bounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
     set(value) {
@@ -114,49 +122,49 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
     }
 
   init {
-    applyBounds()
+      applyBounds()
 
-    if (windowData.windowType == WindowType.IDEA_WINDOW || windowData.windowType == WindowType.POPUP) {
-      canvas.style.border = "none"
-    }
-    else if (windowData.windowType == WindowType.WINDOW) {
-      if (windowData.undecorated) {
-        canvas.style.border = ProjectorUI.borderStyle
+      if (windowData.windowType == WindowType.IDEA_WINDOW || windowData.windowType == WindowType.POPUP) {
+        canvas.style.border = "none"
       }
-      else {
-        // If the window has a header on the host, its sizes are included in the window bounds.
-        // The client header is drawn above the window, outside its bounds. At the same time,
-        // the coordinates of the contents of the window come taking into account the size
-        // of the header. As a result, on client an empty space is obtained between header
-        // and the contents of the window. To get rid of this, we transfer the height of the system
-        // window header and if it > 0, we draw the heading not over the window but inside
-        // the window's bounds, filling in the empty space.
-
-        header = WindowHeader(windowData.title)
-        header!!.undecorated = windowData.undecorated
-        header!!.onMove = ::onMove
-        header!!.onClose = ::onClose
-
-        headerVerticalPosition = when (windowData.headerHeight) {
-          0, null -> ProjectorUI.headerHeight
-          else -> 0.0
+      else if (windowData.windowType == WindowType.WINDOW) {
+        if (windowData.undecorated) {
+          canvas.style.border = ProjectorUI.borderStyle
         }
-
-        headerHeight = when (windowData.headerHeight) {
-          0, null -> ProjectorUI.headerHeight
-          else -> windowData.headerHeight!!.toDouble()
+        else {
+          // If the window has a header on the host, its sizes are included in the window bounds.
+          // The client header is drawn above the window, outside its bounds. At the same time,
+          // the coordinates of the contents of the window come taking into account the size
+          // of the header. As a result, on client an empty space is obtained between header
+          // and the contents of the window. To get rid of this, we transfer the height of the system
+          // window header and if it > 0, we draw the heading not over the window but inside
+          // the window's bounds, filling in the empty space.
+
+          header = WindowHeader(windowData.title)
+          header!!.undecorated = windowData.undecorated
+          header!!.onMove = ::onMove
+          header!!.onClose = ::onClose
+
+          headerVerticalPosition = when (windowData.headerHeight) {
+            0, null -> ProjectorUI.headerHeight
+            else -> 0.0
+          }
+
+          headerHeight = when (windowData.headerHeight) {
+            0, null -> ProjectorUI.headerHeight
+            else -> windowData.headerHeight!!.toDouble()
+          }
+
+          canvas.style.borderBottom = ProjectorUI.borderStyle
+          canvas.style.borderLeft = ProjectorUI.borderStyle
+          canvas.style.borderRight = ProjectorUI.borderStyle
+          canvas.style.borderRadius = "0 0 ${ProjectorUI.borderRadius}px ${ProjectorUI.borderRadius}px"
         }
-
-        canvas.style.borderBottom = ProjectorUI.borderStyle
-        canvas.style.borderLeft = ProjectorUI.borderStyle
-        canvas.style.borderRight = ProjectorUI.borderStyle
-        canvas.style.borderRadius = "0 0 ${ProjectorUI.borderRadius}px ${ProjectorUI.borderRadius}px"
       }
-    }
 
-    if (windowData.resizable) {
-      border.onResize = ::onResize
-    }
+      if (windowData.resizable) {
+        border.onResize = ::onResize
+      }
   }
 
   override fun lookAndFeelChanged() {
@@ -227,7 +235,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
       )
     }
 
-    border.bounds = CommonRectangle(
+    border?.bounds = CommonRectangle(
       clientBounds.x,
       (bounds.y - headerVerticalPosition) * userScalingRatio,
       clientBounds.width,
@@ -242,6 +250,8 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
     }
 
     renderingSurface.scalingRatio = scalingRatio
+
+
     renderingSurface.setBounds(
       width = (bounds.width * scalingRatio).roundToInt(),
       height = (bounds.height * scalingRatio).roundToInt()
@@ -250,15 +260,44 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
 
   fun dispose() {
     canvas.remove()
-    border.dispose()
+    border?.dispose()
     header?.dispose()
   }
 
+  fun redraw() {
+    if (pendingEvents != null) {
+      drawBufferedEvents(emptyList())
+    }
+  }
+
   @OptIn(ExperimentalStdlibApi::class)
-  fun drawBufferedEvents() {
-    commandProcessor.process(drawEvents)
-    renderingSurface.flush()
-    header?.draw()
+  fun drawBufferedEvents(events: List<ServerWindowEvent>) {
+    if (events.isNotEmpty() || pendingEvents != null) {
+      if (pendingEvents == null && events.isNotEmpty()) {
+        pendingEvents = commandProcessor.process(events)
+      }
+      else if (events.isNotEmpty()) {
+        pendingEvents = commandProcessor.process(pendingEvents!! + events)
+      }
+      else if (pendingEvents?.isNotEmpty() == true) {
+        pendingEvents = commandProcessor.process(pendingEvents!!)
+      }
+      else {
+        return
+      }
+      isDirty = true
+      renderingSurface.flush()
+      header?.draw()
+    }
+
+  }
+
+  fun flush() {
+    if (isDirty) {
+      renderingSurface.flush()
+      header?.draw()
+      isDirty = false
+    }
   }
 
   companion object {
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
index 5834ce2c5..8b293f455 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
@@ -24,7 +24,8 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.common.misc.firstNotNullOrNull
@@ -37,7 +38,6 @@ import org.jetbrains.projector.util.logging.Logger
 import org.w3c.dom.HTMLCanvasElement
 import org.w3c.dom.HTMLImageElement
 import org.w3c.dom.HTMLLinkElement
-import kotlin.collections.isNotEmpty
 
 class WindowDataEventsProcessor(private val windowManager: WindowManager) {
 
@@ -46,7 +46,7 @@ class WindowDataEventsProcessor(private val windowManager: WindowManager) {
   @OptIn(ExperimentalStdlibApi::class)
   fun redrawWindows() {
     synchronized(windowManager) {
-      windowManager.forEach(Window::drawBufferedEvents)
+      windowManager.forEach(Window::redraw)
     }
   }
 
@@ -134,11 +134,9 @@ class WindowDataEventsProcessor(private val windowManager: WindowManager) {
         return
       }
 
-      val newEvents = commands.shrinkByPaintEvents()
 
-      if (newEvents.isNotEmpty()) {
-        window.drawEvents.addAll(newEvents)
-        window.drawBufferedEvents()
+      if (commands.isNotEmpty()) {
+        window.drawBufferedEvents(commands)
       }
     }
   }
@@ -153,7 +151,17 @@ class WindowDataEventsProcessor(private val windowManager: WindowManager) {
 
   fun onResized() {
     synchronized(windowManager) {
-      windowManager.forEach(Window::applyBounds)
+      windowManager.forEach{ window ->
+        window.applyBounds()
+      }
+    }
+  }
+
+  fun flush() {
+    windowManager.forEach { window ->
+      if (window.isShowing) {
+        window.flush()
+      }
     }
   }
 
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
index a2d581be5..360612c78 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
@@ -24,6 +24,8 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.canvas.Context2d
 import org.jetbrains.projector.client.common.canvas.DomCanvas
 import org.jetbrains.projector.client.common.canvas.PaintColor
@@ -63,27 +65,28 @@ class WindowHeader(var title: String? = null) : DragEventsInterceptor, LafListen
   private var clientCloseBounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
   var bounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
     set(value) {
+      GlobalScope.launch {
 
-      val scalingRatio = ParamsProvider.SCALING_RATIO / ParamsProvider.USER_SCALING_RATIO
-      headerRenderingSurface.scalingRatio = ParamsProvider.SCALING_RATIO
+        val scalingRatio = ParamsProvider.SCALING_RATIO / ParamsProvider.USER_SCALING_RATIO
+        headerRenderingSurface.scalingRatio = ParamsProvider.SCALING_RATIO
 
-      headerRenderingSurface.setBounds(
-        width = (value.width * scalingRatio).roundToInt(),
-        height = (value.height * scalingRatio).roundToInt()
-      )
+        headerRenderingSurface.setBounds(
+          width = (value.width * scalingRatio).roundToInt(),
+          height = (value.height * scalingRatio).roundToInt()
+        )
 
-      if (field == value) {
-        return
-      }
+        if (field != value) {
 
-      field = value
+          field = value
 
-      clientCloseBounds = CommonRectangle(value.x + value.width - value.height, value.y, value.height, value.height)
+          clientCloseBounds = CommonRectangle(value.x + value.width - value.height, value.y, value.height, value.height)
 
-      style.left = "${value.x}px"
-      style.top = "${value.y}px"
-      style.width = "${value.width}px"
-      style.height = "${value.height}px"
+          style.left = "${value.x}px"
+          style.top = "${value.y}px"
+          style.width = "${value.width}px"
+          style.height = "${value.height}px"
+        }
+      }
     }
 
   var zIndex: Int = 0
@@ -176,7 +179,7 @@ class WindowHeader(var title: String? = null) : DragEventsInterceptor, LafListen
 
   fun draw() {
 
-    val context = headerRenderingSurface.canvas.context2d
+    val context = headerRenderingSurface.canvas.context2d()
     val offset = ProjectorUI.crossOffset * headerRenderingSurface.scalingRatio
 
     // Fill header background.
diff --git a/projector-client-web/src/main/resources/index.html b/projector-client-web/src/main/resources/index.html
index 218e4f37d..45a95fde8 100644
--- a/projector-client-web/src/main/resources/index.html
+++ b/projector-client-web/src/main/resources/index.html
@@ -33,21 +33,8 @@
   <link href="manifest.webmanifest" rel="manifest">
 
   <script src="https://cdn.jsdelivr.net/pako/1.0.3/pako.min.js"></script>
+  <script src="projector-client-web.js" type="text/javascript"></script>
   <script>
-    // Disable caching for some scripts (described here: https://stackoverflow.com/questions/118884/how-to-force-the-browser-to-reload-cached-css-js-files):
-    const timestamp = Math.floor(Date.now());
-    const notCachableScripts = [
-      "projector-client-web.js",
-    ];
-
-    notCachableScripts.forEach((script) => document.write(
-        '<script src="' +
-        script +
-        '?v=' +
-        timestamp +
-        '" type="text/javascript"><\/script>'
-    ));
-
     function onLoad() {
       if (window['projector-client-web']) {
         window['projector-client-web'].org.jetbrains.projector.client.web.onLoad();
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/StrokeData.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/StrokeData.kt
index 47e2274a5..36f0502e0 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/StrokeData.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/StrokeData.kt
@@ -43,7 +43,7 @@ sealed class StrokeData {
     @SerialName("e")
     val dashPhase: Float,
     @SerialName("f")
-    val dashArray: List<Float>? = null,
+    val dashArray: Array<Double>? = null,
   ) : StrokeData() {
 
     @Serializable
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
index 0b5eda318..aad5c6fbe 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
@@ -25,10 +25,63 @@ package org.jetbrains.projector.common.protocol.toClient
 
 import kotlinx.serialization.SerialName
 import kotlinx.serialization.Serializable
+import kotlinx.serialization.Transient
 import org.jetbrains.projector.common.protocol.data.*
 
 @Serializable
-sealed class ServerWindowEvent
+sealed class ServerWindowEvent {
+  abstract val tpe: EventType
+}
+
+enum class EventType {
+  ServerPaintSrcEvent,
+  ServerWindowEvent,
+  ServerWindowPaintEvent,
+  ServerWindowToDoPaintEvent,
+  ServerWindowStateEvent,
+  ServerWindowToDoStateEvent,
+  ServerPaintArcEvent,
+  ServerPaintOvalEvent,
+  ServerPaintRoundRectEvent,
+  ServerPaintRectEvent,
+  ServerDrawLineEvent,
+  ServerCopyAreaEvent,
+  ServerSetFontEvent,
+  ServerSetClipEvent,
+  ServerSetStrokeEvent,
+  ServerDrawRenderedImageEvent,
+  ServerDrawRenderableImageEvent,
+  ServerDrawImageEvent,
+  ServerDrawStringEvent,
+  ServerPaintPolygonEvent,
+  ServerDrawPolylineEvent,
+  ServerSetTransformEvent,
+  ServerPaintPathEvent,
+  ServerSetCompositeEvent,
+  ServerSetPaintEvent,
+  ServerSetUnknownStrokeEvent;
+
+  fun isDrawEvent():Boolean {
+    return when(this.ordinal){
+      ServerDrawRenderedImageEvent.ordinal ,
+      ServerDrawRenderableImageEvent.ordinal ,
+      ServerDrawImageEvent.ordinal ,
+      ServerDrawStringEvent.ordinal ,
+      ServerDrawLineEvent.ordinal ,
+      ServerDrawPolylineEvent.ordinal ,
+      ServerPaintSrcEvent.ordinal ,
+      ServerPaintArcEvent.ordinal ,
+      ServerPaintOvalEvent.ordinal ,
+      ServerPaintRoundRectEvent.ordinal ,
+      ServerPaintRectEvent.ordinal ,
+      ServerPaintPolygonEvent.ordinal ,
+      ServerPaintPathEvent.ordinal ,
+      ServerCopyAreaEvent.ordinal
+        -> true
+      else -> false
+    }
+  }
+}
 
 @Serializable
 sealed class ServerWindowPaintEvent : ServerWindowEvent()
@@ -59,7 +112,10 @@ data class ServerPaintArcEvent(
   val startAngle: Int,
   @SerialName("g")
   val arcAngle: Int,
-) : ServerWindowToDoPaintEvent()
+) : ServerWindowToDoPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintArcEvent
+}
 
 @Serializable
 @SerialName("b")
@@ -74,7 +130,10 @@ data class ServerPaintOvalEvent(
   val width: Int,
   @SerialName("e")
   val height: Int,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintOvalEvent
+}
 
 @Serializable
 @SerialName("c")
@@ -93,7 +152,10 @@ data class ServerPaintRoundRectEvent(
   val arcWidth: Int,
   @SerialName("g")
   val arcHeight: Int,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintRoundRectEvent
+}
 
 @Serializable
 @SerialName("d")
@@ -108,7 +170,10 @@ data class ServerPaintRectEvent(
   val width: Double,
   @SerialName("e")
   val height: Double,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintRectEvent
+}
 
 @Serializable
 @SerialName("e")
@@ -121,7 +186,10 @@ data class ServerDrawLineEvent(
   val x2: Int,
   @SerialName("d")
   val y2: Int,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawLineEvent
+}
 
 @Serializable
 @SerialName("f")
@@ -138,7 +206,10 @@ data class ServerCopyAreaEvent(
   val dx: Int,
   @SerialName("f")
   val dy: Int,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerCopyAreaEvent
+}
 
 @Serializable
 @SerialName("g")
@@ -149,29 +220,44 @@ data class ServerSetFontEvent(
   val fontSize: Int,
   @SerialName("c")
   val ligaturesOn: Boolean = false,
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetFontEvent
+}
 
 @Serializable
 @SerialName("h")
 data class ServerSetClipEvent(
   @SerialName("a")
   val shape: CommonShape? = null,
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetClipEvent
+}
 
 @Serializable
 @SerialName("i")
 data class ServerSetStrokeEvent(
   @SerialName("a")
   val strokeData: StrokeData,
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetStrokeEvent
+}
 
 @Serializable
 @SerialName("j")
-object ServerDrawRenderedImageEvent : ServerWindowToDoPaintEvent()
+object ServerDrawRenderedImageEvent : ServerWindowToDoPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawRenderedImageEvent
+}
 
 @Serializable
 @SerialName("k")
-object ServerDrawRenderableImageEvent : ServerWindowToDoPaintEvent()
+object ServerDrawRenderableImageEvent : ServerWindowToDoPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawRenderableImageEvent
+}
 
 @Serializable
 @SerialName("l")
@@ -180,7 +266,10 @@ data class ServerDrawImageEvent(
   val imageId: ImageId,
   @SerialName("b")
   val imageEventInfo: ImageEventInfo,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawImageEvent
+}
 
 @Serializable
 @SerialName("m")
@@ -193,7 +282,10 @@ data class ServerDrawStringEvent(
   val y: Double,
   @SerialName("d")
   val desiredWidth: Double,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawStringEvent
+}
 
 @Serializable
 @SerialName("n")
@@ -202,21 +294,30 @@ data class ServerPaintPolygonEvent(
   val paintType: PaintType,
   @SerialName("b")
   val points: List<Point> = emptyList(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintPolygonEvent
+}
 
 @Serializable
 @SerialName("o")
 data class ServerDrawPolylineEvent(
   @SerialName("a")
   val points: List<Point> = emptyList(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerDrawPolylineEvent
+}
 
 @Serializable
 @SerialName("p")
 data class ServerSetTransformEvent(
   @SerialName("a")
   val tx: List<Double> = emptyList(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetTransformEvent
+}
 
 @Serializable
 @SerialName("q")
@@ -225,25 +326,37 @@ data class ServerPaintPathEvent(
   val paintType: PaintType,
   @SerialName("b")
   val path: CommonPath,
-) : ServerWindowPaintEvent()
+) : ServerWindowPaintEvent() {
+  @Transient
+  override val tpe = EventType.ServerPaintPathEvent
+}
 
 @Serializable
 @SerialName("r")
 data class ServerSetCompositeEvent(
   @SerialName("a")
   val composite: CommonComposite,
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetCompositeEvent
+}
 
 @Serializable
 @SerialName("s")
 data class ServerSetPaintEvent(
   @SerialName("a")
   val paint: PaintValue,
-) : ServerWindowStateEvent()
+) : ServerWindowStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetPaintEvent
+}
 
 @Serializable
 @SerialName("t")
 data class ServerSetUnknownStrokeEvent(
   @SerialName("a")
   val className: String,
-) : ServerWindowToDoStateEvent()
+) : ServerWindowToDoStateEvent() {
+  @Transient
+  override val tpe = EventType.ServerSetUnknownStrokeEvent
+}
diff --git a/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt b/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
index a454bf97c..ac40b3253 100644
--- a/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
+++ b/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
@@ -77,10 +77,10 @@ object ConnectionUtil {
     val handshakeText = (incoming.receive() as Frame.Text).readText()
     val toServerHandshakeEvent = KotlinxJsonToServerHandshakeDecoder.decode(handshakeText)
 
-    assertEquals(COMMON_VERSION, toServerHandshakeEvent.commonVersion,
-                 "Incompatible common protocol versions: server - $COMMON_VERSION (#${commonVersionList.indexOf(COMMON_VERSION)}), " +
-                 "client - ${toServerHandshakeEvent.commonVersion} (#${toServerHandshakeEvent.commonVersionId})"
-    )
+    //assertEquals(COMMON_VERSION, toServerHandshakeEvent.commonVersion,
+    //             "Incompatible common protocol versions: server - $COMMON_VERSION (#${commonVersionList.indexOf(COMMON_VERSION)}), " +
+    //             "client - ${toServerHandshakeEvent.commonVersion} (#${toServerHandshakeEvent.commonVersionId})"
+    //)
 
     val toClientCompressor = HandshakeTypesSelector.selectToClientCompressor(toServerHandshakeEvent.supportedToClientCompressions)
     assertNotNull(toClientCompressor,
diff --git a/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Convert.kt b/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Convert.kt
index 5797313a9..79e9e26ae 100644
--- a/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Convert.kt
+++ b/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Convert.kt
@@ -105,7 +105,7 @@ public fun StrokeData.toStroke(): Stroke {
         cap,
         join,
         miterLimit,
-        dashArray?.toFloatArray(),
+        dashArray?.map { double -> double.toFloat() }?.toFloatArray(),
         dashPhase
       )
     }
@@ -135,7 +135,7 @@ public fun BasicStroke.toBasicStrokeData(): StrokeData.Basic {
     endCap = cap,
     miterLimit = miterLimit,
     dashPhase = dashPhase,
-    dashArray = dashArray?.toList()
+    dashArray = dashArray?.map { float -> float.toDouble() }?.toTypedArray()
   )
 }
 
diff --git a/settings.gradle.kts b/settings.gradle.kts
index dbe15f4fb..6c0c245c8 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -43,6 +43,7 @@ include("projector-common")
 include("projector-client-common")
 include("projector-client-swing")
 include("projector-client-web")
+include("projector-client-web-worker")
 include("projector-launcher")
 include("projector-server-core")
 include("projector-util-agent")

From 252148fa9f8bd6af7c8418795801740dfbcfd172 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 10:51:46 +0800
Subject: [PATCH 03/14] revert wire protocol version assertion

---
 .../org/jetbrains/projector/intTest/ConnectionUtil.kt     | 8 ++++----
 settings.gradle.kts                                       | 1 -
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt b/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
index ac40b3253..a454bf97c 100644
--- a/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
+++ b/projector-server-core/src/intTest/kotlin/org/jetbrains/projector/intTest/ConnectionUtil.kt
@@ -77,10 +77,10 @@ object ConnectionUtil {
     val handshakeText = (incoming.receive() as Frame.Text).readText()
     val toServerHandshakeEvent = KotlinxJsonToServerHandshakeDecoder.decode(handshakeText)
 
-    //assertEquals(COMMON_VERSION, toServerHandshakeEvent.commonVersion,
-    //             "Incompatible common protocol versions: server - $COMMON_VERSION (#${commonVersionList.indexOf(COMMON_VERSION)}), " +
-    //             "client - ${toServerHandshakeEvent.commonVersion} (#${toServerHandshakeEvent.commonVersionId})"
-    //)
+    assertEquals(COMMON_VERSION, toServerHandshakeEvent.commonVersion,
+                 "Incompatible common protocol versions: server - $COMMON_VERSION (#${commonVersionList.indexOf(COMMON_VERSION)}), " +
+                 "client - ${toServerHandshakeEvent.commonVersion} (#${toServerHandshakeEvent.commonVersionId})"
+    )
 
     val toClientCompressor = HandshakeTypesSelector.selectToClientCompressor(toServerHandshakeEvent.supportedToClientCompressions)
     assertNotNull(toClientCompressor,
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 6c0c245c8..dbe15f4fb 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -43,7 +43,6 @@ include("projector-common")
 include("projector-client-common")
 include("projector-client-swing")
 include("projector-client-web")
-include("projector-client-web-worker")
 include("projector-launcher")
 include("projector-server-core")
 include("projector-util-agent")

From 01ec80eddcc9146170fd18c037c4ff2aaffc289c Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 10:54:13 +0800
Subject: [PATCH 04/14] revert codestyle config

---
 .idea/codeStyles/Project.xml | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index cab3bdd39..04bf1ebc5 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -39,7 +39,16 @@
           <package name="kotlinx.android.synthetic" alias="false" withSubpackages="true" />
         </value>
       </option>
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
+      <option name="PACKAGES_IMPORT_LAYOUT">
+        <value>
+          <package name="" alias="false" withSubpackages="true" />
+          <package name="java" alias="false" withSubpackages="true" />
+          <package name="javax" alias="false" withSubpackages="true" />
+          <package name="kotlin" alias="false" withSubpackages="true" />
+          <package name="" alias="true" withSubpackages="true" />
+        </value>
+      </option>
+      <option name="ALLOW_TRAILING_COMMA" value="true" />
     </JetCodeStyleSettings>
     <TypeScriptCodeStyleSettings version="1">
       <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
@@ -502,17 +511,15 @@
     <codeStyleSettings language="kotlin">
       <option name="LINE_COMMENT_AT_FIRST_COLUMN" value="false" />
       <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="ELSE_ON_NEW_LINE" value="true" />
+      <option name="WHILE_ON_NEW_LINE" value="true" />
+      <option name="CATCH_ON_NEW_LINE" value="true" />
+      <option name="FINALLY_ON_NEW_LINE" value="true" />
       <option name="ALIGN_MULTILINE_PARAMETERS_IN_CALLS" value="true" />
+      <option name="ALIGN_MULTILINE_BINARY_OPERATION" value="true" />
       <option name="ALIGN_MULTILINE_EXTENDS_LIST" value="true" />
-      <option name="CALL_PARAMETERS_WRAP" value="5" />
-      <option name="CALL_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
-      <option name="CALL_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
+      <option name="CALL_PARAMETERS_WRAP" value="1" />
       <option name="METHOD_PARAMETERS_WRAP" value="5" />
-      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
-      <option name="METHOD_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
-      <option name="EXTENDS_LIST_WRAP" value="1" />
-      <option name="METHOD_CALL_CHAIN_WRAP" value="1" />
-      <option name="ASSIGNMENT_WRAP" value="1" />
       <indentOptions>
         <option name="INDENT_SIZE" value="2" />
         <option name="CONTINUATION_INDENT_SIZE" value="2" />
@@ -520,4 +527,4 @@
       </indentOptions>
     </codeStyleSettings>
   </code_scheme>
-</component>
\ No newline at end of file
+</component>

From bde7a7414691a61bc002d2a63d09b87f17a193a1 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 11:00:56 +0800
Subject: [PATCH 05/14] revert unnecessary changes

---
 projector-client-common/build.gradle.kts      |  2 --
 .../client/swing/AbstractWindowManager.kt     |  8 ++---
 .../client/web/window/WindowHeader.kt         | 33 +++++++++----------
 .../src/main/resources/index.html             | 15 ++++++++-
 4 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/projector-client-common/build.gradle.kts b/projector-client-common/build.gradle.kts
index 6d1e337cd..20928a154 100644
--- a/projector-client-common/build.gradle.kts
+++ b/projector-client-common/build.gradle.kts
@@ -27,7 +27,6 @@ plugins {
 }
 
 val kotlinVersion: String by project
-val coroutinesVersion: String by project
 
 kotlin {
   js {
@@ -43,7 +42,6 @@ kotlin {
         api(kotlin("reflect", kotlinVersion))
         implementation(project(":projector-common"))
         implementation(project(":projector-util-logging"))
-        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:$coroutinesVersion")
       }
     }
 
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
index bd4edcb5a..669ba29b1 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
@@ -23,8 +23,6 @@
  */
 package org.jetbrains.projector.client.swing
 
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.DrawEvent
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
@@ -54,9 +52,7 @@ abstract class AbstractWindowManager<FrameType> {
         FrameData(newFrame(it.id, canvas), it, ArrayDeque(), surface, SingleRenderingSurfaceProcessor(surface))
       }
       existing.windowData = it
-      GlobalScope.launch {
-        existing.surface.setBounds(it.bounds.width.toInt(), it.bounds.height.toInt())
-      }
+      existing.surface.setBounds(it.bounds.width.toInt(), it.bounds.height.toInt())
       updateFrameProperties(existing)
     }
 
@@ -75,7 +71,7 @@ abstract class AbstractWindowManager<FrameType> {
 
     window.drawEvents.addAll(drawEvents.shrinkByPaintEvents())
 
-    //window.processor.process(window.drawEvents)
+    window.processor.process(window.drawEvents)
 
     window.surface.flush()
 
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
index 360612c78..05cce07f3 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowHeader.kt
@@ -24,8 +24,6 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.canvas.Context2d
 import org.jetbrains.projector.client.common.canvas.DomCanvas
 import org.jetbrains.projector.client.common.canvas.PaintColor
@@ -65,28 +63,27 @@ class WindowHeader(var title: String? = null) : DragEventsInterceptor, LafListen
   private var clientCloseBounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
   var bounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
     set(value) {
-      GlobalScope.launch {
 
-        val scalingRatio = ParamsProvider.SCALING_RATIO / ParamsProvider.USER_SCALING_RATIO
-        headerRenderingSurface.scalingRatio = ParamsProvider.SCALING_RATIO
+      val scalingRatio = ParamsProvider.SCALING_RATIO / ParamsProvider.USER_SCALING_RATIO
+      headerRenderingSurface.scalingRatio = ParamsProvider.SCALING_RATIO
 
-        headerRenderingSurface.setBounds(
-          width = (value.width * scalingRatio).roundToInt(),
-          height = (value.height * scalingRatio).roundToInt()
-        )
+      headerRenderingSurface.setBounds(
+        width = (value.width * scalingRatio).roundToInt(),
+        height = (value.height * scalingRatio).roundToInt()
+      )
 
-        if (field != value) {
+      if (field == value) {
+        return
+      }
 
-          field = value
+      field = value
 
-          clientCloseBounds = CommonRectangle(value.x + value.width - value.height, value.y, value.height, value.height)
+      clientCloseBounds = CommonRectangle(value.x + value.width - value.height, value.y, value.height, value.height)
 
-          style.left = "${value.x}px"
-          style.top = "${value.y}px"
-          style.width = "${value.width}px"
-          style.height = "${value.height}px"
-        }
-      }
+      style.left = "${value.x}px"
+      style.top = "${value.y}px"
+      style.width = "${value.width}px"
+      style.height = "${value.height}px"
     }
 
   var zIndex: Int = 0
diff --git a/projector-client-web/src/main/resources/index.html b/projector-client-web/src/main/resources/index.html
index 45a95fde8..218e4f37d 100644
--- a/projector-client-web/src/main/resources/index.html
+++ b/projector-client-web/src/main/resources/index.html
@@ -33,8 +33,21 @@
   <link href="manifest.webmanifest" rel="manifest">
 
   <script src="https://cdn.jsdelivr.net/pako/1.0.3/pako.min.js"></script>
-  <script src="projector-client-web.js" type="text/javascript"></script>
   <script>
+    // Disable caching for some scripts (described here: https://stackoverflow.com/questions/118884/how-to-force-the-browser-to-reload-cached-css-js-files):
+    const timestamp = Math.floor(Date.now());
+    const notCachableScripts = [
+      "projector-client-web.js",
+    ];
+
+    notCachableScripts.forEach((script) => document.write(
+        '<script src="' +
+        script +
+        '?v=' +
+        timestamp +
+        '" type="text/javascript"><\/script>'
+    ));
+
     function onLoad() {
       if (window['projector-client-web']) {
         window['projector-client-web'].org.jetbrains.projector.client.web.onLoad();

From 8f35f4b1e5ab78a68c93e6edab573b09c231be6a Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 11:24:01 +0800
Subject: [PATCH 06/14] clean code

---
 .../client/common/SingleRenderingSurfaceProcessor.kt   | 10 +++-------
 .../projector/client/common/canvas/Extensions.kt       |  1 -
 .../canvas/buffering/UnbufferedRenderingSurface.kt     |  1 -
 .../projector/client/common/canvas/DomCanvas.kt        |  8 +-------
 .../projector/client/common/canvas/DomContext2d.kt     |  4 ++--
 .../projector/client/common/canvas/JsExtensions.kt     |  1 +
 .../common/canvas/JsSingleRenderingSurfaceProcessor.kt |  4 ----
 .../jetbrains/projector/client/web/window/Window.kt    |  7 +++----
 8 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
index e64e01b9d..d0df7434e 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
@@ -23,8 +23,6 @@
  */
 package org.jetbrains.projector.client.common
 
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
@@ -36,7 +34,7 @@ import org.jetbrains.projector.common.protocol.data.PaintValue
 import org.jetbrains.projector.common.protocol.toClient.*
 import org.jetbrains.projector.util.logging.Logger
 
-class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): RenderingSurfaceProcessor {
+class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) : RenderingSurfaceProcessor {
 
   private val renderer = Renderer(renderingSurface)
 
@@ -54,9 +52,7 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): Rende
       val drawIsSuccessful = handleDrawEvent(drawEvent)
 
       if (!drawIsSuccessful && removing) {
-        GlobalScope.launch {
-          stateSaver.save()
-        }
+        stateSaver.save()
         removing = false
       }
     }
@@ -216,7 +212,7 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): Rende
 
     private var lastSuccessfulState: LastSuccessfulState? = null
 
-    suspend fun save() {
+    fun save() {
       lastSuccessfulState = LastSuccessfulState(
         renderingState = renderer.requestedState.copy(),
         image = renderingSurface.canvas.takeSnapshot()
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index e415fd3e7..9fb9ab4aa 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -23,7 +23,6 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
-import kotlinx.coroutines.awaitAll
 import org.jetbrains.projector.common.misc.Do
 import org.jetbrains.projector.common.protocol.data.AlphaCompositeRule
 import org.jetbrains.projector.common.protocol.data.CommonPath
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
index bb55d9918..07f59bb01 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/buffering/UnbufferedRenderingSurface.kt
@@ -23,7 +23,6 @@
  */
 package org.jetbrains.projector.client.common.canvas.buffering
 
-import kotlinx.coroutines.GlobalScope
 import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.Extensions.resizeSavingImage
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
index 23afd4dc5..4f39b6cde 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomCanvas.kt
@@ -23,15 +23,9 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
-import kotlinx.browser.document
-import kotlinx.browser.window
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.await
 import org.jetbrains.projector.client.common.canvas.Canvas.ImageSource
 import org.jetbrains.projector.util.logging.Logger
 import org.w3c.dom.*
-import kotlin.js.Promise
 
 class DomCanvas(private val myCanvas: HTMLCanvasElement) : Canvas {
 
@@ -85,7 +79,7 @@ class DomCanvas(private val myCanvas: HTMLCanvasElement) : Canvas {
 
     val copy = OffscreenCanvas(myCanvas.width,myCanvas.height)
 
-    val context = copy.getContext("2d") as OffscreenCanvasRenderingContext2D
+    val context = copy.getContext("2d",js("{ alpha: false }")) as OffscreenCanvasRenderingContext2D
 
     context.drawImage(myCanvas,0.0,0.0)
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
index 763e7c246..1d2f5b96c 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
@@ -192,7 +192,7 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     myContext2d.restore()
   }
 
-  @Suppress("UNUSED_PARAMETER")
+  @Suppress("UNUSED_VARIABLE")
   override fun setFillStyle(color: PaintColor?) {
     if( color != null) {
       val ctx = myContext2d
@@ -211,7 +211,7 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     }
   }
 
-  @Suppress("UNUSED_PARAMETER")
+  @Suppress("UNUSED_VARIABLE")
   override fun setStrokeStyle(color: PaintColor?) {
     if( color != null) {
       val ctx = myContext2d
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
index eccea6004..69c3f6afc 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
@@ -39,6 +39,7 @@ object JsExtensions {
   /**
    * ARGB -> RGBA
    */
+  @Suppress("UNUSED_VARIABLE")
   fun Int.argbIntToRgbaString(): String {
     val argb = this
     return js(" '#' + ( ((argb >>> 24 & 0xff) | (argb <<8>>>0))>>>0 ).toString(16).padStart(6,'0') ")
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
index 05834f62b..2835c8fba 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
@@ -23,13 +23,9 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.launch
-import org.jetbrains.projector.client.common.DrawEvent
 import org.jetbrains.projector.client.common.Renderer
 import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
 import org.jetbrains.projector.client.common.RenderingSurfaceProcessor
-import org.jetbrains.projector.client.common.canvas.Canvas
 import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.misc.ParamsProvider
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
index ad382545c..f28e77c7c 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
@@ -70,7 +70,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
   var isShowing: Boolean = false
     set(value) {
       header?.visible = value
-      border?.visible = value
+      border.visible = value
 
       if (field == value) {
         return
@@ -88,7 +88,6 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
   private var headerHeight: Double = 0.0
 
   private val border = WindowBorder(windowData.resizable)
-  //private val border: WindowBorder? = null
 
   private var isDirty: Boolean = true
 
@@ -235,7 +234,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
       )
     }
 
-    border?.bounds = CommonRectangle(
+    border.bounds = CommonRectangle(
       clientBounds.x,
       (bounds.y - headerVerticalPosition) * userScalingRatio,
       clientBounds.width,
@@ -260,7 +259,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
 
   fun dispose() {
     canvas.remove()
-    border?.dispose()
+    border.dispose()
     header?.dispose()
   }
 

From b72134db3931702c9b5558510cb89d84f74c301a Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 11:30:09 +0800
Subject: [PATCH 07/14] passing checks

---
 .../projector/client/common/canvas/CanvasFactory.kt         | 6 +++++-
 .../projector/client/common/canvas/SwingContext2d.kt        | 3 ---
 .../projector/client/swing/AbstractWindowManager.kt         | 3 +--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
index 5aca4b946..0f4cded76 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/CanvasFactory.kt
@@ -32,6 +32,10 @@ actual object CanvasFactory {
     return SwingCanvas()
   }
 
+  actual fun create(offscreen: Boolean): Canvas {
+    TODO("Not yet implemented")
+  }
+
   actual fun createImageSource(
     pngBase64: String,
     onLoad: (Canvas.ImageSource) -> Unit,
@@ -43,4 +47,4 @@ actual object CanvasFactory {
   actual fun createEmptyImageSource(onLoad: (Canvas.ImageSource) -> Unit) {
     onLoad(SwingCanvas.SwingImageSource())
   }
-}
\ No newline at end of file
+}
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
index 3ae2f1fef..f30744c7c 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
@@ -23,7 +23,6 @@
  */
 package org.jetbrains.projector.client.common.canvas
 
-import kotlinx.coroutines.runBlocking
 import org.jetbrains.projector.client.common.SwingFontCache
 import org.jetbrains.projector.client.common.change
 import org.jetbrains.projector.common.misc.Do
@@ -31,10 +30,8 @@ import org.jetbrains.projector.common.protocol.data.PathSegment
 import org.jetbrains.projector.common.protocol.data.Point
 import java.awt.*
 import java.awt.geom.AffineTransform
-import java.awt.geom.Arc2D
 import java.awt.geom.Path2D
 import java.awt.geom.RoundRectangle2D
-import java.io.File
 
 class SwingContext2d(graphics: Graphics2D) : Context2d {
   private var savedGraphics: Graphics2D = graphics.create() as Graphics2D
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
index 669ba29b1..d21adb768 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
@@ -69,9 +69,8 @@ abstract class AbstractWindowManager<FrameType> {
       return
     }
 
-    window.drawEvents.addAll(drawEvents.shrinkByPaintEvents())
 
-    window.processor.process(window.drawEvents)
+    window.processor.process(drawEvents)
 
     window.surface.flush()
 

From 0dba75d572925d9764eaeba10ef62db41b5170f4 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 11:44:13 +0800
Subject: [PATCH 08/14] fix tests

---
 .../jetbrains/projector/common/protocol/handshake/Constant.kt    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/handshake/Constant.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/handshake/Constant.kt
index 32d9b9059..1b04d6fcd 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/handshake/Constant.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/handshake/Constant.kt
@@ -42,4 +42,5 @@ val commonVersionList = listOf(
   -625612891,
   -560999684,
   471600343,
+  1196659574
 )

From 921bd1e22922e4534c1001c468cd4bde3ed64eb4 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 14:54:37 +0800
Subject: [PATCH 09/14] Adding extra v8 flags

---
 projector-launcher/build.gradle.kts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projector-launcher/build.gradle.kts b/projector-launcher/build.gradle.kts
index 38a23a0f7..60a6ba601 100644
--- a/projector-launcher/build.gradle.kts
+++ b/projector-launcher/build.gradle.kts
@@ -109,7 +109,8 @@ val generateDistPackageJson by tasks.creating(Task::class) {
       "license" to "MIT",
       "name" to "projector-launcher",
       "description" to "Desktop launcher for Projector, written in Kotlin, Electron and Node",
-      "version" to project.version.toString()
+      "version" to project.version.toString(),
+      "v8Flags" to "--max-semi-space-size=4096 --min-semi-space-size=256 --max-old-space-size=4096 --initial-old-space-size=64"
     )
 
     project.file("$distDir/package.json").writeText(packageJson.toJsonString())

From cd6c602eb1fafb5b0c6d4319a19ca2f8afe3ced7 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 1 Apr 2021 15:30:15 +0800
Subject: [PATCH 10/14] Adding usefull Electron Menu items

---
 .../src/main/kotlin/ElectronApp.kt            | 86 +++++++++++++++++--
 projector-launcher/src/main/kotlin/app.kt     |  2 +-
 .../src/main/resources/assets/js/main.js      | 70 +++++++--------
 .../src/main/resources/assets/js/preload.js   |  7 ++
 4 files changed, 124 insertions(+), 41 deletions(-)

diff --git a/projector-launcher/src/main/kotlin/ElectronApp.kt b/projector-launcher/src/main/kotlin/ElectronApp.kt
index 23cf54435..cd6090cd5 100644
--- a/projector-launcher/src/main/kotlin/ElectronApp.kt
+++ b/projector-launcher/src/main/kotlin/ElectronApp.kt
@@ -24,10 +24,12 @@
 @file:Suppress("JSCODE_ARGUMENT_SHOULD_BE_CONSTANT")
 
 import Electron.*
+import kotlinext.js.jsObject
 import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.await
 import kotlinx.coroutines.launch
 import org.w3c.dom.url.URL
+import kotlin.js.Promise
 
 external fun encodeURI(data: String): String
 
@@ -44,6 +46,7 @@ class ElectronApp(val url: String) {
   lateinit var mainWindowUrl: String
   lateinit var mainWindowPrevUrl: String
   lateinit var mainWindowNextUrl: String
+  var loading = true
   var initialized = false
 
   fun navigateMainWindow(url: String) {
@@ -77,9 +80,18 @@ class ElectronApp(val url: String) {
                 }
             }
         """
-
-    var preloadPath = path.normalize(path.join(__dirname, "../assets/js/preload.js"))
-    this.mainWindow = BrowserWindow(js(windowOptions)(workAreaSize.width, workAreaSize.height, preloadPath))
+    //js(windowOptions)(workAreaSize.width, workAreaSize.height, preloadPath)
+    val preloadPath: String = path.normalize(path.join(__dirname, "../app/assets/js/preload.js"))
+    this.mainWindow = BrowserWindow( jsObject {
+      width = workAreaSize.width
+      height = workAreaSize.height
+      webPreferences = jsObject {
+        contextIsolation = true
+        webSecurity = false
+        worldSafeExecuteJavaScript = true
+        preload = preloadPath
+      }
+    })
 
     if (process.platform.unsafeCast<String>().toLowerCase() !in setOf("win32", "darwin")) {
       // change icon for Linux and other systems:
@@ -113,7 +125,9 @@ class ElectronApp(val url: String) {
 
                                          console.log("Can't load the URL: $validatedURL")
                                          console.log("errorDescription: $errorDescription, errorCode: $errorCode")
+                                         loading = true
                                          that.mainWindow.loadFile("openurl.html").await()
+                                         loading = false
                                        }
                                        else {
                                          Logger.direct(
@@ -167,9 +181,71 @@ class ElectronApp(val url: String) {
   }
 
   fun registerApplicationLevelEvents() {
+    Menu.setApplicationMenu(Menu.buildFromTemplate(
+      arrayOf(
+        jsObject<MenuItemConstructorOptions>{
+          label = app.name
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "about"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "quit"
+            }
+          )
+        },
+        jsObject<MenuItemConstructorOptions> {
+          label = "Edit"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "cut"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "copy"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "paste"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "undo"
+            },
+            jsObject<MenuItemConstructorOptions> {
+              role = "redo"
+            }
+          )
+
+        },
+        jsObject<MenuItemConstructorOptions>{
+          label = "View"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "forceReload"
+            },
+            jsObject<MenuItemConstructorOptions>{
+              label = "Go To Landing Page"
+              click = { item,window,event ->
+                if(!loading){
+                  loading = true
+                  that.mainWindow.loadFile("openurl.html")
+                    .then{ loading = false }
+                }
+              }
+            }
+          )
+        },
+        jsObject<MenuItemConstructorOptions> {
+          label = "Developer"
+          submenu = arrayOf(
+            jsObject<MenuItemConstructorOptions> {
+              role = "toggleDevTools"
+            }
+          )
+        }
+      )
+    ))
     app.whenReady().then {
       this.createWindow()
-      ElectronUtil.disableAllStandardShortcuts()
+      //ElectronUtil.disableAllStandardShortcuts()
 
       if (GlobalSettings.DEVELOPER_TOOLS_ENABLED) {
         this.mainWindow.webContents.openDevTools()
@@ -181,8 +257,6 @@ class ElectronApp(val url: String) {
     }
 
     ipcMain.on("projector-dom-ready") { event, _ ->
-      ElectronUtil.disableAllStandardShortcuts()
-
       var defaultUrl = this.configData.defaultUrl
       if (null != defaultUrl) {
         event.sender.send("projector-set-url", defaultUrl)
diff --git a/projector-launcher/src/main/kotlin/app.kt b/projector-launcher/src/main/kotlin/app.kt
index caa140a43..7e5d5c8e2 100644
--- a/projector-launcher/src/main/kotlin/app.kt
+++ b/projector-launcher/src/main/kotlin/app.kt
@@ -31,7 +31,7 @@ fun main() {
   val argv = commandLineArguments()
   var url = argv.last()
 
-  if (url.endsWith("projector.exe")) {
+  if (url == null || !(url.startsWith("http") || url.startsWith("ws"))) {
     url = ""
   }
 
diff --git a/projector-launcher/src/main/resources/assets/js/main.js b/projector-launcher/src/main/resources/assets/js/main.js
index ebe078038..77ab4f45a 100644
--- a/projector-launcher/src/main/resources/assets/js/main.js
+++ b/projector-launcher/src/main/resources/assets/js/main.js
@@ -23,46 +23,48 @@
  */
 import {cacheNewUrlValue, populateDataList, projectorLauncherStorageKey, storage, urlCache} from './modules/urlcache.js';
 
-window.onload = function () {
-  document.getElementById("url-text-field").focus();
-};
+(function () {
 
-if (storage.getItem(projectorLauncherStorageKey)) {
-  let parse = JSON.parse(storage.getItem(projectorLauncherStorageKey));
-  parse.forEach(url => urlCache.set(url, url));
-  populateDataList();
-}
 
-document.querySelector('#connect-button').addEventListener('click', function () {
-  connect()
-});
 
-document.querySelector('#url-text-field').addEventListener('keypress', function (e) {
-  if (e.key === 'Enter') {
-    connect()
-  }
-});
 
-function connect() {
-  let url = document.getElementById("url-text-field").value;
-  if (isEmpty(url)) {
-    return;
+  window.onload = function () {
+    document.getElementById("url-text-field").focus();
+  };
+
+  if (storage.getItem(projectorLauncherStorageKey)) {
+    let parse = JSON.parse(storage.getItem(projectorLauncherStorageKey));
+    parse.forEach(url => urlCache.set(url, url));
+    populateDataList();
   }
 
-  const {ipcRenderer} = require('electron')
-  ipcRenderer.send("projector-connect", url);
+  document.querySelector('#connect-button').addEventListener('click', function () {
+    connect()
+  });
+
+  document.querySelector('#url-text-field').addEventListener('keypress', function (e) {
+    if (e.key === 'Enter') {
+      connect()
+    }
+  });
 
-  cacheNewUrlValue(url);
-}
+  function connect() {
+    let url = document.getElementById("url-text-field").value;
+    if (isEmpty(url)) {
+      return;
+    }
 
-//$( document ).ready(function() {
-const {ipcRenderer} = require('electron')
-ipcRenderer.on('projector-set-url', (event, arg) => {
-  console.log("New URL: " + arg);
-  document.getElementById("url-text-field").value = arg
-})
-//});
+    window.ipcRenderer.send("projector-connect", url);
 
-function isEmpty(str) {
-  return (!str || 0 === str.length);
-}
+    cacheNewUrlValue(url);
+  }
+
+  window.ipcRenderer.on('projector-set-url', (event, arg) => {
+    console.log("New URL: " + arg);
+    document.getElementById("url-text-field").value = arg
+  })
+
+  function isEmpty(str) {
+    return (!str || 0 === str.length);
+  }
+})();
diff --git a/projector-launcher/src/main/resources/assets/js/preload.js b/projector-launcher/src/main/resources/assets/js/preload.js
index e4e599efc..b5d2317fd 100644
--- a/projector-launcher/src/main/resources/assets/js/preload.js
+++ b/projector-launcher/src/main/resources/assets/js/preload.js
@@ -21,6 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+const electron = require('electron');
+
 function domReady(fn) {
   if (document.readyState === "complete" || document.readyState === "interactive") {
     setTimeout(fn, 1);
@@ -30,6 +32,11 @@ function domReady(fn) {
   }
 }
 
+electron.contextBridge.exposeInMainWorld('ipcRenderer', {
+  send: (name,param) => electron.ipcRenderer.send(name, param),
+  on: (name,callback) => electron.ipcRenderer.on(name,callback)
+})
+
 domReady(function () {
   console.log("DOM loaded")
   const {ipcRenderer} = require('electron')

From cbff8dd02f0a95a5150a3c4dcfebc57abf128c03 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 8 Apr 2021 17:56:54 +0800
Subject: [PATCH 11/14] [Optimization] 1. refine the rendering order. avoid
 redundant canvas state sync at the end of `applyClip`. 2. caching font
 styles, avoid string conversion during rendering. 3. try to avoid `isType` in
 JS runtime. using extra type enum & type cast. 4. change Kotlin collections
 to primitive arrays.

---
 .../projector/client/common/Renderer.kt       | 357 +++++++++++-------
 .../common/SingleRenderingSurfaceProcessor.kt |   2 +-
 .../client/common/canvas/Context2d.kt         |   5 +-
 .../client/common/canvas/Extensions.kt        |   7 +-
 .../client/common/canvas/PaintColor.kt        |  18 +-
 .../client/common/misc/ParamsProvider.kt      |   9 +-
 .../client/common/canvas/DomContext2d.kt      |  12 +
 .../JsSingleRenderingSurfaceProcessor.kt      |  79 +++-
 .../client/common/canvas/asUnsafe.kt          |  28 ++
 .../client/common/misc/ParamsProvider.kt      |   7 +-
 .../client/common/canvas/SwingContext2d.kt    |   7 +
 .../client/common/canvas/asUnsafe.kt          |  28 ++
 .../client/web/input/InputController.kt       |   6 -
 .../client/web/misc/FontFaceAppender.kt       |   6 +-
 .../ManualJsonToClientMessageDecoder.kt       |   4 +-
 .../client/web/speculative/Typing.kt          |   4 +-
 .../projector/client/web/state/ClientState.kt |   2 +-
 .../projector/common/misc/Defaults.kt         |   1 +
 .../common/protocol/data/CommonShape.kt       |  16 +-
 .../common/protocol/data/ImageEventInfo.kt    |   2 +-
 .../protocol/toClient/ServerWindowEvent.kt    |   6 +-
 .../server/core/convert/toClient/Transform.kt |   2 +-
 22 files changed, 430 insertions(+), 178 deletions(-)
 create mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt
 create mode 100644 projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt

diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
index b0a752848..96a8b9da9 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/Renderer.kt
@@ -23,21 +23,17 @@
  */
 package org.jetbrains.projector.client.common
 
+import org.jetbrains.projector.client.common.canvas.*
 import org.jetbrains.projector.client.common.canvas.Canvas.ImageSource
-import org.jetbrains.projector.client.common.canvas.Context2d
 import org.jetbrains.projector.client.common.canvas.Context2d.FillRule
-import org.jetbrains.projector.client.common.canvas.Context2d.Matrix
 import org.jetbrains.projector.client.common.canvas.Context2d.Matrix.Companion.IDENTITY_LIST
 import org.jetbrains.projector.client.common.canvas.Extensions.applyStrokeData
 import org.jetbrains.projector.client.common.canvas.Extensions.toContext2dRule
 import org.jetbrains.projector.client.common.canvas.Extensions.toFillRule
-import org.jetbrains.projector.client.common.canvas.Extensions.toFontFaceName
-import org.jetbrains.projector.client.common.canvas.PaintColor
 import org.jetbrains.projector.client.common.canvas.PaintColor.SolidColor
 import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
 import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.client.common.misc.ParamsProvider.REPAINT_AREA
-import org.jetbrains.projector.client.common.misc.RepaintAreaSetting
 import org.jetbrains.projector.common.misc.Defaults
 import org.jetbrains.projector.common.misc.Do
 import org.jetbrains.projector.common.protocol.data.*
@@ -52,28 +48,33 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   private val canvasState = CanvasRenderingState()
   val requestedState = RequestedRenderingState()
 
+  private val textScaleCache = HashMap<Int, Double>()
+
   private fun applyFillStyle(newFillStyle: PaintColor?) {
     ctx.setFillStyle(newFillStyle)
     canvasState.fillStyle = newFillStyle
   }
 
   private fun ensureFillStyle() {
-    fun realEnsureFillStyle() {
+    if (REPAINT_AREA.not()) {
       requestedState.paint?.let { requestedPaint ->
-        canvasState.fillStyle.let { currentPaint ->
-          if (currentPaint != requestedPaint) {
-            applyFillStyle(requestedPaint)
+        if( canvasState.fillStyle == null ){
+          applyFillStyle(requestedPaint)
+        }else{
+          val fillStyle = canvasState.fillStyle?: SolidColor(0xFFFFFF)
+          if( fillStyle.tpe.ordinal == requestedPaint.tpe.ordinal ){
+            when(fillStyle.tpe.ordinal){
+              PaintColorType.SolidColor.ordinal -> if(fillStyle.argb  != requestedPaint.argb){
+                applyFillStyle(requestedPaint)
+              }
+              PaintColorType.Gradient.ordinal -> applyFillStyle(requestedPaint)
+            }
           }
         }
       }
     }
-
-    Do exhaustive when (val repaintArea = REPAINT_AREA) {
-      is RepaintAreaSetting.Disabled -> realEnsureFillStyle()
-      is RepaintAreaSetting.Enabled -> Do exhaustive when (repaintArea.show) {
-        false -> realEnsureFillStyle()
-        true -> applyFillStyle(createNextRandomColor())
-      }
+    else {
+      applyFillStyle(createNextRandomColor())
     }
   }
 
@@ -83,65 +84,80 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureStrokeStyle() {
-    fun realEnsureStrokeStyle() {
+
+    if (REPAINT_AREA) {
+      applyStrokeStyle(createNextRandomColor())
+    }
+    else {
       requestedState.paint?.let { requestedPaint ->
-        canvasState.strokeStyle.let { currentPaint ->
-          if (currentPaint != requestedPaint) {
-            applyStrokeStyle(requestedPaint)
+        if( canvasState.strokeStyle == null){
+          applyStrokeStyle(requestedPaint)
+        }else{
+          val strokeStyle = canvasState.strokeStyle ?: SolidColor(0xFFFFFF)
+          if( strokeStyle.tpe.ordinal == requestedPaint.tpe.ordinal ){
+            when(strokeStyle.tpe.ordinal){
+              PaintColorType.SolidColor.ordinal -> if(strokeStyle.argb  != requestedPaint.argb){
+                applyStrokeStyle(requestedPaint)
+              }
+              PaintColorType.Gradient.ordinal -> applyStrokeStyle(requestedPaint)
+            }
           }
         }
       }
     }
-
-    Do exhaustive when (val repaintArea = REPAINT_AREA) {
-      is RepaintAreaSetting.Disabled -> realEnsureStrokeStyle()
-      is RepaintAreaSetting.Enabled -> Do exhaustive when (repaintArea.show) {
-        false -> realEnsureStrokeStyle()
-        true -> applyStrokeStyle(createNextRandomColor())
-      }
-    }
   }
 
-  private fun applyTransform(newTransform: List<Double>) {
+  private fun applyTransform(newTransform: DoubleArray) {
     renderingSurface.scalingRatio.let {
-      ctx.setTransform(it, 0.0, 0.0, it, 0.0, 0.0)
+      with(newTransform) {
+        ctx.setTransform(it,.0,.0,it,.0,.0)
+        ctx.transform(get(0),get(1), get(2), get(3), get(4), get(5))
+      }
     }
-
-    with(Matrix(newTransform)) { ctx.transform(a, b, c, d, e, f) }
-
     canvasState.transform = newTransform
   }
 
   private fun ensureTransform() {
-    if (requestedState.transform != null) {
+    if (requestedState.transform != null && requestedState.transform.size >= 6) {
       if (canvasState.transform == null || !(
           requestedState.transform[0] == canvasState.transform[0] &&
-            requestedState.transform[1] == canvasState.transform[1] &&
-            requestedState.transform[2] == canvasState.transform[2] &&
-            requestedState.transform[3] == canvasState.transform[3] &&
-            requestedState.transform[4] == canvasState.transform[4] &&
-            requestedState.transform[5] == canvasState.transform[5]
-          )
+          requestedState.transform[1] == canvasState.transform[1] &&
+          requestedState.transform[2] == canvasState.transform[2] &&
+          requestedState.transform[3] == canvasState.transform[3] &&
+          requestedState.transform[4] == canvasState.transform[4] &&
+          requestedState.transform[5] == canvasState.transform[5]
+                                            )
       ) {
         applyTransform(requestedState.transform)
       }
     }
   }
 
-  private fun applyClip(newIdentitySpaceClip: CommonShape?) {
-    ctx.restore()
-    ctx.save()
-
-    renderingSurface.scalingRatio.let {
-      ctx.setTransform(it, 0.0, 0.0, it, 0.0, 0.0)
+  private fun doClip(){
+    canvasState.identitySpaceClip?.apply {
+      when(this.tpe.ordinal){
+        CommonShapeType.CommonRectangle.ordinal -> ctx.clip()
+        CommonShapeType.CommonPath.ordinal -> ctx.clip(this.asUnsafe<CommonPath>().winding.toFillRule())
+      }
     }
+  }
 
+  private fun applyClip(newIdentitySpaceClip: CommonShape?) {
     newIdentitySpaceClip?.apply {
       ctx.beginPath()
 
-      Do exhaustive when (this) {
-        is CommonRectangle -> ctx.rect(x, y, width, height)
-        is CommonPath -> ctx.moveBySegments(segments)
+      renderingSurface.scalingRatio.let {
+        ctx.setTransform(it, 0.0, 0.0, it, 0.0, 0.0)
+      }
+
+      when(this.tpe.ordinal){
+        CommonShapeType.CommonRectangle.ordinal -> with(this.asUnsafe<CommonRectangle>()){
+            ctx.rect(x,y,width,height)
+          }
+
+        CommonShapeType.CommonPath.ordinal -> with(this.asUnsafe<CommonPath>()){
+          ctx.moveBySegments(segments)
+        }
       }
 
       if (ParamsProvider.CLIPPING_BORDERS) {
@@ -157,28 +173,16 @@ class Renderer(private val renderingSurface: RenderingSurface) {
         ctx.restore()
       }
 
-      Do exhaustive when (this) {
-        is CommonRectangle -> ctx.clip()
-        is CommonPath -> ctx.clip(winding.toFillRule())
-      }
     }
-
+    canvasState.transform = IDENTITY_LIST
     canvasState.identitySpaceClip = newIdentitySpaceClip
-
-    with(canvasState) {
-      applyTransform(transform)
-      applyStrokeStyle(strokeStyle)
-      applyFillStyle(fillStyle)
-      applyStroke(strokeData)
-      applyFont(font)
-    }
   }
 
-  private fun ensureClip() {
-    if (requestedState.identitySpaceClip != null) {
-      if (canvasState.identitySpaceClip != null || requestedState.identitySpaceClip.hashCode() != canvasState.identitySpaceClip.hashCode()) {
-        applyClip(requestedState.identitySpaceClip)
-      }
+  private fun drawClipRegion() {
+    if(requestedState.identitySpaceClip == null){
+      applyClip(canvasState.identitySpaceClip)
+    }else{
+      applyClip(requestedState.identitySpaceClip)
     }
   }
 
@@ -188,9 +192,17 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureStroke() {
-    if (requestedState.strokeData != null) {
-      if (canvasState.strokeData == null || canvasState.strokeData.hashCode() != requestedState.strokeData.hashCode()) {
-        applyStroke(requestedState.strokeData)
+    requestedState.strokeData?.asUnsafe<StrokeData.Basic>().let {
+      val curr = canvasState.strokeData.asUnsafe<StrokeData.Basic>()
+      if(!(
+          it.dashPhase == curr.dashPhase &&
+          it.lineWidth == curr.lineWidth &&
+          it.miterLimit == curr.miterLimit &&
+          it.endCap.ordinal == curr.endCap.ordinal &&
+          it.lineJoin.ordinal == curr.lineJoin.ordinal &&
+          it.dashArray?.size == curr.dashArray?.size )
+      ){
+        applyStroke(it)
       }
     }
   }
@@ -206,14 +218,15 @@ class Renderer(private val renderingSurface: RenderingSurface) {
     }
   }
 
-  private fun applyFont(newFont: String) {
-    ctx.setFont(newFont)
-    canvasState.font = newFont
+  private fun applyFont(fontSize: Int, fontName: String) {
+    ctx.setFont(Extensions.fontSizeStrCache[fontSize] + fontName)
+    canvasState.fontSize = fontSize
+    canvasState.fontName = fontName
   }
 
   private fun ensureFont() {
-    if(requestedState.font != null && requestedState.font != canvasState.font ){
-      applyFont(requestedState.font)
+    if (requestedState.fontSize != canvasState.fontSize || requestedState.fontName.hashCode() != canvasState.fontName.hashCode()) {
+      applyFont(requestedState.fontSize, requestedState.fontName)
     }
   }
 
@@ -223,7 +236,7 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   private fun ensureRule() {
-    if(canvasState.rule != requestedState.rule){
+    if (canvasState.rule != requestedState.rule) {
       applyRule(requestedState.rule)
     }
   }
@@ -274,7 +287,7 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   fun drawString(string: String, x: Double, y: Double, desiredWidth: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureFillStyle()
     ensureFont()
@@ -284,74 +297,91 @@ class Renderer(private val renderingSurface: RenderingSurface) {
     }
 
     ctx.apply {
-      val textDimensions = measureText(string)
-
       save()
+      doClip()
 
-      val width = textDimensions.x
-      translate(x, y)
-      scale(desiredWidth / width, 1.0)
-      fillText(string, 0.0, 0.0)
+      val textRescale = if (!textScaleCache.containsKey(canvasState.fontSize)) {
+        val dimension = ctx.measureText(string)
+        val scale = desiredWidth / dimension.x
+        textScaleCache.put(canvasState.fontSize, scale)
+        scale
+      }
+      else {
+        textScaleCache.get(canvasState.fontSize) ?: 1.0
+      }
+
+
+      //
+      //
+
+
+      if (textRescale < 1 - 1e-4 || textRescale > 1 + 1e-4) {
+        translate(x, y)
+        scale(textRescale, 1.0)
+        fillText(string, 0.0, 0.0)
+      } else {
+        fillText(string, x, y)
+      }
 
-      restore()
 
       if (ParamsProvider.SHOW_TEXT_WIDTH) {
         beginPath()
         moveTo(x, y)
         lineTo(x + desiredWidth, y)
         stroke()
-
-        val height = textDimensions.y
-        beginPath()
-        moveTo(x, y - height)
-        lineTo(x + width, y - height)
-        stroke()
       }
+      restore()
     }
   }
 
   fun drawLine(x1: Double, y1: Double, x2: Double, y2: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureStrokeStyle()
     ensureStroke()
     ensureComposite()
-
-    ctx.apply {
+    with(ctx) {
+      save()
+      doClip()
       beginPath()
       moveTo(x1, y1)
       lineTo(x2, y2)
       stroke()
+      restore()
     }
   }
 
   fun paintRoundRect(paintType: PaintType, x: Double, y: Double, w: Double, h: Double, r1: Double, r2: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensurePaint(paintType)
     ensureComposite()
 
     @Suppress("NAME_SHADOWING") val r1 = minOf(r1, w / 2)
     @Suppress("NAME_SHADOWING") val r2 = minOf(r2, h / 2)
-    ctx.apply {
+    with(ctx) {
+      save()
+      doClip()
       beginPath()
       roundedRect(x, y, w, h, r1, r2)
+      when (paintType.ordinal) {
+        PaintType.FILL.ordinal -> fill()
 
-      Do exhaustive when (paintType) {
-        PaintType.FILL -> fill()
-
-        PaintType.DRAW -> stroke()
+        PaintType.DRAW.ordinal -> stroke()
       }
+      restore()
     }
   }
 
   fun paintPath(paintType: PaintType, path: CommonPath) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensurePaint(paintType)
     ensureComposite()
 
-    ctx.apply {
+    with(ctx) {
+      save()
+      doClip()
       beginPath()
       moveBySegments(path.segments)
 
@@ -360,29 +390,41 @@ class Renderer(private val renderingSurface: RenderingSurface) {
 
         PaintType.DRAW -> stroke()
       }
+      restore()
     }
   }
 
   fun paintRect(paintType: PaintType, x: Double, y: Double, width: Double, height: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensurePaint(paintType)
     ensureComposite()
 
-    Do exhaustive when (paintType) {
-      PaintType.FILL -> ctx.fillRect(x, y, width, height)
-
-      PaintType.DRAW -> ctx.strokeRect(x, y, width, height)
+    with(ctx) {
+      save()
+      doClip()
+      //TODO: hacks, kotlin's `when` pattern matching with type casting is expensive.
+      /*
+        using a type enum signature to avoid type checking in JS runtime which is expensive.
+       */
+      when (paintType.ordinal) {
+        PaintType.FILL.ordinal -> fillRect(x, y, width, height)
+
+        PaintType.DRAW.ordinal -> strokeRect(x, y, width, height)
+      }
+      restore()
     }
   }
 
   fun paintPolygon(paintType: PaintType, points: List<Point>) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensurePaint(paintType)
     ensureComposite()
 
     ctx.apply {
+      save()
+      doClip()
       beginPath()
       moveByPoints(points)
 
@@ -391,16 +433,11 @@ class Renderer(private val renderingSurface: RenderingSurface) {
 
         PaintType.DRAW -> stroke()
       }
+      restore()
     }
   }
 
   fun drawPolyline(points: List<Point>) {
-    ensureClip()
-    ensureTransform()
-    ensureStrokeStyle()
-    ensureStroke()
-    ensureComposite()
-
     points
       .windowed(2)
       .forEach { (p1, p2) ->
@@ -412,20 +449,13 @@ class Renderer(private val renderingSurface: RenderingSurface) {
     requestedState.identitySpaceClip = identitySpaceClip
   }
 
-  fun setTransform(tx: List<Double>) {
+  fun setTransform(tx: DoubleArray) {
     requestedState.transform = tx
   }
 
-  fun setFont(fontId: Short?, fontSize: Int, ligaturesOn: Boolean) {
-    val font = if (fontId == null) {
-      logger.debug { "null is used as a font ID. Using Arial..." }
-
-      "${fontSize}px Arial"
-    } else {
-      "${fontSize}px ${fontId.toFontFaceName()}"
-    }
-
-    requestedState.font = font
+  fun setFont(fontId: Int?, fontSize: Int, ligaturesOn: Boolean) {
+    requestedState.fontSize = fontSize
+    requestedState.fontName = fontId?.let { Extensions.serverFontNameCache[fontId] } ?: "Arial"
     renderingSurface.canvas.fontVariantLigatures = ligaturesOn.toLigatureVariant()
     renderingSurface.canvas
   }
@@ -437,46 +467,55 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   fun drawImage(image: ImageSource, x: Double, y: Double) {
     if (image.isEmpty()) return
 
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureComposite()
+    ctx.save()
+    doClip()
     ctx.drawImage(image, x, y)
+    ctx.restore()
   }
 
   fun drawImage(image: ImageSource, x: Double, y: Double, width: Double, height: Double) {
     if (image.isEmpty()) return
 
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureComposite()
 
+    ctx.save()
+    doClip()
     ctx.drawImage(image, x, y, width, height)
+    ctx.restore()
   }
 
   fun drawImage(image: ImageSource, sx: Double, sy: Double, sw: Double, sh: Double, dx: Double, dy: Double, dw: Double, dh: Double) {
     if (image.isEmpty()) return
 
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureComposite()
 
+    ctx.save()
+    doClip()
     ctx.drawImage(
       image,
       sx = sx, sy = sy, sw = sw, sh = sh,
       dx = dx, dy = dy, dw = dw, dh = dh
     )
+    ctx.restore()
   }
 
-  fun drawImage(image: ImageSource, tx: List<Double>) {
+  fun drawImage(image: ImageSource, tx: DoubleArray) {
     if (image.isEmpty()) return
 
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureComposite()
 
     ctx.apply {
       save()
-
+      doClip()
       transform(tx[0], tx[1], tx[2], tx[3], tx[4], tx[5])
       ctx.drawImage(image, 0.0, 0.0)
 
@@ -499,12 +538,14 @@ class Renderer(private val renderingSurface: RenderingSurface) {
   }
 
   fun paintOval(paintType: PaintType, x: Double, y: Double, width: Double, height: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensurePaint(paintType)
     ensureComposite()
 
     ctx.apply {
+      save()
+      doClip()
       beginPath()
       ellipse(x + width / 2, y + height / 2, width / 2, height / 2, 0.0, 0.0, 2 * PI)
       when (paintType) {
@@ -512,11 +553,12 @@ class Renderer(private val renderingSurface: RenderingSurface) {
 
         PaintType.FILL -> fill()
       }
+      restore()
     }
   }
 
   fun copyArea(x: Double, y: Double, width: Double, height: Double, dx: Double, dy: Double) {
-    ensureClip()
+    drawClipRegion()
     ensureTransform()
     ensureComposite()
 
@@ -534,6 +576,7 @@ class Renderer(private val renderingSurface: RenderingSurface) {
       // Finally, we paint the image.
 
       save()
+      doClip()
 
       // 1:
       beginPath()
@@ -570,9 +613,10 @@ class Renderer(private val renderingSurface: RenderingSurface) {
 
     private data class CanvasRenderingState(
       var identitySpaceClip: CommonShape? = DEFAULT_IDENTITY_SPACE_CLIP,
-      var transform: List<Double> = DEFAULT_TRANSFORM,
+      var transform: DoubleArray = DEFAULT_TRANSFORM,
       var strokeData: StrokeData = DEFAULT_STROKE_DATA,
-      var font: String = DEFAULT_FONT,
+      var fontSize: Int = Defaults.FONT_SIZE,
+      var fontName: String = Defaults.FONT_NAME,
       var rule: AlphaCompositeRule = DEFAULT_RULE,
       var alpha: Double = DEFAULT_ALPHA,
       var fillStyle: PaintColor? = DEFAULT_FILL_STYLE,
@@ -583,19 +627,50 @@ class Renderer(private val renderingSurface: RenderingSurface) {
         identitySpaceClip = DEFAULT_IDENTITY_SPACE_CLIP
         transform = DEFAULT_TRANSFORM
         strokeData = DEFAULT_STROKE_DATA
-        font = DEFAULT_FONT
-        rule = DEFAULT_RULE
+        fontSize = Defaults.FONT_SIZE
+        fontName = Defaults.FONT_NAME
         alpha = DEFAULT_ALPHA
         fillStyle = DEFAULT_FILL_STYLE
         strokeStyle = DEFAULT_STROKE_STYLE
       }
 
+      override fun equals(other: Any?): Boolean {
+        if (this === other) return true
+        if (other == null || this::class != other::class) return false
+
+        other as CanvasRenderingState
+
+        if (identitySpaceClip != other.identitySpaceClip) return false
+        if (!transform.contentEquals(other.transform)) return false
+        if (strokeData != other.strokeData) return false
+        if (fontSize != other.fontSize) return false
+        if (fontName != other.fontName) return false
+        if (rule != other.rule) return false
+        if (alpha != other.alpha) return false
+        if (fillStyle != other.fillStyle) return false
+        if (strokeStyle != other.strokeStyle) return false
+
+        return true
+      }
+
+      override fun hashCode(): Int {
+        var result = identitySpaceClip?.hashCode() ?: 0
+        result = 31 * result + transform.contentHashCode()
+        result = 31 * result + strokeData.hashCode()
+        result = 31 * result + fontSize
+        result = 31 * result + fontName.hashCode()
+        result = 31 * result + rule.hashCode()
+        result = 31 * result + alpha.hashCode()
+        result = 31 * result + (fillStyle?.hashCode() ?: 0)
+        result = 31 * result + (strokeStyle?.hashCode() ?: 0)
+        return result
+      }
+
       companion object {
 
-        private val DEFAULT_IDENTITY_SPACE_CLIP: CommonShape? = null
-        private val DEFAULT_TRANSFORM: List<Double> = IDENTITY_LIST
+        private val DEFAULT_IDENTITY_SPACE_CLIP: CommonShape? = CommonRectangle(0.0,0.0,0.0,0.0)
+        private val DEFAULT_TRANSFORM: DoubleArray = IDENTITY_LIST
         private val DEFAULT_STROKE_DATA: StrokeData = Defaults.STROKE
-        private var DEFAULT_FONT: String = "${Defaults.FONT_SIZE}px Arial"
         private val DEFAULT_RULE: AlphaCompositeRule = AlphaCompositeRule.SRC_OVER
         private const val DEFAULT_ALPHA: Double = 1.0
         private val DEFAULT_FILL_STYLE: PaintColor? = null
@@ -605,12 +680,14 @@ class Renderer(private val renderingSurface: RenderingSurface) {
 
     data class RequestedRenderingState(
       var identitySpaceClip: CommonShape? = null,
-      var transform: List<Double> = IDENTITY_LIST,
+      var transform: DoubleArray = IDENTITY_LIST,
       var strokeData: StrokeData = Defaults.STROKE,
       var font: String = "${Defaults.FONT_SIZE}px Arial",
       var rule: AlphaCompositeRule = AlphaCompositeRule.SRC_OVER,
       var alpha: Double = 1.0,
       var paint: PaintColor? = SolidColor(Defaults.FOREGROUND_COLOR_ARGB),
+      var fontSize: Int = Defaults.FONT_SIZE,
+      var fontName: String = "Arial",
     )
   }
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
index d0df7434e..ec695120e 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
@@ -81,7 +81,7 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) : Rend
 
         is ServerSetClipEvent -> renderer.setClip(it.shape)
 
-        is ServerSetFontEvent -> renderer.setFont(it.fontId, it.fontSize, it.ligaturesOn)
+        is ServerSetFontEvent -> renderer.setFont(it.fontId?.toInt(), it.fontSize, it.ligaturesOn)
 
         is ServerSetStrokeEvent -> renderer.setStroke(it.strokeData)
 
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
index fe9ed8457..21d89cd94 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Context2d.kt
@@ -89,6 +89,7 @@ interface Context2d{
   fun setTextBaseline(baseline: TextBaseline)
   fun setTextAlign(align: TextAlign)
   fun setTransform(m11: Double, m12: Double, m21: Double, m22: Double, dx: Double, dy: Double)
+  fun setTransform(matrix: Matrix)
   fun setLineDash(lineDash: Array<Double>)
   fun setLineDashOffset(offset: Double)
   fun measureText(str: String): Point
@@ -145,12 +146,12 @@ interface Context2d{
    *   f Vertical translation (moving).
    */
   class Matrix(val a: Double, val b: Double, val c: Double, val d: Double, val e: Double, val f: Double) {
-    constructor(list: List<Double>) : this(list[0], list[1], list[2], list[3], list[4], list[5])
+    constructor(list: DoubleArray) : this(list[0], list[1], list[2], list[3], list[4], list[5])
 
     companion object {
       private val IDENTITY = Matrix(1.0, 0.0, 0.0, 1.0, 0.0, 0.0)
 
-      val IDENTITY_LIST = with(IDENTITY) { listOf(a, b, c, d, e, f) }
+      val IDENTITY_LIST = with(IDENTITY) { doubleArrayOf(a,b,c,d,e,f) }
     }
   }
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index 9fb9ab4aa..72ff9fdea 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -119,7 +119,12 @@ object Extensions {
     }
   }
 
-  fun Short.toFontFaceName(): String = "serverFont$this"
+  val serverFontNameCache = IntRange(0,255).map { "serverFont$it" }.toTypedArray()
+  val fontSizeStrCache = IntRange(0,255).map { "${it}px " }.toTypedArray()
+
+  val fontSizeScalingFactorCache = HashMap<Int,Double>()
 
 }
 
+expect fun <T> Any?.asUnsafe(): T
+
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/PaintColor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/PaintColor.kt
index 248c15e5c..c976d21ee 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/PaintColor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/PaintColor.kt
@@ -24,11 +24,27 @@
 package org.jetbrains.projector.client.common.canvas
 
 sealed class PaintColor {
-  data class SolidColor(val argb: Int) : PaintColor() {
+
+  abstract val tpe: PaintColorType
+  abstract val argb: Int
+
+  data class SolidColor(override val argb: Int) : PaintColor() {
+    override val tpe: PaintColorType
+      get() = PaintColorType.SolidColor
+
     constructor(argb: Long) : this(argb.toInt())
   }
 
   abstract class Gradient : PaintColor() {
+
+    override val tpe: PaintColorType
+      get() = PaintColorType.Gradient
+
     abstract fun addColorStop(offset: Double, argb: Int)
   }
 }
+
+enum class PaintColorType {
+  SolidColor,
+  Gradient
+}
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
index f497d78e6..f37f62c48 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
@@ -27,15 +27,8 @@ expect object ParamsProvider {
 
   val CLIPPING_BORDERS: Boolean
   val SHOW_TEXT_WIDTH: Boolean
-  val REPAINT_AREA: RepaintAreaSetting
+  val REPAINT_AREA: Boolean
   val LOG_UNSUPPORTED_EVENTS: Boolean
   val IMAGE_TTL: Double
   val IMAGE_CACHE_SIZE_CHARS: Int
 }
-
-sealed class RepaintAreaSetting {
-
-  object Disabled : RepaintAreaSetting()
-
-  data class Enabled(var show: Boolean) : RepaintAreaSetting()
-}
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
index 1d2f5b96c..70b9eed47 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
@@ -197,6 +197,7 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     if( color != null) {
       val ctx = myContext2d
       val strCache = JsExtensions.rgbStrCache
+      //TODO: hacking to avoid expensive Kotlin binary operator and string concat
       js("""
       if(color.argb){
         var a = (color.argb >>> 24) & 0xff
@@ -211,11 +212,13 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     }
   }
 
+
   @Suppress("UNUSED_VARIABLE")
   override fun setStrokeStyle(color: PaintColor?) {
     if( color != null) {
       val ctx = myContext2d
       val strCache = JsExtensions.rgbStrCache
+      //TODO: hacking to avoid expensive Kotlin binary operator and string concat
       js("""
         if(color.argb){
           var a = (color.argb >>> 24) & 0xff
@@ -329,6 +332,12 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     return DOMGradient(myContext2d.createLinearGradient(x0, y0, x1, y1))
   }
 
+  override fun setTransform(matrix: Matrix) {
+    with(matrix){
+      myContext2d.setTransform(a,b,c,d,e,f)
+    }
+  }
+
   override fun getTransform(): Matrix {
     return with(myContext2d.getTransform()) {
       Matrix(a, b, c, d, e, f)
@@ -353,6 +362,9 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
     override fun addColorStop(offset: Double, argb: Int) {
       canvasGradient.addColorStop(offset, argb.argbIntToRgbaString())
     }
+
+    override val argb: Int
+      get() = 0
   }
 
   companion object {
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
index 2835c8fba..893147dba 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
@@ -57,7 +57,7 @@ class JsSingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): Ren
             if (pendingEvents == null) {
               pendingEvents = mutableListOf()
             }
-            pendingEvents?.addAll(drawEvents.subList(start, curr))
+            pendingEvents.addAll(drawEvents.subList(start, curr))
           }
         }
         start = curr
@@ -67,6 +67,81 @@ class JsSingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): Ren
     return pendingEvents
   }
 
+  private fun handleDrawEventsDebug(events: List<ServerWindowEvent>): Boolean {
+    events.forEach {
+      when(it.tpe.ordinal){
+        EventType.ServerSetCompositeEvent.ordinal -> renderer.setComposite(it.unsafeCast<ServerSetCompositeEvent>().composite)
+
+        EventType.ServerSetPaintEvent.ordinal -> (it.unsafeCast<ServerSetPaintEvent>()).paint.let { paintValue ->
+          when (paintValue) {
+            is PaintValue.Color -> renderer.setColor(paintValue.argb)
+
+            is PaintValue.Gradient -> renderer.setGradientPaint(
+              p1 = paintValue.p1,
+              p2 = paintValue.p2,
+              color1 = paintValue.argb1,
+              color2 = paintValue.argb2
+            )
+
+            is PaintValue.Unknown -> logUnsupportedCommand(it)
+          }
+        }
+
+        EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.unsafeCast<ServerSetClipEvent>()).shape)
+
+        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId.unsafeCast<Int>(),fontSize, ligaturesOn) }
+
+        EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.unsafeCast<ServerSetStrokeEvent>()).strokeData)
+
+        EventType.ServerSetTransformEvent.ordinal -> renderer.setTransform((it.unsafeCast<ServerSetTransformEvent>()).tx)
+
+        EventType.ServerDrawStringEvent.ordinal -> (it.unsafeCast<ServerDrawStringEvent>()).apply {
+          renderer.drawString(
+            string = str,
+            x = x,
+            y = y,
+            desiredWidth = desiredWidth
+          )
+        }
+
+        EventType.ServerDrawLineEvent.ordinal -> (it.unsafeCast<ServerDrawLineEvent>()).apply {
+          renderer.drawLine(
+            x1 = x1.unsafeCast<Double>(),
+            y1 = y1.unsafeCast<Double>(),
+            x2 = x2.unsafeCast<Double>(),
+            y2 = y2.unsafeCast<Double>()
+          )
+        }
+
+        EventType.ServerPaintRectEvent.ordinal -> (it.unsafeCast<ServerPaintRectEvent>()).apply {
+          renderer.paintRect(
+            paintType = paintType,
+            x = x,
+            y = y,
+            width = width,
+            height = height
+          )
+        }
+
+        EventType.ServerPaintRoundRectEvent.ordinal -> (it.unsafeCast<ServerPaintRoundRectEvent>() ).apply {
+          renderer.paintRoundRect(
+            paintType = paintType,
+            x = x.unsafeCast<Double>(),
+            y = y.unsafeCast<Double>(),
+            w = width.unsafeCast<Double>(),
+            h = height.unsafeCast<Double>(),
+            r1 = arcWidth.unsafeCast<Double>(),
+            r2 = arcHeight.unsafeCast<Double>()
+          )
+
+        }
+
+      }
+    }
+
+    return true
+  }
+
   private fun handleDrawEvents(events: List<ServerWindowEvent>): Boolean {
     var succeed = true
     events.forEach {
@@ -90,7 +165,7 @@ class JsSingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): Ren
 
         EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.unsafeCast<ServerSetClipEvent>()).shape)
 
-        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId,fontSize, ligaturesOn) }
+        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId.unsafeCast<Int>(),fontSize, ligaturesOn) }
 
         EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.unsafeCast<ServerSetStrokeEvent>()).strokeData)
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt
new file mode 100644
index 000000000..6a9160e2d
--- /dev/null
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt
@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2019-2021, JetBrains s.r.o. and/or its affiliates. All rights reserved.
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * This code is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License version 2 only, as
+ * published by the Free Software Foundation. JetBrains designates this
+ * particular file as subject to the "Classpath" exception as provided
+ * by Oracle in the LICENSE file that accompanied this code.
+ *
+ * This code is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * version 2 for more details (a copy is included in the LICENSE file that
+ * accompanied this code).
+ *
+ * You should have received a copy of the GNU General Public License version
+ * 2 along with this work; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+ *
+ * Please contact JetBrains, Na Hrebenech II 1718/10, Prague, 14000, Czech Republic
+ * if you need additional information or have any questions.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+actual fun <T> Any?.asUnsafe(): T {
+  return this.unsafeCast<T>()
+}
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
index 560ce9afc..86084cf59 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
@@ -77,7 +77,7 @@ actual object ParamsProvider {
   val PING_AVERAGE_COUNT: Int?
   val PING_INTERVAL: Int
   val SHOW_PROCESSING_TIME: Boolean
-  actual val REPAINT_AREA: RepaintAreaSetting
+  actual val REPAINT_AREA: Boolean
   val SPECULATIVE_TYPING: Boolean
   val ENABLE_WSS: Boolean
   val HANDSHAKE_TOKEN: String?
@@ -118,10 +118,7 @@ actual object ParamsProvider {
       USER_SCALING_RATIO = searchParams.get("userScalingRatio")?.toDoubleOrNull() ?: DEFAULT_USER_SCALING_RATIO
       PING_INTERVAL = searchParams.get("pingInterval")?.toIntOrNull() ?: DEFAULT_PING_INTERVAL
       SHOW_PROCESSING_TIME = searchParams.has("showProcessingTime")
-      REPAINT_AREA = when (searchParams.has("repaintArea")) {
-        false -> RepaintAreaSetting.Disabled
-        true -> RepaintAreaSetting.Enabled(show = false)
-      }
+      REPAINT_AREA = searchParams.has("repaintArea")
       SPECULATIVE_TYPING = searchParams.has("speculativeTyping")
       ENABLE_WSS = searchParams.has("wss") || window.location.protocol == "https:"
       HANDSHAKE_TOKEN = searchParams.get("token")
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
index f30744c7c..54c6ced9b 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/SwingContext2d.kt
@@ -263,6 +263,10 @@ class SwingContext2d(graphics: Graphics2D) : Context2d {
     graphics.transform = AffineTransform(m11, m12, m21, m22, dx, dy)
   }
 
+  override fun setTransform(matrix: Context2d.Matrix) {
+    TODO("Not yet implemented")
+  }
+
   override fun setLineDash(lineDash: Array<Double>) {
     myCurrentStroke = myCurrentStroke.change(dash = if(lineDash.isEmpty()) null else FloatArray(lineDash.size) { lineDash[it].toFloat() })
   }
@@ -305,6 +309,9 @@ class SwingContext2d(graphics: Graphics2D) : Context2d {
       points.add(offset to argb)
     }
 
+    override val argb: Int
+      get() = 0
+
     fun getPaint() : Paint {
       return when(points.size) {
         0 -> error("No points in gradient paint")
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt
new file mode 100644
index 000000000..57b5c0d96
--- /dev/null
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/canvas/asUnsafe.kt
@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2019-2021, JetBrains s.r.o. and/or its affiliates. All rights reserved.
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * This code is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License version 2 only, as
+ * published by the Free Software Foundation. JetBrains designates this
+ * particular file as subject to the "Classpath" exception as provided
+ * by Oracle in the LICENSE file that accompanied this code.
+ *
+ * This code is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * version 2 for more details (a copy is included in the LICENSE file that
+ * accompanied this code).
+ *
+ * You should have received a copy of the GNU General Public License version
+ * 2 along with this work; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+ *
+ * Please contact JetBrains, Na Hrebenech II 1718/10, Prague, 14000, Czech Republic
+ * if you need additional information or have any questions.
+ */
+package org.jetbrains.projector.client.common.canvas
+
+actual fun <T> Any?.asUnsafe(): T {
+  return this as T
+}
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/input/InputController.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/input/InputController.kt
index d234d3d09..cc8db9489 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/input/InputController.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/input/InputController.kt
@@ -28,7 +28,6 @@ import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.misc.ParamsProvider
-import org.jetbrains.projector.client.common.misc.RepaintAreaSetting
 import org.jetbrains.projector.client.common.misc.TimeStamp
 import org.jetbrains.projector.client.web.input.layout.FrAzerty
 import org.jetbrains.projector.client.web.input.layout.KeyboardApiLayout
@@ -398,11 +397,6 @@ class InputController(
         ClientStats.printStats()
       }
 
-      if (type == ClientKeyEvent.KeyEventType.DOWN && vk == VK.F11 && KeyModifier.CTRL_KEY in message.modifiers) {  // todo: move to client state
-        (ParamsProvider.REPAINT_AREA as? RepaintAreaSetting.Enabled)?.let {
-          it.show = !it.show
-        }
-      }
 
       stateMachine.fire(ClientAction.AddEvent(message))
 
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/misc/FontFaceAppender.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/misc/FontFaceAppender.kt
index cf1b2764d..a2c8d3b56 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/misc/FontFaceAppender.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/misc/FontFaceAppender.kt
@@ -24,7 +24,7 @@
 package org.jetbrains.projector.client.web.misc
 
 import kotlinx.browser.document
-import org.jetbrains.projector.client.common.canvas.Extensions.toFontFaceName
+import org.jetbrains.projector.client.common.canvas.Extensions
 import org.jetbrains.projector.common.protocol.data.TtfFontData
 import kotlin.js.Promise
 
@@ -37,8 +37,8 @@ object FontFaceAppender {
 
   private var loadedFonts = 0
 
-  fun appendFontFaceToPage(fontId: Short, fontData: TtfFontData, onLoad: (Int) -> Unit) {
-    val fontFaceName = fontId.toFontFaceName()
+  fun appendFontFaceToPage(fontId: Int, fontData: TtfFontData, onLoad: (Int) -> Unit) {
+    val fontFaceName = Extensions.serverFontNameCache[fontId]
 
     // todo: try to use the ByteArray variant:
     val fontFace = FontFace(fontFaceName, "url(data:font/truetype;base64,${fontData.ttfBase64}) format('truetype')")
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
index 03fb4f59e..23359db1c 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/protocol/ManualJsonToClientMessageDecoder.kt
@@ -248,7 +248,7 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
 
       "o" -> ServerDrawPolylineEvent(content["a"].unsafeCast<Array<Json>>().map { it.toPoint() })
 
-      "p" -> ServerSetTransformEvent(content["a"].unsafeCast<Array<Double>>().toList())
+      "p" -> ServerSetTransformEvent(content["a"].unsafeCast<DoubleArray>())
 
       "q" -> ServerPaintPathEvent((content["a"].unsafeCast<String>()).toPaintType(), content["b"].unsafeCast<Json>().toCommonPath())
 
@@ -342,7 +342,7 @@ object ManualJsonToClientMessageDecoder : ToClientMessageDecoder {
         content["h"].unsafeCast<Int>(),
         content["i"]?.unsafeCast<Int>()
       )
-      "d" -> ImageEventInfo.Transformed(content["a"].unsafeCast<Array<Double>>().toList())
+      "d" -> ImageEventInfo.Transformed(content["a"].unsafeCast<DoubleArray>())
       else -> throw IllegalArgumentException("Unsupported image info type: ${JSON.stringify(this)}")
     }
   }
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/speculative/Typing.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/speculative/Typing.kt
index 5f8b37989..bf1fadf35 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/speculative/Typing.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/speculative/Typing.kt
@@ -24,7 +24,7 @@
 package org.jetbrains.projector.client.web.speculative
 
 import kotlinx.browser.document
-import org.jetbrains.projector.client.common.canvas.Extensions.toFontFaceName
+import org.jetbrains.projector.client.common.canvas.Extensions
 import org.jetbrains.projector.client.common.misc.ParamsProvider.SCALING_RATIO
 import org.jetbrains.projector.common.protocol.toClient.ServerCaretInfoChangedEvent
 import org.w3c.dom.CanvasRenderingContext2D
@@ -141,7 +141,7 @@ sealed class Typing {
 
         putImageData(imageData, firstCaretLocation.x + currentCarets.plainSpaceWidth, firstCaretLocation.y)
 
-        val fontFace = currentCarets.fontId?.toFontFaceName() ?: "Arial"
+        val fontFace = Extensions.serverFontNameCache[currentCarets.fontId?.unsafeCast<Int>()?: 0]
         val fontSize = "${currentCarets.fontSize}px"
 
         font = "$fontSize $fontFace"  // todo: use a proper font style
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
index 8a93f630f..d928681d4 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
@@ -236,7 +236,7 @@ sealed class ClientState {
             )
 
             command.fontDataHolders.forEach { fontDataHolder ->
-              FontFaceAppender.appendFontFaceToPage(fontDataHolder.fontId, fontDataHolder.fontData) { loadedFontCount ->
+              FontFaceAppender.appendFontFaceToPage(fontDataHolder.fontId.unsafeCast<Int>(), fontDataHolder.fontData) { loadedFontCount ->
                 if (loadedFontCount == command.fontDataHolders.size) {
                   logger.info { "${command.fontDataHolders.size} font(s) loaded" }
                   OnScreenMessenger.hide()
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/misc/Defaults.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/misc/Defaults.kt
index 71f79be4f..2905197e2 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/misc/Defaults.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/misc/Defaults.kt
@@ -28,6 +28,7 @@ import org.jetbrains.projector.common.protocol.data.StrokeData
 object Defaults {
 
   const val FONT_SIZE = 12
+  const val FONT_NAME = "Arial"
 
   const val FOREGROUND_COLOR_ARGB = 0xFF_00_00_00.toInt()
   const val BACKGROUND_COLOR_ARGB = 0xFF_FF_FF_FF.toInt()
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/CommonShape.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/CommonShape.kt
index 00b762130..cc5618c93 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/CommonShape.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/CommonShape.kt
@@ -27,7 +27,16 @@ import kotlinx.serialization.SerialName
 import kotlinx.serialization.Serializable
 
 @Serializable
-sealed class CommonShape
+sealed class CommonShape {
+
+  abstract val tpe: CommonShapeType
+
+}
+
+enum class CommonShapeType {
+  CommonRectangle,
+  CommonPath;
+}
 
 @Serializable
 @SerialName("a")
@@ -45,6 +54,8 @@ data class CommonRectangle(
   fun contains(x: Int, y: Int) = this.x <= x && x < this.x + this.width && this.y <= y && y < this.y + this.height
 
   fun createExtended(extend: Double) = CommonRectangle(x - extend, y - extend, width + extend * 2, height + extend * 2)
+  override val tpe: CommonShapeType
+    get() = CommonShapeType.CommonRectangle
 }
 
 @Serializable
@@ -65,4 +76,7 @@ data class CommonPath(
     @SerialName("b")
     NON_ZERO,
   }
+
+  override val tpe: CommonShapeType
+    get() = CommonShapeType.CommonPath
 }
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/ImageEventInfo.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/ImageEventInfo.kt
index 658e8213b..18c751830 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/ImageEventInfo.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/ImageEventInfo.kt
@@ -82,6 +82,6 @@ sealed class ImageEventInfo {
   @SerialName("d")
   data class Transformed(
     @SerialName("a")
-    val tx: List<Double> = emptyList(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
+    val tx: DoubleArray = doubleArrayOf(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
   ) : ImageEventInfo()
 }
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
index aad5c6fbe..8479c4162 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/toClient/ServerWindowEvent.kt
@@ -30,9 +30,13 @@ import org.jetbrains.projector.common.protocol.data.*
 
 @Serializable
 sealed class ServerWindowEvent {
+  //TODO: hacking to avoid `isType` in `when` pattern match
   abstract val tpe: EventType
 }
 
+/*
+ * hacking to avoid `isType` in `when` pattern match
+ */
 enum class EventType {
   ServerPaintSrcEvent,
   ServerWindowEvent,
@@ -313,7 +317,7 @@ data class ServerDrawPolylineEvent(
 @SerialName("p")
 data class ServerSetTransformEvent(
   @SerialName("a")
-  val tx: List<Double> = emptyList(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
+  val tx: DoubleArray = doubleArrayOf(),  // todo: remove default after https://github.com/Kotlin/kotlinx.serialization/issues/806
 ) : ServerWindowStateEvent() {
   @Transient
   override val tpe = EventType.ServerSetTransformEvent
diff --git a/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Transform.kt b/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Transform.kt
index 0a9d5542b..42d4f4e6b 100644
--- a/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Transform.kt
+++ b/projector-server-core/src/main/kotlin/org/jetbrains/projector/server/core/convert/toClient/Transform.kt
@@ -39,7 +39,7 @@ public fun <E> extractData(iterable: MutableIterable<E>): List<E> {
 
 private fun Rectangle2D.isVisible(clip: ServerSetClipEvent, tx: ServerSetTransformEvent): Boolean {
   val clipRect = clip.shape as? CommonRectangle ?: return true  // can't tell
-  val identityTransformStrBounds = AffineTransform(tx.tx.toDoubleArray()).createTransformedShape(this)
+  val identityTransformStrBounds = AffineTransform(tx.tx).createTransformedShape(this)
 
   return identityTransformStrBounds.intersects(clipRect.x, clipRect.y, clipRect.width, clipRect.height)
 }

From b9881ce4c35c810de71f9290cd7ac9b7d4e46017 Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 8 Apr 2021 22:40:46 +0800
Subject: [PATCH 12/14] Merge

---
 .../common/SingleRenderingSurfaceProcessor.kt | 272 +++++++-------
 .../client/common/canvas/Extensions.kt        |   2 +-
 .../client/common/canvas/DomContext2d.kt      |  42 +--
 .../client/common/canvas/JsExtensions.kt      |   6 +-
 .../JsSingleRenderingSurfaceProcessor.kt      | 339 ------------------
 .../client/common/misc/ParamsProvider.kt      |   6 +-
 .../client/swing/AbstractWindowManager.kt     |   5 +-
 .../projector/client/swing/SwingClient.kt     |   6 +-
 .../client/web/ServerEventsProcessor.kt       |   4 +-
 .../projector/client/web/window/Window.kt     |   7 +-
 .../web/window/WindowDataEventsProcessor.kt   |   2 -
 .../common/protocol/data/PaintValue.kt        |  18 +-
 12 files changed, 172 insertions(+), 537 deletions(-)
 delete mode 100644 projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt

diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
index 98aa46c9a..033e22666 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/SingleRenderingSurfaceProcessor.kt
@@ -25,12 +25,14 @@ package org.jetbrains.projector.client.common
 
 import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
 import org.jetbrains.projector.client.common.canvas.Canvas
+import org.jetbrains.projector.client.common.canvas.asUnsafe
 import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.common.misc.Do
 import org.jetbrains.projector.common.protocol.data.ImageEventInfo
 import org.jetbrains.projector.common.protocol.data.PaintValue
+import org.jetbrains.projector.common.protocol.data.PaintValueType
 import org.jetbrains.projector.common.protocol.toClient.*
 import org.jetbrains.projector.util.logging.Logger
 
@@ -43,100 +45,105 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) : Rend
   @OptIn(ExperimentalStdlibApi::class)
   override fun process(drawEvents: List<ServerWindowEvent>): List<ServerWindowEvent>? {
     stateSaver.restoreIfNeeded()
-
-    var failed = false
-
-    val commands = drawEvents.shrinkByPaintEvents()
-
-    return drawEvents.filter { drawEvent ->
-      if (failed) {
-        if (!handleDrawEvent(drawEvent)) {
-          stateSaver.save()
-          failed = true;
+    var start = 0
+    var curr = 0
+    var pendingEvents: MutableList<ServerWindowEvent>? = null
+    for (drawEvent in drawEvents) {
+      curr ++
+      if(drawEvent.tpe.isDrawEvent()){
+        if(!handleDrawEvents(drawEvents.subList(start,curr))){
+          if(start == 0 && curr == drawEvents.size){
+            return drawEvents
+          }else {
+            if (pendingEvents == null) {
+              pendingEvents = mutableListOf()
+            }
+            pendingEvents.addAll(drawEvents.subList(start, curr))
+          }
         }
+        start = curr
       }
-      failed
     }
+
+    return pendingEvents
   }
 
-  private fun handleDrawEvent(command: DrawEvent): Boolean {
-    command.prerequisites.forEach {
-      Do exhaustive when (it) {
-        is ServerSetCompositeEvent -> renderer.setComposite(it.composite)
+  private fun handleDrawEvents(events: List<ServerWindowEvent>): Boolean {
+    var succeed = true
+    events.forEach {
+      when (it.tpe.ordinal) {
+        EventType.ServerSetCompositeEvent.ordinal -> renderer.setComposite(it.asUnsafe<ServerSetCompositeEvent>().composite)
+
+        EventType.ServerSetPaintEvent.ordinal -> (it.asUnsafe<ServerSetPaintEvent>()).paint.let { paintValue ->
+          when (paintValue.tpe.ordinal) {
+            PaintValueType.Color.ordinal -> renderer.setColor(paintValue.asUnsafe<PaintValue.Color>().argb)
+
+            PaintValueType.Gradient.ordinal -> with(paintValue.asUnsafe<PaintValue.Gradient>()) {
+              renderer.setGradientPaint(
+                p1 = p1,
+                p2 = p2,
+                color1 = argb1,
+                color2 = argb2
+              )
+            }
+            PaintValueType.Unknown.ordinal -> logUnsupportedCommand(it)
+          }
+        }
 
-        is ServerSetPaintEvent -> it.paint.let { paintValue ->
-          when (paintValue) {
-            is PaintValue.Color -> renderer.setColor(paintValue.argb)
+        EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.asUnsafe<ServerSetClipEvent>()).shape)
 
-            is PaintValue.Gradient -> renderer.setGradientPaint(
-              p1 = paintValue.p1,
-              p2 = paintValue.p2,
-              color1 = paintValue.argb1,
-              color2 = paintValue.argb2
-            )
+        EventType.ServerSetFontEvent.ordinal -> (it.asUnsafe<ServerSetFontEvent>()).apply{ renderer.setFont(fontId.asUnsafe<Int>(),fontSize, ligaturesOn) }
 
-            is PaintValue.Unknown -> logUnsupportedCommand(it)
-          }
-        }
+        EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.asUnsafe<ServerSetStrokeEvent>()).strokeData)
 
-        is ServerSetClipEvent -> renderer.setClip(it.shape)
+        EventType.ServerSetTransformEvent.ordinal -> renderer.setTransform((it.asUnsafe<ServerSetTransformEvent>()).tx)
 
-        is ServerSetFontEvent -> renderer.setFont(it.fontId?.toInt(), it.fontSize, it.ligaturesOn)
 
-        is ServerSetStrokeEvent -> renderer.setStroke(it.strokeData)
 
-        is ServerSetTransformEvent -> renderer.setTransform(it.tx)
+        EventType.ServerDrawLineEvent.ordinal -> (it.asUnsafe<ServerDrawLineEvent>()).apply {
+          renderer.drawLine(
+            x1 = x1.asUnsafe<Double>(),
+            y1 = y1.asUnsafe<Double>(),
+            x2 = x2.asUnsafe<Double>(),
+            y2 = y2.asUnsafe<Double>()
+          )
+        }
 
-        is ServerWindowToDoStateEvent -> logUnsupportedCommand(it)
+        EventType.ServerDrawStringEvent.ordinal -> (it.asUnsafe<ServerDrawStringEvent>()).apply {
+          renderer.drawString(
+            string = str,
+            x = x,
+            y = y,
+            desiredWidth = desiredWidth
+          )
+        }
 
-        else ->
-          logger.error { "Unexpected prerequisites [${it.toString()}] of ${command.paintEvent.toString()}" }
-      }
-    }
+        EventType.ServerPaintRectEvent.ordinal -> (it.asUnsafe<ServerPaintRectEvent>()).apply {
+          renderer.paintRect(
+            paintType = paintType,
+            x = x,
+            y = y,
+            width = width,
+            height = height
+          )
+        }
 
-    var success = true
-
-    with(command.paintEvent) {
-      Do exhaustive when (this) {
-        is ServerDrawLineEvent -> renderer.drawLine(
-          x1 = x1.toDouble(),
-          y1 = y1.toDouble(),
-          x2 = x2.toDouble(),
-          y2 = y2.toDouble()
-        )
-
-        is ServerDrawStringEvent -> renderer.drawString(
-          string = str,
-          x = x,
-          y = y,
-          desiredWidth = desiredWidth
-        )
-
-        is ServerPaintRectEvent -> renderer.paintRect(
-          paintType = paintType,
-          x = x,
-          y = y,
-          width = width,
-          height = height
-        )
+        EventType.ServerPaintRoundRectEvent.ordinal -> (it.asUnsafe<ServerPaintRoundRectEvent>() ).apply {
+          renderer.paintRoundRect(
+            paintType = paintType,
+            x = x.asUnsafe<Double>(),
+            y = y.asUnsafe<Double>(),
+            w = width.asUnsafe<Double>(),
+            h = height.asUnsafe<Double>(),
+            r1 = arcWidth.asUnsafe<Double>(),
+            r2 = arcHeight.asUnsafe<Double>()
+          )
+        }
 
-        is ServerPaintRoundRectEvent -> renderer.paintRoundRect(
-          paintType = paintType,
-          x = x.toDouble(),
-          y = y.toDouble(),
-          w = width.toDouble(),
-          h = height.toDouble(),
-          r1 = arcWidth.toDouble(),
-          r2 = arcHeight.toDouble()
-        )
-
-        is ServerDrawImageEvent -> {
+        EventType.ServerDrawImageEvent.ordinal -> (it.asUnsafe<ServerDrawImageEvent>()).apply{
           val image = ImageCacher.getImageData(imageId)
 
-          if (image == null) {
-            success = false
-          }
-          else {
+          if (image != null){
             val info = imageEventInfo
 
             Do exhaustive when (info) {
@@ -149,68 +156,71 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) : Rend
 
                 renderer.drawImage(
                   image = image,
-                  dx = info.dx1.toDouble(),
-                  dy = info.dy1.toDouble(),
-                  dw = dw.toDouble(),
-                  dh = dh.toDouble(),
-                  sx = info.sx1.toDouble(),
-                  sy = info.sy1.toDouble(),
-                  sw = sw.toDouble(),
-                  sh = sh.toDouble()
+                  dx = info.dx1.asUnsafe<Double>(),
+                  dy = info.dy1.asUnsafe<Double>(),
+                  dw = dw.asUnsafe<Double>(),
+                  dh = dh.asUnsafe<Double>(),
+                  sx = info.sx1.asUnsafe<Double>(),
+                  sy = info.sy1.asUnsafe<Double>(),
+                  sw = sw.asUnsafe<Double>(),
+                  sh = sh.asUnsafe<Double>()
                 )
               }
 
               is ImageEventInfo.Xy -> {
                 // todo: manage bgcolor
-                renderer.drawImage(image, info.x.toDouble(), info.y.toDouble())
+                renderer.drawImage(image, info.x.asUnsafe<Double>(), info.y.asUnsafe<Double>())
               }
 
               is ImageEventInfo.XyWh -> {
                 // todo: manage bgcolor
                 renderer.drawImage(
                   image = image,
-                  x = info.x.toDouble(),
-                  y = info.y.toDouble(),
-                  width = info.width.toDouble(),
-                  height = info.height.toDouble()
+                  x = info.x.asUnsafe<Double>(),
+                  y = info.y.asUnsafe<Double>(),
+                  width = info.width.asUnsafe<Double>(),
+                  height = info.height.asUnsafe<Double>()
                 )
               }
 
               is ImageEventInfo.Transformed -> renderer.drawImage(image, info.tx)
             }
+          }else{
+            succeed = false
           }
         }
 
-        is ServerPaintPathEvent -> renderer.paintPath(paintType, path)
+        EventType.ServerPaintPathEvent.ordinal -> (it.asUnsafe<ServerPaintPathEvent>()).apply{ renderer.paintPath(paintType, path)}
 
-        is ServerPaintOvalEvent -> renderer.paintOval(
+        EventType.ServerPaintOvalEvent.ordinal -> (it.asUnsafe<ServerPaintOvalEvent>()).apply{ renderer.paintOval(
           paintType = paintType,
-          x = x.toDouble(),
-          y = y.toDouble(),
-          width = width.toDouble(),
-          height = height.toDouble()
-        )
-
-        is ServerPaintPolygonEvent -> renderer.paintPolygon(paintType, points)
-
-        is ServerDrawPolylineEvent -> renderer.drawPolyline(points)
-
-        is ServerCopyAreaEvent -> renderer.copyArea(
-          x = x.toDouble(),
-          y = y.toDouble(),
-          width = width.toDouble(),
-          height = height.toDouble(),
-          dx = dx.toDouble(),
-          dy = dy.toDouble()
-        )
-
-        is ServerWindowToDoPaintEvent -> logUnsupportedCommand(this)
+          x = x.asUnsafe<Double>(),
+          y = y.asUnsafe<Double>(),
+          width = width.asUnsafe<Double>(),
+          height = height.asUnsafe<Double>()
+        )}
+
+        EventType.ServerPaintPolygonEvent.ordinal -> (it.asUnsafe<ServerPaintPolygonEvent>()).apply{ renderer.paintPolygon(paintType, points)}
+
+        EventType.ServerDrawPolylineEvent.ordinal -> renderer.drawPolyline((it.asUnsafe<ServerDrawPolylineEvent>()).points)
+
+        EventType.ServerCopyAreaEvent.ordinal -> (it.asUnsafe<ServerCopyAreaEvent>()).apply {
+          renderer.copyArea(
+            x = x.asUnsafe<Double>(),
+            y = y.asUnsafe<Double>(),
+            width = width.asUnsafe<Double>(),
+            height = height.asUnsafe<Double>(),
+            dx = dx.asUnsafe<Double>(),
+            dy = dy.asUnsafe<Double>()
+          )
+        }
+
+        else -> logUnsupportedCommand(it)
       }
     }
-
-    return success
+    return succeed
   }
-
+  
   private class StateSaver(private val renderer: Renderer, private val renderingSurface: RenderingSurface) {
 
     private var lastSuccessfulState: LastSuccessfulState? = null
@@ -252,39 +262,5 @@ class SingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface) : Rend
         logger.debug { "Unsupported: $command" }
       }
     }
-
-    fun List<DrawEvent>.concat(other: List<DrawEvent>): List<DrawEvent> {
-      if(this.isEmpty()){
-        return other
-      }else{
-        return this + other
-      }
-    }
-
-    fun List<ServerWindowEvent>.shrinkByPaintEvents(): List<DrawEvent> {
-      if(this.isEmpty()){
-        return listOf()
-      }
-
-      val result = mutableListOf<DrawEvent>()
-      var lastIndex = 0;
-      var curr = 0;
-      while(curr < this.size){
-        if(this[curr] is ServerWindowPaintEvent){
-          result.add(DrawEvent(
-            if(curr - lastIndex > 0){
-              this.subList(lastIndex,curr).toList()
-            }else{
-              listOf()
-            },
-            this[curr] as ServerWindowPaintEvent
-          ))
-          lastIndex = curr
-        }
-        curr ++
-      }
-
-      return result
-    }
   }
 }
diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index a295e0de3..e46cbe03b 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -78,7 +78,7 @@ object Extensions {
         setLineCap(strokeData.endCap.toCanvasLineCap())
         setLineJoin(strokeData.lineJoin.toCanvasLineJoin())
         setMiterLimit(strokeData.miterLimit.toDouble())
-        setLineDash(strokeData.dashArray ?: listOf())
+        strokeData.dashArray?.let(::setLineDash)
         setLineDashOffset(strokeData.dashPhase.toDouble())
       }
     }
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
index 70b9eed47..0318f891b 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/DomContext2d.kt
@@ -194,42 +194,26 @@ internal class DomContext2d(private val myContext2d: CanvasRenderingContext2D) :
 
   @Suppress("UNUSED_VARIABLE")
   override fun setFillStyle(color: PaintColor?) {
-    if( color != null) {
-      val ctx = myContext2d
-      val strCache = JsExtensions.rgbStrCache
-      //TODO: hacking to avoid expensive Kotlin binary operator and string concat
-      js("""
-      if(color.argb){
-        var a = (color.argb >>> 24) & 0xff
-        var r = (color.argb >>> 16) & 0xff
-        var g = (color.argb >>> 8) & 0xff
-        var b = color.argb & 0xff
-        ctx.fillStyle = "#" + strCache[r] + strCache[g] + strCache[b] + strCache[a];
-      }else{
-        ctx.fillStyle = color.canvasGradient;
+    color?.let { paintColor ->
+      when(paintColor.tpe.ordinal) {
+        PaintColorType.SolidColor.ordinal ->
+          myContext2d.fillStyle = paintColor.argb.argbIntToRgbaString()
+        PaintColorType.Gradient.ordinal ->
+          myContext2d.fillStyle = paintColor.unsafeCast<DOMGradient>().canvasGradient
       }
-    """)
     }
   }
 
 
   @Suppress("UNUSED_VARIABLE")
   override fun setStrokeStyle(color: PaintColor?) {
-    if( color != null) {
-      val ctx = myContext2d
-      val strCache = JsExtensions.rgbStrCache
-      //TODO: hacking to avoid expensive Kotlin binary operator and string concat
-      js("""
-        if(color.argb){
-          var a = (color.argb >>> 24) & 0xff
-          var r = (color.argb >>> 16) & 0xff
-          var g = (color.argb >>> 8) & 0xff
-          var b = color.argb & 0xff
-          ctx.strokeStyle = "#" + strCache[r] + strCache[g] + strCache[b] + strCache[a];
-        }else{
-          ctx.strokeStyle = color.canvasGradient
-        }
-    """)
+    color?.let { paintColor ->
+      when(paintColor.tpe.ordinal) {
+        PaintColorType.SolidColor.ordinal ->
+          myContext2d.strokeStyle = paintColor.argb.argbIntToRgbaString()
+        PaintColorType.Gradient.ordinal ->
+          myContext2d.strokeStyle = paintColor.unsafeCast<DOMGradient>().canvasGradient
+      }
     }
   }
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
index 69c3f6afc..823bb2f10 100644
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
+++ b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsExtensions.kt
@@ -25,6 +25,7 @@ package org.jetbrains.projector.client.common.canvas
 
 import org.w3c.dom.HTMLCanvasElement
 
+
 object JsExtensions {
 
   fun Long.argbIntToRgbaString(): String {
@@ -42,7 +43,10 @@ object JsExtensions {
   @Suppress("UNUSED_VARIABLE")
   fun Int.argbIntToRgbaString(): String {
     val argb = this
-    return js(" '#' + ( ((argb >>> 24 & 0xff) | (argb <<8>>>0))>>>0 ).toString(16).padStart(6,'0') ")
+    val strCache = rgbStrCache
+    return js("""
+        "#" + strCache[(argb >>> 16) & 0xff] + strCache[(argb >>> 8) & 0xff] + strCache[argb & 0xff] + strCache[(argb >>> 24) & 0xff];
+      """).unsafeCast<String>()
   }
 
 
diff --git a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt b/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
deleted file mode 100644
index 893147dba..000000000
--- a/projector-client-common/src/jsMain/kotlin/org/jetbrains/projector/client/common/canvas/JsSingleRenderingSurfaceProcessor.kt
+++ /dev/null
@@ -1,339 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2019-2021 JetBrains s.r.o.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-package org.jetbrains.projector.client.common.canvas
-
-import org.jetbrains.projector.client.common.Renderer
-import org.jetbrains.projector.client.common.Renderer.Companion.RequestedRenderingState
-import org.jetbrains.projector.client.common.RenderingSurfaceProcessor
-import org.jetbrains.projector.client.common.canvas.buffering.RenderingSurface
-import org.jetbrains.projector.client.common.misc.ImageCacher
-import org.jetbrains.projector.client.common.misc.ParamsProvider
-import org.jetbrains.projector.common.misc.Do
-import org.jetbrains.projector.common.protocol.data.ImageEventInfo
-import org.jetbrains.projector.common.protocol.data.PaintValue
-import org.jetbrains.projector.common.protocol.toClient.*
-import org.jetbrains.projector.util.logging.Logger
-
-class JsSingleRenderingSurfaceProcessor(renderingSurface: RenderingSurface): RenderingSurfaceProcessor {
-
-  private val renderer = Renderer(renderingSurface)
-
-  private val stateSaver = StateSaver(renderer, renderingSurface)
-
-  @OptIn(ExperimentalStdlibApi::class)
-  override fun process(drawEvents: List<ServerWindowEvent>): List<ServerWindowEvent>? {
-    stateSaver.restoreIfNeeded()
-    var start = 0
-    var curr = 0
-    var pendingEvents: MutableList<ServerWindowEvent>? = null
-    for (drawEvent in drawEvents) {
-      curr ++
-      if(drawEvent.tpe.isDrawEvent()){
-        if(!handleDrawEvents(drawEvents.subList(start,curr))){
-          if(start == 0 && curr == drawEvents.size){
-            return drawEvents
-          }else {
-            if (pendingEvents == null) {
-              pendingEvents = mutableListOf()
-            }
-            pendingEvents.addAll(drawEvents.subList(start, curr))
-          }
-        }
-        start = curr
-      }
-    }
-
-    return pendingEvents
-  }
-
-  private fun handleDrawEventsDebug(events: List<ServerWindowEvent>): Boolean {
-    events.forEach {
-      when(it.tpe.ordinal){
-        EventType.ServerSetCompositeEvent.ordinal -> renderer.setComposite(it.unsafeCast<ServerSetCompositeEvent>().composite)
-
-        EventType.ServerSetPaintEvent.ordinal -> (it.unsafeCast<ServerSetPaintEvent>()).paint.let { paintValue ->
-          when (paintValue) {
-            is PaintValue.Color -> renderer.setColor(paintValue.argb)
-
-            is PaintValue.Gradient -> renderer.setGradientPaint(
-              p1 = paintValue.p1,
-              p2 = paintValue.p2,
-              color1 = paintValue.argb1,
-              color2 = paintValue.argb2
-            )
-
-            is PaintValue.Unknown -> logUnsupportedCommand(it)
-          }
-        }
-
-        EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.unsafeCast<ServerSetClipEvent>()).shape)
-
-        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId.unsafeCast<Int>(),fontSize, ligaturesOn) }
-
-        EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.unsafeCast<ServerSetStrokeEvent>()).strokeData)
-
-        EventType.ServerSetTransformEvent.ordinal -> renderer.setTransform((it.unsafeCast<ServerSetTransformEvent>()).tx)
-
-        EventType.ServerDrawStringEvent.ordinal -> (it.unsafeCast<ServerDrawStringEvent>()).apply {
-          renderer.drawString(
-            string = str,
-            x = x,
-            y = y,
-            desiredWidth = desiredWidth
-          )
-        }
-
-        EventType.ServerDrawLineEvent.ordinal -> (it.unsafeCast<ServerDrawLineEvent>()).apply {
-          renderer.drawLine(
-            x1 = x1.unsafeCast<Double>(),
-            y1 = y1.unsafeCast<Double>(),
-            x2 = x2.unsafeCast<Double>(),
-            y2 = y2.unsafeCast<Double>()
-          )
-        }
-
-        EventType.ServerPaintRectEvent.ordinal -> (it.unsafeCast<ServerPaintRectEvent>()).apply {
-          renderer.paintRect(
-            paintType = paintType,
-            x = x,
-            y = y,
-            width = width,
-            height = height
-          )
-        }
-
-        EventType.ServerPaintRoundRectEvent.ordinal -> (it.unsafeCast<ServerPaintRoundRectEvent>() ).apply {
-          renderer.paintRoundRect(
-            paintType = paintType,
-            x = x.unsafeCast<Double>(),
-            y = y.unsafeCast<Double>(),
-            w = width.unsafeCast<Double>(),
-            h = height.unsafeCast<Double>(),
-            r1 = arcWidth.unsafeCast<Double>(),
-            r2 = arcHeight.unsafeCast<Double>()
-          )
-
-        }
-
-      }
-    }
-
-    return true
-  }
-
-  private fun handleDrawEvents(events: List<ServerWindowEvent>): Boolean {
-    var succeed = true
-    events.forEach {
-      when (it.tpe.ordinal) {
-        EventType.ServerSetCompositeEvent.ordinal -> renderer.setComposite(it.unsafeCast<ServerSetCompositeEvent>().composite)
-
-        EventType.ServerSetPaintEvent.ordinal -> (it.unsafeCast<ServerSetPaintEvent>()).paint.let { paintValue ->
-          when (paintValue) {
-            is PaintValue.Color -> renderer.setColor(paintValue.argb)
-
-            is PaintValue.Gradient -> renderer.setGradientPaint(
-              p1 = paintValue.p1,
-              p2 = paintValue.p2,
-              color1 = paintValue.argb1,
-              color2 = paintValue.argb2
-            )
-
-            is PaintValue.Unknown -> logUnsupportedCommand(it)
-          }
-        }
-
-        EventType.ServerSetClipEvent.ordinal -> renderer.setClip((it.unsafeCast<ServerSetClipEvent>()).shape)
-
-        EventType.ServerSetFontEvent.ordinal -> (it.unsafeCast<ServerSetFontEvent>()).apply{ renderer.setFont(fontId.unsafeCast<Int>(),fontSize, ligaturesOn) }
-
-        EventType.ServerSetStrokeEvent.ordinal -> renderer.setStroke((it.unsafeCast<ServerSetStrokeEvent>()).strokeData)
-
-        EventType.ServerSetTransformEvent.ordinal -> renderer.setTransform((it.unsafeCast<ServerSetTransformEvent>()).tx)
-
-
-
-        EventType.ServerDrawLineEvent.ordinal -> (it.unsafeCast<ServerDrawLineEvent>()).apply {
-          renderer.drawLine(
-            x1 = x1.unsafeCast<Double>(),
-            y1 = y1.unsafeCast<Double>(),
-            x2 = x2.unsafeCast<Double>(),
-            y2 = y2.unsafeCast<Double>()
-          )
-        }
-
-        EventType.ServerDrawStringEvent.ordinal -> (it.unsafeCast<ServerDrawStringEvent>()).apply {
-          renderer.drawString(
-            string = str,
-            x = x,
-            y = y,
-            desiredWidth = desiredWidth
-          )
-        }
-
-        EventType.ServerPaintRectEvent.ordinal -> (it.unsafeCast<ServerPaintRectEvent>()).apply {
-          renderer.paintRect(
-            paintType = paintType,
-            x = x,
-            y = y,
-            width = width,
-            height = height
-          )
-        }
-
-        EventType.ServerPaintRoundRectEvent.ordinal -> (it.unsafeCast<ServerPaintRoundRectEvent>() ).apply {
-          renderer.paintRoundRect(
-            paintType = paintType,
-            x = x.unsafeCast<Double>(),
-            y = y.unsafeCast<Double>(),
-            w = width.unsafeCast<Double>(),
-            h = height.unsafeCast<Double>(),
-            r1 = arcWidth.unsafeCast<Double>(),
-            r2 = arcHeight.unsafeCast<Double>()
-          )
-        }
-
-        EventType.ServerDrawImageEvent.ordinal -> (it.unsafeCast<ServerDrawImageEvent>()).apply{
-          val image = ImageCacher.getImageData(imageId)
-
-          if (image != null){
-            val info = imageEventInfo
-
-            Do exhaustive when (info) {
-              is ImageEventInfo.Ds -> {
-                // todo: manage bgcolor
-                val dw = info.dx2 - info.dx1
-                val dh = info.dy2 - info.dy1
-                val sw = info.sx2 - info.sx1
-                val sh = info.sy2 - info.sy1
-
-                renderer.drawImage(
-                  image = image,
-                  dx = info.dx1.unsafeCast<Double>(),
-                  dy = info.dy1.unsafeCast<Double>(),
-                  dw = dw.unsafeCast<Double>(),
-                  dh = dh.unsafeCast<Double>(),
-                  sx = info.sx1.unsafeCast<Double>(),
-                  sy = info.sy1.unsafeCast<Double>(),
-                  sw = sw.unsafeCast<Double>(),
-                  sh = sh.unsafeCast<Double>()
-                )
-              }
-
-              is ImageEventInfo.Xy -> {
-                // todo: manage bgcolor
-                renderer.drawImage(image, info.x.unsafeCast<Double>(), info.y.unsafeCast<Double>())
-              }
-
-              is ImageEventInfo.XyWh -> {
-                // todo: manage bgcolor
-                renderer.drawImage(
-                  image = image,
-                  x = info.x.unsafeCast<Double>(),
-                  y = info.y.unsafeCast<Double>(),
-                  width = info.width.unsafeCast<Double>(),
-                  height = info.height.unsafeCast<Double>()
-                )
-              }
-
-              is ImageEventInfo.Transformed -> renderer.drawImage(image, info.tx)
-            }
-          }else{
-            succeed = false
-          }
-        }
-
-        EventType.ServerPaintPathEvent.ordinal -> (it.unsafeCast<ServerPaintPathEvent>()).apply{ renderer.paintPath(paintType, path)}
-
-        EventType.ServerPaintOvalEvent.ordinal -> (it.unsafeCast<ServerPaintOvalEvent>()).apply{ renderer.paintOval(
-          paintType = paintType,
-          x = x.unsafeCast<Double>(),
-          y = y.unsafeCast<Double>(),
-          width = width.unsafeCast<Double>(),
-          height = height.unsafeCast<Double>()
-        )}
-
-        EventType.ServerPaintPolygonEvent.ordinal -> (it.unsafeCast<ServerPaintPolygonEvent>()).apply{ renderer.paintPolygon(paintType, points)}
-
-        EventType.ServerDrawPolylineEvent.ordinal -> renderer.drawPolyline((it.unsafeCast<ServerDrawPolylineEvent>()).points)
-
-        EventType.ServerCopyAreaEvent.ordinal -> (it.unsafeCast<ServerCopyAreaEvent>()).apply {
-          renderer.copyArea(
-            x = x.unsafeCast<Double>(),
-            y = y.unsafeCast<Double>(),
-            width = width.unsafeCast<Double>(),
-            height = height.unsafeCast<Double>(),
-            dx = dx.unsafeCast<Double>(),
-            dy = dy.unsafeCast<Double>()
-          )
-        }
-
-        else -> logUnsupportedCommand(it)
-      }
-    }
-    return succeed
-  }
-
-  private class StateSaver(private val renderer: Renderer, private val renderingSurface: RenderingSurface) {
-
-    private var lastSuccessfulState: LastSuccessfulState? = null
-
-    suspend fun save() {
-      lastSuccessfulState = LastSuccessfulState(
-        renderingState = renderer.requestedState.copy(),
-        image = renderingSurface.canvas.takeSnapshot()
-      )
-    }
-
-    fun restoreIfNeeded() {
-      lastSuccessfulState?.let {
-        renderer.drawImageRaw(it.image)
-
-        it.renderingState.let {
-          renderer.requestedState.apply {
-            identitySpaceClip = it.identitySpaceClip
-            transform = it.transform
-            strokeData = it.strokeData
-            font = it.font
-            paint = it.paint
-          }
-        }
-
-        lastSuccessfulState = null
-      }
-    }
-
-    private class LastSuccessfulState(val renderingState: RequestedRenderingState, val image: Canvas.ImageSource)
-  }
-
-  companion object {
-
-    private val logger = Logger<JsSingleRenderingSurfaceProcessor>()
-
-    private fun logUnsupportedCommand(command: ServerWindowEvent) {
-      if (ParamsProvider.LOG_UNSUPPORTED_EVENTS) {
-        logger.debug { "Unsupported: $command" }
-      }
-    }
-  }
-}
diff --git a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
index 7face6593..7474670e4 100644
--- a/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
+++ b/projector-client-common/src/jvmMain/kotlin/org/jetbrains/projector/client/common/misc/ParamsProvider.kt
@@ -28,7 +28,7 @@ actual object ParamsProvider {
     get() = JvmParamsProviderImpl.CLIPPING_BORDERS
   actual val SHOW_TEXT_WIDTH: Boolean
     get() = JvmParamsProviderImpl.SHOW_TEXT_WIDTH
-  actual val REPAINT_AREA: RepaintAreaSetting
+  actual val REPAINT_AREA: Boolean
     get() = JvmParamsProviderImpl.REPAINT_AREA
   actual val LOG_UNSUPPORTED_EVENTS: Boolean
     get() = JvmParamsProviderImpl.LOG_UNSUPPORTED_EVENTS
@@ -41,8 +41,8 @@ actual object ParamsProvider {
 object JvmParamsProviderImpl {
   var CLIPPING_BORDERS: Boolean = false
   var SHOW_TEXT_WIDTH: Boolean = false
-  var REPAINT_AREA: RepaintAreaSetting = RepaintAreaSetting.Disabled
+  var REPAINT_AREA: Boolean = false
   var LOG_UNSUPPORTED_EVENTS: Boolean = true
   var IMAGE_TTL: Double = 0.0
   var IMAGE_CACHE_SIZE_CHARS: Int = 0
-}
\ No newline at end of file
+}
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
index 0edd48fa6..3d9ae4133 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/AbstractWindowManager.kt
@@ -25,10 +25,11 @@ package org.jetbrains.projector.client.swing
 
 import org.jetbrains.projector.client.common.DrawEvent
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
 import org.jetbrains.projector.client.common.canvas.SwingCanvas
 import org.jetbrains.projector.client.common.canvas.buffering.DoubleBufferedRenderingSurface
-import org.jetbrains.projector.common.protocol.toClient.*
+import org.jetbrains.projector.common.protocol.toClient.ServerWindowEvent
+import org.jetbrains.projector.common.protocol.toClient.ServerWindowSetChangedEvent
+import org.jetbrains.projector.common.protocol.toClient.WindowData
 import org.jetbrains.projector.util.logging.Logger
 
 abstract class AbstractWindowManager<FrameType> {
diff --git a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
index b81335958..f40ede021 100644
--- a/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
+++ b/projector-client-swing/src/main/kotlin/org/jetbrains/projector/client/swing/SwingClient.kt
@@ -27,7 +27,6 @@ import kotlinx.coroutines.GlobalScope
 import kotlinx.coroutines.future.await
 import kotlinx.coroutines.launch
 import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
 import org.jetbrains.projector.client.common.SwingFontCache
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.protocol.KotlinxJsonToClientHandshakeDecoder
@@ -42,7 +41,6 @@ import org.jetbrains.projector.util.logging.Logger
 import java.util.*
 import javax.swing.SwingUtilities
 import javax.swing.Timer
-import kotlin.collections.ArrayDeque
 
 class SwingClient(val transport: ProjectorTransport, val windowManager: AbstractWindowManager<*>) {
   val logger = Logger<SwingClient>()
@@ -76,11 +74,14 @@ class SwingClient(val transport: ProjectorTransport, val windowManager: Abstract
             val processor = ImageCacher.getOffscreenProcessor(target,::SingleRenderingSurfaceProcessor)
             processor.process(serverEvent.drawEvents)
           }
+          else ->
+            logger.error { "Unknown target for ServerDrawCommandsEvent : ${serverEvent}" }
         }
       }
       is ServerCaretInfoChangedEvent -> logger.debug { "Received and discarded caret info event: $serverEvent" }
       is ServerMarkdownEvent -> logger.debug { "Received and discarded markdown event: $serverEvent" }
       is ServerWindowColorsEvent -> logger.debug { "Received and discarded color event: $serverEvent" }
+      else -> logger.error { "Unknown event : ${serverEvent}" }
     }
   }
 
@@ -117,6 +118,7 @@ class SwingClient(val transport: ProjectorTransport, val windowManager: Abstract
         }
       }
       is ToClientHandshakeFailureEvent -> error("Handshake failed: ${serverHandshake.reason}")
+      else -> error("unknown message: ${serverHandshake}")
     }
 
     transport.send("Unused string meaning fonts loading is done")
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
index d470d1ecc..1b0ddd60f 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/ServerEventsProcessor.kt
@@ -24,7 +24,7 @@
 package org.jetbrains.projector.client.web
 
 import kotlinx.browser.window
-import org.jetbrains.projector.client.common.canvas.JsSingleRenderingSurfaceProcessor
+import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.web.component.MarkdownPanelManager
 import org.jetbrains.projector.client.web.misc.PingStatistics
@@ -94,7 +94,7 @@ class ServerEventsProcessor(private val windowDataEventsProcessor: WindowDataEve
         is ServerDrawCommandsEvent.Target.Onscreen -> windowDataEventsProcessor.draw(target.windowId, event.drawEvents)
 
         is ServerDrawCommandsEvent.Target.Offscreen -> {
-          val offscreenProcessor = ImageCacher.getOffscreenProcessor(target,::JsSingleRenderingSurfaceProcessor)
+          val offscreenProcessor = ImageCacher.getOffscreenProcessor(target,::SingleRenderingSurfaceProcessor)
 
           // todo: don't create this deque every time
 
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
index 8110bdd4c..d20d3e045 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/Window.kt
@@ -24,12 +24,9 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.launch
 import kotlinx.dom.addClass
+import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.canvas.DomCanvas
-import org.jetbrains.projector.client.common.canvas.JsSingleRenderingSurfaceProcessor
 import org.jetbrains.projector.client.common.canvas.buffering.DoubleBufferedRenderingSurface
 import org.jetbrains.projector.client.common.canvas.buffering.UnbufferedRenderingSurface
 import org.jetbrains.projector.client.common.misc.ParamsProvider
@@ -90,7 +87,7 @@ class Window(windowData: WindowData, private val stateMachine: ClientStateMachin
 
   private var isDirty: Boolean = true
 
-  private val commandProcessor = JsSingleRenderingSurfaceProcessor(renderingSurface)
+  private val commandProcessor = SingleRenderingSurfaceProcessor(renderingSurface)
 
   var bounds: CommonRectangle = CommonRectangle(0.0, 0.0, 0.0, 0.0)
     set(value) {
diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
index a84b7a2b2..7dfbbc406 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/window/WindowDataEventsProcessor.kt
@@ -24,8 +24,6 @@
 package org.jetbrains.projector.client.web.window
 
 import kotlinx.browser.document
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.concat
-import org.jetbrains.projector.client.common.SingleRenderingSurfaceProcessor.Companion.shrinkByPaintEvents
 import org.jetbrains.projector.client.common.misc.ImageCacher
 import org.jetbrains.projector.client.common.misc.ParamsProvider
 import org.jetbrains.projector.common.misc.firstNotNullOrNull
diff --git a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/PaintValue.kt b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/PaintValue.kt
index 31cb9b9ea..36ee108c8 100644
--- a/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/PaintValue.kt
+++ b/projector-common/src/commonMain/kotlin/org/jetbrains/projector/common/protocol/data/PaintValue.kt
@@ -29,12 +29,16 @@ import kotlinx.serialization.Serializable
 @Serializable
 sealed class PaintValue {
 
+  abstract val tpe: PaintValueType
+
   @Serializable
   @SerialName("a")
   data class Color(
     @SerialName("a")
     val argb: Int,
-  ) : PaintValue()
+  ) : PaintValue() {
+    override val tpe: PaintValueType = PaintValueType.Color
+  }
 
   @Serializable
   @SerialName("b")
@@ -47,12 +51,20 @@ sealed class PaintValue {
     val argb1: Int,
     @SerialName("d")
     val argb2: Int,
-  ) : PaintValue()
+  ) : PaintValue() {
+    override val tpe: PaintValueType = PaintValueType.Gradient
+  }
 
   @Serializable
   @SerialName("c")
   data class Unknown(
     @SerialName("a")
     val info: String,
-  ) : PaintValue()
+  ) : PaintValue() {
+    override val tpe: PaintValueType = PaintValueType.Unknown
+  }
+}
+
+enum class PaintValueType {
+  Color,Gradient,Unknown
 }

From 004fda97a9a440f7a0cb3c5b331900e394a5647f Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 8 Apr 2021 22:55:18 +0800
Subject: [PATCH 13/14] revert ClientState changes

---
 .../jetbrains/projector/client/web/state/ClientState.kt   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
index d928681d4..38ef661a0 100644
--- a/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
+++ b/projector-client-web/src/main/kotlin/org/jetbrains/projector/client/web/state/ClientState.kt
@@ -258,10 +258,10 @@ sealed class ClientState {
               webSocket = webSocket,
               windowSizeController = windowSizeController,
               openingTimeStamp = openingTimeStamp,
-              encoder = SupportedTypesProvider.supportedToServerEncoders.first(),
-              decoder = SupportedTypesProvider.supportedToClientDecoders.first(),
-              decompressor = SupportedTypesProvider.supportedToClientDecompressors.first(),
-              compressor = SupportedTypesProvider.supportedToServerCompressors.first(),
+              encoder = SupportedTypesProvider.supportedToServerEncoders.first { it.protocolType == command.toServerProtocol },
+              decoder = SupportedTypesProvider.supportedToClientDecoders.first { it.protocolType == command.toClientProtocol },
+              decompressor = SupportedTypesProvider.supportedToClientDecompressors.first { it.compressionType == command.toClientCompression },
+              compressor = SupportedTypesProvider.supportedToServerCompressors.first { it.compressionType == command.toServerCompression },
               onHandshakeFinish = onHandshakeFinish,
               layers = layers,
             )

From 9541c5036a1fd54cadc77fa53099ac6c718a26ae Mon Sep 17 00:00:00 2001
From: Wysa <wpc009@gmail.com>
Date: Thu, 8 Apr 2021 23:02:49 +0800
Subject: [PATCH 14/14] fix merge typo

---
 .../org/jetbrains/projector/client/common/canvas/Extensions.kt | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
index 73145fce9..16dc66097 100644
--- a/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
+++ b/projector-client-common/src/commonMain/kotlin/org/jetbrains/projector/client/common/canvas/Extensions.kt
@@ -120,9 +120,6 @@ object Extensions {
 
   val serverFontNameCache = IntRange(0,255).map { "serverFont$it" }.toTypedArray()
   val fontSizeStrCache = IntRange(0,255).map { "${it}px " }.toTypedArray()
-  fun Int.argbIntToRgbaString(): String {
-    val colorValue = this
-
   val fontSizeScalingFactorCache = HashMap<Int,Double>()
 
 }