Update sync algorithm #23

Author: mProjectsCode

exampleVault/.obsidian/plugins/obsidian-meta-bind-plugin/main.js

@@ -3,12 +3,12 @@ rating: 31
 title: test title test test
 completed: false
 toggle1: false
-slider1: 7
+slider1: 8
 slider2: 4
 text1: Test text
 text_area1: Test test
 date1: 2022-05-28
-select: option b
+select: option c
 multi-select:
   - option a
   - option c

exampleVault/examples.md renamed to exampleVault/examples fg.md

@@ -1,9 +1,19 @@
 ---
-title: This is an example of how the meta bind plugin works
-select: option c
+title: >-
+  This is an example of how the meta bind
+  abababababababababababababababababaabbababababababababababababababababab
+
+  asdasdkahjbd
+   adjsnbf o
+  asdoasdasdfm
+
+  asodfnsopdnfosndflskxn slsdf
+
+  sdf sdjfpsdjfpsodjfpsodjfspodjfspodfjspodfspodfjspdofjspdofpsodfj
+select: option a
 multi-select:
   - option a
-  - option b
-date: Saturday, October 13th 2029
+  - option c
+date: Thursday, February 17th 2022
 time: 19:20
 ---

exampleVault/other note.md

@@ -33,7 +33,8 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 
 	limitInterval: number | undefined;
 	intervalCounter: number;
-	valueQueue: any[];
+	metadataValueUpdateQueue: any[];
+	inputFieldValueUpdateQueue: any[];
 
 	constructor(containerEl: HTMLElement, type: InputFieldMarkdownRenderChildType, fullDeclaration: string, plugin: MetaBindPlugin, filePath: string, uid: number) {
 		super(containerEl);
@@ -45,7 +46,8 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 		this.type = type;
 		this.fullDeclaration = fullDeclaration;
 
-		this.valueQueue = [];
+		this.metadataValueUpdateQueue = [];
+		this.inputFieldValueUpdateQueue = [];
 		this.intervalCounter = 0;
 
 		try {
@@ -60,10 +62,10 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 			this.inputField = InputFieldFactory.createInputField(this.inputFieldDeclaration.inputFieldType, {
 				type: type,
 				inputFieldMarkdownRenderChild: this,
-				onValueChanged: this.pushToValueQueue.bind(this),
+				onValueChanged: this.pushToMetadataValueUpdateQueue.bind(this),
 			});
 
-			this.limitInterval = window.setInterval(() => this.applyValueQueueToMetadata(), this.plugin.settings.syncInterval);
+			this.limitInterval = window.setInterval(() => this.applyValueUpdateQueues(), this.plugin.settings.syncInterval);
 		} catch (e: any) {
 			this.error = e.message;
 			console.warn(e);
@@ -107,7 +109,21 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 	}
 
 	// use this interval to reduce writing operations
-	async applyValueQueueToMetadata(): Promise<void> {
+	async applyValueUpdateQueues(): Promise<void> {
+		if (this.metadataValueUpdateQueue.length !== 0) {
+			await this.applyMetadataValueUpdateQueue();
+			this.cleanUpUpdateQueues();
+			return;
+		}
+
+		if (this.inputFieldValueUpdateQueue.length !== 0) {
+			await this.applyInputFieldValueUpdateQueue();
+			this.cleanUpUpdateQueues();
+			return;
+		}
+	}
+
+	async applyMetadataValueUpdateQueue(): Promise<void> {
 		if (!this.inputFieldDeclaration) {
 			throw new MetaBindInternalError('inputFieldDeclaration is undefined, can not update metadata');
 		}
@@ -118,31 +134,49 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 			throw new MetaBindInternalError('bindTargetMetadataField or bindTargetFile is undefined, can not update metadata');
 		}
 
-		if (this.valueQueue.length > 0) {
-			// console.log(this.valueQueue.at(-1))
-			await this.plugin.updateMetaData(this.bindTargetMetadataField, this.valueQueue.at(-1), this.bindTargetFile);
-			this.valueQueue = [];
+		if (this.metadataValueUpdateQueue.length > 0) {
+			await this.plugin.updateMetaData(this.bindTargetMetadataField, this.metadataValueUpdateQueue.at(-1), this.bindTargetFile);
+		} else {
+			throw new MetaBindInternalError(`cannot apply metadataValueUpdateQueue to inputField ${this.uid}, metadataValueUpdateQueue is empty`);
 		}
 	}
 
-	async pushToValueQueue(value: any): Promise<void> {
-		if (this.inputFieldDeclaration?.isBound) {
-			this.valueQueue.push(value);
+	async applyInputFieldValueUpdateQueue(): Promise<void> {
+		if (!this.inputFieldDeclaration) {
+			throw new MetaBindInternalError('inputFieldDeclaration is undefined, can not update inputField');
 		}
-	}
-
-	updateValue(value: any): void {
 		if (!this.inputField) {
-			throw new MetaBindInternalError('inputField is undefined, can not update value');
+			throw new MetaBindInternalError('inputField is undefined, can not update inputField');
 		}
 
-		if (value == null) {
-			value = this.inputField.getDefaultValue();
-		}
+		if (this.inputFieldValueUpdateQueue.length > 0) {
+			let value = this.inputFieldValueUpdateQueue.at(-1);
+
+			if (value == null) {
+				value = this.inputField.getDefaultValue();
+			}
 
-		if (!this.inputField.isEqualValue(value) && this.valueQueue.length === 0) {
 			Logger.logDebug(`updating input field ${this.uid} to`, value);
 			this.inputField.setValue(value);
+		} else {
+			throw new MetaBindInternalError(`cannot apply inputFieldValueUpdateQueue to inputField ${this.uid}, inputFieldValueUpdateQueue is empty`);
+		}
+	}
+
+	cleanUpUpdateQueues(): void {
+		this.metadataValueUpdateQueue = [];
+		this.inputFieldValueUpdateQueue = [];
+	}
+
+	pushToMetadataValueUpdateQueue(value: any): void {
+		if (this.inputFieldDeclaration?.isBound) {
+			this.metadataValueUpdateQueue.push(value);
+		}
+	}
+
+	pushToInputFieldValueUpdateQueue(value: any): void {
+		if (!this.inputField?.isEqualValue(value)) {
+			this.inputFieldValueUpdateQueue.push(value);
 		}
 	}
 

package-lock.json

@@ -99,7 +99,7 @@ export default class MetaBindPlugin extends Plugin {
 				if (metadata === undefined) {
 					metadata = await this.getMetadataFromFileCache(cache.frontmatter);
 				}
-				activeMarkdownInputField.updateValue(metadata[activeMarkdownInputField.bindTargetMetadataField]);
+				activeMarkdownInputField.pushToInputFieldValueUpdateQueue(metadata[activeMarkdownInputField.bindTargetMetadataField]);
 			}
 		}
 	}