src/utils/auto-save.ts - main - githubmirror/obsidian-clipper

src/utils/auto-save.ts
71 строка2 KB
Steph Ango
Initialize extension (#21)
10 сен 2024, 21:08
10 сен 2024, 21:0807b9ee3
import { saveTemplateSettings, editingTemplateIndex } from '../managers/template-manager';
import { updateTemplateList, addPropertyToEditor, updateTemplateFromForm } from '../managers/template-ui';

let isReordering = false;

export function initializeAutoSave(): void {
	const templateForm = document.getElementById('template-settings-form');
	if (!templateForm) {
		console.error('Template form not found');
		return;
	}

	const debounce = <T extends (...args: any[]) => any>(func: T, delay: number): ((...args: Parameters<T>) => void) => {
		let debounceTimer: NodeJS.Timeout | null = null;
		return function(this: any, ...args: Parameters<T>) {
			const context = this;
			if (debounceTimer) clearTimeout(debounceTimer);
			debounceTimer = setTimeout(() => func.apply(context, args), delay);
		}
	};

	const autoSave = debounce(async () => {
		if (!isReordering) {
			try {
				const warnings = await saveTemplateSettings();
				if (warnings.length > 0) {
					updateTemplateList();
					console.log('Auto-save completed');
					showWarnings(warnings);
				}
			} catch (error) {
				console.error('Auto-save failed:', error);
			}
		}
	}, 1000); // Increased debounce time to 1 second

	templateForm.addEventListener('input', () => {
		if (editingTemplateIndex !== -1) {
			updateTemplateFromForm();
			autoSave();
		}
	});

	const templateProperties = document.getElementById('template-properties');
	if (templateProperties) {
		templateProperties.addEventListener('click', (event) => {
			const target = event.target as HTMLElement;
			if (target.classList.contains('remove-property-btn') || target.closest('.remove-property-btn')) {
				if (editingTemplateIndex !== -1) {
					updateTemplateFromForm();
					autoSave();
				}
			}
		});

		templateProperties.addEventListener('change', (event) => {
			const target = event.target as HTMLElement;
			if (target.classList.contains('property-type')) {
				if (editingTemplateIndex !== -1) {
					updateTemplateFromForm();
					autoSave();
				}
			}
		});
	}
}

function showWarnings(warnings: string[]) {
	// Add a toast notification for this
	console.warn(warnings.join('\n'));
}