fix: ensure ESM imports include .js file extension (#36)

Author: gaoachao

.changeset/soft-groups-return.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/react-use": patch
+---
+
+Ensure ESM imports include `.js` file extension.

src/exposureBased/useExposureForNode.ts

@@ -10,8 +10,8 @@ import type {
   IUseExposureForNodeReturn,
   TExposureAttrBag,
   UIAppearanceTargetDetail,
-} from "./types";
-import { createAdmissionGate } from "./utils";
+} from "./types.js";
+import { createAdmissionGate } from "./utils.js";
 
 // Node-level exposure hook with admission gating
 export function useExposureForNode<

src/exposureBased/useExposureForPage.ts

@@ -4,8 +4,8 @@ import type {
   IUseExposureForPageReturn,
   TExposureAttrBag,
   UIAppearanceTargetDetail,
-} from "./types";
-import { createMultiAdmissionGate } from "./utils";
+} from "./types.js";
+import { createMultiAdmissionGate } from "./utils.js";
 
 // Page-level exposure hook based on Lynx GlobalEventEmitter with admission gating
 export function useExposureForPage<

src/exposureBased/useStayTime.ts

@@ -9,8 +9,8 @@ import type {
   IUseExposureForNodeOptions,
   IUseStayTimeOptions,
   IUseStayTimeReturn,
-} from "./types";
-import { useExposureForNode } from "./useExposureForNode";
+} from "./types.js";
+import { useExposureForNode } from "./useExposureForNode.js";
 
 export function useStayTime<
   EA extends Record<string, string | number | boolean | undefined>

src/index.ts

@@ -2,7 +2,7 @@ export {
   useExposureForNode,
   useExposureForPage,
   useStayTime,
-} from "./exposureBased";
+} from "./exposureBased/index.js";
 export type {
   IUseExposureForNodeOptions,
   IUseExposureForNodeReturn,

src/react-use.ts

@@ -1,31 +1,31 @@
-import { default as _createMemo } from 'react-use/esm/factory/createMemo';
-import { default as _useBoolean } from 'react-use/esm/useBoolean';
-import { default as _useCounter } from 'react-use/esm/useCounter';
-import { default as _useDebounce } from 'react-use/esm/useDebounce';
-import { default as _useDefault } from 'react-use/esm/useDefault';
-import { default as _useEffectOnce } from 'react-use/esm/useEffectOnce';
-import { default as _useError } from 'react-use/esm/useError';
-import { default as _useLatest } from 'react-use/esm/useLatest';
-import { default as _useLifecycles } from 'react-use/esm/useLifecycles';
-import { default as _useMap } from 'react-use/esm/useMap';
-import { default as _useMountedState } from 'react-use/esm/useMountedState';
-import { default as _useNumber } from 'react-use/esm/useNumber';
-import { default as _usePrevious } from 'react-use/esm/usePrevious';
-import { default as _useQueue } from 'react-use/esm/useQueue';
-import { default as _useSet } from 'react-use/esm/useSet';
-import { default as _useSetState } from 'react-use/esm/useSetState';
-import { default as _useThrottle } from 'react-use/esm/useThrottle';
-import { default as _useThrottleFn } from 'react-use/esm/useThrottleFn';
-import { default as _useToggle } from 'react-use/esm/useToggle';
-import { default as _useUnmount } from 'react-use/esm/useUnmount';
-import { default as _useUnmountPromise } from 'react-use/esm/useUnmountPromise';
-import { default as _useUpdateEffect } from 'react-use/esm/useUpdateEffect';
-import { backgroundOnlyFactory as factory } from './backgroundOnlyFactory';
+import { default as _createMemo } from 'react-use/esm/factory/createMemo.js';
+import { default as _useBoolean } from 'react-use/esm/useBoolean.js';
+import { default as _useCounter } from 'react-use/esm/useCounter.js';
+import { default as _useDebounce } from 'react-use/esm/useDebounce.js';
+import { default as _useDefault } from 'react-use/esm/useDefault.js';
+import { default as _useEffectOnce } from 'react-use/esm/useEffectOnce.js';
+import { default as _useError } from 'react-use/esm/useError.js';
+import { default as _useLatest } from 'react-use/esm/useLatest.js';
+import { default as _useLifecycles } from 'react-use/esm/useLifecycles.js';
+import { default as _useMap } from 'react-use/esm/useMap.js';
+import { default as _useMountedState } from 'react-use/esm/useMountedState.js';
+import { default as _useNumber } from 'react-use/esm/useNumber.js';
+import { default as _usePrevious } from 'react-use/esm/usePrevious.js';
+import { default as _useQueue } from 'react-use/esm/useQueue.js';
+import { default as _useSet } from 'react-use/esm/useSet.js';
+import { default as _useSetState } from 'react-use/esm/useSetState.js';
+import { default as _useThrottle } from 'react-use/esm/useThrottle.js';
+import { default as _useThrottleFn } from 'react-use/esm/useThrottleFn.js';
+import { default as _useToggle } from 'react-use/esm/useToggle.js';
+import { default as _useUnmount } from 'react-use/esm/useUnmount.js';
+import { default as _useUnmountPromise } from 'react-use/esm/useUnmountPromise.js';
+import { default as _useUpdateEffect } from 'react-use/esm/useUpdateEffect.js';
+import { backgroundOnlyFactory as factory } from './backgroundOnlyFactory.js';
 import {
   useExposureForNode as _useExposureForNode,
   useExposureForPage as _useExposureForPage,
   useStayTime as _useStayTime,
-} from './exposureBased';
+} from './exposureBased/index.js';
 
 export const createMemo = factory(_createMemo);
 export const useBoolean = factory(_useBoolean);

src/useAsync.ts

@@ -1,6 +1,6 @@
 import { type DependencyList, useEffect } from '@lynx-js/react';
-import type { FunctionReturningPromise } from './useAsyncFn';
-import useAsyncFn from './useAsyncFn';
+import type { FunctionReturningPromise } from './useAsyncFn.js';
+import useAsyncFn from './useAsyncFn.js';
 
 export default function useAsync<T extends FunctionReturningPromise>(
   fn: T,

src/useAsyncFn.ts

@@ -6,7 +6,7 @@ import {
   useRef,
   useState,
 } from '@lynx-js/react';
-import { useMountedState } from './react-use';
+import { useMountedState } from './react-use.js';
 
 export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T
   : never;

src/useDebounce.ts

@@ -1,7 +1,7 @@
 // biome-ignore-all lint/suspicious/noExplicitAny: need any here
 
 import { type DependencyList, useEffect } from '@lynx-js/react';
-import useTimeoutFn from './useTimeoutFn';
+import useTimeoutFn from './useTimeoutFn.js';
 
 export type UseDebounceReturn = [() => boolean | null, () => void];
 

src/useTimeout.ts

@@ -1,5 +1,5 @@
-import useTimeoutFn from './useTimeoutFn';
-import useUpdate from './useUpdate';
+import useTimeoutFn from './useTimeoutFn.js';
+import useUpdate from './useUpdate.js';
 
 export type UseTimeoutReturn = [() => boolean | null, () => void, () => void];