extra-react-hooks 0.8.5 → 0.8.7

package/README.md

@@ -71,7 +71,7 @@ function useEffectAsync(
 ```ts
 function useAbortableCallback<Args extends unknown[], Result>(
   callback: (...args: [...args: Args, signal: AbortSignal]) => PromiseLike<Result>
-, deps: React.DependencyList
+, deps?: React.DependencyList
 ): (...args: [...args: Args, signal: AbortSignal | Falsy]) => Promise<Result>
 ```
 

package/lib/use-abortable-callback.d.ts

@@ -1,2 +1,2 @@
 import { Falsy } from '@blackglory/prelude';
-export declare function useAbortableCallback<Args extends unknown[], Result>(callback: (...args: [...args: Args, signal: AbortSignal]) => PromiseLike<Result>, deps: React.DependencyList): (...args: [...args: Args, signal: AbortSignal | Falsy]) => Promise<Result>;
+export declare function useAbortableCallback<Args extends unknown[], Result>(callback: (...args: [...args: Args, signal: AbortSignal]) => PromiseLike<Result>, deps?: React.DependencyList): (...args: [...args: Args, signal: AbortSignal | Falsy]) => Promise<Result>;

package/lib/use-abortable-callback.js

@@ -11,6 +11,6 @@ export function useAbortableCallback(callback, deps) {
         signal.throwIfAborted();
         const realArgs = args.slice(0, -1);
         return await callback(...realArgs, signal);
-    }, [controller, ...deps]);
+    }, [controller]);
 }
 //# sourceMappingURL=use-abortable-callback.js.map

package/lib/use-abortable-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-abortable-callback.js","sourceRoot":"","sources":["../src/use-abortable-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAG/D,MAAM,UAAU,oBAAoB,CAClC,QAAgF,EAChF,IAA0B;IAE1B,MAAM,UAAU,GAAG,kBAAkB,CACnC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,EAC3B,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAChC,IAAI,CACL,CAAA;IAED,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,IAAkD,EAAE,EAAE;QACjF,MAAM,MAAM,GAAG,gBAAgB,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAwB;YAC5C,UAAU,CAAC,MAAM;SAClB,CAAC,CAAA;QACF,MAAM,CAAC,cAAc,EAAE,CAAA;QAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAS,CAAA;QAE1C,OAAO,MAAM,QAAQ,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;AAC3B,CAAC"}
+{"version":3,"file":"use-abortable-callback.js","sourceRoot":"","sources":["../src/use-abortable-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAG/D,MAAM,UAAU,oBAAoB,CAClC,QAAgF,EAChF,IAA2B;IAE3B,MAAM,UAAU,GAAG,kBAAkB,CACnC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,EAC3B,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAChC,IAAI,CACL,CAAA;IAED,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,IAAkD,EAAE,EAAE;QACjF,MAAM,MAAM,GAAG,gBAAgB,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAwB;YAC5C,UAAU,CAAC,MAAM;SAClB,CAAC,CAAA;QACF,MAAM,CAAC,cAAc,EAAE,CAAA;QAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAS,CAAA;QAE1C,OAAO,MAAM,QAAQ,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;AAClB,CAAC"}

package/lib/use-iife.js

@@ -1,11 +1,12 @@
-import { useLayoutEffect, useRef } from 'react';
+import { useRef } from 'react';
 import { useIsFirstRender } from './use-is-first-render.js';
+import { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect.js';
 export function useIIFE(iife, deps) {
     var _a;
     const isFirstRender = useIsFirstRender();
     const oldDeps = useRef([]);
     const cleanup = useRef(undefined);
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         return () => {
             var _a;
             (_a = cleanup.current) === null || _a === void 0 ? void 0 : _a.call(cleanup);

package/lib/use-iife.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-iife.js","sourceRoot":"","sources":["../src/use-iife.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,MAAM,UAAU,OAAO,CACrB,IACkB,EAClB,IAA2B;;IAE3B,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,OAAO,GAAG,MAAM,CAAuB,EAAE,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,MAAM,CAAsB,SAAS,CAAC,CAAA;IAEtD,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;;YACV,MAAA,OAAO,CAAC,OAAO,uDAAI,CAAA;YACnB,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IACE,CAAC,IAAI;QACL,aAAa,EAAE;QACf,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM;QACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC7C,CAAC;QACD,MAAA,OAAO,CAAC,OAAO,uDAAI,CAAA;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,EAAE,CAAA;QAExB,OAAO,CAAC,OAAO,GAAG,IAAI;YACN,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YACX,CAAC,CAAC,EAAE,CAAA;IACtB,CAAC;AACH,CAAC"}
+{"version":3,"file":"use-iife.js","sourceRoot":"","sources":["../src/use-iife.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,MAAM,UAAU,OAAO,CACrB,IACkB,EAClB,IAA2B;;IAE3B,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,OAAO,GAAG,MAAM,CAAuB,EAAE,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,MAAM,CAAsB,SAAS,CAAC,CAAA;IAEtD,yBAAyB,CAAC,GAAG,EAAE;QAC7B,OAAO,GAAG,EAAE;;YACV,MAAA,OAAO,CAAC,OAAO,uDAAI,CAAA;YACnB,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IACE,CAAC,IAAI;QACL,aAAa,EAAE;QACf,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM;QACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC7C,CAAC;QACD,MAAA,OAAO,CAAC,OAAO,uDAAI,CAAA;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,EAAE,CAAA;QAExB,OAAO,CAAC,OAAO,GAAG,IAAI;YACN,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YACX,CAAC,CAAC,EAAE,CAAA;IACtB,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "",
   "keywords": [],
   "files": [

package/src/use-abortable-callback.ts

@@ -5,7 +5,7 @@ import { Falsy } from '@blackglory/prelude'
 
 export function useAbortableCallback<Args extends unknown[], Result>(
   callback: (...args: [...args: Args, signal: AbortSignal]) => PromiseLike<Result>
-, deps: React.DependencyList
+, deps?: React.DependencyList
 ): (...args: [...args: Args, signal: AbortSignal | Falsy]) => Promise<Result> {
   const controller = useMemoWithCleanup(
     () => new AbortController()
@@ -23,5 +23,5 @@ export function useAbortableCallback<Args extends unknown[], Result>(
     const realArgs = args.slice(0, -1) as Args
 
     return await callback(...realArgs, signal)
-  }, [controller, ...deps])
+  }, [controller])
 }

package/src/use-iife.ts

@@ -1,5 +1,6 @@
-import { useLayoutEffect, useRef } from 'react'
+import { useRef } from 'react'
 import { useIsFirstRender } from './use-is-first-render.js'
+import { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect.js'
 
 export function useIIFE(
   iife: (() => () => void)
@@ -10,7 +11,7 @@ export function useIIFE(
   const oldDeps = useRef<React.DependencyList>([])
   const cleanup = useRef<(() => void) | void>(undefined)
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     return () => {
       cleanup.current?.()
       cleanup.current = undefined