@supraio/client-daemon-js 0.0.0-mznacldate1212.297 → 0.0.0-mznacldate1212.299

package/supra-client-daemon.js

@@ -190223,6 +190223,484 @@ $packages["github.com/supraio/client-daemon/pkg/x264/h264decoder"] = (function()
 	$pkg.$init = $init;
 	return $pkg;
 })();
+$packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder"] = (function() {
+	var $pkg = {}, $init, errs, jshelper, general, js;
+	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
+	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
+	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
+	js = $packages["syscall/js"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = errs.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = jshelper.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
+	var $pkg = {}, $init, fmt, dom, errscreen, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, YCbCrJS, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, sliceType$1, ptrType$4, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, ptrType$10, newWindow, main, newScreenImpl, newBuffer;
+	fmt = $packages["fmt"];
+	dom = $packages["golang.org/x/exp/shiny/driver/internal/dom"];
+	errscreen = $packages["golang.org/x/exp/shiny/driver/internal/errscreen"];
+	screen = $packages["golang.org/x/exp/shiny/screen"];
+	f64 = $packages["golang.org/x/image/math/f64"];
+	image = $packages["image"];
+	color = $packages["image/color"];
+	draw = $packages["image/draw"];
+	sync = $packages["sync"];
+	js = $packages["syscall/js"];
+	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "canvasdriver.windowImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(screen_, mutex_, canvasEl_, ctx2d_, released_, domEvents_, resizeCallback_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.screen = ptrType.nil;
+			this.mutex = ptrType$1.nil;
+			this.canvasEl = new js.Value.ptr(null, false, arrayType.zero());
+			this.ctx2d = new js.Value.ptr(null, false, arrayType.zero());
+			this.released = false;
+			this.domEvents = ptrType$2.nil;
+			this.resizeCallback = new js.Func.ptr(new js.Value.ptr(null, false, arrayType.zero()));
+			return;
+		}
+		this.screen = screen_;
+		this.mutex = mutex_;
+		this.canvasEl = canvasEl_;
+		this.ctx2d = ctx2d_;
+		this.released = released_;
+		this.domEvents = domEvents_;
+		this.resizeCallback = resizeCallback_;
+	});
+	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "canvasdriver.screenImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(doc_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.doc = new js.Value.ptr(null, false, arrayType.zero());
+			return;
+		}
+		this.doc = doc_;
+	});
+	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "canvasdriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(CanvasImageSource_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.CanvasImageSource = ptrType$5.nil;
+			return;
+		}
+		this.CanvasImageSource = CanvasImageSource_;
+	});
+	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "canvasdriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.screen = ptrType.nil;
+			this.size = new image.Point.ptr(0, 0);
+			this.mutex = ptrType$1.nil;
+			this.released = false;
+			this.rgba = new image.RGBA.ptr(sliceType$1.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcr = new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
+			this.ycbcrJS = ptrType$4.nil;
+			return;
+		}
+		this.screen = screen_;
+		this.size = size_;
+		this.mutex = mutex_;
+		this.released = released_;
+		this.rgba = rgba_;
+		this.ycbcr = ycbcr_;
+		this.ycbcrJS = ycbcrJS_;
+	});
+	sliceType = $sliceType($emptyInterface);
+	ptrType = $ptrType(screenImpl);
+	ptrType$1 = $ptrType(sync.Mutex);
+	funcType = $funcType([], [], false);
+	arrayType = $arrayType(funcType, 0);
+	ptrType$2 = $ptrType(dom.DomEvents);
+	ptrType$3 = $ptrType(BufferImpl);
+	sliceType$1 = $sliceType($Uint8);
+	ptrType$4 = $ptrType(YCbCrJS);
+	ptrType$5 = $ptrType(js.Value);
+	ptrType$6 = $ptrType(screen.DrawOptions);
+	ptrType$7 = $ptrType(windowImpl);
+	ptrType$8 = $ptrType(screen.NewWindowOptions);
+	ptrType$9 = $ptrType(image.RGBA);
+	ptrType$10 = $ptrType(image.YCbCr);
+	newWindow = function(screen$1, opts) {
+		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		adaptCanvas = [adaptCanvas];
+		canvasEl = [canvasEl];
+		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		canvasEl[0] = $clone(_r, js.Value);
+		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType([new canvasEl[0].constructor.elem(canvasEl[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$1;
+		adaptCanvas[0] = (function(adaptCanvas, canvasEl) { return function() {
+			var height, scale, width;
+			scale = dom.GetBrowserZoomRatio();
+			width = (((dom.GetScreenWidth()) / scale >> 0));
+			if (!(($clone($clone(canvasEl[0], js.Value).Get("width"), js.Value).Int() === width))) {
+				$clone(canvasEl[0], js.Value).Set("width", new $Int(width));
+			}
+			height = (((dom.GetScreenHeight()) / scale >> 0));
+			if (!(($clone($clone(canvasEl[0], js.Value).Get("height"), js.Value).Int() === height))) {
+				$clone(canvasEl[0], js.Value).Set("height", new $Int(height));
+			}
+		}; })(adaptCanvas, canvasEl);
+		$r = adaptCanvas[0](); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		resizeCallback = $clone(js.FuncOf((function(adaptCanvas, canvasEl) { return function $b(this$1, args) {
+			var {args, this$1, $s, $r, $c} = $restore(this, {this$1, args});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			$r = adaptCanvas[0](); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, $s};return $f;
+		}; })(adaptCanvas, canvasEl)), js.Func);
+		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("resize"), new resizeCallback.constructor.elem(resizeCallback)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_r$2;
+		/* */ if (!((opts.Width === 0))) { $s = 5; continue; }
+		/* */ $s = 6; continue;
+		/* if (!((opts.Width === 0))) { */ case 5:
+			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 6:
+		/* */ if (!((opts.Height === 0))) { $s = 8; continue; }
+		/* */ $s = 9; continue;
+		/* if (!((opts.Height === 0))) { */ case 8:
+			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 9:
+		/* */ if (!(opts.Title === "")) { $s = 11; continue; }
+		/* */ $s = 12; continue;
+		/* if (!(opts.Title === "")) { */ case 11:
+			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 13; case 13: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 14; case 14: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 12:
+		_r$5 = $clone(canvasEl[0], js.Value).Call("getContext", new sliceType([new $String("2d")])); /* */ $s = 16; case 16: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		ctx2d = $clone(_r$5, js.Value);
+		/* */ if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { $s = 17; continue; }
+		/* */ $s = 18; continue;
+		/* if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { */ case 17:
+			_r$6 = fmt.Errorf("Cannot get 2d context of canvas", sliceType.nil); /* */ $s = 19; case 19: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+			$panic(_r$6);
+		/* } */ case 18:
+		domEvents = dom.NewDomEvents();
+		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl[0], js.Value), $clone(ctx2d, js.Value), false, domEvents, $clone(resizeCallback, js.Func));
+		$r = domEvents.BindEvents(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return w;
+		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s};return $f;
+	};
+	windowImpl.ptr.prototype.Release = function() {
+		var {_r, _r$1, w, x, $s, $deferred, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
+		w = this;
+		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$deferred.push([$methodVal(w.mutex, "Unlock"), []]);
+		/* */ if (w.released) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if (w.released) { */ case 2:
+			$s = 4; case 4: return;
+		/* } */ case 3:
+		_r = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), (x = w.resizeCallback, new x.constructor.elem(x))])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r;
+		$clone(w.resizeCallback, js.Func).Release();
+		_r$1 = $clone(w.canvasEl, js.Value).Call("remove", sliceType.nil); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$1;
+		$r = w.domEvents.Release(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		w.released = true;
+		$s = -1; return;
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, _r$1, w, x, $s, $deferred};return $f; } }
+	};
+	windowImpl.prototype.Release = function() { return this.$val.Release(); };
+	windowImpl.ptr.prototype.Publish = function() {
+		var w;
+		w = this;
+		if (w.released) {
+			return new screen.PublishResult.ptr(false);
+		}
+		return new screen.PublishResult.ptr(false);
+	};
+	windowImpl.prototype.Publish = function() { return this.$val.Publish(); };
+	windowImpl.ptr.prototype.Send = function(event) {
+		var event, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Send = function(event) { return this.$val.Send(event); };
+	windowImpl.ptr.prototype.SendFirst = function(event) {
+		var event, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.SendFirst = function(event) { return this.$val.SendFirst(event); };
+	windowImpl.ptr.prototype.NextEvent = function() {
+		var {_r, ev, w, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		_r = $recv(w.domEvents.GetEventChan()); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		ev = _r[0];
+		$s = -1; return ev;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.NextEvent, $c: true, $r, _r, ev, w, $s};return $f;
+	};
+	windowImpl.prototype.NextEvent = function() { return this.$val.NextEvent(); };
+	windowImpl.ptr.prototype.Upload = function(dp, src, sr) {
+		var {_r, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		if (w.released) {
+			$s = -1; return;
+		}
+		_r = fmt.Errorf("Not implemented, use UploadYCbCr instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$panic(_r);
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, _r, dp, sr, src, w, $s};return $f;
+	};
+	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
+	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
+		var {_r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s, $r, $c} = $restore(this, {dp, src, sr});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		w = this;
+		if (w.released) {
+			$s = -1; return;
+		}
+		_ref = src;
+		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if ($assertType(_ref, ptrType$3, true)[1]) { */ case 1:
+			jsSrc = _ref.$val;
+			_r = $clone(w.ctx2d, js.Value).Call("drawImage", new sliceType([(x = jsSrc.YCbCrJS().CanvasImageSource, new x.constructor.elem(x)), new $Int(0), new $Int(0)])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_r;
+			$s = -1; return;
+		/* } */ case 2:
+		_r$1 = fmt.Errorf("Not implemented, use canvasdriver.BufferImpl instead", sliceType.nil); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		$panic(_r$1);
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s};return $f;
+	};
+	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
+	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
+		var dr, op, src, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Fill = function(dr, src, op) { return this.$val.Fill(dr, src, op); };
+	windowImpl.ptr.prototype.Draw = function(src2dst, src, sr, op, opts) {
+		var op, opts, sr, src, src2dst, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Draw = function(src2dst, src, sr, op, opts) { return this.$val.Draw(src2dst, src, sr, op, opts); };
+	windowImpl.ptr.prototype.DrawUniform = function(src2dst, src, sr, op, opts) {
+		var op, opts, sr, src, src2dst, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.DrawUniform = function(src2dst, src, sr, op, opts) { return this.$val.DrawUniform(src2dst, src, sr, op, opts); };
+	windowImpl.ptr.prototype.Copy = function(dp, src, sr, op, opts) {
+		var dp, op, opts, sr, src, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Copy = function(dp, src, sr, op, opts) { return this.$val.Copy(dp, src, sr, op, opts); };
+	windowImpl.ptr.prototype.Scale = function(dr, src, sr, op, opts) {
+		var dr, op, opts, sr, src, w;
+		w = this;
+		if (w.released) {
+			return;
+		}
+		$panic(new $String("Not implemented"));
+	};
+	windowImpl.prototype.Scale = function(dr, src, sr, op, opts) { return this.$val.Scale(dr, src, sr, op, opts); };
+	main = function(f) {
+		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		retErr = $ifaceNil;
+		_tuple = newScreenImpl();
+		s = _tuple[0];
+		err = _tuple[1];
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			retErr = err;
+			$s = -1; return retErr;
+		}
+		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		retErr = $ifaceNil;
+		$s = -1; return retErr;
+		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
+	};
+	newScreenImpl = function() {
+		var s;
+		s = new screenImpl.ptr($clone($clone(js.Global(), js.Value).Get("document"), js.Value));
+		return [s, $ifaceNil];
+	};
+	screenImpl.ptr.prototype.NewBuffer = function(size) {
+		var buffer, s, size;
+		s = this;
+		buffer = newBuffer(s, $clone(size, image.Point));
+		return [buffer, $ifaceNil];
+	};
+	screenImpl.prototype.NewBuffer = function(size) { return this.$val.NewBuffer(size); };
+	screenImpl.ptr.prototype.NewTexture = function(size) {
+		var {$24r, _r, s, size, $s, $r, $c} = $restore(this, {size});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		s = this;
+		_r = fmt.Errorf("Texture not implemented", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$24r = [$ifaceNil, _r];
+		$s = 2; case 2: return $24r;
+		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewTexture, $c: true, $r, $24r, _r, s, size, $s};return $f;
+	};
+	screenImpl.prototype.NewTexture = function(size) { return this.$val.NewTexture(size); };
+	screenImpl.ptr.prototype.NewWindow = function(opts) {
+		var {_r, opts, s, window, $s, $r, $c} = $restore(this, {opts});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		s = this;
+		_r = newWindow(s, opts); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		window = _r;
+		$s = -1; return [window, $ifaceNil];
+		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
+	};
+	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
+	newBuffer = function(screen$1, size) {
+		var _q, _q$1, _q$2, b, rect, screen$1, size;
+		rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(size, image.Point));
+		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$1, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$1, ($imul(size.X, size.Y))), $makeSlice(sliceType$1, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$1, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$4.nil);
+		return b;
+	};
+	BufferImpl.ptr.prototype.Size = function() {
+		var b;
+		b = this;
+		return b.size;
+	};
+	BufferImpl.prototype.Size = function() { return this.$val.Size(); };
+	BufferImpl.ptr.prototype.Bounds = function() {
+		var b;
+		b = this;
+		return new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(b.size, image.Point));
+	};
+	BufferImpl.prototype.Bounds = function() { return this.$val.Bounds(); };
+	BufferImpl.ptr.prototype.RGBA = function() {
+		var b;
+		b = this;
+		return b.rgba;
+	};
+	BufferImpl.prototype.RGBA = function() { return this.$val.RGBA(); };
+	BufferImpl.ptr.prototype.YCbCr = function() {
+		var b;
+		b = this;
+		return b.ycbcr;
+	};
+	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
+	BufferImpl.ptr.prototype.YCbCrJS = function() {
+		var b;
+		b = this;
+		if (b.ycbcrJS === ptrType$4.nil) {
+			b.ycbcrJS = new YCbCrJS.ptr(ptrType$5.nil);
+		}
+		return b.ycbcrJS;
+	};
+	BufferImpl.prototype.YCbCrJS = function() { return this.$val.YCbCrJS(); };
+	BufferImpl.ptr.prototype.Release = function() {
+		var {b, $s, $deferred, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
+		b = this;
+		$r = b.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$deferred.push([$methodVal(b.mutex, "Unlock"), []]);
+		/* */ if (b.released) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if (b.released) { */ case 2:
+			$s = 4; case 4: return;
+		/* } */ case 3:
+		b.released = true;
+		$s = -1; return;
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: BufferImpl.ptr.prototype.Release, $c: true, $r, b, $s, $deferred};return $f; } }
+	};
+	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
+	ptrType$7.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}];
+	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$8], [screen.Window, $error], false)}];
+	ptrType$3.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$9], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$10], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
+	windowImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "ctx2d", name: "ctx2d", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "resizeCallback", name: "resizeCallback", embedded: false, exported: false, typ: js.Func, tag: ""}]);
+	screenImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
+	YCbCrJS.init("", [{prop: "CanvasImageSource", name: "CanvasImageSource", embedded: false, exported: true, typ: ptrType$5, tag: ""}]);
+	BufferImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$4, tag: ""}]);
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = dom.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errscreen.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = screen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = f64.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = color.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = draw.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["github.com/supraio/client-daemon/pkg/x264/webcodecs"] = (function() {
+	var $pkg = {}, $init, hex, webgl, errs, jshelper, general, canvasdriver, image, js;
+	hex = $packages["encoding/hex"];
+	webgl = $packages["github.com/nuberu/webgl"];
+	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
+	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
+	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
+	canvasdriver = $packages["golang.org/x/exp/shiny/driver/canvasdriver"];
+	image = $packages["image"];
+	js = $packages["syscall/js"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = hex.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = webgl.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = jshelper.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = canvasdriver.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = image.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
+$packages["github.com/supraio/client-daemon/pkg/x264"] = (function() {
+	var $pkg = {}, $init, errs, general, h264_decoder, nacldecoder, webcodecs, js;
+	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
+	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
+	h264_decoder = $packages["github.com/supraio/client-daemon/pkg/x264/h264decoder"];
+	nacldecoder = $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder"];
+	webcodecs = $packages["github.com/supraio/client-daemon/pkg/x264/webcodecs"];
+	js = $packages["syscall/js"];
+	$init = function() {
+		$pkg.$init = function() {};
+		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
+		$r = errs.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = general.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = h264_decoder.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = nacldecoder.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = webcodecs.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
+	};
+	$pkg.$init = $init;
+	return $pkg;
+})();
 $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom"] = (function() {
 	var $pkg = {}, $init, focus, key, mouse, size, geom, math, strings, js, DomEvents, sliceType, funcType, sliceType$1, sliceType$2, chanType, ptrType, keyCodesMap, keyCodesByKeyMap, GetDocWidth, GetDocHeight, GetOrientation, NewDomEvents, getMouseDirection, getWheelButton, getMouseButton, getEventModifiers, isFocusIn, getKeyRune, getKeyDirection, getKeyCode;
 	focus = $packages["golang.org/x/mobile/event/focus"];
@@ -190344,816 +190822,377 @@ $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom"
 		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("resize"), new onResize[0].constructor.elem(onResize[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		_r;
 		d[0].releases = $append(d[0].releases, (function(d, onResize) { return function $b() {
-			var {_r$1, $s, $r, $c} = $restore(this, {});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r$1 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), new onResize[0].constructor.elem(onResize[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-			_r$1;
-			$clone(onResize[0], js.Func).Release();
-			$s = -1; return;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$1, $s};return $f;
-		}; })(d, onResize));
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindSizeEvents, $c: true, $r, _r, d, onResize, $s};return $f;
-	};
-	DomEvents.prototype.bindSizeEvents = function() { return this.$val.bindSizeEvents(); };
-	DomEvents.ptr.prototype.emitSizeEvent = function() {
-		var {_q, _q$1, _r, d, height, orientation, pixelsPerPt, width, x, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		d = this;
-		_r = GetOrientation(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		orientation = _r;
-		pixelsPerPt = 1;
-		width = GetDocWidth();
-		height = GetDocHeight();
-		$r = $send(d.eventChan, (x = new size.Event.ptr(width, height, ((_q = width / ((pixelsPerPt >> 0)), (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero"))), ((_q$1 = height / ((pixelsPerPt >> 0)), (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), pixelsPerPt, orientation), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.emitSizeEvent, $c: true, $r, _q, _q$1, _r, d, height, orientation, pixelsPerPt, width, x, $s};return $f;
-	};
-	DomEvents.prototype.emitSizeEvent = function() { return this.$val.emitSizeEvent(); };
-	DomEvents.ptr.prototype.bindMouseEvents = function() {
-		var {_r, _r$1, _r$2, _r$3, d, onClick, onMove, onWheel, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		d = [d];
-		onClick = [onClick];
-		onMove = [onMove];
-		onWheel = [onWheel];
-		d[0] = this;
-		onMove[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
-			var {_r, args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r = $clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Call("preventDefault", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_r;
-			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), 0, getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), 0), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r, args, this$1, x, $s};return $f;
-		}; })(d, onClick, onMove, onWheel)), js.Func);
-		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mousemove"), new onMove[0].constructor.elem(onMove[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_r;
-		onClick[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
-			var {_r$1, args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r$1 = $clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Call("preventDefault", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-			_r$1;
-			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), getMouseButton($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getMouseDirection($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$1, args, this$1, x, $s};return $f;
-		}; })(d, onClick, onMove, onWheel)), js.Func);
-		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mousedown"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$1;
-		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mouseup"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_r$2;
-		onWheel[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
-			var {args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), getWheelButton($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), 3), new x.constructor.elem(x))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, x, $s};return $f;
-		}; })(d, onClick, onMove, onWheel)), js.Func);
-		_r$3 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("wheel"), new onWheel[0].constructor.elem(onWheel[0])])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-		_r$3;
-		d[0].releases = $append(d[0].releases, (function(d, onClick, onMove, onWheel) { return function $b() {
-			var {_r$4, _r$5, _r$6, _r$7, $s, $r, $c} = $restore(this, {});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r$4 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mousemove"), new onMove[0].constructor.elem(onMove[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			_r$4;
-			_r$5 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mousedown"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-			_r$5;
-			_r$6 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mouseup"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 3; case 3: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-			_r$6;
-			_r$7 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("wheel"), new onWheel[0].constructor.elem(onWheel[0])])); /* */ $s = 4; case 4: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
-			_r$7;
-			$clone(onMove[0], js.Func).Release();
-			$clone(onClick[0], js.Func).Release();
-			$clone(onWheel[0], js.Func).Release();
-			$s = -1; return;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$4, _r$5, _r$6, _r$7, $s};return $f;
-		}; })(d, onClick, onMove, onWheel));
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindMouseEvents, $c: true, $r, _r, _r$1, _r$2, _r$3, d, onClick, onMove, onWheel, $s};return $f;
-	};
-	DomEvents.prototype.bindMouseEvents = function() { return this.$val.bindMouseEvents(); };
-	getMouseDirection = function(ev) {
-		var dir, ev;
-		dir = 0;
-		dir = 0;
-		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "mousedown") {
-			dir = 1;
-		}
-		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "mouseup") {
-			dir = 2;
-		}
-		return dir;
-	};
-	getWheelButton = function(ev) {
-		var deltaX, deltaY, ev;
-		deltaY = $clone($clone(ev, js.Value).Get("deltaY"), js.Value).Int();
-		deltaX = $clone($clone(ev, js.Value).Get("deltaX"), js.Value).Int();
-		if (deltaY > 0) {
-			return -2;
-		}
-		if (deltaY < 0) {
-			return -1;
-		}
-		if (deltaX > 0) {
-			return -4;
-		}
-		if (deltaX < 0) {
-			return -3;
-		}
-		return 0;
-	};
-	getMouseButton = function(ev) {
-		var _1, ev;
-		_1 = $clone($clone(ev, js.Value).Get("button"), js.Value).Int();
-		if (_1 === (0)) {
-			return 1;
-		} else if (_1 === (1)) {
-			return 2;
-		} else if (_1 === (2)) {
-			return 3;
-		} else if (_1 === (3)) {
-			return 8;
-		} else if (_1 === (4)) {
-			return 9;
-		} else {
-			return 0;
-		}
-	};
-	getEventModifiers = function(ev) {
-		var ev, mod;
-		mod = 0;
-		if ($clone($clone(ev, js.Value).Get("altKey"), js.Value).Bool()) {
-			mod = (mod | (4)) >>> 0;
-		}
-		if ($clone($clone(ev, js.Value).Get("ctrlKey"), js.Value).Bool()) {
-			mod = (mod | (2)) >>> 0;
-		}
-		if ($clone($clone(ev, js.Value).Get("shiftKey"), js.Value).Bool()) {
-			mod = (mod | (1)) >>> 0;
-		}
-		if ($clone($clone(ev, js.Value).Get("metaKey"), js.Value).Bool()) {
-			mod = (mod | (8)) >>> 0;
-		}
-		return mod;
-	};
-	DomEvents.ptr.prototype.bindFocusEvents = function() {
-		var {_r, _r$1, d, onFocus, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		d = [d];
-		onFocus = [onFocus];
-		d[0] = this;
-		onFocus[0] = $clone(js.FuncOf((function(d, onFocus) { return function $b(this$1, args) {
-			var {args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			$r = $send(d[0].eventChan, (x = new focus.Event.ptr(isFocusIn($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, x, $s};return $f;
-		}; })(d, onFocus)), js.Func);
-		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("focus"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_r;
-		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("blur"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$1;
-		d[0].releases = $append(d[0].releases, (function(d, onFocus) { return function $b() {
-			var {_r$2, _r$3, $s, $r, $c} = $restore(this, {});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r$2 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("focus"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			_r$2;
-			_r$3 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("blur"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$3;
-			$clone(onFocus[0], js.Func).Release();
+			var {_r$1, $s, $r, $c} = $restore(this, {});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r$1 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), new onResize[0].constructor.elem(onResize[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			_r$1;
+			$clone(onResize[0], js.Func).Release();
 			$s = -1; return;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$2, _r$3, $s};return $f;
-		}; })(d, onFocus));
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$1, $s};return $f;
+		}; })(d, onResize));
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindFocusEvents, $c: true, $r, _r, _r$1, d, onFocus, $s};return $f;
+		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindSizeEvents, $c: true, $r, _r, d, onResize, $s};return $f;
 	};
-	DomEvents.prototype.bindFocusEvents = function() { return this.$val.bindFocusEvents(); };
-	isFocusIn = function(ev) {
-		var ev;
-		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "focus") {
-			return true;
-		}
-		return false;
+	DomEvents.prototype.bindSizeEvents = function() { return this.$val.bindSizeEvents(); };
+	DomEvents.ptr.prototype.emitSizeEvent = function() {
+		var {_q, _q$1, _r, d, height, orientation, pixelsPerPt, width, x, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		d = this;
+		_r = GetOrientation(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		orientation = _r;
+		pixelsPerPt = 1;
+		width = GetDocWidth();
+		height = GetDocHeight();
+		$r = $send(d.eventChan, (x = new size.Event.ptr(width, height, ((_q = width / ((pixelsPerPt >> 0)), (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero"))), ((_q$1 = height / ((pixelsPerPt >> 0)), (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), pixelsPerPt, orientation), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.emitSizeEvent, $c: true, $r, _q, _q$1, _r, d, height, orientation, pixelsPerPt, width, x, $s};return $f;
 	};
-	DomEvents.ptr.prototype.bindKeyEvents = function() {
-		var {_r, _r$1, d, onKey, $s, $r, $c} = $restore(this, {});
+	DomEvents.prototype.emitSizeEvent = function() { return this.$val.emitSizeEvent(); };
+	DomEvents.ptr.prototype.bindMouseEvents = function() {
+		var {_r, _r$1, _r$2, _r$3, d, onClick, onMove, onWheel, $s, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		d = [d];
-		onKey = [onKey];
+		onClick = [onClick];
+		onMove = [onMove];
+		onWheel = [onWheel];
 		d[0] = this;
-		onKey[0] = $clone(js.FuncOf((function(d, onKey) { return function $b(this$1, args) {
+		onMove[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
 			var {_r, args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
 			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 			_r = $clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Call("preventDefault", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 			_r;
-			$r = $send(d[0].eventChan, (x = new key.Event.ptr(getKeyRune($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getKeyCode($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getKeyDirection($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), 0, getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), 0), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 			$s = -1; return $ifaceNil;
 			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r, args, this$1, x, $s};return $f;
-		}; })(d, onKey)), js.Func);
-		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("keydown"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		}; })(d, onClick, onMove, onWheel)), js.Func);
+		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mousemove"), new onMove[0].constructor.elem(onMove[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
 		_r;
-		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("keyup"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		onClick[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
+			var {_r$1, args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r$1 = $clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Call("preventDefault", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			_r$1;
+			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), getMouseButton($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getMouseDirection($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$1, args, this$1, x, $s};return $f;
+		}; })(d, onClick, onMove, onWheel)), js.Func);
+		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mousedown"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
 		_r$1;
-		d[0].releases = $append(d[0].releases, (function(d, onKey) { return function $b() {
-			var {_r$2, _r$3, $s, $r, $c} = $restore(this, {});
+		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("mouseup"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		_r$2;
+		onWheel[0] = $clone(js.FuncOf((function(d, onClick, onMove, onWheel) { return function $b(this$1, args) {
+			var {args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
 			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			_r$2 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("keydown"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			_r$2;
-			_r$3 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("keyup"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$3;
-			$clone(onKey[0], js.Func).Release();
+			$r = $send(d[0].eventChan, (x = new mouse.Event.ptr(($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetX"), js.Value).Float())), ($fround($clone($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Get("offsetY"), js.Value).Float())), getWheelButton($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), 3), new x.constructor.elem(x))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, x, $s};return $f;
+		}; })(d, onClick, onMove, onWheel)), js.Func);
+		_r$3 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("wheel"), new onWheel[0].constructor.elem(onWheel[0])])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		_r$3;
+		d[0].releases = $append(d[0].releases, (function(d, onClick, onMove, onWheel) { return function $b() {
+			var {_r$4, _r$5, _r$6, _r$7, $s, $r, $c} = $restore(this, {});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r$4 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mousemove"), new onMove[0].constructor.elem(onMove[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			_r$4;
+			_r$5 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mousedown"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+			_r$5;
+			_r$6 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("mouseup"), new onClick[0].constructor.elem(onClick[0])])); /* */ $s = 3; case 3: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
+			_r$6;
+			_r$7 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("wheel"), new onWheel[0].constructor.elem(onWheel[0])])); /* */ $s = 4; case 4: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
+			_r$7;
+			$clone(onMove[0], js.Func).Release();
+			$clone(onClick[0], js.Func).Release();
+			$clone(onWheel[0], js.Func).Release();
 			$s = -1; return;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$2, _r$3, $s};return $f;
-		}; })(d, onKey));
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$4, _r$5, _r$6, _r$7, $s};return $f;
+		}; })(d, onClick, onMove, onWheel));
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindKeyEvents, $c: true, $r, _r, _r$1, d, onKey, $s};return $f;
-	};
-	DomEvents.prototype.bindKeyEvents = function() { return this.$val.bindKeyEvents(); };
-	getKeyRune = function(ev) {
-		var ev, key$1;
-		key$1 = (new sliceType$2($stringToRunes($clone($clone(ev, js.Value).Get("key"), js.Value).String())));
-		if (key$1.$length === 1) {
-			return (0 >= key$1.$length ? ($throwRuntimeError("index out of range"), undefined) : key$1.$array[key$1.$offset + 0]);
-		}
-		return -1;
+		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindMouseEvents, $c: true, $r, _r, _r$1, _r$2, _r$3, d, onClick, onMove, onWheel, $s};return $f;
 	};
-	getKeyDirection = function(ev) {
+	DomEvents.prototype.bindMouseEvents = function() { return this.$val.bindMouseEvents(); };
+	getMouseDirection = function(ev) {
 		var dir, ev;
 		dir = 0;
 		dir = 0;
-		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "keydown") {
+		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "mousedown") {
 			dir = 1;
 		}
-		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "keyup") {
-			dir = 2;
-		}
-		return dir;
-	};
-	getKeyCode = function(ev) {
-		var _entry, _entry$1, _tuple, _tuple$1, code, code$1, domCode, domKey, ev, exists, exists$1;
-		domCode = $clone($clone(ev, js.Value).Get("code"), js.Value).String();
-		_tuple = (_entry = $mapIndex(keyCodesMap,$String.keyFor(domCode)), _entry !== undefined ? [_entry.v, true] : [0, false]);
-		code = _tuple[0];
-		exists = _tuple[1];
-		if (exists) {
-			return code;
-		}
-		domKey = $clone($clone(ev, js.Value).Get("key"), js.Value).String();
-		_tuple$1 = (_entry$1 = $mapIndex(keyCodesByKeyMap,$String.keyFor(domKey)), _entry$1 !== undefined ? [_entry$1.v, true] : [0, false]);
-		code$1 = _tuple$1[0];
-		exists$1 = _tuple$1[1];
-		if (exists$1) {
-			return code$1;
-		}
-		return 0;
-	};
-	ptrType.methods = [{prop: "GetEventChan", name: "GetEventChan", pkg: "", typ: $funcType([], [chanType], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "BindEvents", name: "BindEvents", pkg: "", typ: $funcType([], [], false)}, {prop: "bindSizeEvents", name: "bindSizeEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "emitSizeEvent", name: "emitSizeEvent", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindMouseEvents", name: "bindMouseEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindFocusEvents", name: "bindFocusEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindKeyEvents", name: "bindKeyEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}];
-	DomEvents.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", [{prop: "eventChan", name: "eventChan", embedded: false, exported: false, typ: chanType, tag: ""}, {prop: "releases", name: "releases", embedded: false, exported: false, typ: sliceType$1, tag: ""}]);
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = focus.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = key.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = mouse.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = size.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = geom.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = math.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = strings.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		keyCodesMap = $makeMap($String.keyFor, [{ k: "KeyA", v: 4 }, { k: "KeyB", v: 5 }, { k: "KeyC", v: 6 }, { k: "KeyD", v: 7 }, { k: "KeyE", v: 8 }, { k: "KeyF", v: 9 }, { k: "KeyG", v: 10 }, { k: "KeyH", v: 11 }, { k: "KeyI", v: 12 }, { k: "KeyJ", v: 13 }, { k: "KeyK", v: 14 }, { k: "KeyL", v: 15 }, { k: "KeyM", v: 16 }, { k: "KeyN", v: 17 }, { k: "KeyO", v: 18 }, { k: "KeyP", v: 19 }, { k: "KeyQ", v: 20 }, { k: "KeyR", v: 21 }, { k: "KeyS", v: 22 }, { k: "KeyT", v: 23 }, { k: "KeyU", v: 24 }, { k: "KeyV", v: 25 }, { k: "KeyW", v: 26 }, { k: "KeyX", v: 27 }, { k: "KeyY", v: 28 }, { k: "KeyZ", v: 29 }, { k: "Digit1", v: 30 }, { k: "Digit2", v: 31 }, { k: "Digit3", v: 32 }, { k: "Digit4", v: 33 }, { k: "Digit5", v: 34 }, { k: "Digit6", v: 35 }, { k: "Digit7", v: 36 }, { k: "Digit8", v: 37 }, { k: "Digit9", v: 38 }, { k: "Digit0", v: 39 }, { k: "Enter", v: 40 }, { k: "Escape", v: 41 }, { k: "Backspace", v: 42 }, { k: "Tab", v: 43 }, { k: "Space", v: 44 }, { k: "Minus", v: 45 }, { k: "Equal", v: 46 }, { k: "BracketLeft", v: 47 }, { k: "BracketRight", v: 48 }, { k: "Backslash", v: 49 }, { k: "Semicolon", v: 51 }, { k: "Quote", v: 52 }, { k: "Backquote", v: 53 }, { k: "Comma", v: 54 }, { k: "Period", v: 55 }, { k: "Slash", v: 56 }, { k: "CapsLock", v: 57 }, { k: "F1", v: 58 }, { k: "F2", v: 59 }, { k: "F3", v: 60 }, { k: "F4", v: 61 }, { k: "F5", v: 62 }, { k: "F6", v: 63 }, { k: "F7", v: 64 }, { k: "F8", v: 65 }, { k: "F9", v: 66 }, { k: "F10", v: 67 }, { k: "F11", v: 68 }, { k: "F12", v: 69 }, { k: "Pause", v: 72 }, { k: "Insert", v: 73 }, { k: "Home", v: 74 }, { k: "PageUp", v: 75 }, { k: "Delete", v: 76 }, { k: "End", v: 77 }, { k: "PageDown", v: 78 }, { k: "ArrowRight", v: 79 }, { k: "ArrowLeft", v: 80 }, { k: "ArrowDown", v: 81 }, { k: "ArrowUp", v: 82 }, { k: "NumLock", v: 83 }, { k: "NumpadDivide", v: 84 }, { k: "NumpadMultiply", v: 85 }, { k: "NumpadSubtract", v: 86 }, { k: "NumpadAdd", v: 87 }, { k: "NumpadEnter", v: 88 }, { k: "Numpad1", v: 89 }, { k: "Numpad2", v: 90 }, { k: "Numpad3", v: 91 }, { k: "Numpad4", v: 92 }, { k: "Numpad5", v: 93 }, { k: "Numpad6", v: 94 }, { k: "Numpad7", v: 95 }, { k: "Numpad8", v: 96 }, { k: "Numpad9", v: 97 }, { k: "Numpad0", v: 98 }, { k: "NumpadDecimal", v: 99 }, { k: "NumpadEqual", v: 103 }, { k: "F13", v: 104 }, { k: "F14", v: 105 }, { k: "F15", v: 106 }, { k: "F16", v: 107 }, { k: "F17", v: 108 }, { k: "F18", v: 109 }, { k: "F19", v: 110 }, { k: "F20", v: 111 }, { k: "F21", v: 112 }, { k: "F22", v: 113 }, { k: "F23", v: 114 }, { k: "F24", v: 115 }, { k: "Help", v: 117 }, { k: "ContextMenu", v: 118 }, { k: "VolumeMute", v: 127 }, { k: "VolumeUp", v: 128 }, { k: "VolumeDown", v: 129 }, { k: "ControlLeft", v: 224 }, { k: "ShiftLeft", v: 225 }, { k: "AltLeft", v: 226 }, { k: "MetaLeft", v: 227 }, { k: "ControlRight", v: 228 }, { k: "ShiftRight", v: 229 }, { k: "AltRight", v: 230 }, { k: "MetaRight", v: 231 }, { k: "PrintScreen", v: 0 }]);
-		keyCodesByKeyMap = $makeMap($String.keyFor, [{ k: "AudioVolumeMute", v: 127 }, { k: "AudioVolumeUp", v: 128 }, { k: "AudioVolumeDown", v: 129 }]);
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver"] = (function() {
-	var $pkg = {}, $init, fmt, errs, jshelper, dom, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, ptrType$4, ptrType$5, sliceType$1, ptrType$6, ptrType$7, ptrType$8, ptrType$9, newWindow, newScreenImpl, main, newBuffer;
-	fmt = $packages["fmt"];
-	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
-	dom = $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom"];
-	screen = $packages["golang.org/x/exp/shiny/screen"];
-	f64 = $packages["golang.org/x/image/math/f64"];
-	image = $packages["image"];
-	color = $packages["image/color"];
-	draw = $packages["image/draw"];
-	sync = $packages["sync"];
-	js = $packages["syscall/js"];
-	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "nacldriver.windowImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", false, function(screen_, mutex_, jsNaClDecoder_, domEvents_, released_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.screen = ptrType.nil;
-			this.mutex = ptrType$1.nil;
-			this.jsNaClDecoder = new js.Value.ptr(null, false, arrayType.zero());
-			this.domEvents = ptrType$2.nil;
-			this.released = false;
-			return;
-		}
-		this.screen = screen_;
-		this.mutex = mutex_;
-		this.jsNaClDecoder = jsNaClDecoder_;
-		this.domEvents = domEvents_;
-		this.released = released_;
-	});
-	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "nacldriver.screenImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", false, function(doc_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.doc = new js.Value.ptr(null, false, arrayType.zero());
-			return;
-		}
-		this.doc = doc_;
-	});
-	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "nacldriver.BufferImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", true, function(pictureResult_, screen_, size_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.pictureResult = ptrType$4.nil;
-			this.screen = ptrType.nil;
-			this.size = new image.Point.ptr(0, 0);
-			return;
-		}
-		this.pictureResult = pictureResult_;
-		this.screen = screen_;
-		this.size = size_;
-	});
-	sliceType = $sliceType($emptyInterface);
-	ptrType = $ptrType(screenImpl);
-	ptrType$1 = $ptrType(sync.Mutex);
-	funcType = $funcType([], [], false);
-	arrayType = $arrayType(funcType, 0);
-	ptrType$2 = $ptrType(dom.DomEvents);
-	ptrType$3 = $ptrType(BufferImpl);
-	ptrType$4 = $ptrType(js.Value);
-	ptrType$5 = $ptrType(image.RGBA);
-	sliceType$1 = $sliceType($Uint8);
-	ptrType$6 = $ptrType(screen.DrawOptions);
-	ptrType$7 = $ptrType(windowImpl);
-	ptrType$8 = $ptrType(screen.NewWindowOptions);
-	ptrType$9 = $ptrType(image.YCbCr);
-	newWindow = function(screen$1, opts) {
-		var {_r, _r$1, _r$2, domEvents, jsNaClDecoder, opts, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		/* */ if (!(opts.Title === "")) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if (!(opts.Title === "")) { */ case 1:
-			_r = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_r$1 = $clone(_r, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-			$r = $clone(_r$1, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 2:
-		jsNaClDecoder = $clone($clone(js.Global(), js.Value).Get("naclDecoder"), js.Value);
-		/* */ if ($clone(jsNaClDecoder, js.Value).IsUndefined()) { $s = 6; continue; }
-		/* */ $s = 7; continue;
-		/* if ($clone(jsNaClDecoder, js.Value).IsUndefined()) { */ case 6:
-			_r$2 = fmt.Errorf("Cannot get naclDecoder object from global scope", sliceType.nil); /* */ $s = 8; case 8: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-			$panic(_r$2);
-		/* } */ case 7:
-		domEvents = dom.NewDomEvents();
-		w = new windowImpl.ptr(screen$1, new sync.Mutex.ptr(0, 0), $clone(jsNaClDecoder, js.Value), domEvents, false);
-		$s = -1; return w;
-		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, domEvents, jsNaClDecoder, opts, screen$1, w, $s};return $f;
-	};
-	windowImpl.ptr.prototype.Release = function() {
-		var {w, $s, $deferred, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
-		w = this;
-		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$deferred.push([$methodVal(w.mutex, "Unlock"), []]);
-		/* */ if (w.released) { $s = 2; continue; }
-		/* */ $s = 3; continue;
-		/* if (w.released) { */ case 2:
-			$s = 4; case 4: return;
-		/* } */ case 3:
-		$r = w.domEvents.Release(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		w.released = true;
-		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, w, $s, $deferred};return $f; } }
-	};
-	windowImpl.prototype.Release = function() { return this.$val.Release(); };
-	windowImpl.ptr.prototype.Publish = function() {
-		var w;
-		w = this;
-		if (w.released) {
-			return new screen.PublishResult.ptr(false);
+		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "mouseup") {
+			dir = 2;
 		}
-		return new screen.PublishResult.ptr(false);
+		return dir;
 	};
-	windowImpl.prototype.Publish = function() { return this.$val.Publish(); };
-	windowImpl.ptr.prototype.Send = function(event) {
-		var event, w;
-		w = this;
-		if (w.released) {
-			return;
+	getWheelButton = function(ev) {
+		var deltaX, deltaY, ev;
+		deltaY = $clone($clone(ev, js.Value).Get("deltaY"), js.Value).Int();
+		deltaX = $clone($clone(ev, js.Value).Get("deltaX"), js.Value).Int();
+		if (deltaY > 0) {
+			return -2;
 		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Send = function(event) { return this.$val.Send(event); };
-	windowImpl.ptr.prototype.SendFirst = function(event) {
-		var event, w;
-		w = this;
-		if (w.released) {
-			return;
+		if (deltaY < 0) {
+			return -1;
 		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.SendFirst = function(event) { return this.$val.SendFirst(event); };
-	windowImpl.ptr.prototype.NextEvent = function() {
-		var {_r, ev, w, $s, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		_r = $recv(w.domEvents.GetEventChan()); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		ev = _r[0];
-		$s = -1; return ev;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.NextEvent, $c: true, $r, _r, ev, w, $s};return $f;
-	};
-	windowImpl.prototype.NextEvent = function() { return this.$val.NextEvent(); };
-	windowImpl.ptr.prototype.Upload = function(dp, src, sr) {
-		var {_r, dp, sr, src, w, $s, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		w = this;
-		if (w.released) {
-			$s = -1; return;
+		if (deltaX > 0) {
+			return -4;
 		}
-		_r = fmt.Errorf("Not implemented, use UploadYCbCr instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$panic(_r);
-		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.Upload, $c: true, $r, _r, dp, sr, src, w, $s};return $f;
-	};
-	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
-	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
-		var {_arg, _r, _r$1, _r$2, _r$3, _r$4, _ref, _tuple, dp, err, jsSrc, jsSrc$1, renderPromise, sr, src, w, x, x$1, $s, $deferred, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
-		w = this;
-		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$deferred.push([$methodVal(w.mutex, "Unlock"), []]);
-		/* */ if (w.released) { $s = 2; continue; }
-		/* */ $s = 3; continue;
-		/* if (w.released) { */ case 2:
-			$s = 4; case 4: return;
-		/* } */ case 3:
-		_ref = src;
-		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if ($assertType(_ref, ptrType$3, true)[1]) { */ case 5:
-			jsSrc = _ref.$val;
-			_r = $clone(w.jsNaClDecoder, js.Value).Call("render", new sliceType([(x = jsSrc.pictureResult, new x.constructor.elem(x))])); /* */ $s = 8; case 8: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			renderPromise = $clone(_r, js.Value);
-			_r$1 = jshelper.Await($clone(renderPromise, js.Value)); /* */ $s = 9; case 9: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-			_tuple = _r$1;
-			err = _tuple[1];
-			/* */ if (!(err === ptrType$4.nil)) { $s = 10; continue; }
-			/* */ $s = 11; continue;
-			/* if (!(err === ptrType$4.nil)) { */ case 10:
-				_r$2 = errs.Errorf("%v", new sliceType([err])); /* */ $s = 12; case 12: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-				_arg = _r$2;
-				$r = errs.Print("Failed to render picture", _arg); /* */ $s = 13; case 13: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			/* } */ case 11:
-			_r$3 = $clone(w.jsNaClDecoder, js.Value).Call("recyclePicture", new sliceType([(x$1 = jsSrc.pictureResult, new x$1.constructor.elem(x$1))])); /* */ $s = 14; case 14: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$3;
-			$s = 7; continue;
-		/* } else { */ case 6:
-			jsSrc$1 = _ref;
-			_r$4 = fmt.Errorf("Not implemented, use nacldriver.BufferImpl instead", sliceType.nil); /* */ $s = 15; case 15: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			$panic(_r$4);
-		/* } */ case 7:
-		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _ref, _tuple, dp, err, jsSrc, jsSrc$1, renderPromise, sr, src, w, x, x$1, $s, $deferred};return $f; } }
-	};
-	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
-	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
-		var dr, op, src, w;
-		w = this;
-		if (w.released) {
-			return;
+		if (deltaX < 0) {
+			return -3;
 		}
-		$panic(new $String("Not implemented"));
+		return 0;
 	};
-	windowImpl.prototype.Fill = function(dr, src, op) { return this.$val.Fill(dr, src, op); };
-	windowImpl.ptr.prototype.Draw = function(src2dst, src, sr, op, opts) {
-		var op, opts, sr, src, src2dst, w;
-		w = this;
-		if (w.released) {
-			return;
+	getMouseButton = function(ev) {
+		var _1, ev;
+		_1 = $clone($clone(ev, js.Value).Get("button"), js.Value).Int();
+		if (_1 === (0)) {
+			return 1;
+		} else if (_1 === (1)) {
+			return 2;
+		} else if (_1 === (2)) {
+			return 3;
+		} else if (_1 === (3)) {
+			return 8;
+		} else if (_1 === (4)) {
+			return 9;
+		} else {
+			return 0;
 		}
-		$panic(new $String("Not implemented"));
 	};
-	windowImpl.prototype.Draw = function(src2dst, src, sr, op, opts) { return this.$val.Draw(src2dst, src, sr, op, opts); };
-	windowImpl.ptr.prototype.DrawUniform = function(src2dst, src, sr, op, opts) {
-		var op, opts, sr, src, src2dst, w;
-		w = this;
-		if (w.released) {
-			return;
+	getEventModifiers = function(ev) {
+		var ev, mod;
+		mod = 0;
+		if ($clone($clone(ev, js.Value).Get("altKey"), js.Value).Bool()) {
+			mod = (mod | (4)) >>> 0;
 		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.DrawUniform = function(src2dst, src, sr, op, opts) { return this.$val.DrawUniform(src2dst, src, sr, op, opts); };
-	windowImpl.ptr.prototype.Copy = function(dp, src, sr, op, opts) {
-		var dp, op, opts, sr, src, w;
-		w = this;
-		if (w.released) {
-			return;
+		if ($clone($clone(ev, js.Value).Get("ctrlKey"), js.Value).Bool()) {
+			mod = (mod | (2)) >>> 0;
 		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Copy = function(dp, src, sr, op, opts) { return this.$val.Copy(dp, src, sr, op, opts); };
-	windowImpl.ptr.prototype.Scale = function(dr, src, sr, op, opts) {
-		var dr, op, opts, sr, src, w;
-		w = this;
-		if (w.released) {
-			return;
+		if ($clone($clone(ev, js.Value).Get("shiftKey"), js.Value).Bool()) {
+			mod = (mod | (1)) >>> 0;
 		}
-		$panic(new $String("Not implemented"));
-	};
-	windowImpl.prototype.Scale = function(dr, src, sr, op, opts) { return this.$val.Scale(dr, src, sr, op, opts); };
-	newScreenImpl = function() {
-		var s;
-		s = new screenImpl.ptr($clone($clone(js.Global(), js.Value).Get("document"), js.Value));
-		return [s, $ifaceNil];
-	};
-	screenImpl.ptr.prototype.NewBuffer = function(size) {
-		var buffer, s, size;
-		s = this;
-		buffer = newBuffer(s, $clone(size, image.Point));
-		return [buffer, $ifaceNil];
-	};
-	screenImpl.prototype.NewBuffer = function(size) { return this.$val.NewBuffer(size); };
-	screenImpl.ptr.prototype.NewTexture = function(size) {
-		var {$24r, _r, s, size, $s, $r, $c} = $restore(this, {size});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		s = this;
-		_r = fmt.Errorf("Texture not implemented", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$24r = [$ifaceNil, _r];
-		$s = 2; case 2: return $24r;
-		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewTexture, $c: true, $r, $24r, _r, s, size, $s};return $f;
+		if ($clone($clone(ev, js.Value).Get("metaKey"), js.Value).Bool()) {
+			mod = (mod | (8)) >>> 0;
+		}
+		return mod;
 	};
-	screenImpl.prototype.NewTexture = function(size) { return this.$val.NewTexture(size); };
-	screenImpl.ptr.prototype.NewWindow = function(opts) {
-		var {_r, opts, s, window, $s, $r, $c} = $restore(this, {opts});
+	DomEvents.ptr.prototype.bindFocusEvents = function() {
+		var {_r, _r$1, d, onFocus, $s, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		s = this;
-		_r = newWindow(s, opts); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		window = _r;
-		$s = -1; return [window, $ifaceNil];
-		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
+		d = [d];
+		onFocus = [onFocus];
+		d[0] = this;
+		onFocus[0] = $clone(js.FuncOf((function(d, onFocus) { return function $b(this$1, args) {
+			var {args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			$r = $send(d[0].eventChan, (x = new focus.Event.ptr(isFocusIn($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, x, $s};return $f;
+		}; })(d, onFocus)), js.Func);
+		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("focus"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r;
+		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("blur"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$1;
+		d[0].releases = $append(d[0].releases, (function(d, onFocus) { return function $b() {
+			var {_r$2, _r$3, $s, $r, $c} = $restore(this, {});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r$2 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("focus"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$2;
+			_r$3 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("blur"), new onFocus[0].constructor.elem(onFocus[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$3;
+			$clone(onFocus[0], js.Func).Release();
+			$s = -1; return;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$2, _r$3, $s};return $f;
+		}; })(d, onFocus));
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindFocusEvents, $c: true, $r, _r, _r$1, d, onFocus, $s};return $f;
 	};
-	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
-	main = function(f) {
-		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		retErr = $ifaceNil;
-		_tuple = newScreenImpl();
-		s = _tuple[0];
-		err = _tuple[1];
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			retErr = err;
-			$s = -1; return retErr;
+	DomEvents.prototype.bindFocusEvents = function() { return this.$val.bindFocusEvents(); };
+	isFocusIn = function(ev) {
+		var ev;
+		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "focus") {
+			return true;
 		}
-		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		retErr = $ifaceNil;
-		$s = -1; return retErr;
-		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
-	};
-	newBuffer = function(screen$1, size) {
-		var b, screen$1, size;
-		b = new BufferImpl.ptr(ptrType$4.nil, screen$1, $clone(size, image.Point));
-		return b;
-	};
-	BufferImpl.ptr.prototype.Size = function() {
-		var b;
-		b = this;
-		return b.size;
-	};
-	BufferImpl.prototype.Size = function() { return this.$val.Size(); };
-	BufferImpl.ptr.prototype.Bounds = function() {
-		var b;
-		b = this;
-		return new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(b.size, image.Point));
+		return false;
 	};
-	BufferImpl.prototype.Bounds = function() { return this.$val.Bounds(); };
-	BufferImpl.ptr.prototype.RGBA = function() {
-		var {_r, b, $s, $r, $c} = $restore(this, {});
+	DomEvents.ptr.prototype.bindKeyEvents = function() {
+		var {_r, _r$1, d, onKey, $s, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		b = this;
-		_r = fmt.Errorf("Not implemented RGBA(), use PictureResult() instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		$panic(_r);
-		$s = -1; return ptrType$5.nil;
-		/* */ } return; } var $f = {$blk: BufferImpl.ptr.prototype.RGBA, $c: true, $r, _r, b, $s};return $f;
-	};
-	BufferImpl.prototype.RGBA = function() { return this.$val.RGBA(); };
-	BufferImpl.ptr.prototype.YCbCr = function() {
-		var b;
-		b = this;
-		return new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, $clone(b.Bounds(), image.Rectangle));
+		d = [d];
+		onKey = [onKey];
+		d[0] = this;
+		onKey[0] = $clone(js.FuncOf((function(d, onKey) { return function $b(this$1, args) {
+			var {_r, args, this$1, x, $s, $r, $c} = $restore(this, {this$1, args});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r = $clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value).Call("preventDefault", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_r;
+			$r = $send(d[0].eventChan, (x = new key.Event.ptr(getKeyRune($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getKeyCode($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getEventModifiers($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value)), getKeyDirection($clone((0 >= args.$length ? ($throwRuntimeError("index out of range"), undefined) : args.$array[args.$offset + 0]), js.Value))), new x.constructor.elem(x))); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = -1; return $ifaceNil;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r, args, this$1, x, $s};return $f;
+		}; })(d, onKey)), js.Func);
+		_r = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("keydown"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		_r;
+		_r$1 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("keyup"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_r$1;
+		d[0].releases = $append(d[0].releases, (function(d, onKey) { return function $b() {
+			var {_r$2, _r$3, $s, $r, $c} = $restore(this, {});
+			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+			_r$2 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("keydown"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 1; case 1: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			_r$2;
+			_r$3 = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("keyup"), new onKey[0].constructor.elem(onKey[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+			_r$3;
+			$clone(onKey[0], js.Func).Release();
+			$s = -1; return;
+			/* */ } return; } var $f = {$blk: $b, $c: true, $r, _r$2, _r$3, $s};return $f;
+		}; })(d, onKey));
+		$s = -1; return;
+		/* */ } return; } var $f = {$blk: DomEvents.ptr.prototype.bindKeyEvents, $c: true, $r, _r, _r$1, d, onKey, $s};return $f;
 	};
-	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
-	BufferImpl.ptr.prototype.GetPictureResult = function() {
-		var b;
-		b = this;
-		return b.pictureResult;
+	DomEvents.prototype.bindKeyEvents = function() { return this.$val.bindKeyEvents(); };
+	getKeyRune = function(ev) {
+		var ev, key$1;
+		key$1 = (new sliceType$2($stringToRunes($clone($clone(ev, js.Value).Get("key"), js.Value).String())));
+		if (key$1.$length === 1) {
+			return (0 >= key$1.$length ? ($throwRuntimeError("index out of range"), undefined) : key$1.$array[key$1.$offset + 0]);
+		}
+		return -1;
 	};
-	BufferImpl.prototype.GetPictureResult = function() { return this.$val.GetPictureResult(); };
-	BufferImpl.ptr.prototype.SetPictureResult = function(pictureResult) {
-		var b, pictureResult;
-		b = this;
-		b.pictureResult = pictureResult;
+	getKeyDirection = function(ev) {
+		var dir, ev;
+		dir = 0;
+		dir = 0;
+		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "keydown") {
+			dir = 1;
+		}
+		if ($clone($clone(ev, js.Value).Get("type"), js.Value).String() === "keyup") {
+			dir = 2;
+		}
+		return dir;
 	};
-	BufferImpl.prototype.SetPictureResult = function(pictureResult) { return this.$val.SetPictureResult(pictureResult); };
-	BufferImpl.ptr.prototype.Release = function() {
-		var b;
-		b = this;
+	getKeyCode = function(ev) {
+		var _entry, _entry$1, _tuple, _tuple$1, code, code$1, domCode, domKey, ev, exists, exists$1;
+		domCode = $clone($clone(ev, js.Value).Get("code"), js.Value).String();
+		_tuple = (_entry = $mapIndex(keyCodesMap,$String.keyFor(domCode)), _entry !== undefined ? [_entry.v, true] : [0, false]);
+		code = _tuple[0];
+		exists = _tuple[1];
+		if (exists) {
+			return code;
+		}
+		domKey = $clone($clone(ev, js.Value).Get("key"), js.Value).String();
+		_tuple$1 = (_entry$1 = $mapIndex(keyCodesByKeyMap,$String.keyFor(domKey)), _entry$1 !== undefined ? [_entry$1.v, true] : [0, false]);
+		code$1 = _tuple$1[0];
+		exists$1 = _tuple$1[1];
+		if (exists$1) {
+			return code$1;
+		}
+		return 0;
 	};
-	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
-	ptrType$7.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}];
-	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$8], [screen.Window, $error], false)}];
-	ptrType$3.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$5], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$9], false)}, {prop: "GetPictureResult", name: "GetPictureResult", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "SetPictureResult", name: "SetPictureResult", pkg: "", typ: $funcType([ptrType$4], [], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
-	windowImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "jsNaClDecoder", name: "jsNaClDecoder", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}]);
-	screenImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
-	BufferImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "pictureResult", name: "pictureResult", embedded: false, exported: false, typ: ptrType$4, tag: ""}, {prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}]);
+	ptrType.methods = [{prop: "GetEventChan", name: "GetEventChan", pkg: "", typ: $funcType([], [chanType], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "BindEvents", name: "BindEvents", pkg: "", typ: $funcType([], [], false)}, {prop: "bindSizeEvents", name: "bindSizeEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "emitSizeEvent", name: "emitSizeEvent", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindMouseEvents", name: "bindMouseEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindFocusEvents", name: "bindFocusEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}, {prop: "bindKeyEvents", name: "bindKeyEvents", pkg: "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", typ: $funcType([], [], false)}];
+	DomEvents.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom", [{prop: "eventChan", name: "eventChan", embedded: false, exported: false, typ: chanType, tag: ""}, {prop: "releases", name: "releases", embedded: false, exported: false, typ: sliceType$1, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = jshelper.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = dom.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = screen.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = f64.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = color.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = draw.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = focus.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = key.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = mouse.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = size.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = geom.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = math.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = strings.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		keyCodesMap = $makeMap($String.keyFor, [{ k: "KeyA", v: 4 }, { k: "KeyB", v: 5 }, { k: "KeyC", v: 6 }, { k: "KeyD", v: 7 }, { k: "KeyE", v: 8 }, { k: "KeyF", v: 9 }, { k: "KeyG", v: 10 }, { k: "KeyH", v: 11 }, { k: "KeyI", v: 12 }, { k: "KeyJ", v: 13 }, { k: "KeyK", v: 14 }, { k: "KeyL", v: 15 }, { k: "KeyM", v: 16 }, { k: "KeyN", v: 17 }, { k: "KeyO", v: 18 }, { k: "KeyP", v: 19 }, { k: "KeyQ", v: 20 }, { k: "KeyR", v: 21 }, { k: "KeyS", v: 22 }, { k: "KeyT", v: 23 }, { k: "KeyU", v: 24 }, { k: "KeyV", v: 25 }, { k: "KeyW", v: 26 }, { k: "KeyX", v: 27 }, { k: "KeyY", v: 28 }, { k: "KeyZ", v: 29 }, { k: "Digit1", v: 30 }, { k: "Digit2", v: 31 }, { k: "Digit3", v: 32 }, { k: "Digit4", v: 33 }, { k: "Digit5", v: 34 }, { k: "Digit6", v: 35 }, { k: "Digit7", v: 36 }, { k: "Digit8", v: 37 }, { k: "Digit9", v: 38 }, { k: "Digit0", v: 39 }, { k: "Enter", v: 40 }, { k: "Escape", v: 41 }, { k: "Backspace", v: 42 }, { k: "Tab", v: 43 }, { k: "Space", v: 44 }, { k: "Minus", v: 45 }, { k: "Equal", v: 46 }, { k: "BracketLeft", v: 47 }, { k: "BracketRight", v: 48 }, { k: "Backslash", v: 49 }, { k: "Semicolon", v: 51 }, { k: "Quote", v: 52 }, { k: "Backquote", v: 53 }, { k: "Comma", v: 54 }, { k: "Period", v: 55 }, { k: "Slash", v: 56 }, { k: "CapsLock", v: 57 }, { k: "F1", v: 58 }, { k: "F2", v: 59 }, { k: "F3", v: 60 }, { k: "F4", v: 61 }, { k: "F5", v: 62 }, { k: "F6", v: 63 }, { k: "F7", v: 64 }, { k: "F8", v: 65 }, { k: "F9", v: 66 }, { k: "F10", v: 67 }, { k: "F11", v: 68 }, { k: "F12", v: 69 }, { k: "Pause", v: 72 }, { k: "Insert", v: 73 }, { k: "Home", v: 74 }, { k: "PageUp", v: 75 }, { k: "Delete", v: 76 }, { k: "End", v: 77 }, { k: "PageDown", v: 78 }, { k: "ArrowRight", v: 79 }, { k: "ArrowLeft", v: 80 }, { k: "ArrowDown", v: 81 }, { k: "ArrowUp", v: 82 }, { k: "NumLock", v: 83 }, { k: "NumpadDivide", v: 84 }, { k: "NumpadMultiply", v: 85 }, { k: "NumpadSubtract", v: 86 }, { k: "NumpadAdd", v: 87 }, { k: "NumpadEnter", v: 88 }, { k: "Numpad1", v: 89 }, { k: "Numpad2", v: 90 }, { k: "Numpad3", v: 91 }, { k: "Numpad4", v: 92 }, { k: "Numpad5", v: 93 }, { k: "Numpad6", v: 94 }, { k: "Numpad7", v: 95 }, { k: "Numpad8", v: 96 }, { k: "Numpad9", v: 97 }, { k: "Numpad0", v: 98 }, { k: "NumpadDecimal", v: 99 }, { k: "NumpadEqual", v: 103 }, { k: "F13", v: 104 }, { k: "F14", v: 105 }, { k: "F15", v: 106 }, { k: "F16", v: 107 }, { k: "F17", v: 108 }, { k: "F18", v: 109 }, { k: "F19", v: 110 }, { k: "F20", v: 111 }, { k: "F21", v: 112 }, { k: "F22", v: 113 }, { k: "F23", v: 114 }, { k: "F24", v: 115 }, { k: "Help", v: 117 }, { k: "ContextMenu", v: 118 }, { k: "VolumeMute", v: 127 }, { k: "VolumeUp", v: 128 }, { k: "VolumeDown", v: 129 }, { k: "ControlLeft", v: 224 }, { k: "ShiftLeft", v: 225 }, { k: "AltLeft", v: 226 }, { k: "MetaLeft", v: 227 }, { k: "ControlRight", v: 228 }, { k: "ShiftRight", v: 229 }, { k: "AltRight", v: 230 }, { k: "MetaRight", v: 231 }, { k: "PrintScreen", v: 0 }]);
+		keyCodesByKeyMap = $makeMap($String.keyFor, [{ k: "AudioVolumeMute", v: 127 }, { k: "AudioVolumeUp", v: 128 }, { k: "AudioVolumeDown", v: 129 }]);
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;
 	return $pkg;
 })();
-$packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder"] = (function() {
-	var $pkg = {}, $init, errs, jshelper, general, nacldriver, js;
+$packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver"] = (function() {
+	var $pkg = {}, $init, fmt, errs, jshelper, dom, screen, f64, image, color, draw, log, sync, js, windowImpl, screenImpl, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, ptrType$4, sliceType$1, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, newWindow, newScreenImpl, main, newBuffer;
+	fmt = $packages["fmt"];
 	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
 	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
-	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
-	nacldriver = $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver"];
-	js = $packages["syscall/js"];
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = errs.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = jshelper.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = general.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = nacldriver.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
-	var $pkg = {}, $init, fmt, dom, errscreen, screen, f64, image, color, draw, sync, js, windowImpl, screenImpl, YCbCrJS, BufferImpl, sliceType, ptrType, ptrType$1, funcType, arrayType, ptrType$2, ptrType$3, sliceType$1, ptrType$4, ptrType$5, ptrType$6, ptrType$7, ptrType$8, ptrType$9, ptrType$10, newWindow, main, newScreenImpl, newBuffer;
-	fmt = $packages["fmt"];
-	dom = $packages["golang.org/x/exp/shiny/driver/internal/dom"];
-	errscreen = $packages["golang.org/x/exp/shiny/driver/internal/errscreen"];
+	dom = $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver/dom"];
 	screen = $packages["golang.org/x/exp/shiny/screen"];
 	f64 = $packages["golang.org/x/image/math/f64"];
 	image = $packages["image"];
 	color = $packages["image/color"];
 	draw = $packages["image/draw"];
+	log = $packages["log"];
 	sync = $packages["sync"];
 	js = $packages["syscall/js"];
-	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "canvasdriver.windowImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(screen_, mutex_, canvasEl_, ctx2d_, released_, domEvents_, resizeCallback_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.screen = ptrType.nil;
-			this.mutex = ptrType$1.nil;
-			this.canvasEl = new js.Value.ptr(null, false, arrayType.zero());
-			this.ctx2d = new js.Value.ptr(null, false, arrayType.zero());
-			this.released = false;
-			this.domEvents = ptrType$2.nil;
-			this.resizeCallback = new js.Func.ptr(new js.Value.ptr(null, false, arrayType.zero()));
-			return;
-		}
-		this.screen = screen_;
-		this.mutex = mutex_;
-		this.canvasEl = canvasEl_;
-		this.ctx2d = ctx2d_;
-		this.released = released_;
-		this.domEvents = domEvents_;
-		this.resizeCallback = resizeCallback_;
-	});
-	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "canvasdriver.screenImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", false, function(doc_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.doc = new js.Value.ptr(null, false, arrayType.zero());
-			return;
-		}
-		this.doc = doc_;
-	});
-	YCbCrJS = $pkg.YCbCrJS = $newType(0, $kindStruct, "canvasdriver.YCbCrJS", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(CanvasImageSource_) {
-		this.$val = this;
-		if (arguments.length === 0) {
-			this.CanvasImageSource = ptrType$5.nil;
-			return;
-		}
-		this.CanvasImageSource = CanvasImageSource_;
-	});
-	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "canvasdriver.BufferImpl", true, "golang.org/x/exp/shiny/driver/canvasdriver", true, function(screen_, size_, mutex_, released_, rgba_, ycbcr_, ycbcrJS_) {
+	windowImpl = $pkg.windowImpl = $newType(0, $kindStruct, "nacldriver.windowImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", false, function(screen_, mutex_, jsNaClDecoder_, domEvents_, released_) {
 		this.$val = this;
-		if (arguments.length === 0) {
-			this.screen = ptrType.nil;
-			this.size = new image.Point.ptr(0, 0);
-			this.mutex = ptrType$1.nil;
-			this.released = false;
-			this.rgba = new image.RGBA.ptr(sliceType$1.nil, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcr = new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, new image.Rectangle.ptr(new image.Point.ptr(0, 0), new image.Point.ptr(0, 0)));
-			this.ycbcrJS = ptrType$4.nil;
-			return;
-		}
-		this.screen = screen_;
-		this.size = size_;
-		this.mutex = mutex_;
-		this.released = released_;
-		this.rgba = rgba_;
-		this.ycbcr = ycbcr_;
-		this.ycbcrJS = ycbcrJS_;
-	});
-	sliceType = $sliceType($emptyInterface);
-	ptrType = $ptrType(screenImpl);
-	ptrType$1 = $ptrType(sync.Mutex);
-	funcType = $funcType([], [], false);
-	arrayType = $arrayType(funcType, 0);
-	ptrType$2 = $ptrType(dom.DomEvents);
-	ptrType$3 = $ptrType(BufferImpl);
-	sliceType$1 = $sliceType($Uint8);
-	ptrType$4 = $ptrType(YCbCrJS);
-	ptrType$5 = $ptrType(js.Value);
-	ptrType$6 = $ptrType(screen.DrawOptions);
-	ptrType$7 = $ptrType(windowImpl);
-	ptrType$8 = $ptrType(screen.NewWindowOptions);
-	ptrType$9 = $ptrType(image.RGBA);
-	ptrType$10 = $ptrType(image.YCbCr);
-	newWindow = function(screen$1, opts) {
-		var {_r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		adaptCanvas = [adaptCanvas];
-		canvasEl = [canvasEl];
-		_r = $clone(screen$1.doc, js.Value).Call("createElement", new sliceType([new $String("canvas")])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		canvasEl[0] = $clone(_r, js.Value);
-		_r$1 = $clone($clone(screen$1.doc, js.Value).Get("body"), js.Value).Call("appendChild", new sliceType([new canvasEl[0].constructor.elem(canvasEl[0])])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$1;
-		adaptCanvas[0] = (function(adaptCanvas, canvasEl) { return function() {
-			var height, scale, width;
-			scale = dom.GetBrowserZoomRatio();
-			width = (((dom.GetScreenWidth()) / scale >> 0));
-			if (!(($clone($clone(canvasEl[0], js.Value).Get("width"), js.Value).Int() === width))) {
-				$clone(canvasEl[0], js.Value).Set("width", new $Int(width));
-			}
-			height = (((dom.GetScreenHeight()) / scale >> 0));
-			if (!(($clone($clone(canvasEl[0], js.Value).Get("height"), js.Value).Int() === height))) {
-				$clone(canvasEl[0], js.Value).Set("height", new $Int(height));
-			}
-		}; })(adaptCanvas, canvasEl);
-		$r = adaptCanvas[0](); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		resizeCallback = $clone(js.FuncOf((function(adaptCanvas, canvasEl) { return function $b(this$1, args) {
-			var {args, this$1, $s, $r, $c} = $restore(this, {this$1, args});
-			/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-			$r = adaptCanvas[0](); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-			$s = -1; return $ifaceNil;
-			/* */ } return; } var $f = {$blk: $b, $c: true, $r, args, this$1, $s};return $f;
-		}; })(adaptCanvas, canvasEl)), js.Func);
-		_r$2 = $clone(js.Global(), js.Value).Call("addEventListener", new sliceType([new $String("resize"), new resizeCallback.constructor.elem(resizeCallback)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
-		_r$2;
-		/* */ if (!((opts.Width === 0))) { $s = 5; continue; }
-		/* */ $s = 6; continue;
-		/* if (!((opts.Width === 0))) { */ case 5:
-			$r = dom.SetWindowWidth(opts.Width); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 6:
-		/* */ if (!((opts.Height === 0))) { $s = 8; continue; }
-		/* */ $s = 9; continue;
-		/* if (!((opts.Height === 0))) { */ case 8:
-			$r = dom.SetWindowHeight(opts.Height); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 9:
-		/* */ if (!(opts.Title === "")) { $s = 11; continue; }
-		/* */ $s = 12; continue;
-		/* if (!(opts.Title === "")) { */ case 11:
-			_r$3 = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 13; case 13: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
-			_r$4 = $clone(_r$3, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 14; case 14: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
-			$r = $clone(_r$4, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 15; case 15: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* } */ case 12:
-		_r$5 = $clone(canvasEl[0], js.Value).Call("getContext", new sliceType([new $String("2d")])); /* */ $s = 16; case 16: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
-		ctx2d = $clone(_r$5, js.Value);
-		/* */ if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { $s = 17; continue; }
-		/* */ $s = 18; continue;
-		/* if ($clone(ctx2d, js.Value).IsUndefined() || $clone(ctx2d, js.Value).IsNull()) { */ case 17:
-			_r$6 = fmt.Errorf("Cannot get 2d context of canvas", sliceType.nil); /* */ $s = 19; case 19: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
-			$panic(_r$6);
-		/* } */ case 18:
+		if (arguments.length === 0) {
+			this.screen = ptrType.nil;
+			this.mutex = ptrType$1.nil;
+			this.jsNaClDecoder = new js.Value.ptr(null, false, arrayType.zero());
+			this.domEvents = ptrType$2.nil;
+			this.released = false;
+			return;
+		}
+		this.screen = screen_;
+		this.mutex = mutex_;
+		this.jsNaClDecoder = jsNaClDecoder_;
+		this.domEvents = domEvents_;
+		this.released = released_;
+	});
+	screenImpl = $pkg.screenImpl = $newType(0, $kindStruct, "nacldriver.screenImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", false, function(doc_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.doc = new js.Value.ptr(null, false, arrayType.zero());
+			return;
+		}
+		this.doc = doc_;
+	});
+	BufferImpl = $pkg.BufferImpl = $newType(0, $kindStruct, "nacldriver.BufferImpl", true, "github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", true, function(pictureResult_, screen_, size_) {
+		this.$val = this;
+		if (arguments.length === 0) {
+			this.pictureResult = ptrType$3.nil;
+			this.screen = ptrType.nil;
+			this.size = new image.Point.ptr(0, 0);
+			return;
+		}
+		this.pictureResult = pictureResult_;
+		this.screen = screen_;
+		this.size = size_;
+	});
+	sliceType = $sliceType($emptyInterface);
+	ptrType = $ptrType(screenImpl);
+	ptrType$1 = $ptrType(sync.Mutex);
+	funcType = $funcType([], [], false);
+	arrayType = $arrayType(funcType, 0);
+	ptrType$2 = $ptrType(dom.DomEvents);
+	ptrType$3 = $ptrType(js.Value);
+	ptrType$4 = $ptrType(image.RGBA);
+	sliceType$1 = $sliceType($Uint8);
+	ptrType$5 = $ptrType(screen.DrawOptions);
+	ptrType$6 = $ptrType(windowImpl);
+	ptrType$7 = $ptrType(screen.NewWindowOptions);
+	ptrType$8 = $ptrType(image.YCbCr);
+	ptrType$9 = $ptrType(BufferImpl);
+	newWindow = function(screen$1, opts) {
+		var {_r, _r$1, _r$2, domEvents, jsNaClDecoder, opts, screen$1, w, $s, $r, $c} = $restore(this, {screen$1, opts});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		/* */ if (!(opts.Title === "")) { $s = 1; continue; }
+		/* */ $s = 2; continue;
+		/* if (!(opts.Title === "")) { */ case 1:
+			_r = $clone($clone(screen$1.doc, js.Value).Get("head"), js.Value).Call("getElementsByTagName", new sliceType([new $String("title")])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+			_r$1 = $clone(_r, js.Value).Call("item", new sliceType([new $Int(0)])); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+			$r = $clone(_r$1, js.Value).Set("innerHTML", new $String(opts.Title)); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 2:
+		jsNaClDecoder = $clone($clone(js.Global(), js.Value).Get("naclDecoder"), js.Value);
+		/* */ if ($clone(jsNaClDecoder, js.Value).IsUndefined()) { $s = 6; continue; }
+		/* */ $s = 7; continue;
+		/* if ($clone(jsNaClDecoder, js.Value).IsUndefined()) { */ case 6:
+			_r$2 = fmt.Errorf("Cannot get naclDecoder object from global scope", sliceType.nil); /* */ $s = 8; case 8: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+			$panic(_r$2);
+		/* } */ case 7:
 		domEvents = dom.NewDomEvents();
-		w = new windowImpl.ptr(screen$1, ptrType$1.nil, $clone(canvasEl[0], js.Value), $clone(ctx2d, js.Value), false, domEvents, $clone(resizeCallback, js.Func));
-		$r = domEvents.BindEvents(); /* */ $s = 20; case 20: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		w = new windowImpl.ptr(screen$1, new sync.Mutex.ptr(0, 0), $clone(jsNaClDecoder, js.Value), domEvents, false);
 		$s = -1; return w;
-		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, adaptCanvas, canvasEl, ctx2d, domEvents, opts, resizeCallback, screen$1, w, $s};return $f;
+		/* */ } return; } var $f = {$blk: newWindow, $c: true, $r, _r, _r$1, _r$2, domEvents, jsNaClDecoder, opts, screen$1, w, $s};return $f;
 	};
 	windowImpl.ptr.prototype.Release = function() {
-		var {_r, _r$1, w, x, $s, $deferred, $r, $c} = $restore(this, {});
+		var {w, $s, $deferred, $r, $c} = $restore(this, {});
 		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
 		w = this;
 		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
@@ -191163,15 +191202,10 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		/* if (w.released) { */ case 2:
 			$s = 4; case 4: return;
 		/* } */ case 3:
-		_r = $clone(js.Global(), js.Value).Call("removeEventListener", new sliceType([new $String("resize"), (x = w.resizeCallback, new x.constructor.elem(x))])); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-		_r;
-		$clone(w.resizeCallback, js.Func).Release();
-		_r$1 = $clone(w.canvasEl, js.Value).Call("remove", sliceType.nil); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		_r$1;
-		$r = w.domEvents.Release(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = w.domEvents.Release(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		w.released = true;
 		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, _r, _r$1, w, x, $s, $deferred};return $f; } }
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.Release, $c: true, $r, w, $s, $deferred};return $f; } }
 	};
 	windowImpl.prototype.Release = function() { return this.$val.Release(); };
 	windowImpl.ptr.prototype.Publish = function() {
@@ -191225,25 +191259,48 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 	};
 	windowImpl.prototype.Upload = function(dp, src, sr) { return this.$val.Upload(dp, src, sr); };
 	windowImpl.ptr.prototype.UploadYCbCr = function(dp, src, sr) {
-		var {_r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s, $r, $c} = $restore(this, {dp, src, sr});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		var {_arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, _tuple$1, dp, err, picturePromise, pictureResult, renderPromise, renderResult, sr, src, w, x, x$1, $s, $deferred, $r, $c} = $restore(this, {dp, src, sr});
+		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
 		w = this;
-		if (w.released) {
-			$s = -1; return;
-		}
-		_ref = src;
-		/* */ if ($assertType(_ref, ptrType$3, true)[1]) { $s = 1; continue; }
-		/* */ $s = 2; continue;
-		/* if ($assertType(_ref, ptrType$3, true)[1]) { */ case 1:
-			jsSrc = _ref.$val;
-			_r = $clone(w.ctx2d, js.Value).Call("drawImage", new sliceType([(x = jsSrc.YCbCrJS().CanvasImageSource, new x.constructor.elem(x)), new $Int(0), new $Int(0)])); /* */ $s = 3; case 3: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
-			_r;
-			$s = -1; return;
-		/* } */ case 2:
-		_r$1 = fmt.Errorf("Not implemented, use canvasdriver.BufferImpl instead", sliceType.nil); /* */ $s = 4; case 4: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
-		$panic(_r$1);
+		$r = w.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$deferred.push([$methodVal(w.mutex, "Unlock"), []]);
+		/* */ if (w.released) { $s = 2; continue; }
+		/* */ $s = 3; continue;
+		/* if (w.released) { */ case 2:
+			$s = 4; case 4: return;
+		/* } */ case 3:
+		_r = $clone(w.jsNaClDecoder, js.Value).Call("getPicture", sliceType.nil); /* */ $s = 5; case 5: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		picturePromise = $clone(_r, js.Value);
+		_r$1 = jshelper.Await($clone(picturePromise, js.Value)); /* */ $s = 6; case 6: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
+		_tuple = _r$1;
+		pictureResult = _tuple[0];
+		err = _tuple[1];
+		/* */ if (!(err === ptrType$3.nil)) { $s = 7; continue; }
+		/* */ $s = 8; continue;
+		/* if (!(err === ptrType$3.nil)) { */ case 7:
+			$r = log.Printf("Failed to get picture: %v", new sliceType([err])); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 8:
+		_r$2 = $clone(w.jsNaClDecoder, js.Value).Call("render", new sliceType([(x = pictureResult, new x.constructor.elem(x))])); /* */ $s = 10; case 10: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
+		renderPromise = $clone(_r$2, js.Value);
+		_r$3 = jshelper.Await($clone(renderPromise, js.Value)); /* */ $s = 11; case 11: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
+		_tuple$1 = _r$3;
+		renderResult = _tuple$1[0];
+		err = _tuple$1[1];
+		/* */ if (!(err === ptrType$3.nil)) { $s = 12; continue; }
+		/* */ if (!(($clone(renderResult, js.Value).Float() === 0))) { $s = 13; continue; }
+		/* */ $s = 14; continue;
+		/* if (!(err === ptrType$3.nil)) { */ case 12:
+			_r$4 = errs.Errorf("%v", new sliceType([err])); /* */ $s = 15; case 15: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
+			_arg = _r$4;
+			$r = errs.Print("Failed to render picture", _arg); /* */ $s = 16; case 16: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+			$s = 14; continue;
+		/* } else if (!(($clone(renderResult, js.Value).Float() === 0))) { */ case 13:
+			$r = log.Printf("Failed to render frame with code: %v", new sliceType([new $Float64($clone(renderResult, js.Value).Float())])); /* */ $s = 17; case 17: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		/* } */ case 14:
+		_r$5 = $clone(w.jsNaClDecoder, js.Value).Call("recyclePicture", new sliceType([(x$1 = pictureResult, new x$1.constructor.elem(x$1))])); /* */ $s = 18; case 18: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
+		_r$5;
 		$s = -1; return;
-		/* */ } return; } var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _r, _r$1, _ref, dp, jsSrc, sr, src, w, x, $s};return $f;
+		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: windowImpl.ptr.prototype.UploadYCbCr, $c: true, $r, _arg, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _tuple, _tuple$1, dp, err, picturePromise, pictureResult, renderPromise, renderResult, sr, src, w, x, x$1, $s, $deferred};return $f; } }
 	};
 	windowImpl.prototype.UploadYCbCr = function(dp, src, sr) { return this.$val.UploadYCbCr(dp, src, sr); };
 	windowImpl.ptr.prototype.Fill = function(dr, src, op) {
@@ -191291,22 +191348,6 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		$panic(new $String("Not implemented"));
 	};
 	windowImpl.prototype.Scale = function(dr, src, sr, op, opts) { return this.$val.Scale(dr, src, sr, op, opts); };
-	main = function(f) {
-		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
-		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
-		retErr = $ifaceNil;
-		_tuple = newScreenImpl();
-		s = _tuple[0];
-		err = _tuple[1];
-		if (!($interfaceIsEqual(err, $ifaceNil))) {
-			retErr = err;
-			$s = -1; return retErr;
-		}
-		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		retErr = $ifaceNil;
-		$s = -1; return retErr;
-		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
-	};
 	newScreenImpl = function() {
 		var s;
 		s = new screenImpl.ptr($clone($clone(js.Global(), js.Value).Get("document"), js.Value));
@@ -191339,10 +191380,25 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 		/* */ } return; } var $f = {$blk: screenImpl.ptr.prototype.NewWindow, $c: true, $r, _r, opts, s, window, $s};return $f;
 	};
 	screenImpl.prototype.NewWindow = function(opts) { return this.$val.NewWindow(opts); };
+	main = function(f) {
+		var {_tuple, err, f, retErr, s, $s, $r, $c} = $restore(this, {f});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
+		retErr = $ifaceNil;
+		_tuple = newScreenImpl();
+		s = _tuple[0];
+		err = _tuple[1];
+		if (!($interfaceIsEqual(err, $ifaceNil))) {
+			retErr = err;
+			$s = -1; return retErr;
+		}
+		$r = f(s); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		retErr = $ifaceNil;
+		$s = -1; return retErr;
+		/* */ } return; } var $f = {$blk: main, $c: true, $r, _tuple, err, f, retErr, s, $s};return $f;
+	};
 	newBuffer = function(screen$1, size) {
-		var _q, _q$1, _q$2, b, rect, screen$1, size;
-		rect = new image.Rectangle.ptr(new image.Point.ptr(0, 0), $clone(size, image.Point));
-		b = new BufferImpl.ptr(screen$1, $clone(size, image.Point), new sync.Mutex.ptr(0, 0), false, $clone(new image.RGBA.ptr($makeSlice(sliceType$1, ($imul(($imul(4, size.X)), size.Y))), $imul(4, size.X), $clone(rect, image.Rectangle)), image.RGBA), $clone(new image.YCbCr.ptr($makeSlice(sliceType$1, ($imul(size.X, size.Y))), $makeSlice(sliceType$1, (_q$1 = ($imul(size.X, size.Y)) / 4, (_q$1 === _q$1 && _q$1 !== 1/0 && _q$1 !== -1/0) ? _q$1 >> 0 : $throwRuntimeError("integer divide by zero"))), $makeSlice(sliceType$1, (_q$2 = ($imul(size.X, size.Y)) / 4, (_q$2 === _q$2 && _q$2 !== 1/0 && _q$2 !== -1/0) ? _q$2 >> 0 : $throwRuntimeError("integer divide by zero"))), size.X, (_q = size.X / 2, (_q === _q && _q !== 1/0 && _q !== -1/0) ? _q >> 0 : $throwRuntimeError("integer divide by zero")), 2, $clone(rect, image.Rectangle)), image.YCbCr), ptrType$4.nil);
+		var b, screen$1, size;
+		b = new BufferImpl.ptr(ptrType$3.nil, screen$1, $clone(size, image.Point));
 		return b;
 	};
 	BufferImpl.ptr.prototype.Size = function() {
@@ -191358,110 +191414,59 @@ $packages["golang.org/x/exp/shiny/driver/canvasdriver"] = (function() {
 	};
 	BufferImpl.prototype.Bounds = function() { return this.$val.Bounds(); };
 	BufferImpl.ptr.prototype.RGBA = function() {
-		var b;
+		var {_r, b, $s, $r, $c} = $restore(this, {});
+		/* */ $s = $s || 0; s: while (true) { switch ($s) { case 0:
 		b = this;
-		return b.rgba;
+		_r = fmt.Errorf("Not implemented RGBA(), use PictureResult() instead", sliceType.nil); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
+		$panic(_r);
+		$s = -1; return ptrType$4.nil;
+		/* */ } return; } var $f = {$blk: BufferImpl.ptr.prototype.RGBA, $c: true, $r, _r, b, $s};return $f;
 	};
 	BufferImpl.prototype.RGBA = function() { return this.$val.RGBA(); };
 	BufferImpl.ptr.prototype.YCbCr = function() {
 		var b;
 		b = this;
-		return b.ycbcr;
+		return new image.YCbCr.ptr(sliceType$1.nil, sliceType$1.nil, sliceType$1.nil, 0, 0, 0, $clone(b.Bounds(), image.Rectangle));
 	};
 	BufferImpl.prototype.YCbCr = function() { return this.$val.YCbCr(); };
-	BufferImpl.ptr.prototype.YCbCrJS = function() {
+	BufferImpl.ptr.prototype.GetPictureResult = function() {
 		var b;
 		b = this;
-		if (b.ycbcrJS === ptrType$4.nil) {
-			b.ycbcrJS = new YCbCrJS.ptr(ptrType$5.nil);
-		}
-		return b.ycbcrJS;
+		return b.pictureResult;
 	};
-	BufferImpl.prototype.YCbCrJS = function() { return this.$val.YCbCrJS(); };
+	BufferImpl.prototype.GetPictureResult = function() { return this.$val.GetPictureResult(); };
+	BufferImpl.ptr.prototype.SetPictureResult = function(pictureResult) {
+		var b, pictureResult;
+		b = this;
+		b.pictureResult = pictureResult;
+	};
+	BufferImpl.prototype.SetPictureResult = function(pictureResult) { return this.$val.SetPictureResult(pictureResult); };
 	BufferImpl.ptr.prototype.Release = function() {
-		var {b, $s, $deferred, $r, $c} = $restore(this, {});
-		/* */ $s = $s || 0; var $err = null; try { s: while (true) { switch ($s) { case 0: $deferred = []; $curGoroutine.deferStack.push($deferred);
+		var b;
 		b = this;
-		$r = b.mutex.Lock(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$deferred.push([$methodVal(b.mutex, "Unlock"), []]);
-		/* */ if (b.released) { $s = 2; continue; }
-		/* */ $s = 3; continue;
-		/* if (b.released) { */ case 2:
-			$s = 4; case 4: return;
-		/* } */ case 3:
-		b.released = true;
-		$s = -1; return;
-		/* */ } return; } } catch(err) { $err = err; $s = -1; } finally { $callDeferred($deferred, $err); if($curGoroutine.asleep) { var $f = {$blk: BufferImpl.ptr.prototype.Release, $c: true, $r, b, $s, $deferred};return $f; } }
 	};
 	BufferImpl.prototype.Release = function() { return this.$val.Release(); };
-	ptrType$7.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$6], [], false)}];
-	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$8], [screen.Window, $error], false)}];
-	ptrType$3.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$9], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$10], false)}, {prop: "YCbCrJS", name: "YCbCrJS", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
-	windowImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "canvasEl", name: "canvasEl", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "ctx2d", name: "ctx2d", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "resizeCallback", name: "resizeCallback", embedded: false, exported: false, typ: js.Func, tag: ""}]);
-	screenImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
-	YCbCrJS.init("", [{prop: "CanvasImageSource", name: "CanvasImageSource", embedded: false, exported: true, typ: ptrType$5, tag: ""}]);
-	BufferImpl.init("golang.org/x/exp/shiny/driver/canvasdriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}, {prop: "rgba", name: "rgba", embedded: false, exported: false, typ: image.RGBA, tag: ""}, {prop: "ycbcr", name: "ycbcr", embedded: false, exported: false, typ: image.YCbCr, tag: ""}, {prop: "ycbcrJS", name: "ycbcrJS", embedded: false, exported: false, typ: ptrType$4, tag: ""}]);
+	ptrType$6.methods = [{prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}, {prop: "Publish", name: "Publish", pkg: "", typ: $funcType([], [screen.PublishResult], false)}, {prop: "Send", name: "Send", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "SendFirst", name: "SendFirst", pkg: "", typ: $funcType([$emptyInterface], [], false)}, {prop: "NextEvent", name: "NextEvent", pkg: "", typ: $funcType([], [$emptyInterface], false)}, {prop: "Upload", name: "Upload", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "UploadYCbCr", name: "UploadYCbCr", pkg: "", typ: $funcType([image.Point, screen.Buffer, image.Rectangle], [], false)}, {prop: "Fill", name: "Fill", pkg: "", typ: $funcType([image.Rectangle, color.Color, draw.Op], [], false)}, {prop: "Draw", name: "Draw", pkg: "", typ: $funcType([f64.Aff3, screen.Texture, image.Rectangle, draw.Op, ptrType$5], [], false)}, {prop: "DrawUniform", name: "DrawUniform", pkg: "", typ: $funcType([f64.Aff3, color.Color, image.Rectangle, draw.Op, ptrType$5], [], false)}, {prop: "Copy", name: "Copy", pkg: "", typ: $funcType([image.Point, screen.Texture, image.Rectangle, draw.Op, ptrType$5], [], false)}, {prop: "Scale", name: "Scale", pkg: "", typ: $funcType([image.Rectangle, screen.Texture, image.Rectangle, draw.Op, ptrType$5], [], false)}];
+	ptrType.methods = [{prop: "NewBuffer", name: "NewBuffer", pkg: "", typ: $funcType([image.Point], [screen.Buffer, $error], false)}, {prop: "NewTexture", name: "NewTexture", pkg: "", typ: $funcType([image.Point], [screen.Texture, $error], false)}, {prop: "NewWindow", name: "NewWindow", pkg: "", typ: $funcType([ptrType$7], [screen.Window, $error], false)}];
+	ptrType$9.methods = [{prop: "Size", name: "Size", pkg: "", typ: $funcType([], [image.Point], false)}, {prop: "Bounds", name: "Bounds", pkg: "", typ: $funcType([], [image.Rectangle], false)}, {prop: "RGBA", name: "RGBA", pkg: "", typ: $funcType([], [ptrType$4], false)}, {prop: "YCbCr", name: "YCbCr", pkg: "", typ: $funcType([], [ptrType$8], false)}, {prop: "GetPictureResult", name: "GetPictureResult", pkg: "", typ: $funcType([], [ptrType$3], false)}, {prop: "SetPictureResult", name: "SetPictureResult", pkg: "", typ: $funcType([ptrType$3], [], false)}, {prop: "Release", name: "Release", pkg: "", typ: $funcType([], [], false)}];
+	windowImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "mutex", name: "mutex", embedded: false, exported: false, typ: ptrType$1, tag: ""}, {prop: "jsNaClDecoder", name: "jsNaClDecoder", embedded: false, exported: false, typ: js.Value, tag: ""}, {prop: "domEvents", name: "domEvents", embedded: false, exported: false, typ: ptrType$2, tag: ""}, {prop: "released", name: "released", embedded: false, exported: false, typ: $Bool, tag: ""}]);
+	screenImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "doc", name: "doc", embedded: false, exported: false, typ: js.Value, tag: ""}]);
+	BufferImpl.init("github.com/supraio/client-daemon/pkg/x264/nacldecoder/nacldriver", [{prop: "pictureResult", name: "pictureResult", embedded: false, exported: false, typ: ptrType$3, tag: ""}, {prop: "screen", name: "screen", embedded: false, exported: false, typ: ptrType, tag: ""}, {prop: "size", name: "size", embedded: false, exported: false, typ: image.Point, tag: ""}]);
 	$init = function() {
 		$pkg.$init = function() {};
 		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
 		$r = fmt.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = dom.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errscreen.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = screen.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = f64.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = image.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = color.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = draw.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = sync.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/x264/webcodecs"] = (function() {
-	var $pkg = {}, $init, hex, webgl, errs, jshelper, general, canvasdriver, image, js;
-	hex = $packages["encoding/hex"];
-	webgl = $packages["github.com/nuberu/webgl"];
-	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	jshelper = $packages["github.com/supraio/client-daemon/pkg/jshelper"];
-	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
-	canvasdriver = $packages["golang.org/x/exp/shiny/driver/canvasdriver"];
-	image = $packages["image"];
-	js = $packages["syscall/js"];
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = hex.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webgl.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = errs.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = jshelper.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = general.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = canvasdriver.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = errs.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = jshelper.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = dom.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = screen.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = f64.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		$r = image.$init(); /* */ $s = 7; case 7: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
-	};
-	$pkg.$init = $init;
-	return $pkg;
-})();
-$packages["github.com/supraio/client-daemon/pkg/x264"] = (function() {
-	var $pkg = {}, $init, errs, general, h264_decoder, nacldecoder, webcodecs, js;
-	errs = $packages["github.com/supraio/client-daemon/pkg/errs"];
-	general = $packages["github.com/supraio/client-daemon/pkg/x264/general"];
-	h264_decoder = $packages["github.com/supraio/client-daemon/pkg/x264/h264decoder"];
-	nacldecoder = $packages["github.com/supraio/client-daemon/pkg/x264/nacldecoder"];
-	webcodecs = $packages["github.com/supraio/client-daemon/pkg/x264/webcodecs"];
-	js = $packages["syscall/js"];
-	$init = function() {
-		$pkg.$init = function() {};
-		/* */ var $f, $c = false, $s = 0, $r; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
-		$r = errs.$init(); /* */ $s = 1; case 1: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = general.$init(); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = h264_decoder.$init(); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = nacldecoder.$init(); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = webcodecs.$init(); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
-		$r = js.$init(); /* */ $s = 6; case 6: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = color.$init(); /* */ $s = 8; case 8: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = draw.$init(); /* */ $s = 9; case 9: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = log.$init(); /* */ $s = 10; case 10: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = sync.$init(); /* */ $s = 11; case 11: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
+		$r = js.$init(); /* */ $s = 12; case 12: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
 		/* */ } return; } if ($f === undefined) { $f = { $blk: $init }; } $f.$s = $s; $f.$r = $r; return $f;
 	};
 	$pkg.$init = $init;