1 | 'use strict';
|
2 |
|
3 | const { useCallback, useEffect } = require('react');
|
4 | const createArgErrorMessageProd = require('../private/createArgErrorMessageProd');
|
5 | const useCache = require('./useCache');
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 | module.exports = function useLoadOnDelete(cacheKey, load) {
|
33 | if (typeof cacheKey !== 'string')
|
34 | throw new TypeError(
|
35 | typeof process === 'object' && process.env.NODE_ENV !== 'production'
|
36 | ? 'Argument 1 `cacheKey` must be a string.'
|
37 | : createArgErrorMessageProd(1)
|
38 | );
|
39 |
|
40 | if (typeof load !== 'function')
|
41 | throw new TypeError(
|
42 | typeof process === 'object' && process.env.NODE_ENV !== 'production'
|
43 | ? 'Argument 2 `load` must be a function.'
|
44 | : createArgErrorMessageProd(2)
|
45 | );
|
46 |
|
47 | const cache = useCache();
|
48 |
|
49 | const onCacheEntryDelete = useCallback(() => {
|
50 | load();
|
51 | }, [load]);
|
52 |
|
53 | useEffect(() => {
|
54 | const eventNameDelete = `${cacheKey}/delete`;
|
55 |
|
56 | cache.addEventListener(eventNameDelete, onCacheEntryDelete);
|
57 |
|
58 | return () => {
|
59 | cache.removeEventListener(eventNameDelete, onCacheEntryDelete);
|
60 | };
|
61 | }, [cache, cacheKey, onCacheEntryDelete]);
|
62 | };
|