Merge pull request #288 from rdkcentral/dev

Dev

Author: erikhaandrikman

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## v4.8.1
+
+*13 dec 2021*
+
+- Fixed auto detect 720p resolution
+
+
 ## v4.8.0
 
 *7 dec 2021*

docs/changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v4.8.1
+
+*13 dec 2021*
+
+- Fixed auto detect 720p resolution
+
 ## v4.8.0
 
 *7 dec 2021*

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/sdk",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "license": "Apache-2.0",
   "scripts": {
     "postinstall": "node ./scripts/postinstall.js",

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/sdk",
-  "version": "4.8.0",
+  "version": "4.8.1",
   "license": "Apache-2.0",
   "scripts": {
     "postinstall": "node ./scripts/postinstall.js",

package.json

@@ -81,16 +81,26 @@ const fontLoader = (fonts, store) =>
   })
 
 export default function(App, appData, platformSettings) {
-  defaultOptions.stage['w'] = platformSettings.width ? platformSettings.width : 1920
-  defaultOptions.stage['h'] = platformSettings.height ? platformSettings.height : 1080
-  defaultOptions.stage['precision'] =
-    (platformSettings.width ? platformSettings.width : 1920) / 1920
+  const { width, height } = platformSettings
+
+  if (width && height) {
+    defaultOptions.stage['w'] = width
+    defaultOptions.stage['h'] = height
+    defaultOptions.stage['precision'] = width / 1920
+  }
+
+  // support for 720p browser
+  if (!width && !height && window.innerHeight === 720) {
+    defaultOptions.stage['w'] = 1280
+    defaultOptions.stage['h'] = 720
+    defaultOptions.stage['precision'] = 1280 / 1920
+  }
 
   return class Application extends Lightning.Application {
     constructor(options) {
       const config = Deepmerge(defaultOptions, options)
       // Deepmerge breaks HTMLCanvasElement, so restore the passed in canvas.
-      if(options.stage.canvas) {
+      if (options.stage.canvas) {
         config.stage.canvas = options.stage.canvas
       }
       super(config)