Variant Options Abstraction

[korgon]

// internally handle inside snap-preact via document click event listener (ala ss-tracker)
// inspect each click event looking for ss-variant-option it should contain "option:value"
// this event handler will fire the global event 'controller/selectVariantOptions' with the option and value

Pseudo-JS:

document.querySelectorAll('[ss-variant-option]').onClick(e => {
	const target = e.target;
	const [option, value] = target.getAttribute('data-ss-option').split(':');

	const options = {};
	options[option] = value;

	searchspring.fire('controller/selectVariantOptions', {
		// controllerIds: [/^recommend_bundle/], // if no controller ids are provided...
		options,
	});
});

add realtime setting to variants controller settings:

{
	id,
	settings: {
		variants: {
			field: 'ss_variants',
			realtime: {
				enabled: true,
				filter: 'first', // ---  ['first', 'unaltered'],
				// filterFunction - maybe add later as needed?  filter(({ products, controller }) => products)
			},
		},
	}
}

recommendation profiles can be set individually via script context (or globally via instantiator config - must merge together)

<script searchspring-recommend="tagName">
	options = {
		realtime: true,
		variants: {
			realtime: {
				enabled: true,
			},
		},
	}
</script>