matsuri-hooks 0.0.5 → 1.0.0

package/README.md

@@ -1,6 +1,7 @@
 # Matsuri Hooks
 
 <!-- vscode-markdown-toc -->
+<!-- prettier-ignore -->
 * [Motivation](#Motivation)
 * [Usage](#Usage)
 	* [Installation](#Installation)
@@ -10,6 +11,8 @@
 	* [useAuthFetch](#useAuthFetch)
 	* [useIntersectionObserver](#useIntersectionObserver)
 	* [useOnClickOutside](#useOnClickOutside)
+    * [useKeyboardShortcut](#useKeyboardShortcut)
+    * [useClipboardCopy](#useClipboardCopy)
 
 <!-- vscode-markdown-toc-config
 	numbering=false
@@ -17,13 +20,10 @@
 	/vscode-markdown-toc-config -->
 <!-- /vscode-markdown-toc -->
 
-
-
 ## <a name='Motivation'></a>Motivation
 
-* Provide complex processing with safety guaranteed by testing
-* Be common processing for each product
-
+-   Provide complex processing with safety guaranteed by testing
+-   Be common processing for each product
 
 ## <a name='Usage'></a>Usage
 
@@ -41,31 +41,28 @@ yarn add matsuri-hooks
 const { token, authenticated, signin, signout } = useAuth()
 
 return (
-    <div>
-        {authenticated ? (
-            <button onClick={signout}>Signout</button>
-        ):(
-            <button onClick={signin}>Signin</button>
-        )}
-    </div>
+    <div>{authenticated ? <button onClick={signout}>Signout</button> : <button onClick={signin}>Signin</button>}</div>
 )
 ```
 
 ### <a name='useFetch'></a>useFetch
 
 ```tsx
-const { data, error, refetch } = useFetch<{species: "fish"}>("https://example.com/fish", { method: "GET" })
+const { data, error, refetch } = useFetch<{ species: "fish" }>("https://example.com/fish", { method: "GET" })
 
 return (
     <div>
         <p>Species: {data?.species}</p>
         <button onClick={refetch}>Refetch</button>
         {error ? (
-            <p>{error.name}: {error.message}</p>
-        ):null}
+            <p>
+                {error.name}: {error.message}
+            </p>
+        ) : null}
     </div>
 )
 ```
+
 ### <a name='useAuthFetch'></a>useAuthFetch
 
 This default token format is `X-Access-Token: [TOKEN]`.
@@ -75,7 +72,7 @@ const { token } = useAuth()
 const { error, refetch } = useAuthFetch<never>(token, "https://example.com", { method: "POST", ... )
 ```
 
-* useAuthBearerFetch：this default token format is `Authorization: Bearer [TOKEN]`.
+-   useAuthBearerFetch：this default token format is `Authorization: Bearer [TOKEN]`.
 
 ### <a name='useIntersectionObserver'></a>useIntersectionObserver
 
@@ -86,7 +83,7 @@ const { entry, disconnect } = useIntersectionObserver(ref, { threshold: 0.1 })
 const [image, setImage] = useState<string>()
 
 useEffect(() => {
-    if(entry){
+    if (entry) {
         const fetchImage = async () => {
             //...
             return image
@@ -94,29 +91,64 @@ useEffect(() => {
         disconnect()
         setImage(fetchImage())
     }
-},[])
+}, [])
+
+return <img ref={ref} src={image || "dummy.png"} />
+```
+
+### <a name='useOnClickOutside'></a>useOnClickOutside
+
+```tsx
+const [open, setOpen] = useState(false)
+const ref = useRef(null)
+useOnClickOutside(ref, () => {
+    setOpen(false)
+})
+return (
+    <div>
+        <button onClick={() => setOpen(true)}>OPEN</button>
+        <Modal ref={ref} open={open} />
+    </div>
+)
+```
+
+### <a name='useKeyboardShortcut'></a>useKeyboardShortcut
+
+If the specified key and control or meta key are pressed together, the second argument callback is executed.
 
+```tsx
+const [open, setOpen] = useState(false)
+const ref = useRef(null)
+useKeyboardShortcut("j", () => {
+    setOpen(true)
+})
 return (
-    <img ref={ref} src={image || "dummy.png"} />    
+    <div>
+        <Modal ref={ref} open={open} />
+    </div>
 )
 ```
 
-### <a name='useOnClickOutside'></a>useOnClickOutside 
+### <a name='useClipboardCopy'></a>useClipboardCopy
 
+If the specified key is pressed together with a control or meta key, or if the return method is called, the specified text is copied to clipboard.
+Then, if the copy fails, onFailure is called, and if it succeeds, onSuccess is called.
 
 ```tsx
 const [open, setOpen] = useState(false)
 const ref = useRef(null)
-useOnClickOutside(
-    ref,
-    () => {
-        setOpen(false)
+const copy = useKeyboardShortcut(SOME_TOKEN, {
+    key: "j",
+    onSuccess: () => {
+        addAlert("Success")
+    },
+    onFailure: () => {
+        addAlert("Failed", { type: "error" })
     }
-)
+})
 return (
     <div>
-        <button onClick={() => setOpen(true)}>OPEN</button>
-        <Modal ref={ref} open={open}/>
+        <Button onClick={copy} />
     </div>
 )
 ```

package/cjs/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _useOnClickOutside = require("./useOnClickOutside");
+
+Object.keys(_useOnClickOutside).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useOnClickOutside[key]) return;
+  exports[key] = _useOnClickOutside[key];
+});
+
+var _useAuth = require("./useAuth");
+
+Object.keys(_useAuth).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useAuth[key]) return;
+  exports[key] = _useAuth[key];
+});
+
+var _useFetch = require("./useFetch");
+
+Object.keys(_useFetch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFetch[key]) return;
+  exports[key] = _useFetch[key];
+});
+
+var _useIntersectionObserver = require("./useIntersectionObserver");
+
+Object.keys(_useIntersectionObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useIntersectionObserver[key]) return;
+  exports[key] = _useIntersectionObserver[key];
+});
+
+var _useClipboardCopy = require("./useClipboardCopy");
+
+Object.keys(_useClipboardCopy).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useClipboardCopy[key]) return;
+  exports[key] = _useClipboardCopy[key];
+});
+
+var _useKeyboardShortcut = require("./useKeyboardShortcut");
+
+Object.keys(_useKeyboardShortcut).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useKeyboardShortcut[key]) return;
+  exports[key] = _useKeyboardShortcut[key];
+});
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./useOnClickOutside\"\nexport * from \"./useAuth\"\nexport * from \"./useFetch\"\nexport * from \"./useIntersectionObserver\"\nexport * from \"./useClipboardCopy\"\nexport * from \"./useKeyboardShortcut\"\n"],"mappings":";;;;AAAA;;AAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/cjs/useAuth.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useAuth = exports.tokenStorageApiWithLocalStorage = exports.checkJwtExpiration = void 0;
+
+var _react = require("react");
+
+const checkJwtExpiration = jwt => {
+  const splitted = jwt.split(".");
+  if (splitted.length !== 3) return false;
+  const [, payload] = splitted;
+  const exp = JSON.parse(atob(payload))["exp"];
+  return new Date() < new Date(exp * 1000);
+};
+
+exports.checkJwtExpiration = checkJwtExpiration;
+const tokenStorageApiWithLocalStorage = {
+  setToken: token => {
+    return localStorage.setItem("auth_token", token);
+  },
+  getToken: () => {
+    return localStorage.getItem("auth_token");
+  },
+  clearToken: () => {
+    localStorage.removeItem("auth_token");
+  }
+};
+exports.tokenStorageApiWithLocalStorage = tokenStorageApiWithLocalStorage;
+let tokenCache = null;
+
+const useAuth = option => {
+  const tokenStorageApi = option?.tokenStorageApi ?? tokenStorageApiWithLocalStorage;
+  const jwtExpirationChecker = option?.jwtExpirationChecker ?? checkJwtExpiration;
+  if (!tokenCache) tokenCache = tokenStorageApi.getToken();
+  const [token, setToken] = (0, _react.useState)(tokenCache || "");
+  const [authenticated, setAuthenticated] = (0, _react.useState)(!!tokenCache);
+  const tryCheckAuth = (0, _react.useCallback)(() => {
+    const authToken = tokenStorageApi.getToken();
+
+    if (!(authToken && jwtExpirationChecker(authToken))) {
+      tokenStorageApi.clearToken();
+      setToken("");
+      setAuthenticated(false);
+      tokenCache = null;
+    } else {
+      setToken(authToken);
+      setAuthenticated(true);
+    }
+  }, [jwtExpirationChecker, tokenStorageApi]);
+  (0, _react.useEffect)(() => {
+    tryCheckAuth();
+  }, [tryCheckAuth]);
+  const signin = (0, _react.useCallback)(token => {
+    tokenStorageApi.setToken(token);
+    tryCheckAuth();
+  }, [tokenStorageApi, tryCheckAuth]);
+  const signout = (0, _react.useCallback)(() => {
+    tokenStorageApi.clearToken();
+    tryCheckAuth();
+  }, [tokenStorageApi, tryCheckAuth]);
+  return {
+    token,
+    authenticated,
+    signin,
+    signout
+  };
+};
+
+exports.useAuth = useAuth;
+//# sourceMappingURL=useAuth.js.map

package/cjs/useAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.js","names":["checkJwtExpiration","jwt","splitted","split","length","payload","exp","JSON","parse","atob","Date","tokenStorageApiWithLocalStorage","setToken","token","localStorage","setItem","getToken","getItem","clearToken","removeItem","tokenCache","useAuth","option","tokenStorageApi","jwtExpirationChecker","useState","authenticated","setAuthenticated","tryCheckAuth","useCallback","authToken","useEffect","signin","signout"],"sources":["../../src/useAuth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\"\n\nexport const checkJwtExpiration = (jwt: string): boolean => {\n    const splitted = jwt.split(\".\")\n    if (splitted.length !== 3) return false\n\n    const [, payload] = splitted\n    const exp = JSON.parse(atob(payload))[\"exp\"]\n    return new Date() < new Date(exp * 1000)\n}\n\nexport interface TokenStorageApi {\n    setToken: (token: string) => void\n    getToken: () => string | null\n    clearToken: () => void\n}\n\nexport const tokenStorageApiWithLocalStorage: TokenStorageApi = {\n    setToken: (token: string) => {\n        return localStorage.setItem(\"auth_token\", token)\n    },\n    getToken: (): string | null => {\n        return localStorage.getItem(\"auth_token\")\n    },\n    clearToken: () => {\n        localStorage.removeItem(\"auth_token\")\n    }\n}\n\nlet tokenCache: null | string = null\n\nexport interface UseAuthOption {\n    jwtExpirationChecker?: (jwt: string) => boolean\n    tokenStorageApi?: TokenStorageApi\n}\n\nexport interface UseAuthState {\n    token: string\n    authenticated: boolean\n    signin: (token: string) => void\n    signout: () => void\n}\n\nexport const useAuth = (option?: UseAuthOption): UseAuthState => {\n    const tokenStorageApi = option?.tokenStorageApi ?? tokenStorageApiWithLocalStorage\n    const jwtExpirationChecker = option?.jwtExpirationChecker ?? checkJwtExpiration\n\n    if (!tokenCache) tokenCache = tokenStorageApi.getToken()\n    const [token, setToken] = useState<string>(tokenCache || \"\")\n    const [authenticated, setAuthenticated] = useState(!!tokenCache)\n\n    const tryCheckAuth = useCallback(() => {\n        const authToken = tokenStorageApi.getToken()\n        if (!(authToken && jwtExpirationChecker(authToken))) {\n            tokenStorageApi.clearToken()\n            setToken(\"\")\n            setAuthenticated(false)\n            tokenCache = null\n        } else {\n            setToken(authToken)\n            setAuthenticated(true)\n        }\n    }, [jwtExpirationChecker, tokenStorageApi])\n\n    useEffect(() => {\n        tryCheckAuth()\n    }, [tryCheckAuth])\n\n    const signin = useCallback(\n        (token: string) => {\n            tokenStorageApi.setToken(token)\n            tryCheckAuth()\n        },\n        [tokenStorageApi, tryCheckAuth]\n    )\n\n    const signout = useCallback(() => {\n        tokenStorageApi.clearToken()\n        tryCheckAuth()\n    }, [tokenStorageApi, tryCheckAuth])\n\n    return {\n        token,\n        authenticated,\n        signin,\n        signout\n    }\n}\n"],"mappings":";;;;;AAAA;;AAEO,MAAMA,kBAAkB,GAAIC,GAAD,IAA0B;EACxD,MAAMC,QAAQ,GAAGD,GAAG,CAACE,KAAJ,CAAU,GAAV,CAAjB;EACA,IAAID,QAAQ,CAACE,MAAT,KAAoB,CAAxB,EAA2B,OAAO,KAAP;EAE3B,MAAM,GAAGC,OAAH,IAAcH,QAApB;EACA,MAAMI,GAAG,GAAGC,IAAI,CAACC,KAAL,CAAWC,IAAI,CAACJ,OAAD,CAAf,EAA0B,KAA1B,CAAZ;EACA,OAAO,IAAIK,IAAJ,KAAa,IAAIA,IAAJ,CAASJ,GAAG,GAAG,IAAf,CAApB;AACH,CAPM;;;AAeA,MAAMK,+BAAgD,GAAG;EAC5DC,QAAQ,EAAGC,KAAD,IAAmB;IACzB,OAAOC,YAAY,CAACC,OAAb,CAAqB,YAArB,EAAmCF,KAAnC,CAAP;EACH,CAH2D;EAI5DG,QAAQ,EAAE,MAAqB;IAC3B,OAAOF,YAAY,CAACG,OAAb,CAAqB,YAArB,CAAP;EACH,CAN2D;EAO5DC,UAAU,EAAE,MAAM;IACdJ,YAAY,CAACK,UAAb,CAAwB,YAAxB;EACH;AAT2D,CAAzD;;AAYP,IAAIC,UAAyB,GAAG,IAAhC;;AAcO,MAAMC,OAAO,GAAIC,MAAD,IAA0C;EAC7D,MAAMC,eAAe,GAAGD,MAAM,EAAEC,eAAR,IAA2BZ,+BAAnD;EACA,MAAMa,oBAAoB,GAAGF,MAAM,EAAEE,oBAAR,IAAgCxB,kBAA7D;EAEA,IAAI,CAACoB,UAAL,EAAiBA,UAAU,GAAGG,eAAe,CAACP,QAAhB,EAAb;EACjB,MAAM,CAACH,KAAD,EAAQD,QAAR,IAAoB,IAAAa,eAAA,EAAiBL,UAAU,IAAI,EAA/B,CAA1B;EACA,MAAM,CAACM,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAF,eAAA,EAAS,CAAC,CAACL,UAAX,CAA1C;EAEA,MAAMQ,YAAY,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACnC,MAAMC,SAAS,GAAGP,eAAe,CAACP,QAAhB,EAAlB;;IACA,IAAI,EAAEc,SAAS,IAAIN,oBAAoB,CAACM,SAAD,CAAnC,CAAJ,EAAqD;MACjDP,eAAe,CAACL,UAAhB;MACAN,QAAQ,CAAC,EAAD,CAAR;MACAe,gBAAgB,CAAC,KAAD,CAAhB;MACAP,UAAU,GAAG,IAAb;IACH,CALD,MAKO;MACHR,QAAQ,CAACkB,SAAD,CAAR;MACAH,gBAAgB,CAAC,IAAD,CAAhB;IACH;EACJ,CAXoB,EAWlB,CAACH,oBAAD,EAAuBD,eAAvB,CAXkB,CAArB;EAaA,IAAAQ,gBAAA,EAAU,MAAM;IACZH,YAAY;EACf,CAFD,EAEG,CAACA,YAAD,CAFH;EAIA,MAAMI,MAAM,GAAG,IAAAH,kBAAA,EACVhB,KAAD,IAAmB;IACfU,eAAe,CAACX,QAAhB,CAAyBC,KAAzB;IACAe,YAAY;EACf,CAJU,EAKX,CAACL,eAAD,EAAkBK,YAAlB,CALW,CAAf;EAQA,MAAMK,OAAO,GAAG,IAAAJ,kBAAA,EAAY,MAAM;IAC9BN,eAAe,CAACL,UAAhB;IACAU,YAAY;EACf,CAHe,EAGb,CAACL,eAAD,EAAkBK,YAAlB,CAHa,CAAhB;EAKA,OAAO;IACHf,KADG;IAEHa,aAFG;IAGHM,MAHG;IAIHC;EAJG,CAAP;AAMH,CA5CM"}

package/cjs/useClipboardCopy.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useClipboardCopy = void 0;
+
+var _react = require("react");
+
+var _useKeyboardShortcut = require("./useKeyboardShortcut");
+
+const useClipboardCopy = options => {
+  const copy = (0, _react.useCallback)(async otherText => {
+    const copyText = otherText || options?.text;
+
+    if (copyText === undefined) {
+      return false;
+    }
+
+    const successed = await navigator?.clipboard?.writeText(copyText).then(() => true).catch(() => false);
+
+    if (successed) {
+      options?.onSuccess?.(copyText);
+    } else {
+      options?.onFailure?.(copyText);
+    }
+
+    return successed;
+  }, [options]);
+  (0, _useKeyboardShortcut.useKeyboardShortcut)(options?.key, copy);
+  return copy;
+};
+
+exports.useClipboardCopy = useClipboardCopy;
+//# sourceMappingURL=useClipboardCopy.js.map

package/cjs/useClipboardCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboardCopy.js","names":["useClipboardCopy","options","copy","useCallback","otherText","copyText","text","undefined","successed","navigator","clipboard","writeText","then","catch","onSuccess","onFailure","useKeyboardShortcut","key"],"sources":["../../src/useClipboardCopy.tsx"],"sourcesContent":["import { useCallback } from \"react\"\nimport { useKeyboardShortcut } from \"./useKeyboardShortcut\"\n\nexport const useClipboardCopy = (options?: {\n    text?: string\n    onSuccess?: (text: string) => void\n    onFailure?: (text: string) => void\n    key?: string\n}) => {\n    const copy = useCallback(\n        async (otherText?: string) => {\n            const copyText = otherText || options?.text\n            if (copyText === undefined) {\n                return false\n            }\n            const successed = await navigator?.clipboard\n                ?.writeText(copyText)\n                .then(() => true)\n                .catch(() => false)\n            if (successed) {\n                options?.onSuccess?.(copyText)\n            } else {\n                options?.onFailure?.(copyText)\n            }\n            return successed\n        },\n        [options]\n    )\n\n    useKeyboardShortcut(options?.key, copy)\n    return copy\n}\n"],"mappings":";;;;;AAAA;;AACA;;AAEO,MAAMA,gBAAgB,GAAIC,OAAD,IAK1B;EACF,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EACT,MAAOC,SAAP,IAA8B;IAC1B,MAAMC,QAAQ,GAAGD,SAAS,IAAIH,OAAO,EAAEK,IAAvC;;IACA,IAAID,QAAQ,KAAKE,SAAjB,EAA4B;MACxB,OAAO,KAAP;IACH;;IACD,MAAMC,SAAS,GAAG,MAAMC,SAAS,EAAEC,SAAX,EAClBC,SADkB,CACRN,QADQ,EAEnBO,IAFmB,CAEd,MAAM,IAFQ,EAGnBC,KAHmB,CAGb,MAAM,KAHO,CAAxB;;IAIA,IAAIL,SAAJ,EAAe;MACXP,OAAO,EAAEa,SAAT,GAAqBT,QAArB;IACH,CAFD,MAEO;MACHJ,OAAO,EAAEc,SAAT,GAAqBV,QAArB;IACH;;IACD,OAAOG,SAAP;EACH,CAhBQ,EAiBT,CAACP,OAAD,CAjBS,CAAb;EAoBA,IAAAe,wCAAA,EAAoBf,OAAO,EAAEgB,GAA7B,EAAkCf,IAAlC;EACA,OAAOA,IAAP;AACH,CA5BM"}

package/cjs/useFetch.js

@@ -0,0 +1,135 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useFetch = exports.useAuthFetch = exports.useAuthBearerFetch = exports.fetcher = void 0;
+
+var _react = require("react");
+
+var _swr = _interopRequireWildcard(require("swr"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const fetcher = async (url, options) => {
+  try {
+    return {
+      data: await fetcherThrows(url, options),
+      error: undefined
+    };
+  } catch (e) {
+    return {
+      data: undefined,
+      error: e
+    };
+  }
+};
+
+exports.fetcher = fetcher;
+
+const fetcherThrows = async (url, options) => {
+  const obj = {};
+
+  if (options.token) {
+    const header = options.authTokenHeader ?? "X-Access-Token";
+    obj.headers = {
+      [header]: header === "Authorization" ? `Bearer ${options.token}` : options.token
+    };
+  }
+
+  if (options.method) {
+    obj.method = options.method || "GET";
+  }
+
+  if (options?.body) {
+    obj.body = options.body;
+  }
+
+  if (obj.body && obj.method === "GET") {
+    throw new TypeError("The `GET` method cannot be used with a body");
+  }
+
+  obj.headers = {
+    "Content-Type": "application/json",
+    ...(obj.headers ?? {})
+  };
+  const resp = await (options.fetch ?? fetch)(url, obj);
+
+  if (!resp.ok) {
+    throw new Error(`${resp.status}: ${await resp.text()}`);
+  }
+
+  const bodyText = await resp.text(); // responseが空の場合があるのでケアする
+
+  return bodyText && JSON.parse(bodyText);
+};
+
+const useFetch = (url, options) => {
+  const key = (0, _react.useMemo)(() => url ? [url, options.token, options.body] : null, [options.body, options.token, url]);
+  const fetcherWrapper = (0, _react.useMemo)(() => options.fetch ?? ((url, token) => {
+    return fetcherThrows(url, {
+      method: options.method,
+      token,
+      body: options.body,
+      authTokenHeader: options.authTokenHeader
+    });
+  }), [options.authTokenHeader, options.body, options.fetch, options.method]);
+  const {
+    data,
+    error
+  } = (0, _swr.default)(key, fetcherWrapper, options.swrConfig);
+  const refetch = (0, _react.useCallback)(async () => {
+    if (key) {
+      await (0, _swr.mutate)(key);
+    }
+
+    return;
+  }, [key]);
+  return {
+    data,
+    error,
+    refetch
+  };
+};
+
+exports.useFetch = useFetch;
+
+const useAuthFetch = (token, url, options) => {
+  const key = (0, _react.useMemo)(() => url && token ? [url, token, options.body] : null, [options.body, token, url]);
+  const fetcherWrapper = (0, _react.useMemo)(() => options.fetch ?? ((url, token) => {
+    return fetcherThrows(url, {
+      method: options.method,
+      token,
+      body: options.body,
+      authTokenHeader: options.authTokenHeader ?? "X-Access-Token"
+    });
+  }), [options.authTokenHeader, options.body, options.fetch, options.method]);
+  const {
+    data,
+    error
+  } = (0, _swr.default)(key, fetcherWrapper, options.swrConfig);
+  const refetch = (0, _react.useCallback)(async () => {
+    if (key) {
+      await (0, _swr.mutate)(key);
+    }
+
+    return;
+  }, [key]);
+  return {
+    data,
+    error,
+    refetch
+  };
+}; // Authorization: Bearer [TOKEN]の形式でセットするuseAuthFetch
+
+
+exports.useAuthFetch = useAuthFetch;
+
+const useAuthBearerFetch = (token, url, options) => {
+  return useAuthFetch(token, url, { ...options,
+    authTokenHeader: "Authorization"
+  });
+};
+
+exports.useAuthBearerFetch = useAuthBearerFetch;
+//# sourceMappingURL=useFetch.js.map

package/cjs/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.js","names":["fetcher","url","options","data","fetcherThrows","error","undefined","e","obj","token","header","authTokenHeader","headers","method","body","TypeError","resp","fetch","ok","Error","status","text","bodyText","JSON","parse","useFetch","key","useMemo","fetcherWrapper","useSWR","swrConfig","refetch","useCallback","mutate","useAuthFetch","useAuthBearerFetch"],"sources":["../../src/useFetch.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\"\nimport useSWR, { mutate, SWRConfiguration } from \"swr\"\n\nexport interface FetcherResult<T> {\n    data: T | undefined\n    error: Error | undefined\n}\n\nexport type AuthTokenHeader = \"Authorization\" | \"X-Access-Token\"\n\nexport interface FetcherOptions {\n    method?: \"GET\" | \"POST\" | \"PATCH\" | \"PUT\" | \"DELETE\" | \"OPTIONS\" | \"HEAD\"\n    token?: string\n    body?: string\n    fetch?: (info: RequestInfo, init?: RequestInit) => Promise<Response>\n    authTokenHeader?: AuthTokenHeader\n}\n\nexport const fetcher = async <T>(url: string, options: FetcherOptions): Promise<FetcherResult<T>> => {\n    try {\n        return { data: await fetcherThrows(url, options), error: undefined }\n    } catch (e) {\n        return { data: undefined, error: (e as unknown) as Error }\n    }\n}\n\nconst fetcherThrows = async <T>(url: string, options: FetcherOptions): Promise<T> => {\n    const obj: RequestInit = {}\n    if (options.token) {\n        const header = options.authTokenHeader ?? \"X-Access-Token\"\n\n        obj.headers = {\n            [header]: header === \"Authorization\" ? `Bearer ${options.token}` : options.token\n        }\n    }\n    if (options.method) {\n        obj.method = options.method || \"GET\"\n    }\n\n    if (options?.body) {\n        obj.body = options.body\n    }\n\n    if (obj.body && obj.method === \"GET\") {\n        throw new TypeError(\"The `GET` method cannot be used with a body\")\n    }\n\n    obj.headers = {\n        \"Content-Type\": \"application/json\",\n        ...(obj.headers ?? {})\n    }\n\n    const resp = await (options.fetch ?? fetch)(url, obj)\n\n    if (!resp.ok) {\n        throw new Error(`${resp.status}: ${await resp.text()}`)\n    }\n\n    const bodyText = await resp.text()\n    // responseが空の場合があるのでケアする\n    return bodyText && JSON.parse(bodyText)\n}\n\nexport interface UseFetchState<T> extends FetcherResult<T> {\n    refetch: () => Promise<void>\n}\n\nexport const useFetch = <T>(\n    url: string | null,\n    options: Omit<FetcherOptions, \"fetch\"> & {\n        fetch?: (url: string, token?: string) => Promise<T>\n        swrConfig?: Partial<SWRConfiguration>\n        authTokenHeader?: AuthTokenHeader\n    }\n): UseFetchState<T> => {\n    const key = useMemo(() => url ? [url, options.token, options.body] : null,[options.body, options.token, url])\n    const fetcherWrapper = useMemo(\n        () =>\n            options.fetch ??\n            ((url: string, token?: string) => {\n                return fetcherThrows<T>(url, {\n                    method: options.method,\n                    token,\n                    body: options.body,\n                    authTokenHeader: options.authTokenHeader\n                })\n            }),\n        [options.authTokenHeader, options.body, options.fetch, options.method]\n    )\n\n    const { data, error } = useSWR<T>(key, fetcherWrapper, options.swrConfig)\n    const refetch = useCallback(async () => {\n        if (key) {\n            await mutate(key)\n        }\n\n        return\n    }, [key])\n\n    return {\n        data,\n        error,\n        refetch\n    }\n}\n\nexport const useAuthFetch = <T>(\n    token: string,\n    url: string | null,\n    options: Omit<FetcherOptions, \"fetch\" | \"token\"> & {\n        fetch?: (url: string, token?: string) => Promise<T>\n        swrConfig?: Partial<SWRConfiguration>\n        authTokenHeader?: AuthTokenHeader\n    }\n): UseFetchState<T> => {\n    const key = useMemo(() => url && token ? [url, token, options.body] : null,[options.body, token, url])\n    const fetcherWrapper = useMemo(\n        () =>\n            options.fetch ??\n            ((url: string, token?: string) => {\n                return fetcherThrows<T>(url, {\n                    method: options.method,\n                    token,\n                    body: options.body,\n                    authTokenHeader: options.authTokenHeader ?? \"X-Access-Token\"\n                })\n            }),\n        [options.authTokenHeader, options.body, options.fetch, options.method]\n    )\n\n    const { data, error } = useSWR<T>(key, fetcherWrapper, options.swrConfig)\n    const refetch = useCallback(async () => {\n        if (key) {\n            await mutate(key)\n        }\n\n        return\n    }, [key])\n\n    return {\n        data,\n        error,\n        refetch\n    }\n}\n\n// Authorization: Bearer [TOKEN]の形式でセットするuseAuthFetch\nexport const useAuthBearerFetch = <T>(\n    token: string,\n    url: string | null,\n    options: Omit<FetcherOptions, \"fetch\" | \"token\"> & {\n        fetch?: (url: string, token?: string) => Promise<T>\n        swrConfig?: Partial<SWRConfiguration>\n    }\n): UseFetchState<T> => {\n    return useAuthFetch(token, url, { ...options, authTokenHeader: \"Authorization\" })\n}\n"],"mappings":"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"}

package/cjs/useIntersectionObserver.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useIntersectionObserver = void 0;
+
+var _isBrowser = require("./utils/isBrowser");
+
+var _react = require("react");
+
+/* eslint-disable react-hooks/rules-of-hooks */
+const useIntersectionObserver = (ref, options = {}) => {
+  const [entry, setEntry] = (0, _react.useState)();
+  const observer = (0, _react.useRef)();
+  const disconnect = (0, _react.useCallback)(() => {
+    observer?.current?.disconnect();
+  }, []);
+
+  if (!_isBrowser.isBrowser) {
+    return {
+      entry,
+      disconnect
+    };
+  }
+
+  (0, _react.useEffect)(() => {
+    const element = ref && ref.current;
+
+    if (!element) {
+      return;
+    }
+
+    observer.current = new IntersectionObserver(entries => {
+      if (!entries.length) {
+        return;
+      }
+
+      setEntry(entries[0]);
+    }, options);
+    observer.current.observe(element);
+    return () => {
+      disconnect();
+    };
+  }, [disconnect, options, ref]);
+  return {
+    entry,
+    disconnect
+  };
+};
+
+exports.useIntersectionObserver = useIntersectionObserver;
+//# sourceMappingURL=useIntersectionObserver.js.map

package/cjs/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","names":["useIntersectionObserver","ref","options","entry","setEntry","useState","observer","useRef","disconnect","useCallback","current","isBrowser","useEffect","element","IntersectionObserver","entries","length","observe"],"sources":["../../src/useIntersectionObserver.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { isBrowser } from \"./utils/isBrowser\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\nexport const useIntersectionObserver = <E extends Element = HTMLElement>(\n    ref: React.RefObject<E>,\n    options: IntersectionObserverInit = {}\n) => {\n    const [entry, setEntry] = useState<IntersectionObserverEntry>()\n    const observer = useRef<IntersectionObserver>()\n    const disconnect = useCallback(() => {\n        observer?.current?.disconnect()\n    }, [])\n    if (!isBrowser) {\n        return { entry, disconnect }\n    }\n    useEffect(() => {\n        const element = ref && ref.current\n        if (!element) {\n            return\n        }\n        observer.current = new IntersectionObserver((entries) => {\n            if (!entries.length) {\n                return\n            }\n            setEntry(entries[0])\n        }, options)\n\n        observer.current.observe(element)\n        return () => {\n            disconnect()\n        }\n    }, [disconnect, options, ref])\n    return {\n        entry,\n        disconnect\n    }\n}\n"],"mappings":";;;;;AACA;;AACA;;AAFA;AAIO,MAAMA,uBAAuB,GAAG,CACnCC,GADmC,EAEnCC,OAAiC,GAAG,EAFD,KAGlC;EACD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,GAA1B;EACA,MAAMC,QAAQ,GAAG,IAAAC,aAAA,GAAjB;EACA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCH,QAAQ,EAAEI,OAAV,EAAmBF,UAAnB;EACH,CAFkB,EAEhB,EAFgB,CAAnB;;EAGA,IAAI,CAACG,oBAAL,EAAgB;IACZ,OAAO;MAAER,KAAF;MAASK;IAAT,CAAP;EACH;;EACD,IAAAI,gBAAA,EAAU,MAAM;IACZ,MAAMC,OAAO,GAAGZ,GAAG,IAAIA,GAAG,CAACS,OAA3B;;IACA,IAAI,CAACG,OAAL,EAAc;MACV;IACH;;IACDP,QAAQ,CAACI,OAAT,GAAmB,IAAII,oBAAJ,CAA0BC,OAAD,IAAa;MACrD,IAAI,CAACA,OAAO,CAACC,MAAb,EAAqB;QACjB;MACH;;MACDZ,QAAQ,CAACW,OAAO,CAAC,CAAD,CAAR,CAAR;IACH,CALkB,EAKhBb,OALgB,CAAnB;IAOAI,QAAQ,CAACI,OAAT,CAAiBO,OAAjB,CAAyBJ,OAAzB;IACA,OAAO,MAAM;MACTL,UAAU;IACb,CAFD;EAGH,CAhBD,EAgBG,CAACA,UAAD,EAAaN,OAAb,EAAsBD,GAAtB,CAhBH;EAiBA,OAAO;IACHE,KADG;IAEHK;EAFG,CAAP;AAIH,CAjCM"}

package/cjs/useKeyboardShortcut.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useKeyboardShortcut = void 0;
+
+var _react = require("react");
+
+const useKeyboardShortcut = (key, callback) => {
+  (0, _react.useEffect)(() => {
+    if (key === undefined || callback === undefined) {
+      return;
+    }
+
+    const handler = event => {
+      if ((event.ctrlKey || event.metaKey) && event.key === key) {
+        callback();
+      }
+    };
+
+    window.addEventListener("keydown", handler);
+    return () => {
+      window.removeEventListener("keydown", handler);
+    };
+  }, [key, callback]);
+};
+
+exports.useKeyboardShortcut = useKeyboardShortcut;
+//# sourceMappingURL=useKeyboardShortcut.js.map

package/cjs/useKeyboardShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcut.js","names":["useKeyboardShortcut","key","callback","useEffect","undefined","handler","event","ctrlKey","metaKey","window","addEventListener","removeEventListener"],"sources":["../../src/useKeyboardShortcut.ts"],"sourcesContent":["import { useEffect } from \"react\"\n\nexport const useKeyboardShortcut = (key?: string, callback?: () => void) => {\n    useEffect(() => {\n        if (key === undefined || callback === undefined) {\n            return\n        }\n        const handler = (event: KeyboardEvent) => {\n            if ((event.ctrlKey || event.metaKey) && event.key === key) {\n                callback()\n            }\n        }\n        window.addEventListener(\"keydown\", handler)\n        return () => {\n            window.removeEventListener(\"keydown\", handler)\n        }\n    }, [key, callback])\n}\n"],"mappings":";;;;;AAAA;;AAEO,MAAMA,mBAAmB,GAAG,CAACC,GAAD,EAAeC,QAAf,KAAyC;EACxE,IAAAC,gBAAA,EAAU,MAAM;IACZ,IAAIF,GAAG,KAAKG,SAAR,IAAqBF,QAAQ,KAAKE,SAAtC,EAAiD;MAC7C;IACH;;IACD,MAAMC,OAAO,GAAIC,KAAD,IAA0B;MACtC,IAAI,CAACA,KAAK,CAACC,OAAN,IAAiBD,KAAK,CAACE,OAAxB,KAAoCF,KAAK,CAACL,GAAN,KAAcA,GAAtD,EAA2D;QACvDC,QAAQ;MACX;IACJ,CAJD;;IAKAO,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCL,OAAnC;IACA,OAAO,MAAM;MACTI,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCN,OAAtC;IACH,CAFD;EAGH,CAbD,EAaG,CAACJ,GAAD,EAAMC,QAAN,CAbH;AAcH,CAfM"}

package/cjs/useOnClickOutside.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useOnClickOutside = void 0;
+
+var _isBrowser = require("./utils/isBrowser");
+
+var _react = require("react");
+
+const useOnClickOutside = (ref, handler) => {
+  if (!_isBrowser.isBrowser) {
+    return;
+  } // eslint-disable-next-line react-hooks/rules-of-hooks
+
+
+  (0, _react.useEffect)(() => {
+    if (!handler) {
+      return;
+    }
+
+    const listener = event => {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener("mousedown", listener, {
+      passive: true
+    });
+    document.addEventListener("touchstart", listener, {
+      passive: true
+    });
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [handler, ref]);
+};
+
+exports.useOnClickOutside = useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/cjs/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","names":["useOnClickOutside","ref","handler","isBrowser","useEffect","listener","event","current","contains","target","document","addEventListener","passive","removeEventListener"],"sources":["../../src/useOnClickOutside.ts"],"sourcesContent":["import { isBrowser } from \"./utils/isBrowser\"\nimport { useEffect } from \"react\"\n\nexport const useOnClickOutside = <E extends Element = HTMLElement>(\n    ref: React.RefObject<E>,\n    handler?: (event: MouseEvent | TouchEvent) => void\n) => {\n    if (!isBrowser) {\n        return\n    }\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n        if (!handler) {\n            return\n        }\n        const listener = (event: MouseEvent | TouchEvent) => {\n            if (!ref.current || ref.current.contains(event.target as Node)) {\n                return\n            }\n\n            handler(event)\n        }\n\n        document.addEventListener(\"mousedown\", listener, { passive: true })\n        document.addEventListener(\"touchstart\", listener, { passive: true })\n\n        return () => {\n            document.removeEventListener(\"mousedown\", listener)\n            document.removeEventListener(\"touchstart\", listener)\n        }\n    }, [handler, ref])\n}\n"],"mappings":";;;;;AAAA;;AACA;;AAEO,MAAMA,iBAAiB,GAAG,CAC7BC,GAD6B,EAE7BC,OAF6B,KAG5B;EACD,IAAI,CAACC,oBAAL,EAAgB;IACZ;EACH,CAHA,CAID;;;EACA,IAAAC,gBAAA,EAAU,MAAM;IACZ,IAAI,CAACF,OAAL,EAAc;MACV;IACH;;IACD,MAAMG,QAAQ,GAAIC,KAAD,IAAoC;MACjD,IAAI,CAACL,GAAG,CAACM,OAAL,IAAgBN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBF,KAAK,CAACG,MAA3B,CAApB,EAAgE;QAC5D;MACH;;MAEDP,OAAO,CAACI,KAAD,CAAP;IACH,CAND;;IAQAI,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCN,QAAvC,EAAiD;MAAEO,OAAO,EAAE;IAAX,CAAjD;IACAF,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCN,QAAxC,EAAkD;MAAEO,OAAO,EAAE;IAAX,CAAlD;IAEA,OAAO,MAAM;MACTF,QAAQ,CAACG,mBAAT,CAA6B,WAA7B,EAA0CR,QAA1C;MACAK,QAAQ,CAACG,mBAAT,CAA6B,YAA7B,EAA2CR,QAA3C;IACH,CAHD;EAIH,CAnBD,EAmBG,CAACH,OAAD,EAAUD,GAAV,CAnBH;AAoBH,CA5BM"}

package/cjs/utils/isBrowser.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.isBrowser = void 0;
+const isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document;
+exports.isBrowser = isBrowser;
+//# sourceMappingURL=isBrowser.js.map

package/cjs/utils/isBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBrowser.js","names":["isBrowser","window","document"],"sources":["../../../src/utils/isBrowser.ts"],"sourcesContent":["export const isBrowser =\n    typeof window !== \"undefined\" && typeof document !== \"undefined\" && window.document === document\n"],"mappings":";;;;AAAO,MAAMA,SAAS,GAClB,OAAOC,MAAP,KAAkB,WAAlB,IAAiC,OAAOC,QAAP,KAAoB,WAArD,IAAoED,MAAM,CAACC,QAAP,KAAoBA,QADrF"}

package/esm/index.js

@@ -2,3 +2,6 @@ export * from "./useOnClickOutside";
 export * from "./useAuth";
 export * from "./useFetch";
 export * from "./useIntersectionObserver";
+export * from "./useClipboardCopy";
+export * from "./useKeyboardShortcut";
+//# sourceMappingURL=index.js.map