From 6fc416e59e27c60a8dc538b05d45143caa289605 Mon Sep 17 00:00:00 2001
From: Matt Karl <matt@mattkarl.com>
Date: Thu, 21 Jul 2022 09:54:55 -0400
Subject: [PATCH] Fix app and ismobilejs typings (#8517)

---
 packages/app/src/ResizePlugin.ts        |  5 +--
 packages/settings/src/utils/isMobile.ts | 42 +++++++++++++++++++++----
 2 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/packages/app/src/ResizePlugin.ts b/packages/app/src/ResizePlugin.ts
index cd88146bca..4a86379f20 100644
--- a/packages/app/src/ResizePlugin.ts
+++ b/packages/app/src/ResizePlugin.ts
@@ -1,8 +1,9 @@
-import type { CanvasRenderer } from '@pixi/canvas-renderer';
 import type { ExtensionMetadata, Renderer } from '@pixi/core';
 import { ExtensionType } from '@pixi/core';
 import type { IApplicationOptions } from './Application';
 
+type ResizeableRenderer = Pick<Renderer, 'resize'>;
+
 /**
  * Middleware for for Application's resize functionality
  * @private
@@ -15,7 +16,7 @@ export class ResizePlugin
 
     public static resizeTo: Window | HTMLElement;
     public static resize: () => void;
-    public static renderer: Renderer | CanvasRenderer;
+    public static renderer: ResizeableRenderer;
     public static queueResize: () => void;
     private static _resizeId: number;
     private static _resizeTo: Window | HTMLElement;
diff --git a/packages/settings/src/utils/isMobile.ts b/packages/settings/src/utils/isMobile.ts
index 1b4bb86819..dc6867ed33 100644
--- a/packages/settings/src/utils/isMobile.ts
+++ b/packages/settings/src/utils/isMobile.ts
@@ -1,9 +1,39 @@
-// The ESM/CJS versions of ismobilejs only
-// exports the function for executing
-// designed for Node-only environments
 import isMobileCall from 'ismobilejs';
-import type { isMobileResult } from 'ismobilejs';
 
-const isMobile: isMobileResult = isMobileCall(globalThis.navigator);
+type isMobileResult = {
+    apple: {
+        phone: boolean;
+        ipod: boolean;
+        tablet: boolean;
+        universal: boolean;
+        device: boolean;
+    };
+    amazon: {
+        phone: boolean;
+        tablet: boolean;
+        device: boolean;
+    };
+    android: {
+        phone: boolean;
+        tablet: boolean;
+        device: boolean;
+    };
+    windows: {
+        phone: boolean;
+        tablet: boolean;
+        device: boolean;
+    };
+    other: {
+        blackberry: boolean;
+        blackberry10: boolean;
+        opera: boolean;
+        firefox: boolean;
+        chrome: boolean;
+        device: boolean;
+    };
+    phone: boolean;
+    tablet: boolean;
+    any: boolean;
+};
 
-export { isMobile };
+export const isMobile: isMobileResult = isMobileCall(globalThis.navigator);