Merge pull request #6912 from nextcloud-libraries/backport/6659/stable8

[stable8] 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.js'
 export * from './useIsDarkTheme/index.ts'
+export * from './useIsFullscreen/index.ts'
+export * from './useIsMobile/index.js'

src/composables/useIsFullscreen/index.js renamed to src/composables/useIsFullscreen/index.ts

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

src/mixins/isFullscreen/index.js

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { isFullscreenState } from '../../composables/useIsFullscreen/index.js'
+import { isFullscreenState } from '../../composables/useIsFullscreen/index.ts'
 
 export default {
 	computed: {