feat(global-hooks): create useWindowSize hook to watch the dimensions…

… of the window

packages/@louffee-global-hooks/src/index.ts

@@ -35,3 +35,6 @@ export { default as useDocumentEvent } from './useDocumentEvent/useDocumentEvent
 export { default as UseDocumentEventOptions } from './useDocumentEvent/UseDocumentEventOptions'
 export { default as DocumentEventListener } from './useDocumentEvent/DocumentEventListener'
 export { default as DocumentEventName } from './useDocumentEvent/DocumentEventName'
+
+export { default as useWindowSize } from './useWindowSize/useWindowSize'
+export { default as UseWindowSizeReturnType } from './useWindowSize/UseWindowSizeReturnType'

packages/@louffee-global-hooks/src/useWindowSize/UseWindowSizeReturnType.ts

@@ -0,0 +1,6 @@
+interface UseWindowSizeReturnType {
+  width: number
+  height: number
+}
+
+export default UseWindowSizeReturnType

packages/@louffee-global-hooks/src/useWindowSize/useWindowSize.ts

@@ -0,0 +1,25 @@
+import * as React from 'react'
+
+import useEffect from '../useEffect/useEffect'
+
+import type UseWindowSizeReturnType from './UseWindowSizeReturnType'
+
+function useWindowSize(): UseWindowSizeReturnType {
+  const [size, setSize] = React.useState<UseWindowSizeReturnType>({ height: 0, width: 0 })
+
+  useEffect(() => {
+    function updateSize() {
+      setSize({ height: window.innerHeight, width: window.innerWidth })
+    }
+
+    window.addEventListener('resize', updateSize)
+
+    return () => {
+      window.removeEventListener('resize', updateSize)
+    }
+  }, [])
+
+  return size
+}
+
+export default useWindowSize