meta bind embed

Author: mProjectsCode

exampleVault/Embed Example.md

@@ -0,0 +1,10 @@
+---
+completed: false
+select: a
+---
+
+Test Hello
+
+```meta-bind-embed test
+[[Test Template]]
+```

exampleVault/templates/Other Template.md

@@ -0,0 +1,5 @@
+This comes from [[Other Template]].
+
+```meta-bind
+INPUT[select(option(a), option(b)):select]
+```

exampleVault/templates/Test Template.md

@@ -1,3 +1,9 @@
-## Task
+This comes from [[Test Template]].
 
-Completed: `INPUT[toggle:completed]`
+Completed: `INPUT[toggle:completed]`
+
+[[Test Template]] embeds [[Other Template]].
+
+```meta-bind-embed
+[[Other Template]]
+```

src/main.ts

@@ -11,6 +11,8 @@ import { DEFAULT_SETTINGS, type MetaBindPluginSettings } from './settings/Settin
 import { type IPlugin } from './IPlugin';
 import { ObsidianMetadataAdapter } from './metadata/ObsidianMetadataAdapter';
 import { FaqView, MB_FAQ_VIEW_TYPE } from './utils/faq/FaqView';
+import { EMBED_MAX_DEPTH, EmbedMDRC } from './renderChildren/EmbedMDRC';
+import { getUUID } from './utils/Utils';
 
 export default class MetaBindPlugin extends Plugin implements IPlugin {
 	// @ts-ignore defined in `onload`
@@ -106,6 +108,20 @@ export default class MetaBindPlugin extends Plugin implements IPlugin {
 			this.api.createJsViewFieldFromString(source, RenderChildType.BLOCK, ctx.sourcePath, el, ctx);
 		});
 
+		this.registerMarkdownCodeBlockProcessor('meta-bind-embed', (source, el, ctx) => {
+			const embed = new EmbedMDRC(el, source, this, ctx.sourcePath, getUUID(), 0);
+			ctx.addChild(embed);
+			console.warn(ctx);
+		});
+
+		for (let i = 1; i <= EMBED_MAX_DEPTH; i++) {
+			this.registerMarkdownCodeBlockProcessor(`meta-bind-embed-internal-${i}`, (source, el, ctx) => {
+				const embed = new EmbedMDRC(el, source, this, ctx.sourcePath, getUUID(), i);
+				ctx.addChild(embed);
+				console.warn(ctx);
+			});
+		}
+
 		// LP editor extension
 		this.registerEditorExtension(createMarkdownRenderChildWidgetEditorPlugin(this));
 

src/renderChildren/EmbedMDRC.ts

@@ -0,0 +1,83 @@
+import { AbstractMDRC } from './AbstractMDRC';
+import type MetaBindPlugin from '../main';
+import { RenderChildType } from './InputFieldMDRC';
+import { MarkdownRenderer } from 'obsidian';
+import { parseMdLink } from '../parsers/MarkdownLinkParser';
+import { ErrorLevel, MetaBindEmbedError } from '../utils/errors/MetaBindErrors';
+
+export const EMBED_MAX_DEPTH = 8;
+
+export class EmbedMDRC extends AbstractMDRC {
+	content: string;
+	depth: number;
+
+	constructor(
+		containerEl: HTMLElement,
+		content: string,
+		plugin: MetaBindPlugin,
+		filePath: string,
+		uuid: string,
+		depth: number,
+	) {
+		super(containerEl, RenderChildType.BLOCK, plugin, filePath, uuid);
+
+		this.content = content;
+		this.depth = depth;
+	}
+
+	async parseContent(): Promise<string> {
+		const lines = this.content
+			.split('\n')
+			.map(line => line.trim())
+			.filter(line => line.length > 0);
+		if (lines.length === 0) {
+			return '';
+		}
+		if (lines.length > 1) {
+			throw new MetaBindEmbedError({
+				errorLevel: ErrorLevel.ERROR,
+				effect: 'can not create embed',
+				cause: 'embed may only contain one link',
+			});
+		}
+		const firstLine = lines[0];
+		const link = parseMdLink(firstLine);
+		if (!link.internal) {
+			throw new MetaBindEmbedError({
+				errorLevel: ErrorLevel.ERROR,
+				effect: 'can not create embed',
+				cause: 'embed link is not an internal link',
+			});
+		}
+		const file = this.plugin.app.metadataCache.getFirstLinkpathDest(link.target, this.filePath);
+		if (file === null) {
+			throw new MetaBindEmbedError({
+				errorLevel: ErrorLevel.ERROR,
+				effect: 'can not create embed',
+				cause: 'link target not found',
+			});
+		}
+
+		const fileContent = await this.plugin.app.vault.cachedRead(file);
+		const fileContentLines = fileContent.split('\n');
+		for (let i = 0; i < fileContentLines.length; i++) {
+			const line = fileContentLines[i];
+			if (line.startsWith('```meta-bind-embed')) {
+				fileContentLines[i] = `\`\`\`meta-bind-embed-internal-${this.depth + 1}`;
+			}
+		}
+		return fileContentLines.join('\n');
+	}
+
+	public async onload(): Promise<void> {
+		if (this.depth >= EMBED_MAX_DEPTH) {
+			this.containerEl.empty();
+			this.containerEl.addClass('mb-error');
+			this.containerEl.innerText = 'Max embed depth reached';
+		} else {
+			const fileContent = await this.parseContent();
+
+			await MarkdownRenderer.render(this.plugin.app, fileContent, this.containerEl, this.filePath, this);
+		}
+	}
+}

src/renderChildren/ExcludedMDRC.ts

@@ -7,8 +7,8 @@ export class ExcludedMDRC extends AbstractMDRC {
 		this.containerEl.empty();
 
 		this.containerEl.createEl('span', {
-			text: 'this folder has been excluded in the meta bind plugin settings',
-			cls: 'meta-bind-plugin-error',
+			text: '[META_BIND] This folder has been excluded in the settings',
+			cls: 'mb-error',
 		});
 	}
 }

src/utils/errors/MetaBindErrors.ts

@@ -16,6 +16,7 @@ export enum ErrorType {
 	VALIDATION = 'MB_VALIDATION',
 	PARSINOM = 'MB_PARSINOM',
 	EXAMPLE = 'MB_EXAMPLE',
+	EMBED = 'MB_EMBED',
 
 	OTHER = 'OTHER',
 }
@@ -127,3 +128,9 @@ export class MetaBindExampleError extends MetaBindError {
 		return ErrorType.EXAMPLE;
 	}
 }
+
+export class MetaBindEmbedError extends MetaBindError {
+	public getErrorType(): ErrorType {
+		return ErrorType.EMBED;
+	}
+}

styles.css

@@ -17,6 +17,14 @@ body {
 	white-space: normal;
 }
 
+.mb-input-inline {
+	display: inline !important;
+}
+
+.mb-input-block {
+	display: block !important;
+}
+
 /* View Wrappers */
 /* For higher specificity */
 :is(code, span).mb-view:has(> div.mb-view-wrapper) {