Bump dependencies, format code

printfn · Oct 28, 2024 · 008d06c · 008d06c
1 parent 105812a
commit 008d06c
Show file tree

Hide file tree

Showing 15 changed files with 5,777 additions and 5,652 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,5 +1,9 @@
 {
 	// See http://go.microsoft.com/fwlink/?LinkId=827846
 	// for the documentation about the extensions.json format
-	"recommendations": ["dbaeumer.vscode-eslint", "connor4312.esbuild-problem-matchers", "ms-vscode.extension-test-runner"]
-  }
+	"recommendations": [
+		"dbaeumer.vscode-eslint",
+		"connor4312.esbuild-problem-matchers",
+		"ms-vscode.extension-test-runner"
+	]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -9,12 +9,8 @@
 			"name": "Run Extension",
 			"type": "extensionHost",
 			"request": "launch",
-			"args": [
-				"--extensionDevelopmentPath=${workspaceFolder}"
-			],
-			"outFiles": [
-				"${workspaceFolder}/dist/**/*.js"
-			],
+			"args": ["--extensionDevelopmentPath=${workspaceFolder}"],
+			"outFiles": ["${workspaceFolder}/dist/**/*.js"],
 			"preLaunchTask": "${defaultBuildTask}"
 		}
 	]

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,13 +1,13 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-    "files.exclude": {
-        "out": false, // set this to true to hide the "out" folder with the compiled JS files
-        "dist": false // set this to true to hide the "dist" folder with the compiled JS files
-    },
-    "search.exclude": {
-        "out": true, // set this to false to include "out" folder in search results
-        "dist": true // set this to false to include "dist" folder in search results
-    },
-    // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-    "typescript.tsc.autoDetect": "off"
+	"files.exclude": {
+		"out": false, // set this to true to hide the "out" folder with the compiled JS files
+		"dist": false // set this to true to hide the "dist" folder with the compiled JS files
+	},
+	"search.exclude": {
+		"out": true, // set this to false to include "out" folder in search results
+		"dist": true // set this to false to include "dist" folder in search results
+	},
+	// Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+	"typescript.tsc.autoDetect": "off"
 }
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -4,43 +4,40 @@
 	"version": "2.0.0",
 	"tasks": [
 		{
-            "label": "watch",
-            "dependsOn": [
-                "npm: watch:tsc",
-                "npm: watch:esbuild"
-            ],
-            "presentation": {
-                "reveal": "never"
-            },
-            "group": {
-                "kind": "build",
-                "isDefault": true
-            }
-        },
-        {
-            "type": "npm",
-            "script": "watch:esbuild",
-            "group": "build",
-            "problemMatcher": "$esbuild-watch",
-            "isBackground": true,
-            "label": "npm: watch:esbuild",
-            "presentation": {
-                "group": "watch",
-                "reveal": "never"
-            }
-        },
+			"label": "watch",
+			"dependsOn": ["npm: watch:tsc", "npm: watch:esbuild"],
+			"presentation": {
+				"reveal": "never"
+			},
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			}
+		},
 		{
-            "type": "npm",
-            "script": "watch:tsc",
-            "group": "build",
-            "problemMatcher": "$tsc-watch",
-            "isBackground": true,
-            "label": "npm: watch:tsc",
-            "presentation": {
-                "group": "watch",
-                "reveal": "never"
-            }
-        },
+			"type": "npm",
+			"script": "watch:esbuild",
+			"group": "build",
+			"problemMatcher": "$esbuild-watch",
+			"isBackground": true,
+			"label": "npm: watch:esbuild",
+			"presentation": {
+				"group": "watch",
+				"reveal": "never"
+			}
+		},
+		{
+			"type": "npm",
+			"script": "watch:tsc",
+			"group": "build",
+			"problemMatcher": "$tsc-watch",
+			"isBackground": true,
+			"label": "npm: watch:tsc",
+			"presentation": {
+				"group": "watch",
+				"reveal": "never"
+			}
+		},
 		{
 			"type": "npm",
 			"script": "watch-tests",
@@ -54,10 +51,7 @@
 		},
 		{
 			"label": "tasks: watch-tests",
-			"dependsOn": [
-				"npm: watch",
-				"npm: watch-tests"
-			],
+			"dependsOn": ["npm: watch", "npm: watch-tests"],
 			"problemMatcher": []
 		}
 	]

diff --git a/README.md b/README.md
@@ -10,9 +10,10 @@ you view `.jxl` files directly in your editor.
 </picture>
 
 You can download this extension from:
-* [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=printfn.jpeg-xl)
-* [OpenVSX (VSCodium)](https://open-vsx.org/extension/printfn/jpeg-xl)
-* [GitHub](https://github.com/printfn/jpeg-xl-vscode/releases/latest)
+
+- [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=printfn.jpeg-xl)
+- [OpenVSX (VSCodium)](https://open-vsx.org/extension/printfn/jpeg-xl)
+- [GitHub](https://github.com/printfn/jpeg-xl-vscode/releases/latest)
 
 ## Features
 

diff --git a/esbuild.mjs b/esbuild.mjs
@@ -1,4 +1,4 @@
-import { context } from "esbuild";
+import { context } from 'esbuild';
 
 const production = process.argv.includes('--production');
 const watch = process.argv.includes('--watch');
@@ -13,10 +13,12 @@ const esbuildProblemMatcherPlugin = {
 		build.onStart(() => {
 			console.log('[watch] build started');
 		});
-		build.onEnd((result) => {
+		build.onEnd(result => {
 			result.errors.forEach(({ text, location }) => {
 				console.error(`✘ [ERROR] ${text}`);
-				console.error(`    ${location.file}:${location.line}:${location.column}:`);
+				console.error(
+					`    ${location.file}:${location.line}:${location.column}:`,
+				);
 			});
 			console.log('[watch] build finished');
 		});
@@ -25,9 +27,7 @@ const esbuildProblemMatcherPlugin = {
 
 async function main() {
 	const ctx = await context({
-		entryPoints: [
-			'src/extension.ts'
-		],
+		entryPoints: ['src/extension.ts'],
 		bundle: true,
 		format: 'cjs',
 		minify: production,

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -1,28 +1,34 @@
-import typescriptEslint from "@typescript-eslint/eslint-plugin";
-import tsParser from "@typescript-eslint/parser";
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
 
-export default [{
-    files: ["**/*.ts"],
-}, {
-    plugins: {
-        "@typescript-eslint": typescriptEslint,
-    },
+export default [
+	{
+		files: ['**/*.ts'],
+	},
+	{
+		plugins: {
+			'@typescript-eslint': typescriptEslint,
+		},
 
-    languageOptions: {
-        parser: tsParser,
-        ecmaVersion: 2022,
-        sourceType: "module",
-    },
+		languageOptions: {
+			parser: tsParser,
+			ecmaVersion: 2022,
+			sourceType: 'module',
+		},
 
-    rules: {
-        "@typescript-eslint/naming-convention": ["warn", {
-            selector: "import",
-            format: ["camelCase", "PascalCase"],
-        }],
+		rules: {
+			'@typescript-eslint/naming-convention': [
+				'warn',
+				{
+					selector: 'import',
+					format: ['camelCase', 'PascalCase'],
+				},
+			],
 
-        curly: "warn",
-        eqeqeq: "warn",
-        "no-throw-literal": "warn",
-        semi: "warn",
-    },
-}];
+			curly: 'warn',
+			eqeqeq: 'warn',
+			'no-throw-literal': 'warn',
+			semi: 'warn',
+		},
+	},
+];
diff --git a/media/jxl.css b/media/jxl.css
@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
 	height: 100%;
 	padding: 0;
 }

diff --git a/media/jxl.js b/media/jxl.js
@@ -14,7 +14,7 @@
 	 * @return {Promise<HTMLImageElement>}
 	 */
 	async function loadImageFromData(initialContent) {
-		const blob = new Blob([initialContent], { 'type': 'image/png' });
+		const blob = new Blob([initialContent], { type: 'image/png' });
 		const url = URL.createObjectURL(blob);
 		try {
 			const img = document.createElement('img');
@@ -31,7 +31,7 @@
 	}
 
 	class JXLEditor {
-		constructor( /** @type {HTMLElement} */ parent) {
+		constructor(/** @type {HTMLElement} */ parent) {
 			this._initElements(parent);
 		}
 
@@ -93,14 +93,13 @@
 	window.addEventListener('message', async e => {
 		const { type, body } = e.data;
 		switch (type) {
-			case 'update':
-				{
-					await editor.reset(body.content);
-					return;
-				}
+			case 'update': {
+				await editor.reset(body.content);
+				return;
+			}
 		}
 	});
 
 	// Signal to VS Code that the webview is initialized.
 	vscode.postMessage({ type: 'ready' });
-}());
+})();