@visitorquery/react 0.0.7 → 0.0.9

package/dist/index.d.ts

@@ -8,5 +8,10 @@ type Params = {
     SessionId: string;
     Endpoint?: string;
 };
-export declare function useVisitorQuery(p: Params): void;
+type State = {
+    Started: boolean;
+    Ended: boolean;
+    Errored?: boolean;
+};
+export declare function useVisitorQuery(p: Params): State;
 export {};

package/dist/index.js

@@ -1,25 +1,94 @@
 // src/index.ts
-import { useState, useEffect } from "react";
-function useVisitorQuery(publicApiKey, endpoint = "https://main.check.visitorquery.com/") {
-  const [visitorQuery, setVisitorQuery] = useState({
-    is: false,
-    confidence: 0
+import { useState as useState2, useEffect as useEffect2 } from "react";
+
+// src/hooks.ts
+import * as React from "react";
+function useScript(src, options = {}) {
+  const [status, setStatus] = React.useState("loading");
+  const optionsRef = React.useRef(options);
+  React.useEffect(() => {
+    let script = document.querySelector(`script[src="${src}"]`);
+    const domStatus = script?.getAttribute("data-status");
+    if (domStatus) {
+      setStatus(domStatus);
+      return;
+    }
+    if (script === null) {
+      script = document.createElement("script");
+      script.src = src;
+      script.async = true;
+      script.setAttribute("data-status", "loading");
+      document.body.appendChild(script);
+      const handleScriptLoad = () => {
+        script?.setAttribute("data-status", "ready");
+        setStatus("ready");
+        removeEventListeners();
+      };
+      const handleScriptError = () => {
+        script?.setAttribute("data-status", "error");
+        setStatus("error");
+        removeEventListeners();
+      };
+      const removeEventListeners = () => {
+        script?.removeEventListener("load", handleScriptLoad);
+        script?.removeEventListener("error", handleScriptError);
+      };
+      script.addEventListener("load", handleScriptLoad);
+      script.addEventListener("error", handleScriptError);
+      const removeOnUnmount = optionsRef.current.removeOnUnmount;
+      return () => {
+        if (removeOnUnmount === true) {
+          script?.remove();
+          removeEventListeners();
+        }
+      };
+    } else {
+      setStatus("unknown");
+    }
+  }, [src]);
+  return status;
+}
+
+// src/index.ts
+function useVisitorQuery(p) {
+  const defaultEndpoint = "main.check.visitorquery.com";
+  const clientScript = useScript("https://cdn.visitorquery.com/visitorquery.js", {
+    removeOnUnmount: false
+  });
+  const [state, setState] = useState2({
+    Started: false,
+    Ended: false
   });
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await fetch(endpoint, {
-          headers: { "X-Api-Key": publicApiKey }
-        });
-        const data = await response.json();
-        setVisitorQuery(data);
-      } catch (error) {
-        console.error(`Error fetching visitorquery data: ${error}`);
-      }
-    };
-    fetchData().catch(console.error);
-  }, [publicApiKey, endpoint]);
-  return visitorQuery;
+  useEffect2(() => {
+    if (typeof window.VisitorQuery !== "undefined") {
+      window.VisitorQuery.run({
+        ApiKey: p.ApiKey,
+        Endpoint: p.Endpoint || defaultEndpoint,
+        SessionId: p.SessionId,
+        onOpen: () => {
+          setState({
+            Started: true,
+            Ended: false
+          });
+        },
+        onClose: () => {
+          setState({
+            Started: true,
+            Ended: true
+          });
+        },
+        onError: (err) => {
+          setState({
+            Started: true,
+            Ended: true,
+            Errored: true
+          });
+          console.error(err);
+        }
+      });
+    }
+  }, [p, clientScript]);
+  return state;
 }
 export {
   useVisitorQuery

package/package.json

@@ -1,5 +1,5 @@
 {
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"name": "@visitorquery/react",
 	"module": "src/index.ts",
 	"type": "module",
@@ -13,7 +13,8 @@
 		"build": "bun build --target=node ./src/index.ts --outfile=dist/index.js --external react --external react-dom && bun run build:declaration",
 		"build:declaration": "tsc --emitDeclarationOnly --project tsconfig.types.json",
 		"postbuild": "rimraf tsconfig.types.tsbuildinfo",
-		"release": "git fetch --tags -f && standard-version && git push --follow-tags origin master && bun publish --access public"
+		"push": "git fetch --tags -f && standard-version && git push --follow-tags origin master && bun publish --access public",
+		"release": "pnpm run build && pnpm run build:declaration && pnpm run push"
 	},
 	"peerDependencies": {
 		"@types/react": "^19.0.10",