update things add svelte support

Author: mProjectsCode

.eslintrc.cjs

@@ -32,6 +32,7 @@ const config = {
 		'@typescript-eslint/no-empty-function': 'off',
 		'@typescript-eslint/no-inferrable-types': 'off',
 		'@typescript-eslint/explicit-function-return-type': ['warn'],
+		'@typescript-eslint/require-await': 'off',
 	},
 };
 

.prettierrc.json

@@ -1,7 +1,11 @@
 {
+	"plugins": ["prettier-plugin-svelte"],
+
 	"printWidth": 160,
 	"useTabs": true,
 	"semi": true,
 	"singleQuote": true,
-	"arrowParens": "avoid"
+	"arrowParens": "avoid",
+
+	"svelteAllowShorthand": false
 }

automation/release.ts

@@ -70,9 +70,6 @@ async function run() {
 	const manifestFile = Bun.file('./manifest.json');
 	const manifest = await manifestFile.json();
 
-	const betaManifestFile = Bun.file('./manifest-beta.json');
-	const betaManifest = await betaManifestFile.json();
-
 	const versionString: string = manifest.version;
 	const currentVersion: Version = parseVersion(versionString);
 	const currentVersionString = stringifyVersion(currentVersion);
@@ -96,9 +93,12 @@ async function run() {
 		manifest.version = newVersionString;
 	}
 
+	await Bun.write(manifestFile, JSON.stringify(manifest, null, '\t'));
+
+	const betaManifest = structuredClone(manifest);
 	betaManifest.version = newVersionString;
 
-	await Bun.write(manifestFile, JSON.stringify(manifest, null, '\t'));
+	const betaManifestFile = Bun.file('./manifest-beta.json');
 	await Bun.write(betaManifestFile, JSON.stringify(betaManifest, null, '\t'));
 
 	if (!(newVersion instanceof CanaryVersion)) {

bun.lockb

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

bunfig.toml

@@ -1,6 +1,8 @@
 import esbuild from 'esbuild';
 import process from 'process';
 import builtins from 'builtin-modules';
+import esbuildSvelte from 'esbuild-svelte';
+import sveltePreprocess from 'svelte-preprocess';
 import manifest from './manifest.json' assert { type: 'json' };
 
 const banner = `/*
@@ -46,6 +48,15 @@ esbuild
 		treeShaking: true,
 		outfile: 'main.js',
 		minify: true,
-		plugins: [],
+		plugins: [
+			esbuildSvelte({
+				compilerOptions: { css: 'injected' },
+				preprocess: sveltePreprocess(),
+				filterWarnings: warning => {
+					// we don't want warnings from node modules that we can do nothing about
+					return !warning.filename.includes('node_modules');
+				},
+			}),
+		],
 	})
 	.catch(() => process.exit(1));

esbuild.config.mjs

@@ -2,6 +2,8 @@ import esbuild from 'esbuild';
 import process from 'process';
 import builtins from 'builtin-modules';
 import copy from 'esbuild-plugin-copy-watch';
+import esbuildSvelte from 'esbuild-svelte';
+import sveltePreprocess from 'svelte-preprocess';
 import manifest from './manifest.json' assert { type: 'json' };
 
 const banner = `/*
@@ -61,6 +63,14 @@ esbuild
 					},
 				],
 			}),
+			esbuildSvelte({
+				compilerOptions: { css: 'injected' },
+				preprocess: sveltePreprocess(),
+				filterWarnings: warning => {
+					// we don't want warnings from node modules that we can do nothing about
+					return !warning.filename.includes('node_modules');
+				},
+			}),
 		],
 	})
 	.catch(() => process.exit(1));

esbuild.dev.config.mjs

@@ -6,35 +6,43 @@
 	"scripts": {
 		"dev": "bun esbuild.dev.config.mjs",
 		"build": "tsc -noEmit -skipLibCheck && bun esbuild.config.mjs production",
+		"tsc": "tsc -noEmit -skipLibCheck",
 		"test": "bun test",
-		"format": "prettier --write .",
+		"test:log": "LOG_TESTS=true bun test",
+		"format": "prettier --write --plugin prettier-plugin-svelte .",
+		"format:check": "prettier --check --plugin prettier-plugin-svelte .",
 		"lint": "eslint --max-warnings=0 src/**",
 		"lint:fix": "eslint --max-warnings=0 --fix src/**",
+		"check": "bun run format:check && bun run lint && bun run tsc && bun run test",
+		"check:fix": "bun run format && bun run lint:fix && bun run tsc && bun run test",
 		"release": "bun run automation/release.ts"
 	},
 	"keywords": [],
 	"author": "Moritz Jung",
 	"license": "GPL-3.0",
 	"devDependencies": {
-		"@lemons_dev/parsinom": "^0.0.10",
-		"@types/node": "^20.3.2",
-		"@types/ungap__structured-clone": "^0.3.0",
+		"@lemons_dev/parsinom": "^0.0.12",
+		"@happy-dom/global-registrator": "^12.10.3",
+		"@tsconfig/svelte": "^5.0.0",
+		"@types/web": "^0.0.119",
 		"@typescript-eslint/eslint-plugin": "^6.0.0",
 		"@typescript-eslint/parser": "^6.0.0",
 		"builtin-modules": "^3.3.0",
-		"bun-types": "^1.0.7",
-		"esbuild": "^0.17.0",
+		"bun-types": "1.0.11",
+		"esbuild": "^0.19.5",
 		"esbuild-plugin-copy-watch": "^2.0.0",
-		"esbuild-svelte": "^0.7.1",
+		"esbuild-svelte": "^0.8.0",
 		"eslint": "^8.52.0",
 		"eslint-plugin-import": "^2.28.1",
 		"eslint-plugin-isaacscript": "^3.5.6",
 		"eslint-plugin-only-warn": "^1.1.0",
 		"obsidian": "latest",
-		"prettier": "3.0.3",
+		"prettier": "^3.0.3",
+		"prettier-plugin-svelte": "^3.0.3",
 		"string-argv": "^0.3.2",
-		"ts-jest": "^29.1.1",
-		"tslib": "2.4.0",
+		"svelte": "^4.2.0",
+		"svelte-preprocess": "^5.0.4",
+		"tslib": "2.6.2",
 		"typescript": "^5.2.2"
 	}
 }

package.json

@@ -0,0 +1,8 @@
+import { GlobalRegistrator } from '@happy-dom/global-registrator';
+import process from 'process';
+
+const oldConsole = console;
+GlobalRegistrator.register();
+if (process.env.LOG_TESTS) {
+	window.console = oldConsole;
+}

tests/happydom.ts

@@ -0,0 +1,9 @@
+import { mock } from 'bun:test';
+import Moment from 'moment';
+
+mock.module('obsidian', () => ({
+	setIcon(iconEl: HTMLElement, iconName: string): void {
+		// do nothing
+	},
+	moment: Moment,
+}));