updateIfNewData.ts

export const clearSessionStorage = () => {
	for (const key in sessionStorage) {
		if (key.includes('updateIfNewData__')) sessionStorage.removeItem(key);
	}
};
clearSessionStorage();
const updateIfNewData = (
	{ debug = false }: { debug: boolean } = { debug: false },
) => {
	const tryUpdate = <T>(
		key: string,
		newData: T,
		onChange: (data: T) => void,
		isDebug?: boolean,
	) => {
		const log: {
			key?: string;
			oldData?: string | null;
			data?: T;
			action?: string;
		} = {};
		const internalKey = `updateIfNewData__${key}`;
		const newDataString = JSON.stringify(newData);
		const oldData = sessionStorage.getItem(internalKey);
		if (debug || isDebug) log.key = internalKey;
		if (debug || isDebug) log.oldData = oldData;
		if (newDataString !== oldData) {
			if (debug || isDebug) log.data = newData;
			if (debug || isDebug) log.action = 'update';
			sessionStorage.setItem(internalKey, newDataString);
			onChange(newData);
			if (debug || isDebug) console.log(log);
		} else {
			if (debug || isDebug) console.log(internalKey, 'same-data');
		}
	};
	return tryUpdate;
};

export default updateIfNewData;