@ttoss/react-hooks 2.0.2 → 2.0.3

package/dist/esm/index.js

@@ -0,0 +1,64 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/useScript.ts
+import * as React from "react";
+var useScript = src => {
+  const [status, setStatus] = React.useState(src ? "loading" : "idle");
+  React.useEffect(() => {
+    if (!src) {
+      setStatus("idle");
+      return;
+    }
+    let script = document.querySelector(`script[src="${src}"]`);
+    if (!script) {
+      script = document.createElement("script");
+      script.src = src;
+      script.async = true;
+      script.setAttribute("data-status", "loading");
+      document.body.appendChild(script);
+      const setAttributeFromEvent = event => {
+        if (script) {
+          script.setAttribute("data-status", event.type === "load" ? "ready" : "error");
+        }
+      };
+      script.addEventListener("load", setAttributeFromEvent);
+      script.addEventListener("error", setAttributeFromEvent);
+    } else {
+      setStatus(script.getAttribute("data-status") || "error");
+    }
+    const setStateFromEvent = event => {
+      setStatus(event.type === "load" ? "ready" : "error");
+    };
+    script.addEventListener("load", setStateFromEvent);
+    script.addEventListener("error", setStateFromEvent);
+    return () => {
+      if (script) {
+        script.removeEventListener("load", setStateFromEvent);
+        script.removeEventListener("error", setStateFromEvent);
+      }
+    };
+  },
+  /**
+   * Only re-run effect if script src changes.
+   */
+  [src]);
+  return {
+    status
+  };
+};
+
+// src/useDebounce.ts
+import * as React2 from "react";
+var useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = React2.useState(value);
+  React2.useEffect(() => {
+    const timer = setTimeout(() => {
+      return setDebouncedValue(value);
+    }, delay || 500);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+export { useDebounce, useScript };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+type ScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
+/**
+ * https://usehooks.com/useScript/
+ *
+ * @param src: string - the url of the script to load.
+ * @returns status: Status
+ */
+declare const useScript: (src: string) => {
+    status: ScriptStatus;
+};
+
+declare const useDebounce: <T>(value: T, delay?: number) => T;
+
+export { type ScriptStatus, useDebounce, useScript };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-hooks",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "React hooks.",
   "author": "ttoss",
   "contributors": [
@@ -30,8 +30,8 @@
     "jest": "^29.7.0",
     "react": "^18.3.1",
     "tsup": "^8.3.0",
-    "@ttoss/config": "^1.33.0",
-    "@ttoss/test-utils": "^2.1.15"
+    "@ttoss/config": "^1.34.0",
+    "@ttoss/test-utils": "^2.1.16"
   },
   "keywords": [
     "React",