fix: prevent relations requests if field doesn't changes

Author: Guilherme de Oliveira

src/utils.ts

@@ -7,6 +7,16 @@ export function checkFieldInTemplate(template: string, field: string) {
 	return (matches || []).some((m) => m.includes(field));
 }
 
+const checkFieldNeedsUpdate = (field: string, newVal: Record<string, any>, oldVal: Record<string, any>) => {
+	if (oldVal[field] === newVal[field]) {
+		return false;
+	}
+	if (JSON.stringify(oldVal[field]) === JSON.stringify(newVal[field])) {
+		return false;
+	}
+	return true;
+};
+
 export const useCollectionRelations = (collection: string): Ref<any[]> => {
 	const { useRelationsStore } = useStores();
 	const { getRelationsForCollection } = useRelationsStore();
@@ -28,13 +38,13 @@ export const useDeepValues = (
 ) => {
 	const api = useApi();
 	const finalValues = ref<Record<string, any>>(values.value);
-	watch(values, async () => {
+	watch(values, async (val, oldVal) => {
 		const relationalData: Record<string, any> = {};
 
 		for (const key of Object.keys(values.value)) {
 			const relation = relations.value.find((rel) => rel.meta?.one_field === key);
 
-			if (!relation || !checkFieldInTemplate(template, key)) {
+			if (!relation || !checkFieldInTemplate(template, key) || !checkFieldNeedsUpdate(key, val, oldVal)) {
 				continue;
 			}
 
@@ -88,7 +98,9 @@ export const useDeepValues = (
 			relationalData[key] = arrayOfData;
 		}
 
-		finalValues.value = { ...values.value, ...relationalData };
+		if (Object.keys(relationalData).length) {
+			finalValues.value = { ...values.value, ...relationalData };
+		}
 	});
 
 	return finalValues;