connectRepeater.js

import {makeAutoObservable, autorun} from 'mobx'
import * as uuid from 'uuid'

class RepeaterStore {
	constructor(){
		this.items = []
	}
}

function connectRepeater({selector = '#repeater1', initialData, renderItem}) {
	const store = makeAutoObservable(new RepeaterStore())
	store.items = initialData.map(i => ({...i, _id: uuid.v4()}))
	$w(selector).onItemReady((item, itemData) => {
		autorun(() => renderItem(item, store.items.find((item) => item._id === itemData._id)))
	})
	autorun(() => {
			$w(selector).data = store.items.slice()}
		)
	return {
        setData()
    }
}