Merge pull request #432 from zbinlin/fix-esm-module

antonioru · web-flow · commit cf68fa66c074 · 2025-07-17T12:28:29.000+02:00
fix(esm): fixes #421
diff --git a/package.json b/package.json
diff --git a/src/factory/createHandlerSetter.ts b/src/factory/createHandlerSetter.ts
@@ -1,5 +1,5 @@
 import { type RefObject, useRef } from 'react'
-import { type CallbackSetter, type SomeCallback } from '../shared/types'
+import { type CallbackSetter, type SomeCallback } from '../shared/types.ts'
 
 /**
  * Returns an array where the first item is the [ref](https://reactjs.org/docs/hooks-reference.html#useref) to a
diff --git a/src/factory/createStorageHook.ts b/src/factory/createStorageHook.ts
@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react'
-import safelyParseJson from '../shared/safelyParseJson'
-import isClient from '../shared/isClient'
-import isAPISupported from '../shared/isAPISupported'
-import isDevelopment from '../shared/isDevelopment'
-import noop from '../shared/noop'
-import warnOnce from '../shared/warnOnce'
+import safelyParseJson from '../shared/safelyParseJson.ts'
+import isClient from '../shared/isClient.ts'
+import isAPISupported from '../shared/isAPISupported.ts'
+import isDevelopment from '../shared/isDevelopment.ts'
+import noop from '../shared/noop.ts'
+import warnOnce from '../shared/warnOnce.ts'
 
 /**
  * A utility to quickly create hooks to access both Session Storage and Local Storage
diff --git a/src/shared/geolocationUtils.ts b/src/shared/geolocationUtils.ts
@@ -1,4 +1,4 @@
-import { type BRHGeolocationPosition } from './types'
+import { type BRHGeolocationPosition } from './types.ts'
 
 export const geoStandardOptions: PositionOptions = Object.freeze({
   enableHighAccuracy: false,
diff --git a/src/shared/noop.ts b/src/shared/noop.ts
@@ -1,4 +1,4 @@
-import { type Noop } from './types'
+import { type Noop } from './types.ts'
 
 /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
 const noop: Noop = (...args: any[]) => undefined
diff --git a/src/useAudio.ts b/src/useAudio.ts
@@ -1,11 +1,11 @@
 import { type MutableRefObject, useCallback, useEffect, useRef } from 'react'
-import noop from './shared/noop'
-import isClient from './shared/isClient'
-import useObjectState from './useObjectState'
-import isDevelopment from './shared/isDevelopment'
-import isAPISupported from './shared/isAPISupported'
-import createHandlerSetter from './factory/createHandlerSetter'
-import warnOnce from './shared/warnOnce'
+import noop from './shared/noop.ts'
+import isClient from './shared/isClient.ts'
+import useObjectState from './useObjectState.ts'
+import isDevelopment from './shared/isDevelopment.ts'
+import isAPISupported from './shared/isAPISupported.ts'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 /**
  * The default options for the useAudio hook
diff --git a/src/useConditionalTimeout.ts b/src/useConditionalTimeout.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
-import isFunction from './shared/isFunction'
-import { type GenericFunction } from './shared/types'
-import usePreviousValue from './usePreviousValue'
+import isFunction from './shared/isFunction.ts'
+import { type GenericFunction } from './shared/types.ts'
+import usePreviousValue from './usePreviousValue.ts'
 
 /**
  * An async-utility hook that accepts a callback function and a delay time (in milliseconds), then delays the
diff --git a/src/useCookie.ts b/src/useCookie.ts
@@ -1,11 +1,11 @@
 import { useCallback, useEffect, useState } from 'react'
-import noop from './shared/noop'
-import isClient from './shared/isClient'
-import isDevelopment from './shared/isDevelopment'
-import isAPISupported from './shared/isAPISupported'
-import createHandlerSetter from './factory/createHandlerSetter'
-import warnOnce from './shared/warnOnce'
-import { type CallbackSetter } from './shared/types'
+import noop from './shared/noop.ts'
+import isClient from './shared/isClient.ts'
+import isDevelopment from './shared/isDevelopment.ts'
+import isAPISupported from './shared/isAPISupported.ts'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import warnOnce from './shared/warnOnce.ts'
+import { type CallbackSetter } from './shared/types.ts'
 
 const useCookie = (key: string, options?: UseCookieOptions) => {
   const hookNotSupportedResponse = Object.freeze<UseCookieReturn>({
diff --git a/src/useDarkMode.ts b/src/useDarkMode.ts
@@ -1,11 +1,11 @@
 import { useCallback } from 'react'
-import useMediaQuery from './useMediaQuery'
-import useUpdateEffect from './useUpdateEffect'
-import useLocalStorage from './useLocalStorage'
-import noop from './shared/noop'
-import isClient from './shared/isClient'
-import isDevelopment from './shared/isDevelopment'
-import warnOnce from './shared/warnOnce'
+import useMediaQuery from './useMediaQuery.ts'
+import useUpdateEffect from './useUpdateEffect.ts'
+import useLocalStorage from './useLocalStorage.ts'
+import noop from './shared/noop.ts'
+import isClient from './shared/isClient.ts'
+import isDevelopment from './shared/isDevelopment.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)'
 export const LOCAL_STORAGE_KEY = 'beautiful-react-hooks-is-dark-mode'
diff --git a/src/useDebouncedCallback.ts b/src/useDebouncedCallback.ts
@@ -1,7 +1,7 @@
 import { type DependencyList, useCallback, useEffect, useRef } from 'react'
 import debounce from 'lodash.debounce'
-import { type GenericFunction } from './shared/types'
-import useWillUnmount from './useWillUnmount'
+import { type GenericFunction } from './shared/types.ts'
+import useWillUnmount from './useWillUnmount.ts'
 
 export interface DebounceOptions {
   leading?: boolean | undefined
diff --git a/src/useDidMount.ts b/src/useDidMount.ts
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
-import isFunction from './shared/isFunction'
-import { type GenericFunction, type Noop } from './shared/types'
-import createHandlerSetter from './factory/createHandlerSetter'
+import isFunction from './shared/isFunction.ts'
+import { type GenericFunction, type Noop } from './shared/types.ts'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
 
 /**
  * Returns a callback setter for a function to be performed when the component did mount.
diff --git a/src/useDrag.ts b/src/useDrag.ts
@@ -1,5 +1,5 @@
 import { type RefObject, useState } from 'react'
-import useDragEvents from './useDragEvents'
+import useDragEvents from './useDragEvents.ts'
 
 export interface UseDragOptions {
   dragImage?: string
diff --git a/src/useDragEvents.ts b/src/useDragEvents.ts
@@ -1,7 +1,7 @@
 import { type RefObject, useEffect } from 'react'
-import safeHasOwnProperty from './shared/safeHasOwnProperty'
-import useEvent from './useEvent'
-import { type CallbackSetter } from './shared/types'
+import safeHasOwnProperty from './shared/safeHasOwnProperty.ts'
+import useEvent from './useEvent.ts'
+import { type CallbackSetter } from './shared/types.ts'
 
 export interface UseDragEventsResult {
   onDrag: CallbackSetter<DragEvent>
diff --git a/src/useDropZone.ts b/src/useDropZone.ts
@@ -1,6 +1,6 @@
 import { type RefObject, useState } from 'react'
-import useDragEvents from './useDragEvents'
-import { type CallbackSetter } from './shared/types'
+import useDragEvents from './useDragEvents.ts'
+import { type CallbackSetter } from './shared/types.ts'
 
 export interface UseDropZoneResult {
   readonly isOver: boolean
diff --git a/src/useEvent.ts b/src/useEvent.ts
@@ -1,6 +1,6 @@
 import { type RefObject, useEffect } from 'react'
-import createHandlerSetter from './factory/createHandlerSetter'
-import safeHasOwnProperty from './shared/safeHasOwnProperty'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import safeHasOwnProperty from './shared/safeHasOwnProperty.ts'
 
 /**
  * Accepts the reference to an HTML Element and an event name then performs the necessary operations to listen to the event
diff --git a/src/useGeolocation.ts b/src/useGeolocation.ts
@@ -1,6 +1,6 @@
-import useGeolocationState, { type UseGeolocationStateResult } from './useGeolocationState'
-import useGeolocationEvents, { type UseGeolocationEventsResult } from './useGeolocationEvents'
-import { geoStandardOptions } from './shared/geolocationUtils'
+import useGeolocationState, { type UseGeolocationStateResult } from './useGeolocationState.ts'
+import useGeolocationEvents, { type UseGeolocationEventsResult } from './useGeolocationEvents.ts'
+import { geoStandardOptions } from './shared/geolocationUtils.ts'
 
 /**
  * Returns an array where the first item is the geolocation state from the `useGeolocationState` hook and the
diff --git a/src/useGeolocationEvents.ts b/src/useGeolocationEvents.ts
@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef } from 'react'
-import createHandlerSetter from './factory/createHandlerSetter'
-import { geoStandardOptions } from './shared/geolocationUtils'
-import { type BRHGeolocationPosition, type BRHGeolocationPositionError } from './shared/types'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import { geoStandardOptions } from './shared/geolocationUtils.ts'
+import { type BRHGeolocationPosition, type BRHGeolocationPositionError } from './shared/types.ts'
 
 export interface UseGeolocationEventsResult {
   isSupported: boolean
diff --git a/src/useGeolocationState.ts b/src/useGeolocationState.ts
@@ -1,8 +1,8 @@
 import { useCallback, useEffect, useState } from 'react'
-import createHandlerSetter from './factory/createHandlerSetter'
-import useGeolocationEvents from './useGeolocationEvents'
-import { type BRHGeolocationPosition, type BRHGeolocationPositionError, type SomeCallback } from './shared/types'
-import { geoStandardOptions, isSamePosition, makePositionObj } from './shared/geolocationUtils'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import useGeolocationEvents from './useGeolocationEvents.ts'
+import { type BRHGeolocationPosition, type BRHGeolocationPositionError, type SomeCallback } from './shared/types.ts'
+import { geoStandardOptions, isSamePosition, makePositionObj } from './shared/geolocationUtils.ts'
 
 export interface GeolocationState {
   readonly isSupported: boolean
diff --git a/src/useGlobalEvent.ts b/src/useGlobalEvent.ts
@@ -1,8 +1,8 @@
 import { type RefObject } from 'react'
-import useEvent from './useEvent'
-import isClient from './shared/isClient'
-import { type CallbackSetter } from './shared/types'
-import noop from './shared/noop'
+import useEvent from './useEvent.ts'
+import isClient from './shared/isClient.ts'
+import { type CallbackSetter } from './shared/types.ts'
+import noop from './shared/noop.ts'
 
 /**
  * Accepts an event name then returns a callback setter for a function to be performed when the event triggers.
diff --git a/src/useHorizontalSwipe.ts b/src/useHorizontalSwipe.ts
@@ -1,5 +1,5 @@
 import { type RefObject } from 'react'
-import useSwipe, { type UseSwipeOptions } from './useSwipe'
+import useSwipe, { type UseSwipeOptions } from './useSwipe.ts'
 
 const defaultOptions: UseSwipeOptions = {
   threshold: 15,
diff --git a/src/useInfiniteScroll.ts b/src/useInfiniteScroll.ts
@@ -1,8 +1,8 @@
 import { type RefObject, useRef } from 'react'
-import useEvent from './useEvent'
-import isFunction from './shared/isFunction'
-import safeHasOwnProperty from './shared/safeHasOwnProperty'
-import createHandlerSetter from './factory/createHandlerSetter'
+import useEvent from './useEvent.ts'
+import isFunction from './shared/isFunction.ts'
+import safeHasOwnProperty from './shared/safeHasOwnProperty.ts'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
 
 /**
  * Accepts an HTML Element ref, then returns a function that allows you to handle the infinite
diff --git a/src/useInterval.ts b/src/useInterval.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 
-import isFunction from './shared/isFunction'
-import { type GenericFunction } from './shared/types'
+import isFunction from './shared/isFunction.ts'
+import { type GenericFunction } from './shared/types.ts'
 
 export interface UseIntervalOptions {
   cancelOnUnmount?: boolean
diff --git a/src/useLifecycle.ts b/src/useLifecycle.ts
@@ -1,6 +1,6 @@
-import useDidMount from './useDidMount'
-import useWillUnmount from './useWillUnmount'
-import { type GenericFunction } from './shared/types'
+import useDidMount from './useDidMount.ts'
+import useWillUnmount from './useWillUnmount.ts'
+import { type GenericFunction } from './shared/types.ts'
 
 /**
  * Returns an object wrapping lifecycle hooks such as `useDidMount` or `useWillUnmount`.
diff --git a/src/useLocalStorage.ts b/src/useLocalStorage.ts
@@ -1,4 +1,4 @@
-import createStorageHook from './factory/createStorageHook'
+import createStorageHook from './factory/createStorageHook.ts'
 
 /**
  * Save a value on local storage
diff --git a/src/useLongPress.ts b/src/useLongPress.ts
@@ -1,9 +1,9 @@
 import { type RefObject, useCallback, useState } from 'react'
-import useMouseEvents from './useMouseEvents'
-import useConditionalTimeout from './useConditionalTimeout'
-import createHandlerSetter from './factory/createHandlerSetter'
-import useTouchEvents from './useTouchEvents'
-import { type CallbackSetter } from './shared/types'
+import useMouseEvents from './useMouseEvents.ts'
+import useConditionalTimeout from './useConditionalTimeout.ts'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import useTouchEvents from './useTouchEvents.ts'
+import { type CallbackSetter } from './shared/types.ts'
 
 /**
  * A hook that facilitates the implementation of the long press functionality on a given target, supporting both mouse and touch events.
diff --git a/src/useMediaQuery.ts b/src/useMediaQuery.ts
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react'
-import isClient from './shared/isClient'
-import isAPISupported from './shared/isAPISupported'
-import warnOnce from './shared/warnOnce'
+import isClient from './shared/isClient.ts'
+import isAPISupported from './shared/isAPISupported.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 const errorMessage = 'matchMedia is not supported, this could happen both because window.matchMedia is not supported by' +
   ' your current browser or you\'re using the useMediaQuery hook whilst server side rendering.'
diff --git a/src/useMouse.ts b/src/useMouse.ts
@@ -1,6 +1,6 @@
 import { type RefObject } from 'react'
-import useMouseEvents from './useMouseEvents'
-import useMouseState from './useMouseState'
+import useMouseEvents from './useMouseEvents.ts'
+import useMouseState from './useMouseState.ts'
 
 /**
  * Returns an array where the first item is the mouse state from the `useMouseState` hook and the second item
diff --git a/src/useMouseEvents.ts b/src/useMouseEvents.ts
@@ -1,5 +1,5 @@
 import { type RefObject } from 'react'
-import useEvent from './useEvent'
+import useEvent from './useEvent.ts'
 
 /**
  * Returns a frozen object of callback setters to handle the mouse events.<br/>
diff --git a/src/useMouseState.ts b/src/useMouseState.ts
@@ -1,5 +1,5 @@
 import { type RefObject, useState } from 'react'
-import useMouseEvents from './useMouseEvents'
+import useMouseEvents from './useMouseEvents.ts'
 
 const createStateObject = (event: MouseEvent) => ({
   clientX: event.clientX,
diff --git a/src/useMutationObserver.ts b/src/useMutationObserver.ts
@@ -1,8 +1,8 @@
 import { type RefObject, useEffect } from 'react'
 
-import isClient from './shared/isClient'
-import isApiSupported from './shared/isAPISupported'
-import warnOnce from './shared/warnOnce'
+import isClient from './shared/isClient.ts'
+import isApiSupported from './shared/isAPISupported.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 // eslint-disable-next-line max-len
 const errorMessage = 'MutationObserver is not supported, this could happen both because window. MutationObserver is not supported by your current browser or you\'re using the useMutationObserver hook whilst server side rendering.'
diff --git a/src/useOnlineState.ts b/src/useOnlineState.ts
@@ -1,6 +1,6 @@
 import { useState } from 'react'
-import useGlobalEvent from './useGlobalEvent'
-import warnOnce from './shared/warnOnce'
+import useGlobalEvent from './useGlobalEvent.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 /**
  * Uses the [Navigator online API](https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine) to define
diff --git a/src/useQueryParam.ts b/src/useQueryParam.ts
@@ -1,7 +1,7 @@
 import { useCallback, useRef } from 'react'
 import { useHistory } from 'react-router-dom'
-import useDidMount from './useDidMount'
-import useURLSearchParams from './useURLSearchParams'
+import useDidMount from './useDidMount.ts'
+import useURLSearchParams from './useURLSearchParams.ts'
 
 export interface UseQueryParamOptions<TValue extends string> {
   initialValue?: TValue
diff --git a/src/useQueryParams.ts b/src/useQueryParams.ts
@@ -1,7 +1,7 @@
 import { useHistory } from 'react-router-dom'
 import { useCallback, useRef } from 'react'
-import useDidMount from './useDidMount'
-import useURLSearchParams from './useURLSearchParams'
+import useDidMount from './useDidMount.ts'
+import useURLSearchParams from './useURLSearchParams.ts'
 
 export interface UseQueryParamsOptions<TValue extends string[]> {
   initialValue?: TValue
diff --git a/src/useRequestAnimationFrame.ts b/src/useRequestAnimationFrame.ts
@@ -1,10 +1,10 @@
 import { useCallback, useRef } from 'react'
-import createHandlerSetter from './factory/createHandlerSetter'
-import isClient from './shared/isClient'
-import isAPISupported from './shared/isAPISupported'
-import { type CallbackSetter, type GenericFunction } from './shared/types'
-import noop from './shared/noop'
-import warnOnce from './shared/warnOnce'
+import createHandlerSetter from './factory/createHandlerSetter.ts'
+import isClient from './shared/isClient.ts'
+import isAPISupported from './shared/isAPISupported.ts'
+import { type CallbackSetter, type GenericFunction } from './shared/types.ts'
+import noop from './shared/noop.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 export interface UseRequestAnimationFrameOpts {
   increment?: number
diff --git a/src/useResizeObserver.ts b/src/useResizeObserver.ts
@@ -1,10 +1,10 @@
 import debounce from 'lodash.debounce'
 import { type RefObject, useEffect, useRef, useState } from 'react'
 
-import isClient from './shared/isClient'
-import isFunction from './shared/isFunction'
-import isApiSupported from './shared/isAPISupported'
-import warnOnce from './shared/warnOnce'
+import isClient from './shared/isClient.ts'
+import isFunction from './shared/isFunction.ts'
+import isApiSupported from './shared/isAPISupported.ts'
+import warnOnce from './shared/warnOnce.ts'
 
 // eslint-disable-next-line max-len
 const errorMessage = 'ResizeObserver is not supported, this could happen both because window. ResizeObserver is not supported by your current browser or you\'re using the useResizeObserver hook whilst server side rendering.'
diff --git a/src/useSearchQuery.ts b/src/useSearchQuery.ts
@@ -1,4 +1,4 @@
-import useQueryParam from './useQueryParam'
+import useQueryParam from './useQueryParam.ts'
 
 /**
  * Ease the process of modify the 'search' query string in the URL for the current location.
diff --git a/src/useSessionStorage.ts b/src/useSessionStorage.ts
@@ -1,4 +1,4 @@
-import createStorageHook from './factory/createStorageHook'
+import createStorageHook from './factory/createStorageHook.ts'
 
 /**
  * Save a value on session storage
diff --git a/src/useSwipe.ts b/src/useSwipe.ts
@@ -1,7 +1,7 @@
 import { type RefObject, useRef, useState } from 'react'
-import { type Direction, getDirection, getHorizontalDirection, getPointerCoordinates, getVerticalDirection } from './shared/swipeUtils'
-import useMouseEvents from './useMouseEvents'
-import useTouchEvents from './useTouchEvents'
+import { type Direction, getDirection, getHorizontalDirection, getPointerCoordinates, getVerticalDirection } from './shared/swipeUtils.ts'
+import useMouseEvents from './useMouseEvents.ts'
+import useTouchEvents from './useTouchEvents.ts'
 
 /**
  * The options that can be passed to the hook
diff --git a/src/useSwipeEvents.ts b/src/useSwipeEvents.ts
diff --git a/src/useThrottledCallback.ts b/src/useThrottledCallback.ts
diff --git a/src/useTimeout.ts b/src/useTimeout.ts
diff --git a/src/useTouch.ts b/src/useTouch.ts
diff --git a/src/useTouchEvents.ts b/src/useTouchEvents.ts
diff --git a/src/useTouchState.ts b/src/useTouchState.ts
diff --git a/src/useUnmount.ts b/src/useUnmount.ts
diff --git a/src/useUpdateEffect.ts b/src/useUpdateEffect.ts
diff --git a/src/useVerticalSwipe.ts b/src/useVerticalSwipe.ts
diff --git a/src/useViewportSpy.ts b/src/useViewportSpy.ts
diff --git a/src/useViewportState.ts b/src/useViewportState.ts
diff --git a/src/useWillUnmount.ts b/src/useWillUnmount.ts
diff --git a/src/useWindowResize.ts b/src/useWindowResize.ts
diff --git a/src/useWindowScroll.ts b/src/useWindowScroll.ts
diff --git a/tsconfig.json b/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { type BRHGeolocationPosition } from './types'`
	`1`	`+import { type BRHGeolocationPosition } from './types.ts'`
`2`	`2`
`3`	`3`	`export const geoStandardOptions: PositionOptions = Object.freeze({`
`4`	`4`	`enableHighAccuracy: false,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { type Noop } from './types'`
	`1`	`+import { type Noop } from './types.ts'`
`2`	`2`
`3`	`3`	`/* eslint-disable-next-line @typescript-eslint/no-unused-vars */`
`4`	`4`	`const noop: Noop = (...args: any[]) => undefined`