Rotate canvas image on client side when necessary. Minicap now always returns the image in upright position for newer devices.

lib/units/device/plugins/screen/stream.js

@@ -389,6 +389,17 @@ module.exports = syrup.serial()
           frameProducer.updateRotation(newRotation)
         })
 
+        frameProducer.on('start', function() {
+          var message = util.format(
+            'start %s'
+          , JSON.stringify(frameProducer.banner)
+          )
+
+          broadcastSet.values().forEach(function(ws) {
+            ws.send(message)
+          })
+        })
+
         frameProducer.on('readable', function next() {
           var frame
           if ((frame = frameProducer.nextFrame())) {

lib/units/device/plugins/screen/util/banner.js

@@ -16,7 +16,11 @@ module.exports.read = function parseBanner(out) {
     , virtualWidth: 0
     , virtualHeight: 0
     , orientation: 0
-    , quirks: 0
+    , quirks: {
+        dumb: false
+      , alwaysUpright: false
+      , tear: false
+      }
     }
 
     tryRead = function() {
@@ -78,7 +82,9 @@ module.exports.read = function parseBanner(out) {
               break
             case 23:
               // quirks
-              banner.quirks = chunk[cursor]
+              banner.quirks.dumb = (chunk[cursor] & 1) === 1
+              banner.quirks.alwaysUpright = (chunk[cursor] & 2) === 2
+              banner.quirks.tear = (chunk[cursor] & 4) === 4
               break
             }