@dev-plugins/react-native-mmkv/build/useMMKVDevTools.js

Expo DevTools Plugin for react-native-mmkv

import { useDevToolsPluginClient } from 'expo/devtools';
import { useCallback, useEffect } from 'react';
import { MMKV } from 'react-native-mmkv';
/**
 * This hook registers a devtools plugin for react-native-mmkv.
 *
 * The plugin provides you with the ability to view, add, edit, and remove react-native-mmkv entries.
 *
 * @param props
 * @param props.errorHandler - A function that will be called with any errors that occur while communicating
 * with the devtools, if not provided errors will be ignored. Setting this is highly recommended.
 * @param props.storage - A MMKV storage instance to use, if not provided the default storage will be used.
 */
export function useMMKVDevTools({ errorHandler, storage = new MMKV(), } = {}) {
    const client = useDevToolsPluginClient('mmkv');
    const handleError = useCallback((error) => {
        if (error instanceof Error) {
            errorHandler?.(error);
        }
        else {
            errorHandler?.(new Error(`Unknown error: ${String(error)}`));
        }
    }, [errorHandler]);
    useEffect(() => {
        const on = (event, listener) => client?.addMessageListener(event, async (params) => {
            try {
                const result = await listener(params);
                client?.sendMessage(`ack:${event}`, { result });
            }
            catch (error) {
                try {
                    client?.sendMessage('error', { error });
                    handleError(error);
                }
                catch (e) {
                    handleError(e);
                }
            }
        });
        const subscriptions = [];
        try {
            subscriptions.push(on('getAll', async () => {
                const keys = storage.getAllKeys();
                return keys?.map((key) => [key, storage.getString(key)]);
            }));
        }
        catch (e) {
            handleError(e);
        }
        try {
            subscriptions.push(on('set', async ({ key, value }) => {
                if (key !== undefined && value !== undefined) {
                    return storage.set(key, value);
                }
            }));
        }
        catch (e) {
            handleError(e);
        }
        try {
            subscriptions.push(on('remove', async ({ key }) => {
                if (key !== undefined) {
                    storage.delete(key);
                }
            }));
        }
        catch (e) {
            handleError(e);
        }
        return () => {
            for (const subscription of subscriptions) {
                try {
                    subscription?.remove();
                }
                catch (e) {
                    handleError(e);
                }
            }
        };
    }, [client]);
}
//# sourceMappingURL=useMMKVDevTools.js.map