meld-cp_obsidian-build/main.ts

import { Editor, MarkdownView, moment, Notice, Plugin } from 'obsidian';
import * as HB from  'handlebars';
import { RunLogger } from 'src/run-logger';
import { Compiler } from 'src/compiler';

interface MeldBuildPluginSettings {
	mySetting: string;
}

const DEFAULT_SETTINGS: MeldBuildPluginSettings = {
	mySetting: 'default'
}

export default class MeldBuildPlugin extends Plugin {
	settings: MeldBuildPluginSettings;

	async onload() {
		await this.loadSettings();


		this.registerHandlebarHelpers();

		// this.registerMarkdownPostProcessor((element, context) => {
		// 	const toolbarElements = element.querySelectorAll('code.language-meld-build-toolbar');
		// 	toolbarElements.forEach(el => {
		// 		context.addChild()
		// 	});
		// });

		this.registerMarkdownCodeBlockProcessor('meld-build-toolbar', (source, el, ctx) => {
			const lines = source.split('\n');
			const valueMap = new Map<string,string>();
			lines.forEach(line => {
				const pair = line.split('=');
				if(pair.length == 2){
					valueMap.set(pair[0].trim(), pair[1].trim());
				}
			});

			const runButtonLabel = valueMap.get('run');
			const showRunButton = runButtonLabel !== '';

			const helpButtonLabel = valueMap.get('help');
			const showHelpButton = helpButtonLabel !== '';

			let buttonCount = 0;
			if (showRunButton){
				buttonCount++;
				el.createEl('button', { text: runButtonLabel ?? 'Run'}, el =>{
					el.on('click', '*', ev=>{
						const view = app.workspace.getActiveViewOfType( MarkdownView );
						if (!view){
							return;
						}
						this.buildAndRun(view.editor, view);
					});
				});
			}

			if (showHelpButton){
				if ( buttonCount > 0 ){
					el.createSpan('', el=>{ el.style.marginLeft = '1em'; });
				}
				buttonCount++;
				el.createEl('button', {text: helpButtonLabel ?? '❔', title: 'Help' }, el=>{
					el.on('click', '*', async ev=>{
						window.open('https://github.com/meld-cp/obsidian-build/docs/user-guide.md');
					});
				} );
			}

		});


		this.addCommand({
			id: 'run',
			name: 'Run',
			editorCallback: this.buildAndRun
		});


	}

	private buildAndRun( editor:Editor, view: MarkdownView ){
		const logger = new RunLogger();
		try{
			//await view.save();
			const compiler = new Compiler();
			const runner = compiler.compile(logger, editor, view);
			runner();
		}catch(e){
			logger.error(e);
			new Notice(e);
		}
	}

	private registerHandlebarHelpers(){
		// register handlebar helpers
		HB.registerHelper('format_number', function (value, options) {
			// Helper parameters
			const dp:number = parseInt( options.hash['decimal_places'] ) || parseInt( options.hash['dp'] ) || 2;
		
			// Parse to float
			value = parseFloat(value);
		
			// Returns the formatted number
			return value.toFixed(dp);
		});
		
		HB.registerHelper('format_date', function (value, options) {
			// Helper parameters
			const pattern:string = options.hash['pattern'] as string || 'yyyy-MM-dd';
		
			// Returns the formatted date
			return moment(value).format(pattern);
		});
		
		//HB.registerHelper('data_uri', function (value, options) {
			//TODO
			// Helper parameters
			//const file = options.hash['file'] as string;
			//const contentType = options.hash['content_type'] as string;
		
			// check if file exists
			// convert file to data uri
			
		//});

	}

	onunload() {

	}

	async loadSettings() {
		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
	}

	async saveSettings() {
		await this.saveData(this.settings);
	}
}