update deps; fix some issues

Author: mProjectsCode

README.md

@@ -16,6 +16,14 @@ return engine.markdown.create('*test*');
 ```
 ````
 
+### Debugging your Code
+
+Debugging your code blocks can be difficult, but JS Engine aims to make it a bit simpler.
+While writing your code blocks, you can use the `js-engine-debug` code block language.
+The special language adds a small icon to the top right corner of the code block that lets you easily rerun and view stats about the code block.
+Once you are happy with your code block you can switch back to the `js-engine` code block language to get rid of the small icon.
+Other than the icon, the two codeblocks behave identically.
+
 ## API Docs
 
 Docs are available [here](https://www.moritzjung.dev/obsidian-js-engine-plugin-docs/).

bun.lockb

@@ -231,4 +231,10 @@ le)
 
 ```js-engine
 engine.getPlugin(false)
-```
+```
+
+# Debug Mode
+
+```js-engine-debug
+return "foo";
+```

exampleVault/Test.md

@@ -10,11 +10,13 @@ export class JsMDRC extends MarkdownRenderChild {
 	content: string;
 	ctx: MarkdownPostProcessorContext;
 	jsExecution: JsExecution | undefined;
+	debugMode: boolean;
 
-	constructor(containerEl: HTMLElement, plugin: JsEnginePlugin, content: string, ctx: MarkdownPostProcessorContext) {
+	constructor(containerEl: HTMLElement, plugin: JsEnginePlugin, content: string, debugMode: boolean, ctx: MarkdownPostProcessorContext) {
 		super(containerEl);
 		this.plugin = plugin;
 		this.content = content;
+		this.debugMode = debugMode;
 		this.ctx = ctx;
 	}
 
@@ -68,6 +70,10 @@ export class JsMDRC extends MarkdownRenderChild {
 	}
 
 	renderExecutionStats(container: HTMLElement): void {
+		if (!this.debugMode) {
+			return;
+		}
+
 		const menu = new Menu();
 		menu.addItem(item => {
 			item.setTitle('Info');

jsEngine/JsMDRC.ts

@@ -13,7 +13,7 @@ import type { Validators } from 'jsEngine/utils/Validators';
 import { validateAPIArgs } from 'jsEngine/utils/Validators';
 import type { App, Plugin, TFile } from 'obsidian';
 import * as Obsidian from 'obsidian';
-import { z } from 'zod';
+import * as z from 'zod';
 
 export class API {
 	/**

jsEngine/api/API.ts

@@ -16,7 +16,7 @@ import { ResultRenderer } from 'jsEngine/engine/ResultRenderer';
 import { validateAPIArgs } from 'jsEngine/utils/Validators';
 import { Component, TFile } from 'obsidian';
 import * as Obsidian from 'obsidian';
-import { z } from 'zod';
+import * as z from 'zod';
 
 export type ExecuteFileEngineExecutionParams = Omit<EngineExecutionParams, 'code' | 'context'> & {
 	context?: JSFileExecutionContext | MarkdownCallingJSFileExecutionContext;

jsEngine/api/Internal.ts

@@ -13,7 +13,7 @@ import {
 import { MarkdownBuilder } from 'jsEngine/api/markdown/MarkdownBuilder';
 import { MarkdownString } from 'jsEngine/api/markdown/MarkdownString';
 import { validateAPIArgs } from 'jsEngine/utils/Validators';
-import { z } from 'zod';
+import * as z from 'zod';
 
 /**
  * The markdown API provides utilities for creating markdown using js.

jsEngine/api/MarkdownAPI.ts

@@ -2,7 +2,7 @@ import type { API } from 'jsEngine/api/API';
 import type { MessageManager, MessageType, MessageWrapper } from 'jsEngine/messages/MessageManager';
 import { Message } from 'jsEngine/messages/MessageManager';
 import { validateAPIArgs } from 'jsEngine/utils/Validators';
-import { z } from 'zod';
+import * as z from 'zod';
 
 export class MessageAPI {
 	readonly apiInstance: API;

jsEngine/api/MessageAPI.ts

@@ -7,7 +7,7 @@ import type { AnySvelteComponent } from 'jsEngine/utils/SvelteUtils';
 import { ButtonStyleType } from 'jsEngine/utils/Util';
 import { validateAPIArgs } from 'jsEngine/utils/Validators';
 import { mount } from 'svelte';
-import { z } from 'zod';
+import * as z from 'zod';
 
 /**
  * Basic options for a prompt modal.

jsEngine/api/PromptAPI.ts

@@ -2,7 +2,7 @@ import type { API } from 'jsEngine/api/API';
 import { validateAPIArgs, zodFunction } from 'jsEngine/utils/Validators';
 import type { CachedMetadata, TFile } from 'obsidian';
 import { getAllTags } from 'obsidian';
-import { z } from 'zod';
+import * as z from 'zod';
 
 export class QueryAPI {
 	readonly apiInstance: API;