better unloading message

Author: mProjectsCode

src/renderChildren/ButtonMDRC.ts

@@ -4,6 +4,7 @@ import { RenderChildType } from '../config/FieldConfigs';
 import type MetaBindPlugin from '../main';
 import ErrorIndicatorComponent from '../utils/errors/ErrorIndicatorComponent.svelte';
 import { ButtonField } from '../fields/button/ButtonField';
+import { showUnloadedMessage } from '../utils/Utils';
 
 export class ButtonMDRC extends AbstractMDRC {
 	content: string;
@@ -41,10 +42,10 @@ export class ButtonMDRC extends AbstractMDRC {
 	public onunload(): void {
 		console.log('meta-bind | ButtonMDRC >> onunload');
 		this.buttonField?.unmount();
-		this.containerEl.empty();
-		this.containerEl.className = '';
-		this.containerEl.addClass('mb-error');
-		this.containerEl.innerText = 'unloaded meta bind button';
 		this.plugin.mdrcManager.unregisterMDRC(this);
+
+		showUnloadedMessage(this.containerEl, 'button');
+
+		super.onunload();
 	}
 }

src/renderChildren/EmbedMDRC.ts

@@ -4,6 +4,7 @@ import { MarkdownRenderer } from 'obsidian';
 import { MDLinkParser } from '../parsers/MarkdownLinkParser';
 import { ErrorLevel, MetaBindEmbedError } from '../utils/errors/MetaBindErrors';
 import { RenderChildType } from '../config/FieldConfigs';
+import { showUnloadedMessage } from '../utils/Utils';
 
 export const EMBED_MAX_DEPTH = 8;
 
@@ -63,6 +64,8 @@ export class EmbedMDRC extends AbstractMDRC {
 	}
 
 	public async onload(): Promise<void> {
+		console.log('meta-bind | EmbedMDRC >> unload', this);
+
 		this.plugin.mdrcManager.registerMDRC(this);
 
 		if (this.depth >= EMBED_MAX_DEPTH) {
@@ -77,6 +80,12 @@ export class EmbedMDRC extends AbstractMDRC {
 	}
 
 	public onunload(): void {
+		console.log('meta-bind | EmbedMDRC >> unload', this);
+
 		this.plugin.mdrcManager.unregisterMDRC(this);
+
+		showUnloadedMessage(this.containerEl, 'embed');
+
+		super.onunload();
 	}
 }

src/renderChildren/ExcludedMDRC.ts

@@ -15,6 +15,9 @@ export class ExcludedMDRC extends AbstractMDRC {
 
 	public onunload(): void {
 		console.log('meta-bind | ExcludedMDRC >> unload', this);
+
 		this.plugin.mdrcManager.unregisterMDRC(this);
+
+		super.onunload();
 	}
 }

src/renderChildren/InlineButtonMDRC.ts

@@ -3,6 +3,7 @@ import type MetaBindPlugin from '../main';
 import { RenderChildType } from '../config/FieldConfigs';
 import ErrorIndicatorComponent from '../utils/errors/ErrorIndicatorComponent.svelte';
 import { InlineButtonField } from '../fields/button/InlineButtonField';
+import { showUnloadedMessage } from '../utils/Utils';
 
 export class InlineButtonMDRC extends AbstractMDRC {
 	content: string;
@@ -37,11 +38,12 @@ export class InlineButtonMDRC extends AbstractMDRC {
 
 	public onunload(): void {
 		console.log('meta-bind | InlineButtonMDRC >> onunload');
+
 		this.buttonField?.unmount();
-		this.containerEl.empty();
-		this.containerEl.className = '';
-		this.containerEl.addClass('mb-error');
-		this.containerEl.innerText = 'unloaded meta bind button';
 		this.plugin.mdrcManager.unregisterMDRC(this);
+
+		showUnloadedMessage(this.containerEl, 'inline button');
+
+		super.onunload();
 	}
 }

src/renderChildren/InputFieldMDRC.ts

@@ -2,7 +2,7 @@ import { type ClassInputFieldArgument } from '../fields/fieldArguments/inputFiel
 import { ErrorLevel, MetaBindInternalError } from '../utils/errors/MetaBindErrors';
 import { type ShowcaseInputFieldArgument } from '../fields/fieldArguments/inputFieldArguments/arguments/ShowcaseInputFieldArgument';
 import { type TitleInputFieldArgument } from '../fields/fieldArguments/inputFieldArguments/arguments/TitleInputFieldArgument';
-import { isTruthy } from '../utils/Utils';
+import { isTruthy, showUnloadedMessage } from '../utils/Utils';
 import { AbstractMDRC } from './AbstractMDRC';
 import type MetaBindPlugin from '../main';
 import ErrorIndicatorComponent from '../utils/errors/ErrorIndicatorComponent.svelte';
@@ -144,7 +144,7 @@ export class InputFieldMDRC extends AbstractMDRC implements IInputFieldBase {
 	}
 
 	onload(): void {
-		console.log('meta-bind | InputFieldMarkdownRenderChild >> load', this);
+		console.log('meta-bind | InputFieldMDRC >> load', this);
 
 		this.containerEl.addClass('mb-input');
 		this.containerEl.empty();
@@ -189,13 +189,12 @@ export class InputFieldMDRC extends AbstractMDRC implements IInputFieldBase {
 	}
 
 	onunload(): void {
-		console.log('meta-bind | InputFieldMarkdownRenderChild >> unload', this);
+		console.log('meta-bind | InputFieldMDRC >> unload', this);
 
 		this.inputField?.destroy();
 		this.plugin.mdrcManager.unregisterMDRC(this);
 
-		this.containerEl.empty();
-		this.containerEl.createEl('span', { text: 'unloaded meta bind input field', cls: 'mb-error' });
+		showUnloadedMessage(this.containerEl, 'input field');
 
 		super.onunload();
 	}

src/renderChildren/JsViewFieldMDRC.ts

@@ -9,7 +9,7 @@ import {
 	type ComputedMetadataSubscription,
 	type ComputedSubscriptionDependency,
 } from '../metadata/ComputedMetadataSubscription';
-import { getUUID } from '../utils/Utils';
+import { getUUID, showUnloadedMessage } from '../utils/Utils';
 import { type TFile } from 'obsidian';
 import { type JsExecution } from 'jsEngine/engine/JsExecution';
 import { type RenderChildType } from '../config/FieldConfigs';
@@ -185,8 +185,7 @@ export class JsViewFieldMDRC extends AbstractViewFieldMDRC {
 		this.plugin.mdrcManager.unregisterMDRC(this);
 		this.unregisterSelfFromMetadataManager();
 
-		this.containerEl.empty();
-		this.containerEl.createEl('span', { text: 'unloaded meta bind view field', cls: 'mb-error' });
+		showUnloadedMessage(this.containerEl, 'js view field');
 
 		super.onunload();
 	}

src/renderChildren/ViewFieldMDRC.ts

@@ -9,6 +9,7 @@ import { type ViewFieldArgumentMapType } from '../fields/fieldArguments/viewFiel
 import { RenderChildType, type ViewFieldArgumentType } from '../config/FieldConfigs';
 import { type BindTargetDeclaration } from '../parsers/bindTargetParser/BindTargetDeclaration';
 import { type IViewFieldBase } from '../fields/viewFields/IViewFieldBase';
+import { showUnloadedMessage } from '../utils/Utils';
 
 export interface ViewFieldVariable {
 	bindTargetDeclaration: BindTargetDeclaration;
@@ -144,8 +145,7 @@ export class ViewFieldMDRC extends AbstractViewFieldMDRC implements IViewFieldBa
 		this.viewField?.destroy();
 		this.plugin.mdrcManager.unregisterMDRC(this);
 
-		this.containerEl.empty();
-		this.containerEl.createEl('span', { text: 'unloaded meta bind view field', cls: 'mb-error' });
+		showUnloadedMessage(this.containerEl, 'view field');
 
 		super.onunload();
 	}

src/utils/Utils.ts

@@ -194,3 +194,14 @@ export function toEnumeration(
 export function expectType<T>(_: T): void {
 	// no op
 }
+
+export function showUnloadedMessage(container: HTMLElement, subject: string): void {
+	container.innerHTML = '';
+	container.className = '';
+
+	const span = document.createElement('span');
+	span.className = 'mb-warning mb-unloaded';
+	span.innerText = `[MB_UNLOADED] ${subject}`;
+
+	container.appendChild(span);
+}

styles.css

@@ -381,6 +381,16 @@ code.mb-error {
 	color: var(--text-error) !important;
 }
 
+.mb-warning {
+	color: var(--text-warning) !important;
+	font-weight: bold;
+	font-family: var(--font-monospace);
+}
+
+code.mb-warning {
+	color: var(--text-warning) !important;
+}
+
 /* Code */
 .mb-code {
 	color: var(--text-normal);