import { batch } from 'solid-js';

export const intersectionCallback: IntersectionObserverCallback = (entries, observer) => {
	batch(() => {
		for (let idx = 0, len = entries.length; idx < len; idx++) {
			const entry = entries[idx];

			const target = entry.target as any;
			const listener = target.$onintersect;

			if (listener) {
				listener(entry);
			} else {
				observer.unobserve(target);
			}
		}
	});
};

declare module 'solid-js' {
	namespace JSX {
		interface ExplicitProperties {
			$onintersect: (entry: IntersectionObserverEntry) => void;
		}
	}
}