@aiszlab/relax 1.2.16 → 1.2.17-beta.1

package/dist/hooks/use-counter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author murukal
+ *
+ * @description
+ * a number counter with some useful apis
+ */
+export declare const useCounter: () => {
+    count: number;
+    next: () => void;
+    prev: () => void;
+    first: () => void;
+};

package/dist/hooks/use-counter.js

@@ -0,0 +1,28 @@
+import { useState, useCallback } from 'react';
+
+/**
+ * @author murukal
+ *
+ * @description
+ * a number counter with some useful apis
+ */
+const useCounter = () => {
+    const [count, setCount] = useState(0);
+    const next = useCallback(() => {
+        setCount((prev) => prev + 1);
+    }, []);
+    const prev = useCallback(() => {
+        setCount((prev) => prev - 1);
+    }, []);
+    const first = useCallback(() => {
+        setCount(0);
+    }, []);
+    return {
+        count,
+        next,
+        prev,
+        first
+    };
+};
+
+export { useCounter };

package/dist/hooks/use-debounce-callback.js

@@ -10,14 +10,14 @@ import { Observable, debounceTime } from 'rxjs';
 const useDebounceCallback = (callable, { delay = 1000 } = {
     delay: 1000
 }) => {
-    // runner
-    const runner = useRef();
+    // trigger
+    const trigger = useRef();
     // listener
     const listener = useRef();
     /// initialze listener function for debouce
     const initialize = useCallback(() => {
         listener.current = new Observable((subscriber) => {
-            runner.current = subscriber;
+            trigger.current = subscriber;
         })
             .pipe(debounceTime(delay))
             .subscribe({
@@ -42,12 +42,12 @@ const useDebounceCallback = (callable, { delay = 1000 } = {
     /// next function has been debounced for hooks user
     const next = useCallback((value) => {
         var _a;
-        (_a = runner.current) === null || _a === void 0 ? void 0 : _a.next(value);
+        (_a = trigger.current) === null || _a === void 0 ? void 0 : _a.next(value);
     }, []);
     /// flush the debounce
     const complete = useCallback(() => {
         var _a;
-        (_a = runner.current) === null || _a === void 0 ? void 0 : _a.complete();
+        (_a = trigger.current) === null || _a === void 0 ? void 0 : _a.complete();
     }, []);
     /// cancel only valid in debounce time
     /// if the callback has been called, it can not be canceled

package/dist/hooks/use-image-loader.js

@@ -33,6 +33,9 @@ const useImageLoader = ({ src }) => {
             (_a = loader.current) === null || _a === void 0 ? void 0 : _a.error(null);
         });
         image.src = src;
+        return () => {
+            image.remove();
+        };
     }, [src]);
     return status;
 };

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export { useRefs } from './hooks/use-refs';
 export { useToggleable } from './hooks/use-toggleable';
 export { useEvent } from './hooks/use-event';
 export { useUpdateEffect } from './hooks/use-update-effect';
+export { useCounter } from './hooks/use-counter';
 /**
  * @description
  * is
@@ -45,3 +46,4 @@ export { type Partialable } from './utils/partial-able';
 export { type RequiredIn } from './utils/required-in';
 export { type ThenableEffectCallback, callAsEffect } from './utils/thenable-effect-callback';
 export { unique, uniqueBy } from './utils/unique';
+export { range } from './utils/range';

package/dist/index.js

@@ -14,6 +14,7 @@ export { useRefs } from './hooks/use-refs.js';
 export { useToggleable } from './hooks/use-toggleable.js';
 export { useEvent } from './hooks/use-event.js';
 export { useUpdateEffect } from './hooks/use-update-effect.js';
+export { useCounter } from './hooks/use-counter.js';
 export { isRefable } from './is/is-refable.js';
 export { isUndefined } from './is/is-undefined.js';
 export { isStateGetter } from './is/is-state-getter.js';
@@ -30,3 +31,4 @@ export { isFunction } from './is/is-function.js';
 export { isThenable } from './is/is-thenable.js';
 export { callAsEffect } from './utils/thenable-effect-callback.js';
 export { unique, uniqueBy } from './utils/unique.js';
+export { range } from './utils/range.js';

package/dist/utils/range.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns an array of numbers, starting at `from` and ending at `to`.
+ * @param from number
+ * @param to number
+ * @returns number[]
+ */
+export declare const range: (from: number, to: number) => number[];

package/dist/utils/range.js

@@ -0,0 +1,12 @@
+/**
+ * Returns an array of numbers, starting at `from` and ending at `to`.
+ * @param from number
+ * @param to number
+ * @returns number[]
+ */
+const range = (from, to) => {
+    const length = to - from + 1;
+    return Array.from({ length }, (_, index) => index + from);
+};
+
+export { range };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.16",
+  "version": "1.2.17-beta.1",
   "description": "react utils collection",
   "type": "module",
   "exports": {