@arcblock/react-hooks 1.1.27 → 1.6.59

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/lib/index.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useInterval", {
+Object.defineProperty(exports, "useBrowser", {
   enumerable: true,
   get: function get() {
-    return _useInterval.default;
+    return _useBrowser.default;
   }
 });
-Object.defineProperty(exports, "useStorage", {
+Object.defineProperty(exports, "useInterval", {
   enumerable: true,
   get: function get() {
-    return _useStorage.default;
+    return _useInterval.default;
   }
 });
-Object.defineProperty(exports, "useBrowser", {
+Object.defineProperty(exports, "useStorage", {
   enumerable: true,
   get: function get() {
-    return _useBrowser.default;
+    return _useStorage.default;
   }
 });
 

package/lib/useBrowser.js

@@ -11,11 +11,17 @@ var _ismobilejs = _interopRequireDefault(require("ismobilejs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function useBrowser() {
-  const [browser, setBrowser] = (0, _react.useState)({
-    wallet: false,
-    wechat: false,
-    mobile: {
+  const [browser] = (0, _react.useState)({
+    wallet: navigator.userAgent.indexOf('ABTWallet') > -1,
+    wechat: /MicroMessenger/i.test(navigator.userAgent),
+    mobile: _objectSpread({
       apple: {
         phone: false,
         ipod: false,
@@ -48,16 +54,7 @@ function useBrowser() {
       phone: false,
       tablet: false,
       any: false
-    }
+    }, (0, _ismobilejs.default)(navigator.userAgent))
   });
-  (0, _react.useEffect)(() => {
-    const isWallet = navigator.userAgent.indexOf('ABTWallet') > -1;
-    const isWechat = /MicroMessenger/i.test(navigator.userAgent);
-    setBrowser({
-      wallet: isWallet,
-      wechat: isWechat,
-      mobile: (0, _ismobilejs.default)(navigator.userAgent)
-    });
-  }, []);
   return browser;
 }

package/lib/useStorage.js

@@ -32,7 +32,7 @@ function useStorage(storage, keyPrefix) {
     }
 
     (0, _react.useEffect)(() => {
-      const listener = (_ref) => {
+      const listener = _ref => {
         let {
           detail
         } = _ref;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/react-hooks",
-  "version": "1.1.27",
+  "version": "1.6.59",
   "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": "a64739a498313ee32924915cd078e4a577185b84"
+  "gitHead": "0cafb36ee900f1f8f90790d77d88bd23624c30fd"
 }

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];
+  };
+}