Added code blocks for #10

Author: mProjectsCode

src/InputFieldMarkdownRenderChild.ts

@@ -222,7 +222,7 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 	}
 
 	async onload() {
-		Logger.logDebug(this);
+		Logger.logDebug('load', this);
 
 		this.metaData = await this.metaData;
 
@@ -250,6 +250,8 @@ export class InputFieldMarkdownRenderChild extends MarkdownRenderChild {
 	}
 
 	onunload() {
+		Logger.logDebug('unload', this);
+
 		this.plugin.unregisterMarkdownInputField(this);
 
 		super.onunload();

src/inputFields/SliderInputField.ts

@@ -2,7 +2,6 @@ import {AbstractInputField} from './AbstractInputField';
 import {SliderComponent} from 'obsidian';
 import {Logger} from '../utils/Logger';
 import {InputFieldMarkdownRenderChild} from '../InputFieldMarkdownRenderChild';
-import {clamp} from '../utils/Utils';
 
 export class SliderInputField extends AbstractInputField {
 	sliderComponent: SliderComponent;

src/main.ts

@@ -32,6 +32,18 @@ export default class MetaBindPlugin extends Plugin {
 			}
 		});
 
+		this.registerMarkdownCodeBlockProcessor('meta-bind', (source, el, ctx) => {
+			const codeBlock = el;
+			const text = source.replace('\n', '');
+			console.log(text);
+			const isInputField = text.startsWith('INPUT[') && text.endsWith(']');
+			// console.log(context.sourcePath);
+			if (isInputField) {
+				ctx.addChild(new InputFieldMarkdownRenderChild(codeBlock, text, this, ctx.sourcePath, this.markDownInputFieldIndex));
+				this.markDownInputFieldIndex += 1;
+			}
+		});
+
 		this.registerEvent(this.app.vault.on('modify', async abstractFile => {
 			if (abstractFile instanceof TFile) {
 				await this.updateMarkdownInputFieldsOnFileChange(abstractFile as TFile);

src/utils/Logger.ts

@@ -4,21 +4,21 @@ export class Logger {
 	static plugin: MetaBindPlugin;
 	static prefix: string = 'meta-bind |';
 
-	static log(data: any): void {
-		console.log(this.prefix, data);
+	static log(...data: any): void {
+		console.log(this.prefix, ...data);
 	}
 
-	static logDebug(data: any): void {
+	static logDebug(...data: any): void {
 		if (this.plugin.settings.devMode) {
-			Logger.log(data);
+			Logger.log(...data);
 		}
 	}
 
-	static logWarning(data: any): void {
+	static logWarning(...data: any): void {
 		console.warn(this.prefix, data);
 	}
 
-	static logError(data: any): void {
+	static logError(...data: any): void {
 		console.error(this.prefix, data);
 	}
 }

styles.css

@@ -6,6 +6,10 @@
 	vertical-align: text-bottom;
 }
 
+.meta-bind-plugin-input-wrapper .slider {
+
+}
+
 .meta-bind-plugin-error {
 	color: red;
 }