feat(react-essentials): add useUserAgent hook

codedazur · Jun 14, 2024 · 78a85e3 · 78a85e3
1 parent 6e87a68
commit 78a85e3
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 3 deletions.
diff --git a/.changeset/dull-ducks-work.md b/.changeset/dull-ducks-work.md
@@ -0,0 +1,5 @@
+---
+"@codedazur/react-essentials": minor
+---
+
+The useUserAgent hook has been added.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react-essentials/hooks/useUserAgent.ts b/packages/react-essentials/hooks/useUserAgent.ts
@@ -0,0 +1,20 @@
+import Bowser from "bowser";
+import { useEffect, useState } from "react";
+
+type Result = Bowser.Parser.ParsedResult;
+
+let globalResult: Result;
+
+export function useUserAgent(): Result | undefined {
+  const [result, setResult] = useState<Result>();
+
+  useEffect(() => {
+    if (!globalResult) {
+      globalResult = Bowser.parse(window.navigator.userAgent);
+    }
+
+    setResult(globalResult);
+  }, []);
+
+  return result;
+}
diff --git a/packages/react-essentials/package.json b/packages/react-essentials/package.json
@@ -26,15 +26,16 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@codedazur/essentials": "*"
+    "@codedazur/essentials": "*",
+    "bowser": "^2.11.0"
   },
   "devDependencies": {
     "@codedazur/eslint-config": "*",
     "@codedazur/tsconfig": "*",
     "@testing-library/dom": "9.3.3",
     "@testing-library/react": "alpha",
-    "@types/react-dom": "^18.3.0",
     "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "eslint": "^8.46.0",
     "jsdom": "^22.1.0",
     "react": "^18.3.1",