@hkdigital/lib-core 0.5.14 → 0.5.16

package/dist/ui/components/game-box/GameBox.svelte

@@ -3,7 +3,11 @@
 
   import {
     getGameWidthOnLandscape,
-    getGameWidthOnPortrait
+    getGameWidthOnPortrait,
+    isIOS,
+    isIpadOS,
+    getOS,
+    getIsMobile
   } from './gamebox.util.js';
 
   import ScaledContainer from './ScaledContainer.svelte';
@@ -127,7 +131,8 @@
     }
   } );
 
-  const isAppleMobile = /iPhone|iPod/.test(navigator.userAgent);
+  // iPad is also considered Apple mobile
+  const isAppleMobile = isIOS();
 
   let os = $state();
   let isIos = $derived(os === 'iOS');
@@ -302,10 +307,39 @@
     };
     portraitMediaQuery.addEventListener('change', handleOrientationChange);
 
+    // App visibility detection for iOS debugging
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === 'visible') {
+        // console.log('App became visible:', {
+        //   'window.innerWidth': window.innerWidth,
+        //   'window.innerHeight': window.innerHeight,
+        //   'screen.width': screen.width,
+        //   'screen.height': screen.height,
+        //   'screen.orientation.angle': screen.orientation.angle,
+        //   'screen.orientation.type': screen.orientation.type,
+        //   'matchMedia portrait':
+        //     window.matchMedia('(orientation: portrait)').matches,
+        //   'isLandscape': isLandscape,
+        //   'gameWidth': gameWidth,
+        //   'gameHeight': gameHeight,
+        //   'iosWindowWidth': iosWindowWidth,
+        //   'iosWindowHeight': iosWindowHeight
+        // });
+
+        // Force iOS dimension update when app becomes visible
+        if (isPwa && isAppleMobile) {
+          updateIosWidthHeight();
+        }
+      }
+    };
+
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+
     show = true;
 
     return () => {
       portraitMediaQuery.removeEventListener('change', handleOrientationChange);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
     };
   });
 
@@ -330,35 +364,6 @@
     }
   });
 
-
-  function getOS() {
-    if (isAppleMobile) {
-      return 'iOS';
-    } else if (/Android/.test(navigator.userAgent)) {
-      return 'Android';
-    } else {
-      return 'unknown';
-    }
-  }
-
-  /**
-   * Returns true if a device is a mobile phone (or similar)
-   */
-  function getIsMobile() {
-    // @ts-ignore
-    if (navigator?.userAgentData?.mobile !== undefined) {
-      // Supports for mobile flag
-      // @ts-ignore
-      return navigator.userAgentData.mobile;
-    } else if (isAppleMobile) {
-      return true;
-    } else if (/Android/.test(navigator.userAgent)) {
-      return true;
-    }
-
-    return false;
-  }
-
   /**
    * Returns true if the window is in full screen
    * - Checks if CSS thinks we're in fullscreen mode

package/dist/ui/components/game-box/gamebox.util.d.ts

@@ -1,3 +1,27 @@
+/**
+ * Check if the device is running iOS (iPhone, iPod, or iPad)
+ *
+ * @returns {boolean} true if iOS device
+ */
+export function isIOS(): boolean;
+/**
+ * Check if the device is running iPadOS
+ *
+ * @returns {boolean} true if iPadOS device
+ */
+export function isIpadOS(): boolean;
+/**
+ * Get the operating system of the device
+ *
+ * @returns {'iOS'|'Android'|'unknown'} operating system
+ */
+export function getOS(): "iOS" | "Android" | "unknown";
+/**
+ * Check if the device is a mobile phone or tablet
+ *
+ * @returns {boolean} true if mobile device
+ */
+export function getIsMobile(): boolean;
 /**
  * Get game width for landscape mode
  *

package/dist/ui/components/game-box/gamebox.util.js

@@ -2,6 +2,67 @@ export const ERROR_WINDOW_SIZE_NOT_LANDSCAPE = 'Window size is not landsccape';
 
 export const ERROR_WINDOW_SIZE_NOT_PORTRAIT = 'Window size is not portrait';
 
+/**
+ * Check if the device is running iOS (iPhone, iPod, or iPad)
+ *
+ * @returns {boolean} true if iOS device
+ */
+export function isIOS() {
+  if (/iPad|iPhone|iPod/.test(navigator.platform)) {
+    return true;
+  } else {
+    return navigator.maxTouchPoints &&
+      navigator.maxTouchPoints > 2 &&
+      /MacIntel/.test(navigator.platform);
+  }
+}
+
+/**
+ * Check if the device is running iPadOS
+ *
+ * @returns {boolean} true if iPadOS device
+ */
+export function isIpadOS() {
+  return navigator.maxTouchPoints &&
+    navigator.maxTouchPoints > 2 &&
+    /MacIntel/.test(navigator.platform);
+}
+
+/**
+ * Get the operating system of the device
+ *
+ * @returns {'iOS'|'Android'|'unknown'} operating system
+ */
+export function getOS() {
+  if (isIOS()) {
+    return 'iOS';
+  } else if (/Android/.test(navigator.userAgent)) {
+    return 'Android';
+  } else {
+    return 'unknown';
+  }
+}
+
+/**
+ * Check if the device is a mobile phone or tablet
+ *
+ * @returns {boolean} true if mobile device
+ */
+export function getIsMobile() {
+  // @ts-ignore
+  if (navigator?.userAgentData?.mobile !== undefined) {
+    // Supports for mobile flag
+    // @ts-ignore
+    return navigator.userAgentData.mobile;
+  } else if (isIOS()) {
+    return true;
+  } else if (/Android/.test(navigator.userAgent)) {
+    return true;
+  }
+
+  return false;
+}
+
 /**
  * Get game width for landscape mode
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-core",
-	"version": "0.5.14",
+	"version": "0.5.16",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"