Replace eslint and prettier with biome.js

Biome is a Rust based replacement for eslint and prettier and runs much faster.

Author: NigelBreslaw

.reuse/dep5

@@ -7,7 +7,7 @@ Files: */slint-icon-*.svg */slint-icon-*.png */slint-icon-*.pdf */slint-logo-*.s
 Copyright: Copyright © SixtyFPS GmbH <[email protected]>
 License: CC-BY-ND-4.0
 
-Files: .gitattributes .gitignore */.gitignore .dockerignore .prettierignore .pre-commit-config.yaml .vscode/* cspell.json rustfmt.toml .mailmap */.eslintrc.yml Cargo.lock */.npmignore
+Files: .gitattributes .gitignore */.gitignore .dockerignore .prettierignore .pre-commit-config.yaml .vscode/* cspell.json rustfmt.toml .mailmap */.eslintrc.yml Cargo.lock */.npmignore biome.json
 Copyright: Copyright © SixtyFPS GmbH <[email protected]>
 License: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
 

editors/vscode/.eslintrc.json

@@ -0,0 +1,51 @@
+{
+    "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+    "formatter": {
+        "enabled": true,
+        "formatWithErrors": false,
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineEnding": "lf",
+        "attributePosition": "auto",
+        "ignore": [
+            "./node_modules",
+            "./.pnp",
+            "**/.pnp.js",
+            "./coverage",
+            "**/build/**",
+            "**/out/**",
+            "./dist",
+            "**/.DS_Store",
+            "**/.env.local",
+            "**/.env.development.local",
+            "**/.env.test.local",
+            "**/.env.production.local",
+            "**/npm-debug.log*",
+            "**/yarn-debug.log*",
+            "**/yarn-error.log*",
+            "**/.vscode/**"
+        ]
+    },
+    "organizeImports": { "enabled": false },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": false,
+            "style": { "useBlockStatements": "warn" },
+            "suspicious": { "noDoubleEquals": "warn" }
+        },
+        "ignore": ["webviews/**", "**/.vscode/**", "**/build/**", "**/out/**"]
+    },
+    "javascript": {
+        "formatter": {
+            "jsxQuoteStyle": "double",
+            "quoteProperties": "asNeeded",
+            "semicolons": "always",
+            "arrowParentheses": "always",
+            "bracketSpacing": true,
+            "bracketSameLine": false,
+            "quoteStyle": "double",
+            "attributePosition": "auto"
+        }
+    }
+}

editors/vscode/biome.json

@@ -3,11 +3,7 @@
         "lineComment": "//",
         "blockComment": ["/*", "*/"]
     },
-    "brackets": [
-        ["{", "}"],
-        ["[", "]"],
-        ["(", ")"]
-    ],
+    "brackets": [["{", "}"], ["[", "]"], ["(", ")"]],
     "autoClosingPairs": [
         {
             "open": "{",

editors/vscode/language-configuration.json

@@ -61,9 +61,7 @@ function startClient(
 
 // this method is called when vs code is activated
 export function activate(context: vscode.ExtensionContext) {
-    statusBar = common.activate(context, (cl, ctx) =>
-        startClient(cl, ctx),
-    );
+    statusBar = common.activate(context, (cl, ctx) => startClient(cl, ctx));
 }
 
 export function deactivate(): Thenable<void> | undefined {

editors/vscode/src/browser.ts

@@ -126,23 +126,28 @@ export function languageClientOptions(): LanguageClientOptions {
                         // But we want to open the document next to it instead.
                         let panel = wasm_preview.panel();
                         if (panel && panel.active) {
-                            const uri = cl.protocol2CodeConverter.asUri(params.uri);
+                            const uri = cl.protocol2CodeConverter.asUri(
+                                params.uri,
+                            );
                             let col = panel.viewColumn || 1;
                             let options: vscode.TextDocumentShowOptions = {
                                 viewColumn: col > 1 ? col - 1 : col + 1,
                                 preserveFocus: !params.takeFocus,
                             };
                             if (params.selection !== undefined) {
-                                options.selection = cl.protocol2CodeConverter.asRange(params.selection);
+                                options.selection =
+                                    cl.protocol2CodeConverter.asRange(
+                                        params.selection,
+                                    );
                             }
                             await vscode.window.showTextDocument(uri, options);
 
                             return { success: true };
                         }
                     }
                     return await next(params);
-                }
-            }
+                },
+            },
         },
     };
 }

editors/vscode/src/common.ts

@@ -152,7 +152,7 @@ function startClient(
                 event.oldState === State.Running
             ) {
                 cl.outputChannel.appendLine(
-                    "The Slint Language Server crashed. This is a bug. Please open an issue on https://github.com/slint-ui/slint/issues"
+                    "The Slint Language Server crashed. This is a bug. Please open an issue on https://github.com/slint-ui/slint/issues",
                 );
                 cl.outputChannel.show();
                 vscode.commands.executeCommand("workbench.action.output.focus");
@@ -191,9 +191,7 @@ export function activate(context: vscode.ExtensionContext) {
             );
     }
 
-    statusBar = common.activate(context, (cl, ctx) =>
-        startClient(cl, ctx),
-    );
+    statusBar = common.activate(context, (cl, ctx) => startClient(cl, ctx));
 }
 
 export function deactivate(): Thenable<void> | undefined {

editors/vscode/src/extension.ts

@@ -4,5 +4,5 @@
         "lib": ["es2021", "webworker"],
         "types": ["vscode"]
     },
-    "include": ["./*.ts"],
+    "include": ["./*.ts"]
 }

editors/vscode/src/tsconfig.json

@@ -93,7 +93,9 @@ function getPreviewHtml(
     slint_wasm_preview_url: Uri,
     default_style: string,
 ): string {
-    const experimental = typeof process !== 'undefined' && process.env.hasOwnProperty("SLINT_ENABLE_EXPERIMENTAL_FEATURES");
+    const experimental =
+        typeof process !== "undefined" &&
+        process.env.hasOwnProperty("SLINT_ENABLE_EXPERIMENTAL_FEATURES");
     const result = `<!DOCTYPE html>
 <html lang="en" style="height: 100%; width: 100%;">
 <head>

editors/vscode/src/wasm_preview.ts

@@ -430,6 +430,7 @@ lazy_static! {
         ("(^|/)Pipfile$", LicenseLocation::Tag(LicenseTagStyle::shell_comment_style())),
         ("(^|/)\\.npmrc$", LicenseLocation::Tag(LicenseTagStyle::shell_comment_style())),
         ("(^|/)pnpm-lock\\.yaml$", LicenseLocation::NoLicense),
+        ("(^|/)biome\\.json$", LicenseLocation::NoLicense),
 
         // Path prefix matches:
         ("^editors/tree-sitter-slint/corpus/", LicenseLocation::NoLicense), // liberal license