Add biome

Author: xPaw

biome.json

@@ -0,0 +1,43 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.0.0-beta.1/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"includes": ["src/*", "public/serviceworker.js", "public/manifest.json", "build.mjs"]
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab",
+		"lineWidth": 120
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"suspicious": {
+				"noExplicitAny": "off"
+			}
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "single"
+		}
+	},
+	"css": {
+		"formatter": {
+			"enabled": true
+		}
+	},
+	"assist": {
+		"enabled": true,
+		"actions": {
+			"source": {
+				"organizeImports": "on"
+			}
+		}
+	}
+}

build.mjs

@@ -1,7 +1,7 @@
-import * as esbuild from 'esbuild';
-import * as vuePlugin from 'esbuild-plugin-vue3';
 import htmlPlugin from '@chialab/esbuild-plugin-html';
 import { exec } from 'child_process';
+import * as esbuild from 'esbuild';
+import * as vuePlugin from 'esbuild-plugin-vue3';
 import fs from 'fs/promises';
 
 const isDev = process.argv.includes('--dev');
@@ -25,7 +25,7 @@ const esbuildOptions = {
 		vuePlugin.default(),
 	],
 	define: {
-		"process.env.NODE_ENV": JSON.stringify("production"),
+		'process.env.NODE_ENV': JSON.stringify('production'),
 	},
 };
 
@@ -34,7 +34,7 @@ if (isDev) {
 	esbuildOptions.sourcemap = true;
 	esbuildOptions.chunkNames = undefined;
 	esbuildOptions.banner = {
-		js: `window.DEV_MODE = true;new EventSource("/esbuild").addEventListener("change", () => location.reload());`
+		js: `window.DEV_MODE = true;new EventSource("/esbuild").addEventListener("change", () => location.reload());`,
 	};
 }
 
@@ -67,7 +67,7 @@ if (isDev) {
 		indexHtml = indexHtml.replace('<div id="app"></div>', `<div id="app">${ssrHtml}</div>`);
 
 		await fs.writeFile(indexPath, indexHtml);
-		await fs.unlink("public/ssr.js");
+		await fs.unlink('public/ssr.js');
 
 		console.log('SSR HTML injected successfully');
 	});

package-lock.json

@@ -2,9 +2,11 @@
 	"scripts": {
 		"build": "node build.mjs",
 		"dev": "node build.mjs --dev",
-		"test": "tsc"
+		"test": "tsc && biome check",
+		"fix": "biome check --write"
 	},
 	"devDependencies": {
+		"@biomejs/biome": "^2.0.0-beta.1",
 		"@chialab/esbuild-plugin-html": "^0.18.2",
 		"@vue/tsconfig": "^0.7.0",
 		"bootstrap": "^5.2.2",

package.json

@@ -6,8 +6,7 @@
 	"display": "standalone",
 	"theme_color": "#0d0d0d",
 	"background_color": "#0d0d0d",
-	"icons":
-	[
+	"icons": [
 		{
 			"src": "favicon.ico",
 			"sizes": "16x16 32x32 64x64"

public/manifest.json

@@ -1,42 +1,34 @@
-self.addEventListener( 'install', () => self.skipWaiting() );
-self.addEventListener( 'activate', ( event ) => event.waitUntil( self.clients.claim() ) );
+self.addEventListener('install', () => self.skipWaiting());
+self.addEventListener('activate', (event) => event.waitUntil(self.clients.claim()));
 
-self.addEventListener( 'fetch', ( event ) =>
-{
-	if( event.request.method !== 'GET' )
-	{
+self.addEventListener('fetch', (event) => {
+	if (event.request.method !== 'GET') {
 		return;
 	}
 
-	event.respondWith( networkOrCache( event ) );
-} );
+	event.respondWith(networkOrCache(event));
+});
 
-async function putInCache( event, response )
-{
-	const cache = await caches.open( 'steamwebapi-cache' );
-	await cache.put( event.request, response );
+async function putInCache(event, response) {
+	const cache = await caches.open('steamwebapi-cache');
+	await cache.put(event.request, response);
 }
 
-async function networkOrCache( event )
-{
-	try
-	{
-		const response = await fetch( event.request, { cache: 'no-cache' } );
+async function networkOrCache(event) {
+	try {
+		const response = await fetch(event.request, { cache: 'no-cache' });
 
-		if( response.ok )
-		{
-			event.waitUntil( putInCache( event, response ) );
+		if (response.ok) {
+			event.waitUntil(putInCache(event, response));
 
 			return response.clone();
 		}
 
 		return response;
-	}
-	catch( e )
-	{
-		const cache = await caches.open( 'steamwebapi-cache' );
-		const matching = await cache.match( event.request );
+	} catch (e) {
+		const cache = await caches.open('steamwebapi-cache');
+		const matching = await cache.match(event.request);
 
-		return matching || Promise.reject( e );
+		return matching || Promise.reject(e);
 	}
 }

public/serviceworker.js

@@ -61,13 +61,12 @@
 import type { ApiMethod, ApiMethodParameter } from './interfaces';
 
 defineProps<{
-	level: number,
-	method: ApiMethod,
-	parameter: ApiMethodParameter,
-	methodName: String,
-	focusApiKey: (payload: MouseEvent) => void,
-	addParamArray: (method: ApiMethod, parameter: ApiMethodParameter) => void,
-	apiKeyFilled: Boolean,
-
+	level: number;
+	method: ApiMethod;
+	parameter: ApiMethodParameter;
+	methodName: string;
+	focusApiKey: (payload: MouseEvent) => void;
+	addParamArray: (method: ApiMethod, parameter: ApiMethodParameter) => void;
+	apiKeyFilled: boolean;
 }>();
 </script>