Fix breaking bc of multiple files with same name

Author: mProjectsCode

src/InputField.ts

@@ -12,45 +12,84 @@ export class InputField extends MarkdownRenderChild {
 	boundMetadataField: string;
 	file: TFile;
 
+	limitInterval: NodeJS.Timer;
+	intervalCounter: number;
+	valueQueue: any[];
+
 	constructor(containerEl: HTMLElement, fullDeclaration: string, plugin: MetaBindPlugin, filePath: string) {
 		super(containerEl);
 
 		//console.log(this, 2)
 
 		this.error = '';
+		this.declaration = fullDeclaration;
+		this.plugin = plugin;
+
+		this.valueQueue = [];
+		this.intervalCounter = 0;
+		this.limitInterval = setInterval(this.incrementInterval.bind(this), 10);
 
 		const regExp = new RegExp(/\[.*?\]/);
 		let declaration = regExp.exec(fullDeclaration)[0];
 		declaration = declaration.replace('[', '').replace(']', '');
-
 		let declarationParts: string[] = declaration.split(':');
 		let boundTo: string = declarationParts[1] ?? '';
+
 		this.isBound = !!boundTo;
+		this.inputFieldType = declarationParts[0].toLowerCase();
+
 		if (this.isBound) {
 			let boundToParts = boundTo.split('#');
 			if (boundToParts.length === 1) { // same file
 				this.boundMetadataField = boundTo;
-				this.file = plugin.getFileByName(filePath);
+				const files = plugin.getFilesByName(filePath);
+				if (files.length === 0) {
+					this.error = 'file not fond.';
+					return;
+				} else if (files.length === 1) {
+					this.file = files[0];
+				} else {
+					this.error = 'multiple files found. please specify the file path.';
+					return;
+				}
 			} else if (boundToParts.length === 2) {
 				this.boundMetadataField = boundToParts[1];
-				this.file = plugin.getFileByName(boundToParts[0]);
+				const files = plugin.getFilesByName(boundToParts[0]);
+				if (files.length === 0) {
+					this.error = 'file not fond.';
+					return;
+				} else if (files.length === 1) {
+					this.file = files[0];
+				} else {
+					this.error = 'multiple files found. please specify the file path.';
+					return;
+				}
 			} else {
-				this.error = 'invalid binding';
+				this.error = 'invalid binding.';
+				return;
 			}
-
 			this.metaData = plugin.getMetaDataForFile(this.file);
 		}
 
-		this.declaration = fullDeclaration;
-		this.inputFieldType = declarationParts[0].toLowerCase();
-		this.plugin = plugin;
-
 		// console.log(this, 3)
 	}
 
+	// use this interval to reduce writing operations
+	async incrementInterval() {
+		this.intervalCounter += 1;
+
+		if (this.intervalCounter >= 20 && this.valueQueue.length > 0) {
+			// console.log(this.valueQueue.at(-1))
+			await this.plugin.updateMetaData(this.boundMetadataField, this.valueQueue.at(-1), this.file);
+			this.valueQueue = [];
+			this.intervalCounter = 0;
+		}
+
+	}
+
 	async updateMetaData(value: any) {
 		if (this.isBound) {
-			await this.plugin.updateMetaData(this.boundMetadataField, value, this.file);
+			this.valueQueue.push(value);
 		}
 	}
 
@@ -61,14 +100,15 @@ export class InputField extends MarkdownRenderChild {
 	}
 
 	onload() {
-		//console.log(this, 1)
+		console.log('load', this);
 
 		const container = this.containerEl.createDiv();
 		container.addClass('meta-bind-plugin-input-wrapper');
 
 		if (this.error) {
-			container.innerText = ` \`Error ${this.error}\``;
-			this.containerEl.replaceWith(container);
+			container.innerText = `Error: ${this.error}`;
+			container.addClass('meta-bind-plugin-error');
+			this.containerEl.appendChild(container);
 			return;
 		}
 
@@ -92,6 +132,14 @@ export class InputField extends MarkdownRenderChild {
 			});
 		}
 
-		this.containerEl.replaceWith(container);
+		this.containerEl.empty();
+		this.containerEl.appendChild(container);
+	}
+
+	onunload() {
+		super.onunload();
+
+		console.log('unload', this);
+		clearInterval(this.limitInterval);
 	}
 }

src/Utils.ts

@@ -2,6 +2,10 @@ export function getFileName(path: string) {
 	return path.split('/').at(-1);
 }
 
+export function isPath(path: string) {
+	return path.split('/').length > 1;
+}
+
 export function removeFileEnding(fileName: string) {
 	const fileNameParts = fileName.split('.');
 	if (fileNameParts.length === 1) {

src/main.ts

@@ -1,7 +1,7 @@
 import {Notice, Plugin, stringifyYaml, TFile} from 'obsidian';
 import {DEFAULT_SETTINGS, MetaBindPluginSettings, MetaBindSettingTab} from './settings/Settings';
 import {InputField} from './InputField';
-import {getFileName, removeFileEnding} from './Utils';
+import {getFileName, isPath, removeFileEnding} from './Utils';
 
 export default class MetaBindPlugin extends Plugin {
 	settings: MetaBindPluginSettings;
@@ -16,14 +16,14 @@ export default class MetaBindPlugin extends Plugin {
 
 
 		this.registerMarkdownPostProcessor((element, context) => {
-			const codeblocks = element.querySelectorAll('code');
-			for (let index = 0; index < codeblocks.length; index++) {
-				const codeblock = codeblocks.item(index);
-				const text = codeblock.innerText;
-				const isEmoji = text.startsWith('INPUT[') && text.endsWith(']');
+			const codeBlocks = element.querySelectorAll('code');
+			for (let index = 0; index < codeBlocks.length; index++) {
+				const codeBlock = codeBlocks.item(index);
+				const text = codeBlock.innerText;
+				const isInputField = text.startsWith('INPUT[') && text.endsWith(']');
 				// console.log(context.sourcePath);
-				if (isEmoji) {
-					context.addChild(new InputField(codeblock, text, this, context.sourcePath));
+				if (isInputField) {
+					context.addChild(new InputField(codeBlock, text, this, context.sourcePath));
 				}
 			}
 		});
@@ -40,8 +40,10 @@ export default class MetaBindPlugin extends Plugin {
 	}
 
 	async updateMetaData(key: string, value: any, file: TFile) {
+		// console.log('update', key, value);
+
 		if (!file) {
-			console.log('file not found');
+			console.log('no file');
 			return;
 		}
 
@@ -60,23 +62,32 @@ export default class MetaBindPlugin extends Plugin {
 		await this.app.vault.modify(file, fileContent);
 	}
 
-	getFileByName(name: string): TFile {
+	getFilesByName(name: string): TFile[] {
 		// console.log(getFileName(removeFileEnding(name)))
-		const files = this.app.vault.getFiles();
-		for (const file of files) {
-			// console.log(getFileName(removeFileEnding(file.name)));
-			if (getFileName(removeFileEnding(file.name)) === getFileName(removeFileEnding(name))) {
-				return file;
+		const allFiles = this.app.vault.getFiles();
+		const files: TFile[] = [];
+		for (const file of allFiles) {
+			// console.log(removeFileEnding(file.path));
+			if (isPath(name)) {
+				if (removeFileEnding(file.path) === removeFileEnding(name)) {
+					files.push(file);
+				}
+			} else {
+				if (getFileName(removeFileEnding(file.name)) === getFileName(removeFileEnding(name))) {
+					files.push(file);
+				}
 			}
 		}
 
-		return null;
+		return files;
 	}
 
 	getMetaDataForFile(file: TFile): any {
 		let metadata: any;
 		try {
 			metadata = this.app.metadataCache.getFileCache(file).frontmatter;
+			metadata = JSON.parse(JSON.stringify(metadata)); // deep copy
+			// console.log(metadata);
 		} catch (e) {
 			new Notice('Waring: ' + e.toString());
 			return;

styles.css

@@ -5,3 +5,7 @@
 .meta-bind-plugin-input-wrapper .checkbox-container {
 	vertical-align: text-bottom;
 }
+
+.meta-bind-plugin-error {
+	color: red;
+}