chore: add prettier

This commit adds prettier config and integrates directly with eslint

Signed-off-by: Victor Adossi <vadossi@cosmonic.com>

Author: vados-cosmonic

.prettierignore

@@ -0,0 +1,3 @@
+*.md
+*.json
+*.yml

eslint.config.mjs

@@ -1,22 +1,41 @@
-import js from "@eslint/js";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-import markdown from "@eslint/markdown";
-import css from "@eslint/css";
-import { defineConfig } from "eslint/config";
+import globals from 'globals';
+
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import markdown from '@eslint/markdown';
+import css from '@eslint/css';
+import { defineConfig } from 'eslint/config';
+import prettier from 'eslint-plugin-prettier';
 
 export default defineConfig([
-    { files: ["**/*.{js,mjs,cjs,ts,mts,cts}"], plugins: { js }, extends: ["js/recommended"] },
-    { files: ["**/*.{js,mjs,cjs,ts,mts,cts}"], languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+    {
+        files: ['**/*.{js,mjs,cjs,ts,mts,cts}'],
+        plugins: { js, prettier },
+        extends: ['js/recommended'],
+        languageOptions: { globals: { ...globals.browser, ...globals.node } },
+    },
     tseslint.configs.recommended,
     {
-        files: ["**/*.{ts,tsx,js,jsx}"],
+        files: ['**/*.{ts,tsx,js,jsx}'],
+        plugins: {
+            prettier,
+        },
         rules: {
             // Allow unused function parameters (disable rule)
             '@typescript-eslint/no-unused-vars': 'off',
-            'quotes': ['error', 'double']
-        }
+            quotes: ['error', 'double'],
+        },
+    },
+    {
+        files: ['**/*.md'],
+        plugins: { markdown },
+        language: 'markdown/gfm',
+        extends: ['markdown/recommended'],
+    },
+    {
+        files: ['**/*.css'],
+        plugins: { css },
+        language: 'css/css',
+        extends: ['css/recommended'],
     },
-    { files: ["**/*.md"], plugins: { markdown }, language: "markdown/gfm", extends: ["markdown/recommended"] },
-    { files: ["**/*.css"], plugins: { css }, language: "css/css", extends: ["css/recommended"] },
 ]);

package-lock.json

@@ -46,6 +46,7 @@
     "esbuild": "^0.25.5",
     "esbuild-node-externals": "^1.18.0",
     "eslint": "^9.27.0",
+    "eslint-plugin-prettier": "^5.4.0",
     "globals": "^16.2.0",
     "npm-run-all": "4.1.5",
     "rimraf": "6.0.1",
@@ -82,4 +83,4 @@
       }
     ]
   }
-}
+}

package.json

@@ -0,0 +1,14 @@
+/**
+ * Prettier configuration
+ *
+ * This is set up mostly to match the output of tsc
+ *
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+export default {
+    trailingComma: 'es5',
+    tabWidth: 4,
+    semi: true,
+    singleQuote: true,
+};