@arcblock/react-hooks 1.15.35 → 1.16.2

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright 2018-2019 ArcBlock
+Copyright 2018-2022 ArcBlock
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/react-hooks",
-  "version": "1.15.35",
+  "version": "1.16.2",
   "description": "React hooks used by arcblock products",
   "keywords": [
     "react",
@@ -12,7 +12,8 @@
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "src"
   ],
   "repository": {
     "type": "git",
@@ -48,5 +49,5 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest": "^24.1.0"
   },
-  "gitHead": "e81fb3d8f4283b180866c26738e9db0ec89a06f3"
+  "gitHead": "b869c847f922a9e89158e7d3ba4219789e6d20d0"
 }

package/src/index.js

@@ -0,0 +1,5 @@
+import useInterval from './useInterval';
+import useStorage from './useStorage';
+import useBrowser from './useBrowser';
+
+export { useInterval, useStorage, useBrowser };

package/src/useBrowser.js

@@ -0,0 +1,46 @@
+import { useState } from 'react';
+import isMobile from 'ismobilejs';
+
+export default function useBrowser() {
+  const [browser] = useState({
+    wallet: navigator.userAgent.indexOf('ABTWallet') > -1,
+    wechat: /MicroMessenger/i.test(navigator.userAgent),
+    mobile: {
+      apple: {
+        phone: false,
+        ipod: false,
+        tablet: false,
+        device: false,
+      },
+      amazon: {
+        phone: false,
+        tablet: false,
+        device: false,
+      },
+      android: {
+        phone: false,
+        tablet: false,
+        device: false,
+      },
+      windows: {
+        phone: false,
+        tablet: false,
+        device: false,
+      },
+      other: {
+        blackberry: false,
+        blackberry10: false,
+        opera: false,
+        firefox: false,
+        chrome: false,
+        device: false,
+      },
+      phone: false,
+      tablet: false,
+      any: false,
+      ...isMobile(navigator.userAgent),
+    },
+  });
+
+  return browser;
+}

package/src/useInterval.js

@@ -0,0 +1,22 @@
+/* eslint-disable consistent-return */
+import { useEffect, useRef } from 'react';
+
+export default function useInterval(callback, delay) {
+  const savedCallback = useRef();
+
+  // Remember the latest callback.
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  // Set up the interval.
+  useEffect(() => {
+    function tick() {
+      savedCallback.current();
+    }
+    if (delay !== null) {
+      const id = setInterval(tick, delay);
+      return () => clearInterval(id);
+    }
+  }, [delay]);
+}

package/src/useStorage.js

@@ -0,0 +1,38 @@
+import { useState, useEffect } from 'react';
+import { EventTarget } from 'event-target-shim';
+
+const evtTarget = new EventTarget();
+export default function useStorage(storage, keyPrefix) {
+  return (key, defaultValue) => {
+    const storeKey = `${keyPrefix}.${key}`;
+    const raw = storage.getItem(storeKey);
+    const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue);
+
+    const updater = updatedValue => {
+      setValue(updatedValue);
+      storage.setItem(storeKey, JSON.stringify(updatedValue));
+      evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
+    };
+
+    if (defaultValue != null && !raw) {
+      updater(defaultValue);
+    }
+
+    useEffect(() => {
+      const listener = ({ detail }) => {
+        if (detail.key === key) {
+          const _raw = storage.getItem(storeKey);
+
+          if (_raw !== raw) {
+            setValue(JSON.parse(_raw));
+          }
+        }
+      };
+
+      evtTarget.addEventListener('storage_change', listener);
+      return () => evtTarget.removeEventListener('storage_change', listener);
+    });
+
+    return [value, updater];
+  };
+}