@novnc/novnc 1.5.0-beta → 1.5.0-g047531e

package/README.md

@@ -66,7 +66,7 @@ profits such as:
   RSA-AES, Tight, VeNCrypt Plain, XVP, Apple's Diffie-Hellman,
   UltraVNC's MSLogonII
 * Supported VNC encodings: raw, copyrect, rre, hextile, tight, tightPNG,
-  ZRLE, JPEG
+  ZRLE, JPEG, Zlib
 * Supports scaling, clipping and resizing the desktop
 * Local cursor rendering
 * Clipboard copy/paste with full Unicode support

package/lib/crypto/aes.js

@@ -28,7 +28,7 @@ var AESECBCipher = exports.AESECBCipher = /*#__PURE__*/function () {
   }, {
     key: "_importKey",
     value: function () {
-      var _importKey2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(key, extractable, keyUsages) {
+      var _importKey2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(key, extractable, keyUsages) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -52,7 +52,7 @@ var AESECBCipher = exports.AESECBCipher = /*#__PURE__*/function () {
   }, {
     key: "encrypt",
     value: function () {
-      var _encrypt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_algorithm, plaintext) {
+      var _encrypt = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_algorithm, plaintext) {
         var x, n, i, y;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -101,7 +101,7 @@ var AESECBCipher = exports.AESECBCipher = /*#__PURE__*/function () {
   }], [{
     key: "importKey",
     value: function () {
-      var _importKey3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(key, _algorithm, extractable, keyUsages) {
+      var _importKey3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(key, _algorithm, extractable, keyUsages) {
         var cipher;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -145,7 +145,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_encryptBlock",
     value: function () {
-      var _encryptBlock2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(block) {
+      var _encryptBlock2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(block) {
         var encrypted;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -172,7 +172,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_initCMAC",
     value: function () {
-      var _initCMAC2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _initCMAC2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
         var k1, k2, v, i, lut;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -207,7 +207,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_encryptCTR",
     value: function () {
-      var _encryptCTR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data, counter) {
+      var _encryptCTR2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(data, counter) {
         var encrypted;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -235,7 +235,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_decryptCTR",
     value: function () {
-      var _decryptCTR2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data, counter) {
+      var _decryptCTR2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(data, counter) {
         var decrypted;
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -263,7 +263,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_computeCMAC",
     value: function () {
-      var _computeCMAC2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, prefixBlock) {
+      var _computeCMAC2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(data, prefixBlock) {
         var n, m, r, cbcData, i, _i, cbcEncrypted, mac;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -314,7 +314,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "_importKey",
     value: function () {
-      var _importKey4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(key) {
+      var _importKey4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(key) {
         return _regeneratorRuntime().wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
@@ -347,7 +347,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "encrypt",
     value: function () {
-      var _encrypt2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(algorithm, message) {
+      var _encrypt2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(algorithm, message) {
         var ad, nonce, nCMAC, encrypted, adCMAC, mac, i, res;
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -391,7 +391,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }, {
     key: "decrypt",
     value: function () {
-      var _decrypt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(algorithm, data) {
+      var _decrypt = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(algorithm, data) {
         var encrypted, ad, nonce, mac, nCMAC, adCMAC, computedMac, i, _i2, res;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -456,7 +456,7 @@ var AESEAXCipher = exports.AESEAXCipher = /*#__PURE__*/function () {
   }], [{
     key: "importKey",
     value: function () {
-      var _importKey5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(key, _algorithm, _extractable, _keyUsages) {
+      var _importKey5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(key, _algorithm, _extractable, _keyUsages) {
         var cipher;
         return _regeneratorRuntime().wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {

package/lib/crypto/md5.js

@@ -22,7 +22,7 @@ function MD5(_x) {
   return _MD.apply(this, arguments);
 }
 function _MD() {
-  _MD = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(d) {
+  _MD = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(d) {
     var s, i;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/lib/crypto/rsa.js

@@ -53,7 +53,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "_generateKey",
     value: function () {
-      var _generateKey2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(algorithm, extractable) {
+      var _generateKey2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(algorithm, extractable) {
         var key, privateKey;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -96,7 +96,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "_importKey",
     value: function () {
-      var _importKey2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(key, extractable) {
+      var _importKey2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(key, extractable) {
         var n, e;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -132,7 +132,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "encrypt",
     value: function () {
-      var _encrypt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_algorithm, message) {
+      var _encrypt = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_algorithm, message) {
         var ps, i, em, emBigInt, c;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -169,7 +169,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "decrypt",
     value: function () {
-      var _decrypt = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_algorithm, message) {
+      var _decrypt = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_algorithm, message) {
         var msgBigInt, emBigInt, em, i;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -226,7 +226,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "exportKey",
     value: function () {
-      var _exportKey = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _exportKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -255,7 +255,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }], [{
     key: "generateKey",
     value: function () {
-      var _generateKey3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(algorithm, extractable, _keyUsages) {
+      var _generateKey3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(algorithm, extractable, _keyUsages) {
         var cipher;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -281,7 +281,7 @@ var RSACipher = exports.RSACipher = /*#__PURE__*/function () {
   }, {
     key: "importKey",
     value: function () {
-      var _importKey3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(key, _algorithm, extractable, keyUsages) {
+      var _importKey3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(key, _algorithm, extractable, keyUsages) {
         var cipher;
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {

package/lib/decoders/h264.js

@@ -0,0 +1,349 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.H264Parser = exports.H264Context = void 0;
+var Log = _interopRequireWildcard(require("../util/logging.js"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
+ * noVNC: HTML5 VNC client
+ * Copyright (C) 2024 The noVNC Authors
+ * Licensed under MPL 2.0 (see LICENSE.txt)
+ *
+ * See README.md for usage and integration instructions.
+ *
+ */
+var H264Parser = exports.H264Parser = /*#__PURE__*/function () {
+  function H264Parser(data) {
+    _classCallCheck(this, H264Parser);
+    this._data = data;
+    this._index = 0;
+    this.profileIdc = null;
+    this.constraintSet = null;
+    this.levelIdc = null;
+  }
+  return _createClass(H264Parser, [{
+    key: "_getStartSequenceLen",
+    value: function _getStartSequenceLen(index) {
+      var data = this._data;
+      if (data[index + 0] == 0 && data[index + 1] == 0 && data[index + 2] == 0 && data[index + 3] == 1) {
+        return 4;
+      }
+      if (data[index + 0] == 0 && data[index + 1] == 0 && data[index + 2] == 1) {
+        return 3;
+      }
+      return 0;
+    }
+  }, {
+    key: "_indexOfNextNalUnit",
+    value: function _indexOfNextNalUnit(index) {
+      var data = this._data;
+      for (var i = index; i < data.length; ++i) {
+        if (this._getStartSequenceLen(i) != 0) {
+          return i;
+        }
+      }
+      return -1;
+    }
+  }, {
+    key: "_parseSps",
+    value: function _parseSps(index) {
+      this.profileIdc = this._data[index];
+      this.constraintSet = this._data[index + 1];
+      this.levelIdc = this._data[index + 2];
+    }
+  }, {
+    key: "_parseNalUnit",
+    value: function _parseNalUnit(index) {
+      var firstByte = this._data[index];
+      if (firstByte & 0x80) {
+        throw new Error('H264 parsing sanity check failed, forbidden zero bit is set');
+      }
+      var unitType = firstByte & 0x1f;
+      switch (unitType) {
+        case 1:
+          // coded slice, non-idr
+          return {
+            slice: true
+          };
+        case 5:
+          // coded slice, idr
+          return {
+            slice: true,
+            key: true
+          };
+        case 6:
+          // sei
+          return {};
+        case 7:
+          // sps
+          this._parseSps(index + 1);
+          return {};
+        case 8:
+          // pps
+          return {};
+        default:
+          Log.Warn("Unhandled unit type: ", unitType);
+          break;
+      }
+      return {};
+    }
+  }, {
+    key: "parse",
+    value: function parse() {
+      var startIndex = this._index;
+      var isKey = false;
+      while (this._index < this._data.length) {
+        var startSequenceLen = this._getStartSequenceLen(this._index);
+        if (startSequenceLen == 0) {
+          throw new Error('Invalid start sequence in bit stream');
+        }
+        var _this$_parseNalUnit = this._parseNalUnit(this._index + startSequenceLen),
+          slice = _this$_parseNalUnit.slice,
+          key = _this$_parseNalUnit.key;
+        var nextIndex = this._indexOfNextNalUnit(this._index + startSequenceLen);
+        if (nextIndex == -1) {
+          this._index = this._data.length;
+        } else {
+          this._index = nextIndex;
+        }
+        if (key) {
+          isKey = true;
+        }
+        if (slice) {
+          break;
+        }
+      }
+      if (startIndex === this._index) {
+        return null;
+      }
+      return {
+        frame: this._data.subarray(startIndex, this._index),
+        key: isKey
+      };
+    }
+  }]);
+}();
+var H264Context = exports.H264Context = /*#__PURE__*/function () {
+  function H264Context(width, height) {
+    _classCallCheck(this, H264Context);
+    this.lastUsed = 0;
+    this._width = width;
+    this._height = height;
+    this._profileIdc = null;
+    this._constraintSet = null;
+    this._levelIdc = null;
+    this._decoder = null;
+    this._pendingFrames = [];
+  }
+  return _createClass(H264Context, [{
+    key: "_handleFrame",
+    value: function _handleFrame(frame) {
+      var pending = this._pendingFrames.shift();
+      if (pending === undefined) {
+        throw new Error("Pending frame queue empty when receiving frame from decoder");
+      }
+      if (pending.timestamp != frame.timestamp) {
+        throw new Error("Video frame timestamp mismatch. Expected " + frame.timestamp + " but but got " + pending.timestamp);
+      }
+      pending.frame = frame;
+      pending.ready = true;
+      pending.resolve();
+      if (!pending.keep) {
+        frame.close();
+      }
+    }
+  }, {
+    key: "_handleError",
+    value: function _handleError(e) {
+      throw new Error("Failed to decode frame: " + e.message);
+    }
+  }, {
+    key: "_configureDecoder",
+    value: function _configureDecoder(profileIdc, constraintSet, levelIdc) {
+      var _this = this;
+      if (this._decoder === null || this._decoder.state === 'closed') {
+        this._decoder = new VideoDecoder({
+          output: function output(frame) {
+            return _this._handleFrame(frame);
+          },
+          error: function error(e) {
+            return _this._handleError(e);
+          }
+        });
+      }
+      var codec = 'avc1.' + profileIdc.toString(16).padStart(2, '0') + constraintSet.toString(16).padStart(2, '0') + levelIdc.toString(16).padStart(2, '0');
+      this._decoder.configure({
+        codec: codec,
+        codedWidth: this._width,
+        codedHeight: this._height,
+        optimizeForLatency: true
+      });
+    }
+  }, {
+    key: "_preparePendingFrame",
+    value: function _preparePendingFrame(timestamp) {
+      var pending = {
+        timestamp: timestamp,
+        promise: null,
+        resolve: null,
+        frame: null,
+        ready: false,
+        keep: false
+      };
+      pending.promise = new Promise(function (resolve) {
+        pending.resolve = resolve;
+      });
+      this._pendingFrames.push(pending);
+      return pending;
+    }
+  }, {
+    key: "decode",
+    value: function decode(payload) {
+      var parser = new H264Parser(payload);
+      var result = null;
+
+      // Ideally, this timestamp should come from the server, but we'll just
+      // approximate it instead.
+      var timestamp = Math.round(window.performance.now() * 1e3);
+      while (true) {
+        var encodedFrame = parser.parse();
+        if (encodedFrame === null) {
+          break;
+        }
+        if (parser.profileIdc !== null) {
+          self._profileIdc = parser.profileIdc;
+          self._constraintSet = parser.constraintSet;
+          self._levelIdc = parser.levelIdc;
+        }
+        if (this._decoder === null || this._decoder.state !== 'configured') {
+          if (!encodedFrame.key) {
+            Log.Warn("Missing key frame. Can't decode until one arrives");
+            continue;
+          }
+          if (self._profileIdc === null) {
+            Log.Warn('Cannot config decoder. Have not received SPS and PPS yet.');
+            continue;
+          }
+          this._configureDecoder(self._profileIdc, self._constraintSet, self._levelIdc);
+        }
+        result = this._preparePendingFrame(timestamp);
+        var chunk = new EncodedVideoChunk({
+          timestamp: timestamp,
+          type: encodedFrame.key ? 'key' : 'delta',
+          data: encodedFrame.frame
+        });
+        try {
+          this._decoder.decode(chunk);
+        } catch (e) {
+          Log.Warn("Failed to decode:", e);
+        }
+      }
+
+      // We only keep last frame of each payload
+      if (result !== null) {
+        result.keep = true;
+      }
+      return result;
+    }
+  }]);
+}();
+var H264Decoder = exports["default"] = /*#__PURE__*/function () {
+  function H264Decoder() {
+    _classCallCheck(this, H264Decoder);
+    this._tick = 0;
+    this._contexts = {};
+  }
+  return _createClass(H264Decoder, [{
+    key: "_contextId",
+    value: function _contextId(x, y, width, height) {
+      return [x, y, width, height].join(',');
+    }
+  }, {
+    key: "_findOldestContextId",
+    value: function _findOldestContextId() {
+      var oldestTick = Number.MAX_VALUE;
+      var oldestKey = undefined;
+      for (var _i = 0, _Object$entries = Object.entries(this._contexts); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          key = _Object$entries$_i[0],
+          value = _Object$entries$_i[1];
+        if (value.lastUsed < oldestTick) {
+          oldestTick = value.lastUsed;
+          oldestKey = key;
+        }
+      }
+      return oldestKey;
+    }
+  }, {
+    key: "_createContext",
+    value: function _createContext(x, y, width, height) {
+      var maxContexts = 64;
+      if (Object.keys(this._contexts).length >= maxContexts) {
+        var oldestContextId = this._findOldestContextId();
+        delete this._contexts[oldestContextId];
+      }
+      var context = new H264Context(width, height);
+      this._contexts[this._contextId(x, y, width, height)] = context;
+      return context;
+    }
+  }, {
+    key: "_getContext",
+    value: function _getContext(x, y, width, height) {
+      var context = this._contexts[this._contextId(x, y, width, height)];
+      return context !== undefined ? context : this._createContext(x, y, width, height);
+    }
+  }, {
+    key: "_resetContext",
+    value: function _resetContext(x, y, width, height) {
+      delete this._contexts[this._contextId(x, y, width, height)];
+    }
+  }, {
+    key: "_resetAllContexts",
+    value: function _resetAllContexts() {
+      this._contexts = {};
+    }
+  }, {
+    key: "decodeRect",
+    value: function decodeRect(x, y, width, height, sock, display, depth) {
+      var resetContextFlag = 1;
+      var resetAllContextsFlag = 2;
+      if (sock.rQwait("h264 header", 8)) {
+        return false;
+      }
+      var length = sock.rQshift32();
+      var flags = sock.rQshift32();
+      if (sock.rQwait("h264 payload", length, 8)) {
+        return false;
+      }
+      if (flags & resetAllContextsFlag) {
+        this._resetAllContexts();
+      } else if (flags & resetContextFlag) {
+        this._resetContext(x, y, width, height);
+      }
+      var context = this._getContext(x, y, width, height);
+      context.lastUsed = this._tick++;
+      if (length !== 0) {
+        var payload = sock.rQshiftBytes(length, false);
+        var frame = context.decode(payload);
+        if (frame !== null) {
+          display.videoFrame(x, y, width, height, frame);
+        }
+      }
+      return true;
+    }
+  }]);
+}();

package/lib/decoders/zlib.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _inflator = _interopRequireDefault(require("../inflator.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
+ * noVNC: HTML5 VNC client
+ * Copyright (C) 2024 The noVNC Authors
+ * Licensed under MPL 2.0 (see LICENSE.txt)
+ *
+ * See README.md for usage and integration instructions.
+ *
+ */
+var ZlibDecoder = exports["default"] = /*#__PURE__*/function () {
+  function ZlibDecoder() {
+    _classCallCheck(this, ZlibDecoder);
+    this._zlib = new _inflator["default"]();
+    this._length = 0;
+  }
+  return _createClass(ZlibDecoder, [{
+    key: "decodeRect",
+    value: function decodeRect(x, y, width, height, sock, display, depth) {
+      if (width === 0 || height === 0) {
+        return true;
+      }
+      if (this._length === 0) {
+        if (sock.rQwait("ZLIB", 4)) {
+          return false;
+        }
+        this._length = sock.rQshift32();
+      }
+      if (sock.rQwait("ZLIB", this._length)) {
+        return false;
+      }
+      var data = new Uint8Array(sock.rQshiftBytes(this._length, false));
+      this._length = 0;
+      this._zlib.setInput(data);
+      data = this._zlib.inflate(width * height * 4);
+      this._zlib.setInput(null);
+
+      // Max sure the image is fully opaque
+      for (var i = 0; i < width * height; i++) {
+        data[i * 4 + 3] = 255;
+      }
+      display.blitImage(x, y, width, height, data, 0);
+      return true;
+    }
+  }]);
+}();

package/lib/display.js

@@ -383,6 +383,18 @@ var Display = exports["default"] = /*#__PURE__*/function () {
         'height': height
       });
     }
+  }, {
+    key: "videoFrame",
+    value: function videoFrame(x, y, width, height, frame) {
+      this._renderQPush({
+        'type': 'frame',
+        'frame': frame,
+        'x': x,
+        'y': y,
+        'width': width,
+        'height': height
+      });
+    }
   }, {
     key: "blitImage",
     value: function blitImage(x, y, width, height, arr, offset, fromQueue) {
@@ -410,9 +422,23 @@ var Display = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "drawImage",
-    value: function drawImage(img, x, y) {
-      this._drawCtx.drawImage(img, x, y);
-      this._damage(x, y, img.width, img.height);
+    value: function drawImage(img) {
+      var _this$_drawCtx;
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      (_this$_drawCtx = this._drawCtx).drawImage.apply(_this$_drawCtx, [img].concat(args));
+      if (args.length <= 4) {
+        var x = args[0],
+          y = args[1];
+        this._damage(x, y, img.width, img.height);
+      } else {
+        var sw = args[2],
+          sh = args[3],
+          dx = args[4],
+          dy = args[5];
+        this._damage(dx, dy, sw, sh);
+      }
     }
   }, {
     key: "autoscale",
@@ -481,41 +507,76 @@ var Display = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_scanRenderQ",
     value: function _scanRenderQ() {
+      var _this2 = this;
       var ready = true;
-      while (ready && this._renderQ.length > 0) {
-        var a = this._renderQ[0];
-        switch (a.type) {
-          case 'flip':
-            this.flip(true);
-            break;
-          case 'copy':
-            this.copyImage(a.oldX, a.oldY, a.x, a.y, a.width, a.height, true);
-            break;
-          case 'fill':
-            this.fillRect(a.x, a.y, a.width, a.height, a.color, true);
-            break;
-          case 'blit':
-            this.blitImage(a.x, a.y, a.width, a.height, a.data, 0, true);
-            break;
-          case 'img':
-            if (a.img.complete) {
-              if (a.img.width !== a.width || a.img.height !== a.height) {
-                Log.Error("Decoded image has incorrect dimensions. Got " + a.img.width + "x" + a.img.height + ". Expected " + a.width + "x" + a.height + ".");
-                return;
+      var _loop = function _loop() {
+          var a = _this2._renderQ[0];
+          switch (a.type) {
+            case 'flip':
+              _this2.flip(true);
+              break;
+            case 'copy':
+              _this2.copyImage(a.oldX, a.oldY, a.x, a.y, a.width, a.height, true);
+              break;
+            case 'fill':
+              _this2.fillRect(a.x, a.y, a.width, a.height, a.color, true);
+              break;
+            case 'blit':
+              _this2.blitImage(a.x, a.y, a.width, a.height, a.data, 0, true);
+              break;
+            case 'img':
+              if (a.img.complete) {
+                if (a.img.width !== a.width || a.img.height !== a.height) {
+                  Log.Error("Decoded image has incorrect dimensions. Got " + a.img.width + "x" + a.img.height + ". Expected " + a.width + "x" + a.height + ".");
+                  return {
+                    v: void 0
+                  };
+                }
+                _this2.drawImage(a.img, a.x, a.y);
+              } else {
+                a.img._noVNCDisplay = _this2;
+                a.img.addEventListener('load', _this2._resumeRenderQ);
+                // We need to wait for this image to 'load'
+                // to keep things in-order
+                ready = false;
               }
-              this.drawImage(a.img, a.x, a.y);
-            } else {
-              a.img._noVNCDisplay = this;
-              a.img.addEventListener('load', this._resumeRenderQ);
-              // We need to wait for this image to 'load'
-              // to keep things in-order
-              ready = false;
-            }
-            break;
-        }
-        if (ready) {
-          this._renderQ.shift();
-        }
+              break;
+            case 'frame':
+              if (a.frame.ready) {
+                // The encoded frame may be larger than the rect due to
+                // limitations of the encoder, so we need to crop the
+                // frame.
+                var frame = a.frame.frame;
+                if (frame.codedWidth < a.width || frame.codedHeight < a.height) {
+                  Log.Warn("Decoded video frame does not cover its full rectangle area. Expecting at least " + a.width + "x" + a.height + " but got " + frame.codedWidth + "x" + frame.codedHeight);
+                }
+                var sx = 0;
+                var sy = 0;
+                var sw = a.width;
+                var sh = a.height;
+                var dx = a.x;
+                var dy = a.y;
+                var dw = sw;
+                var dh = sh;
+                _this2.drawImage(frame, sx, sy, sw, sh, dx, dy, dw, dh);
+                frame.close();
+              } else {
+                var display = _this2;
+                a.frame.promise.then(function () {
+                  display._scanRenderQ();
+                });
+                ready = false;
+              }
+              break;
+          }
+          if (ready) {
+            _this2._renderQ.shift();
+          }
+        },
+        _ret;
+      while (ready && this._renderQ.length > 0) {
+        _ret = _loop();
+        if (_ret) return _ret.v;
       }
       if (this._renderQ.length === 0 && this._flushPromise !== null) {
         this._flushResolve();

package/lib/encodings.js

@@ -18,10 +18,12 @@ var encodings = exports.encodings = {
   encodingCopyRect: 1,
   encodingRRE: 2,
   encodingHextile: 5,
+  encodingZlib: 6,
   encodingTight: 7,
   encodingZRLE: 16,
   encodingTightPNG: -260,
   encodingJPEG: 21,
+  encodingH264: 50,
   pseudoEncodingQualityLevel9: -23,
   pseudoEncodingQualityLevel0: -32,
   pseudoEncodingDesktopSize: -223,
@@ -49,6 +51,8 @@ function encodingName(num) {
       return "RRE";
     case encodings.encodingHextile:
       return "Hextile";
+    case encodings.encodingZlib:
+      return "Zlib";
     case encodings.encodingTight:
       return "Tight";
     case encodings.encodingZRLE:
@@ -57,6 +61,8 @@ function encodingName(num) {
       return "TightPNG";
     case encodings.encodingJPEG:
       return "JPEG";
+    case encodings.encodingH264:
+      return "H.264";
     default:
       return "[unknown encoding " + num + "]";
   }

package/lib/input/keyboard.js

@@ -203,7 +203,7 @@ var Keyboard = exports["default"] = /*#__PURE__*/function () {
       // Possible start of AltGr sequence? (see above)
       if (code === "ControlLeft" && browser.isWindows() && !("ControlLeft" in this._keyDownList)) {
         this._altGrArmed = true;
-        this._altGrTimeout = setTimeout(this._handleAltGrTimeout.bind(this), 100);
+        this._altGrTimeout = setTimeout(this._interruptAltGrSequence.bind(this), 100);
         this._altGrCtrlTime = e.timeStamp;
         return;
       }
@@ -217,11 +217,7 @@ var Keyboard = exports["default"] = /*#__PURE__*/function () {
 
       // We can't get a release in the middle of an AltGr sequence, so
       // abort that detection
-      if (this._altGrArmed) {
-        this._altGrArmed = false;
-        clearTimeout(this._altGrTimeout);
-        this._sendKeyEvent(_keysym["default"].XK_Control_L, "ControlLeft", true);
-      }
+      this._interruptAltGrSequence();
 
       // See comment in _handleKeyDown()
       if ((browser.isMac() || browser.isIOS()) && code === 'CapsLock') {
@@ -244,16 +240,21 @@ var Keyboard = exports["default"] = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "_handleAltGrTimeout",
-    value: function _handleAltGrTimeout() {
-      this._altGrArmed = false;
-      clearTimeout(this._altGrTimeout);
-      this._sendKeyEvent(_keysym["default"].XK_Control_L, "ControlLeft", true);
+    key: "_interruptAltGrSequence",
+    value: function _interruptAltGrSequence() {
+      if (this._altGrArmed) {
+        this._altGrArmed = false;
+        clearTimeout(this._altGrTimeout);
+        this._sendKeyEvent(_keysym["default"].XK_Control_L, "ControlLeft", true);
+      }
     }
   }, {
     key: "_allKeysUp",
     value: function _allKeysUp() {
       Log.Debug(">> Keyboard.allKeysUp");
+
+      // Prevent control key being processed after losing focus.
+      this._interruptAltGrSequence();
       for (var code in this._keyDownList) {
         this._sendKeyEvent(this._keyDownList[code], code, false);
       }

package/lib/ra2.js

@@ -33,7 +33,7 @@ var RA2Cipher = /*#__PURE__*/function () {
   return _createClass(RA2Cipher, [{
     key: "setKey",
     value: function () {
-      var _setKey = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
+      var _setKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(key) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -57,7 +57,7 @@ var RA2Cipher = /*#__PURE__*/function () {
   }, {
     key: "makeMessage",
     value: function () {
-      var _makeMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(message) {
+      var _makeMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(message) {
         var ad, encrypted, i, res;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -90,7 +90,7 @@ var RA2Cipher = /*#__PURE__*/function () {
   }, {
     key: "receiveMessage",
     value: function () {
-      var _receiveMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(length, encrypted) {
+      var _receiveMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(length, encrypted) {
         var ad, res, i;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -231,7 +231,7 @@ var RSAAESAuthenticationState = exports["default"] = /*#__PURE__*/function (_Eve
   }, {
     key: "negotiateRA2neAuthAsync",
     value: function () {
-      var _negotiateRA2neAuthAsync = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      var _negotiateRA2neAuthAsync = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var serverKeyLengthBuffer, serverKeyLength, serverKeyBytes, serverN, serverE, serverRSACipher, serverPublickey, approveKey, clientKeyLength, clientKeyBytes, clientRSACipher, clientExportedRSAKey, clientN, clientE, clientPublicKey, clientRandom, clientEncryptedRandom, clientRandomMessage, serverEncryptedRandom, serverRandom, clientSessionKey, serverSessionKey, clientCipher, serverCipher, serverHash, clientHash, serverHashReceived, i, subtype, waitCredentials, username, password, credentials, _i, _i2;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {

package/lib/rfb.js

@@ -28,10 +28,12 @@ var _raw = _interopRequireDefault(require("./decoders/raw.js"));
 var _copyrect = _interopRequireDefault(require("./decoders/copyrect.js"));
 var _rre = _interopRequireDefault(require("./decoders/rre.js"));
 var _hextile = _interopRequireDefault(require("./decoders/hextile.js"));
+var _zlib = _interopRequireDefault(require("./decoders/zlib.js"));
 var _tight = _interopRequireDefault(require("./decoders/tight.js"));
 var _tightpng = _interopRequireDefault(require("./decoders/tightpng.js"));
 var _zrle = _interopRequireDefault(require("./decoders/zrle.js"));
 var _jpeg = _interopRequireDefault(require("./decoders/jpeg.js"));
+var _h = _interopRequireDefault(require("./decoders/h264.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -263,10 +265,12 @@ var RFB = exports["default"] = /*#__PURE__*/function (_EventTargetMixin) {
     _this._decoders[_encodings.encodings.encodingCopyRect] = new _copyrect["default"]();
     _this._decoders[_encodings.encodings.encodingRRE] = new _rre["default"]();
     _this._decoders[_encodings.encodings.encodingHextile] = new _hextile["default"]();
+    _this._decoders[_encodings.encodings.encodingZlib] = new _zlib["default"]();
     _this._decoders[_encodings.encodings.encodingTight] = new _tight["default"]();
     _this._decoders[_encodings.encodings.encodingTightPNG] = new _tightpng["default"]();
     _this._decoders[_encodings.encodings.encodingZRLE] = new _zrle["default"]();
     _this._decoders[_encodings.encodings.encodingJPEG] = new _jpeg["default"]();
+    _this._decoders[_encodings.encodings.encodingH264] = new _h["default"]();
 
     // NB: nothing that needs explicit teardown should be done
     // before this point, since this can throw an exception
@@ -1774,7 +1778,7 @@ var RFB = exports["default"] = /*#__PURE__*/function (_EventTargetMixin) {
   }, {
     key: "_negotiateARDAuthAsync",
     value: function () {
-      var _negotiateARDAuthAsync2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(keyLength, serverPublicKey, clientKey) {
+      var _negotiateARDAuthAsync2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(keyLength, serverPublicKey, clientKey) {
         var clientPublicKey, sharedKey, username, password, credentials, i, _i2, key, cipher, encrypted;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -2207,12 +2211,16 @@ var RFB = exports["default"] = /*#__PURE__*/function (_EventTargetMixin) {
       encs.push(_encodings.encodings.encodingCopyRect);
       // Only supported with full depth support
       if (this._fbDepth == 24) {
+        if (_browser.supportsWebCodecsH264Decode) {
+          encs.push(_encodings.encodings.encodingH264);
+        }
         encs.push(_encodings.encodings.encodingTight);
         encs.push(_encodings.encodings.encodingTightPNG);
         encs.push(_encodings.encodings.encodingZRLE);
         encs.push(_encodings.encodings.encodingJPEG);
         encs.push(_encodings.encodings.encodingHextile);
         encs.push(_encodings.encodings.encodingRRE);
+        encs.push(_encodings.encodings.encodingZlib);
       }
       encs.push(_encodings.encodings.encodingRaw);
 

package/lib/util/browser.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +19,14 @@ exports.isSafari = isSafari;
 exports.isTouchDevice = void 0;
 exports.isWebKit = isWebKit;
 exports.isWindows = isWindows;
-exports.supportsCursorURIs = void 0;
+exports.supportsWebCodecsH264Decode = exports.supportsCursorURIs = void 0;
 var Log = _interopRequireWildcard(require("./logging.js"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-/*
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; } /*
  * noVNC: HTML5 VNC client
  * Copyright (C) 2019 The noVNC Authors
  * Licensed under MPL 2.0 (see LICENSE.txt)
@@ -33,7 +35,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * Browser feature support detection
  */
-
 // Touch detection
 var isTouchDevice = exports.isTouchDevice = 'ontouchstart' in document.documentElement ||
 // requried for Chrome debugger
@@ -85,6 +86,43 @@ try {
   Log.Error("Scrollbar test exception: " + exc);
 }
 var hasScrollbarGutter = exports.hasScrollbarGutter = _hasScrollbarGutter;
+var supportsWebCodecsH264Decode = exports.supportsWebCodecsH264Decode = false;
+function _checkWebCodecsH264DecodeSupport() {
+  return _checkWebCodecsH264DecodeSupport2.apply(this, arguments);
+}
+function _checkWebCodecsH264DecodeSupport2() {
+  _checkWebCodecsH264DecodeSupport2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var config, result;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if ('VideoDecoder' in window) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          // We'll need to make do with some placeholders here
+          config = {
+            codec: 'avc1.42401f',
+            codedWidth: 1920,
+            codedHeight: 1080,
+            optimizeForLatency: true
+          };
+          _context.next = 5;
+          return VideoDecoder.isConfigSupported(config);
+        case 5:
+          result = _context.sent;
+          exports.supportsWebCodecsH264Decode = supportsWebCodecsH264Decode = result.supported;
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _checkWebCodecsH264DecodeSupport2.apply(this, arguments);
+}
+_checkWebCodecsH264DecodeSupport();
 
 /*
  * The functions for detection of platforms and browsers below are exported

package/lib/websock.js

@@ -233,7 +233,7 @@ var Websock = exports["default"] = /*#__PURE__*/function () {
         if (chunkSize > bytes.length - offset) {
           chunkSize = bytes.length - offset;
         }
-        this._sQ.set(bytes.subarray(offset, chunkSize), this._sQlen);
+        this._sQ.set(bytes.subarray(offset, offset + chunkSize), this._sQlen);
         this._sQlen += chunkSize;
         offset += chunkSize;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novnc/novnc",
-  "version": "1.5.0-beta",
+  "version": "1.5.0-g047531e",
   "description": "An HTML5 VNC client",
   "browser": "lib/rfb",
   "directories": {
@@ -55,7 +55,6 @@
     "karma-mocha-reporter": "latest",
     "karma-safari-launcher": "latest",
     "karma-script-launcher": "latest",
-    "karma-sinon-chai": "latest",
     "mocha": "latest",
     "node-getopt": "latest",
     "po2json": "latest",