update to svelte 5

Author: mProjectsCode

.eslintrc.cjs

@@ -89,7 +89,7 @@ const config = {
 		],
 		'@typescript-eslint/consistent-type-imports': [
 			'error',
-			{ prefer: 'type-imports', fixStyle: 'inline-type-imports' },
+			{ prefer: 'type-imports', fixStyle: 'separate-type-imports' },
 		],
 
 		'@typescript-eslint/no-confusing-void-expression': ['error', { ignoreArrowShorthand: true }],

automation/build/bun_test.ts

@@ -0,0 +1,61 @@
+import builtins from 'builtin-modules';
+import esbuild from 'esbuild';
+import esbuildSvelte from 'esbuild-svelte';
+import sveltePreprocess from 'svelte-preprocess';
+import { getBuildBanner } from 'build/buildBanner';
+
+// currently this segfaults for me, but i want to consider using bun for the build system in the future
+// https://github.com/oven-sh/bun/issues/12456
+
+const banner = getBuildBanner('Release Build', version => version);
+
+const build = await Bun.build({
+	banner: {
+		js: banner,
+	},
+	entryPoints: ['packages/obsidian/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',
+		...builtins,
+	],
+	format: 'esm',
+	target: 'browser',
+	logLevel: 'info',
+	sourcemap: 'none',
+	treeShaking: true,
+	outfile: 'main.js',
+	minify: true,
+	metafile: true,
+	define: {
+		MB_GLOBAL_CONFIG_DEV_BUILD: 'false',
+	},
+	plugins: [
+		// @ts-ignore
+		esbuildSvelte({
+			compilerOptions: { css: 'injected', dev: false },
+			preprocess: sveltePreprocess(),
+			filterWarnings: warning => {
+				// we don't want warnings from node modules that we can do nothing about
+				return !warning.filename?.includes('node_modules');
+			},
+		}),
+	],
+});
+
+// const file = Bun.file('meta.txt');
+// await Bun.write(file, JSON.stringify(build.metafile, null, '\t'));
+
+// process.exit(0);

automation/build/esbuild.config.ts

@@ -1,7 +1,7 @@
 import builtins from 'builtin-modules';
 import esbuild from 'esbuild';
 import esbuildSvelte from 'esbuild-svelte';
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 import { getBuildBanner } from 'build/buildBanner';
 
 const banner = getBuildBanner('Release Build', version => version);
@@ -41,7 +41,7 @@ const build = await esbuild.build({
 	},
 	plugins: [
 		esbuildSvelte({
-			compilerOptions: { css: 'injected', dev: false, sveltePath: 'svelte' },
+			compilerOptions: { css: 'injected', dev: false },
 			preprocess: sveltePreprocess(),
 			filterWarnings: warning => {
 				// we don't want warnings from node modules that we can do nothing about

automation/build/esbuild.dev.config.ts

@@ -1,7 +1,7 @@
 import esbuild from 'esbuild';
 import copy from 'esbuild-plugin-copy-watch';
 import esbuildSvelte from 'esbuild-svelte';
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 import manifest from '../../manifest.json' assert { type: 'json' };
 import { getBuildBanner } from 'build/buildBanner';
 
@@ -52,7 +52,7 @@ const context = await esbuild.context({
 			],
 		}),
 		esbuildSvelte({
-			compilerOptions: { css: 'injected', dev: true, sveltePath: 'svelte' },
+			compilerOptions: { css: 'injected', dev: true },
 			preprocess: sveltePreprocess(),
 			filterWarnings: warning => {
 				// we don't want warnings from node modules that we can do nothing about

automation/build/esbuild.publish.config.ts

@@ -2,7 +2,7 @@ import builtins from 'builtin-modules';
 import esbuild from 'esbuild';
 import esbuildSvelte from 'esbuild-svelte';
 import process from 'process';
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 import { getBuildBanner } from 'build/buildBanner';
 
 const banner = getBuildBanner('Publish Release Build', version => `Publish Release Build (based on ${version})`);

automation/build/esbuild.publish.dev.config.ts

@@ -2,7 +2,7 @@ import builtins from 'builtin-modules';
 import esbuild from 'esbuild';
 import esbuildSvelte from 'esbuild-svelte';
 import process from 'process';
-import sveltePreprocess from 'svelte-preprocess';
+import { sveltePreprocess } from 'svelte-preprocess';
 import { getBuildBanner } from 'build/buildBanner';
 
 const banner = getBuildBanner('Publish Dev Build', _ => `Publish Dev Build`);

bun.lockb

@@ -1,3 +1,3 @@
 [test]
-preload = ["./tests/__preload__/svelteLoader.ts", "./tests/__preload__/happydom.ts", "./tests/__preload__/obsidianMock.ts", "./tests/__preload__/customMatchers.ts"]
-root = "./tests"
+preload = ["./tests/__preload__/happydom.ts", "./tests/__preload__/svelteLoader.ts", "./tests/__preload__/obsidianMock.ts", "./tests/__preload__/customMatchers.ts"]
+root = "./tests"

bunfig.toml

@@ -0,0 +1,33 @@
+---
+health: 50
+max_health: 50
+damage: 5
+---
+
+```meta-bind-button
+label: "Deal"
+style: destructive
+hidden: true
+id: "deal-damage"
+actions:
+  - type: updateMetadata
+    bindTarget: health
+    evaluate: true
+    value: x - getMetadata('damage')
+```
+
+```meta-bind-button
+label: "Reset"
+style: primary
+hidden: true
+id: "reset-health"
+actions:
+  - type: updateMetadata
+    bindTarget: health
+    evaluate: true
+    value: getMetadata('max_health')
+```
+
+Health: `VIEW[{health}][text]` `BUTTON[reset-health]`
+
+Damage: `INPUT[number:damage]` `BUTTON[deal-damage]`

exampleVault/Advanced Examples/Health Tracker.md

@@ -1,6 +1,6 @@
 ---
 time: 13:05
-date2: 2024-01-22
+date2: 2024-01-22T00:00:00+01:00
 date1: 2024-03-07
 dateTime: 2024-03-13T15:07
 ---