Merge pull request #6659 from nextcloud-libraries/refactor/is-fullscreen

refactor(useIsFullscreen): migrate to Typescript

Author: susnux

src/composables/index.js

@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-export * from './useIsFullscreen/index.js'
-export * from './useIsMobile/index.js'
 export * from './useFormatDateTime.ts'
 export * from './useHotKey/index.ts'
 export * from './useIsDarkTheme/index.ts'
+export * from './useIsFullscreen/index.ts'
+export * from './useIsMobile/index.js'

src/composables/useIsFullscreen/index.js

@@ -0,0 +1,27 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import type { Ref } from 'vue'
+import { readonly, ref } from 'vue'
+
+const isFullscreen = ref(checkIfIsFullscreen())
+
+window.addEventListener('resize', () => {
+	isFullscreen.value = checkIfIsFullscreen()
+})
+
+/**
+ * If the window height is equal to the screen height,
+ * we are in full screen mode.
+ */
+function checkIfIsFullscreen(): boolean {
+	return window.outerHeight === window.screen.height
+}
+
+/**
+ * Use global `isFullscreen` state, based on the screen height check.
+ */
+export function useIsFullscreen(): Readonly<Ref<boolean>> {
+	return readonly(isFullscreen)
+}