@aiszlab/relax 2.0.6-beta.3 → 2.0.6-beta.5

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 aiszlab
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 aiszlab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,5 +1,5 @@
-# relax
-favorite and easy hooks for react
-
-## i alaways like writting many hooks for mine project
+# relax
+favorite and easy hooks for react
+
+## i alaways like writting many hooks for mine project
 ## so i need a hooks project to support me

package/dist/dom/clipboard.cjs

@@ -5,14 +5,14 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 
 var clipboard = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return navigator.clipboard.writeText(value);
-        case 2:
+        case 1:
           return _context.abrupt("return", _context.sent);
-        case 3:
+        case 2:
         case "end":
           return _context.stop();
       }

package/dist/dom/clipboard.mjs

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 
 var clipboard = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return navigator.clipboard.writeText(value);
-        case 2:
+        case 1:
           return _context.abrupt("return", _context.sent);
-        case 3:
+        case 2:
         case "end":
           return _context.stop();
       }

package/dist/fetch-event-source/fetch.cjs

@@ -53,23 +53,23 @@ function fetchEventSource(input, _ref) {
     }
     function _create() {
       _create = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var response, _onerror, interval;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        var response, _onerror, interval, _t;
+        return _regeneratorRuntime().wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               curRequestController = new AbortController();
               _context.prev = 1;
-              _context.next = 4;
+              _context.next = 2;
               return fetch(input, _objectSpread(_objectSpread({}, rest), {}, {
                 headers: headers,
                 signal: curRequestController.signal
               }));
-            case 4:
+            case 2:
               response = _context.sent;
-              _context.next = 7;
+              _context.next = 3;
               return onopen(response);
-            case 7:
-              _context.next = 9;
+            case 3:
+              _context.next = 4;
               return parse.getBytes(response.body, parse.getLines(parse.getMessages(function (id) {
                 if (id) {
                   // store the id and send it back on the next retry:
@@ -81,20 +81,20 @@ function fetchEventSource(input, _ref) {
               }, function (retry) {
                 retryInterval = retry;
               }, onmessage)));
-            case 9:
+            case 4:
               onclose === null || onclose === void 0 || onclose();
               dispose();
               resolve();
-              _context.next = 17;
+              _context.next = 6;
               break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](1);
+            case 5:
+              _context.prev = 5;
+              _t = _context["catch"](1);
               if (!curRequestController.signal.aborted) {
                 // if we haven't aborted the request ourselves:
                 try {
                   // check if we need to retry:
-                  interval = (_onerror = onerror === null || onerror === void 0 ? void 0 : onerror(_context.t0)) !== null && _onerror !== void 0 ? _onerror : retryInterval;
+                  interval = (_onerror = onerror === null || onerror === void 0 ? void 0 : onerror(_t)) !== null && _onerror !== void 0 ? _onerror : retryInterval;
                   window.clearTimeout(retryTimer);
                   retryTimer = window.setTimeout(create, interval);
                 } catch (innerErr) {
@@ -103,11 +103,11 @@ function fetchEventSource(input, _ref) {
                   reject(innerErr);
                 }
               }
-            case 17:
+            case 6:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[1, 14]]);
+        }, _callee, null, [[1, 5]]);
       }));
       return _create.apply(this, arguments);
     }
@@ -120,16 +120,16 @@ function defaultOnOpen(_x) {
 function _defaultOnOpen() {
   _defaultOnOpen = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(response) {
     var contentType;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime().wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           contentType = response.headers.get("content-type");
           if (contentType !== null && contentType !== void 0 && contentType.startsWith(EventStreamContentType)) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           throw new Error("Expected content-type to be ".concat(EventStreamContentType, ", Actual: ").concat(contentType));
-        case 3:
+        case 1:
         case "end":
           return _context2.stop();
       }

package/dist/fetch-event-source/fetch.mjs

@@ -51,23 +51,23 @@ function fetchEventSource(input, _ref) {
     }
     function _create() {
       _create = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var response, _onerror, interval;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        var response, _onerror, interval, _t;
+        return _regeneratorRuntime().wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               curRequestController = new AbortController();
               _context.prev = 1;
-              _context.next = 4;
+              _context.next = 2;
               return fetch(input, _objectSpread(_objectSpread({}, rest), {}, {
                 headers: headers,
                 signal: curRequestController.signal
               }));
-            case 4:
+            case 2:
               response = _context.sent;
-              _context.next = 7;
+              _context.next = 3;
               return onopen(response);
-            case 7:
-              _context.next = 9;
+            case 3:
+              _context.next = 4;
               return getBytes(response.body, getLines(getMessages(function (id) {
                 if (id) {
                   // store the id and send it back on the next retry:
@@ -79,20 +79,20 @@ function fetchEventSource(input, _ref) {
               }, function (retry) {
                 retryInterval = retry;
               }, onmessage)));
-            case 9:
+            case 4:
               onclose === null || onclose === void 0 || onclose();
               dispose();
               resolve();
-              _context.next = 17;
+              _context.next = 6;
               break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](1);
+            case 5:
+              _context.prev = 5;
+              _t = _context["catch"](1);
               if (!curRequestController.signal.aborted) {
                 // if we haven't aborted the request ourselves:
                 try {
                   // check if we need to retry:
-                  interval = (_onerror = onerror === null || onerror === void 0 ? void 0 : onerror(_context.t0)) !== null && _onerror !== void 0 ? _onerror : retryInterval;
+                  interval = (_onerror = onerror === null || onerror === void 0 ? void 0 : onerror(_t)) !== null && _onerror !== void 0 ? _onerror : retryInterval;
                   window.clearTimeout(retryTimer);
                   retryTimer = window.setTimeout(create, interval);
                 } catch (innerErr) {
@@ -101,11 +101,11 @@ function fetchEventSource(input, _ref) {
                   reject(innerErr);
                 }
               }
-            case 17:
+            case 6:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[1, 14]]);
+        }, _callee, null, [[1, 5]]);
       }));
       return _create.apply(this, arguments);
     }
@@ -118,16 +118,16 @@ function defaultOnOpen(_x) {
 function _defaultOnOpen() {
   _defaultOnOpen = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(response) {
     var contentType;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime().wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           contentType = response.headers.get("content-type");
           if (contentType !== null && contentType !== void 0 && contentType.startsWith(EventStreamContentType)) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           throw new Error("Expected content-type to be ".concat(EventStreamContentType, ", Actual: ").concat(contentType));
-        case 3:
+        case 1:
         case "end":
           return _context2.stop();
       }

package/dist/fetch-event-source/parse.cjs

@@ -21,28 +21,28 @@ function getBytes(_x, _x2) {
 function _getBytes() {
   _getBytes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(stream, onChunk) {
     var reader, result;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (stream) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           reader = stream.getReader();
-        case 3:
-          _context.next = 5;
+        case 2:
+          _context.next = 3;
           return reader.read();
-        case 5:
+        case 3:
           if ((result = _context.sent).done) {
-            _context.next = 9;
+            _context.next = 4;
             break;
           }
           onChunk(result.value);
-          _context.next = 3;
+          _context.next = 2;
           break;
-        case 9:
+        case 4:
         case "end":
           return _context.stop();
       }

package/dist/fetch-event-source/parse.mjs

@@ -19,28 +19,28 @@ function getBytes(_x, _x2) {
 function _getBytes() {
   _getBytes = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(stream, onChunk) {
     var reader, result;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regeneratorRuntime().wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (stream) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           reader = stream.getReader();
-        case 3:
-          _context.next = 5;
+        case 2:
+          _context.next = 3;
           return reader.read();
-        case 5:
+        case 3:
           if ((result = _context.sent).done) {
-            _context.next = 9;
+            _context.next = 4;
             break;
           }
           onChunk(result.value);
-          _context.next = 3;
+          _context.next = 2;
           break;
-        case 9:
+        case 4:
         case "end":
           return _context.stop();
       }

package/dist/hooks/use-counter.cjs

@@ -4,6 +4,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var clamp = require('../utils/clamp.cjs');
 var useDefault = require('./use-default.cjs');
+var useEvent = require('./use-event.cjs');
 
 /**
  * @author murukal
@@ -18,30 +19,30 @@ var useCounter = function useCounter() {
     max = _ref$max === void 0 ? Infinity : _ref$max,
     _ref$min = _ref.min,
     min = _ref$min === void 0 ? -Infinity : _ref$min;
-  // memorized first time prop value
-  var defaultState = useDefault.useDefault(initialState);
-  var _useState = react.useState(defaultState),
+  var _useState = react.useState(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     _count = _useState2[0],
     _setCount = _useState2[1];
-  var add = react.useCallback(function () {
+  // memorized first time prop value
+  var defaultState = useDefault.useDefault(initialState);
+  var add = useEvent.useEvent(function () {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     _setCount(function (prev) {
       return Math.min(max, prev + step);
     });
-  }, [max]);
-  var subtract = react.useCallback(function () {
+  });
+  var subtract = useEvent.useEvent(function () {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     _setCount(function (prev) {
       return Math.max(min, prev - step);
     });
-  }, [min]);
-  var first = react.useCallback(function () {
+  });
+  var first = useEvent.useEvent(function () {
     _setCount(min);
-  }, [min]);
-  var last = react.useCallback(function () {
+  });
+  var last = useEvent.useEvent(function () {
     _setCount(max);
-  }, [max]);
+  });
   var reset = react.useCallback(function () {
     _setCount(defaultState);
   }, []);

package/dist/hooks/use-counter.mjs

@@ -2,6 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useCallback, useMemo } from 'react';
 import { clamp } from '../utils/clamp.mjs';
 import { useDefault } from './use-default.mjs';
+import { useEvent } from './use-event.mjs';
 
 /**
  * @author murukal
@@ -16,30 +17,30 @@ var useCounter = function useCounter() {
     max = _ref$max === void 0 ? Infinity : _ref$max,
     _ref$min = _ref.min,
     min = _ref$min === void 0 ? -Infinity : _ref$min;
-  // memorized first time prop value
-  var defaultState = useDefault(initialState);
-  var _useState = useState(defaultState),
+  var _useState = useState(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     _count = _useState2[0],
     _setCount = _useState2[1];
-  var add = useCallback(function () {
+  // memorized first time prop value
+  var defaultState = useDefault(initialState);
+  var add = useEvent(function () {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     _setCount(function (prev) {
       return Math.min(max, prev + step);
     });
-  }, [max]);
-  var subtract = useCallback(function () {
+  });
+  var subtract = useEvent(function () {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     _setCount(function (prev) {
       return Math.max(min, prev - step);
     });
-  }, [min]);
-  var first = useCallback(function () {
+  });
+  var first = useEvent(function () {
     _setCount(min);
-  }, [min]);
-  var last = useCallback(function () {
+  });
+  var last = useEvent(function () {
     _setCount(max);
-  }, [max]);
+  });
   var reset = useCallback(function () {
     _setCount(defaultState);
   }, []);

package/dist/hooks/use-parent-size.cjs

@@ -48,8 +48,10 @@ var useParentSize = function useParentSize() {
       resizer.observe(parentRef.current);
     }
     return function () {
+      var _resizer;
       cancelAnimationFrame(_animation.current);
-      resizer.disconnect();
+      (_resizer = resizer) === null || _resizer === void 0 || _resizer.disconnect();
+      resizer = null;
       abort();
     };
   });

package/dist/hooks/use-parent-size.mjs

@@ -46,8 +46,10 @@ var useParentSize = function useParentSize() {
       resizer.observe(parentRef.current);
     }
     return function () {
+      var _resizer;
       cancelAnimationFrame(_animation.current);
-      resizer.disconnect();
+      (_resizer = resizer) === null || _resizer === void 0 || _resizer.disconnect();
+      resizer = null;
       abort();
     };
   });

package/dist/hooks/use-screen-size.cjs

@@ -12,10 +12,12 @@ var useMounted = require('./use-mounted.cjs');
  */
 var useScreenSize = function useScreenSize() {
   var _useState = react.useState(function () {
-      if (!isDomUsable.isDomUsable()) return {
-        width: 0,
-        height: 0
-      };
+      if (!isDomUsable.isDomUsable()) {
+        return {
+          width: 0,
+          height: 0
+        };
+      }
       return {
         width: window.innerWidth,
         height: window.innerHeight

package/dist/hooks/use-screen-size.mjs

@@ -10,10 +10,12 @@ import { useMounted } from './use-mounted.mjs';
  */
 var useScreenSize = function useScreenSize() {
   var _useState = useState(function () {
-      if (!isDomUsable()) return {
-        width: 0,
-        height: 0
-      };
+      if (!isDomUsable()) {
+        return {
+          width: 0,
+          height: 0
+        };
+      }
       return {
         width: window.innerWidth,
         height: window.innerHeight

package/dist/types/at.d.ts

@@ -1,5 +1,5 @@
 import { Partialable } from "./partialable";
 /**
- * At
+ * `At` types
  */
-export type At<T> = T extends string ? Partialable<string> : T extends Array<infer R> ? R : never;
+export type At<T> = T extends string ? Partialable<string> : T extends ReadonlyArray<infer R> ? R : never;

package/dist/types/first.d.ts

@@ -1 +1 @@
-export type First<T> = T extends null | undefined ? undefined : T extends string ? string : T extends [infer D, ...Array<any>] ? D : T extends Array<infer I> ? I | undefined : T;
+export type First<T> = T extends null | undefined ? undefined : T extends string ? string : T extends [infer D, ...Array<any>] ? D : T extends ReadonlyArray<infer I> ? I | undefined : T;

package/dist/types/last.d.ts

@@ -1 +1 @@
-export type Last<T> = T extends null | undefined ? undefined : T extends string ? string : T extends [...Array<unknown>, infer D] ? D : T extends Array<infer I> ? I | undefined : T;
+export type Last<T> = T extends null | undefined ? undefined : T extends string ? string : T extends [...Array<unknown>, infer D] ? D : T extends ReadonlyArray<infer I> ? I | undefined : T;

package/dist/utils/at.d.ts

@@ -2,5 +2,5 @@ import type { At } from "../types/at";
 /**
  * @description for different browser or browser version, use good api to cover
  */
-declare function at<T>(value: string | Array<T>, index: number): At<T>;
+declare function at<T>(value: string | ReadonlyArray<T>, index: number): At<T>;
 export { at };

package/dist/utils/first.d.ts

@@ -1,7 +1,7 @@
-import { type Voidable, type First } from "@aiszlab/relax/types";
+import type { Voidable, First } from "@aiszlab/relax/types";
 /**
  * @description
  * first element
  */
-declare function first<T extends Array<unknown>>(value: Voidable<string | T>): First<T>;
+declare function first<T extends ReadonlyArray<unknown>>(value: Voidable<string | T>): First<T>;
 export { first };

package/dist/utils/last.d.ts

@@ -1,7 +1,7 @@
-import { type Voidable, type Last } from "@aiszlab/relax/types";
+import type { Voidable, Last } from "@aiszlab/relax/types";
 /**
  * @description
  * last element
  */
-declare function last<T extends Array<unknown>>(value: Voidable<string | T>): Last<T>;
+declare function last<T extends ReadonlyArray<unknown>>(value: Voidable<string | T>): Last<T>;
 export { last };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "2.0.6-beta.3",
+  "version": "2.0.6-beta.5",
   "description": "react utils collection",
   "exports": {
     ".": {
@@ -19,14 +19,6 @@
     },
     "./types": "./dist/types/index.d.ts"
   },
-  "scripts": {
-    "dev": "rollup -c -w",
-    "build": "rollup -c",
-    "clean:build": "z rm dist",
-    "prepublishOnly": "npm run clean:build && npm run build",
-    "test": "jest",
-    "test:coverage": "jest --coverage"
-  },
   "dependencies": {
     "@babel/runtime": "^7.27.1",
     "react-is": "^19.1.0",
@@ -71,5 +63,12 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "homepage": "https://aisz.dev/hooks"
-}
+  "homepage": "https://aisz.dev/hooks",
+  "scripts": {
+    "dev": "rollup -c -w",
+    "build": "rollup -c",
+    "clean:build": "z rm dist",
+    "test": "jest",
+    "test:coverage": "jest --coverage"
+  }
+}