[Feat] add setStyle option (#1)

* add setStyle

* add missing pkg

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperplay/browser-sdk",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -28,6 +28,7 @@
   "license": "UNLICENSED",
   "devDependencies": {
     "@types/node": "^22.5.0",
+    "@typescript-eslint/eslint-plugin": "^8.3.0",
     "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",

src/index.ts

@@ -1,9 +1,30 @@
-export function requestFullscreen(elementId?: string){
-    window.parent.postMessage({
-        method: 'requestFullscreen'
-    }, '*')
-
-    if (elementId){
-        document.getElementById(elementId)?.requestFullscreen()
-    }
-}
+export function requestFullscreen({
+  elementId,
+  setStyle
+}: {
+  elementId?: string
+  setStyle?: boolean
+}) {
+  window.parent.postMessage(
+    {
+      method: 'requestFullscreen'
+    },
+    '*'
+  )
+
+  if (elementId) {
+    const element = document.getElementById(elementId)
+    element?.requestFullscreen()
+    if (setStyle && element) {
+      element.style.setProperty('position', 'fixed')
+      element.style.setProperty('top', '0px')
+      element.style.setProperty('right', '0px')
+      element.style.setProperty('bottom', '0px')
+      element.style.setProperty('left', '0px')
+      element.style.setProperty('width', '100%')
+      element.style.setProperty('height', '100%')
+      element.style.setProperty('border', 'none')
+      element.style.setProperty('overflow', 'hidden')
+    }
+  }
+}