eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
32 lines
961 B
TypeScript
32 lines
961 B
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useCallback, useMemo } from 'react';
|
|
import store from 'store';
|
|
|
|
import { useApi } from './useApi.js';
|
|
|
|
// create a chain-specific key for the local cache
|
|
// FIXME Since we use generics, this cannot be a createNamedHook as of yet
|
|
export function useCacheKey <T> (storageKeyBase: string): [(defaultValue?: T) => T | undefined, (value: T) => T] {
|
|
const { api, isDevelopment } = useApi();
|
|
const storageKey = useMemo(
|
|
() => `${storageKeyBase}:${isDevelopment ? 'development' : api.genesisHash.toHex()}`,
|
|
[api, isDevelopment, storageKeyBase]
|
|
);
|
|
|
|
// FIXME both these want "T"... incorrect
|
|
|
|
const getter = useCallback(
|
|
(): T | undefined => store.get(storageKey) as T,
|
|
[storageKey]
|
|
);
|
|
|
|
const setter = useCallback(
|
|
(value: T): T => store.set(storageKey, value) as T,
|
|
[storageKey]
|
|
);
|
|
|
|
return [getter, setter];
|
|
}
|