feat: Implement Canvas rendering system and VitePress exporter plugin

- Add Canvas rendering implementation in `notes/render-canvas.md`
- Create VitePress exporter plugin in `src/main.ts` with commands for exporting notes
- Implement settings management for the plugin in `src/settings.ts`
- Add CSS file for potential styling needs
- Create version bump script in `version-bump.mjs` for managing versioning
- Initialize version tracking in `versions.json`

esbuild.config.mjs

@@ -1,6 +1,6 @@
 import esbuild from "esbuild";
 import process from "process";
-import builtins from "builtin-modules";
+import { builtinModules } from 'node:module';
 
 const banner =
 `/*
@@ -9,68 +9,41 @@ if you want to view the source, please visit the github repository of this plugi
 */
 `;
 
-const prod = (process.argv[2] === 'production');
+const prod = (process.argv[2] === "production");
+
+const context = await esbuild.context({
+	banner: {
+		js: banner,
+	},
+	entryPoints: ["src/main.ts"],
+	bundle: true,
+	external: [
+		"obsidian",
+		"electron",
+		"@codemirror/autocomplete",
+		"@codemirror/collab",
+		"@codemirror/commands",
+		"@codemirror/language",
+		"@codemirror/lint",
+		"@codemirror/search",
+		"@codemirror/state",
+		"@codemirror/view",
+		"@lezer/common",
+		"@lezer/highlight",
+		"@lezer/lr",
+		...builtinModules],
+	format: "cjs",
+	target: "es2018",
+	logLevel: "info",
+	sourcemap: prod ? false : "inline",
+	treeShaking: true,
+	outfile: "main.js",
+	minify: prod,
+});
 
 if (prod) {
-	console.log('Building production bundle...');
-	await esbuild.build({
-		banner: {
-			js: banner,
-		},
-		entryPoints: ['main.ts'],
-		bundle: true,
-		external: [
-			'obsidian',
-			'electron',
-			'@codemirror/autocomplete',
-			'@codemirror/collab',
-			'@codemirror/commands',
-			'@codemirror/language',
-			'@codemirror/lint',
-			'@codemirror/search',
-			'@codemirror/state',
-			'@codemirror/view',
-			'@lezer/common',
-			'@lezer/highlight',
-			'@lezer/lr',
-			...builtins],
-		format: 'cjs',
-		target: 'es2018',
-		logLevel: "info",
-		sourcemap: false,
-		treeShaking: true,
-		outfile: 'main.js',
-	});
-	console.log('Production bundle built successfully!');
+	await context.rebuild();
+	process.exit(0);
 } else {
-	const ctx = await esbuild.context({
-		banner: {
-			js: banner,
-		},
-		entryPoints: ['main.ts'],
-		bundle: true,
-		external: [
-			'obsidian',
-			'electron',
-			'@codemirror/autocomplete',
-			'@codemirror/collab',
-			'@codemirror/commands',
-			'@codemirror/language',
-			'@codemirror/lint',
-			'@codemirror/search',
-			'@codemirror/state',
-			'@codemirror/view',
-			'@lezer/common',
-			'@lezer/highlight',
-			'@lezer/lr',
-			...builtins],
-		format: 'cjs',
-		target: 'es2018',
-		logLevel: "info",
-		sourcemap: 'inline',
-		treeShaking: true,
-		outfile: 'main.js',
-	});
-
-	await ctx.watch();
+	await context.watch();
 }