Tighten format checks

Author: abdusabri

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ concurrency:
 
 jobs:
   validate:
-    name: Lint and build
+    name: Format, lint, and build
     runs-on: ubuntu-latest
     timeout-minutes: 10
 
@@ -32,6 +32,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Check formatting
+        run: npm run format:check
+
       - name: Lint
         run: npm run lint
 

.prettierrc

@@ -1,8 +1,6 @@
 {
-    "singleQuote": true,
-    "tabWidth": 2,
-    "plugins": [
-        "prettier-plugin-tailwindcss"
-    ],
-    "tailwindStylesheet": "./src/index.css"
-}
+  "singleQuote": true,
+  "tabWidth": 2,
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindStylesheet": "./src/index.css"
+}

README.md

@@ -54,13 +54,14 @@ The current parser expects a simple two-column numeric CSV:
 
 ## Scripts
 
-| Script            | Description                                                      |
-| :---------------- | :--------------------------------------------------------------- |
-| `npm run dev`     | Starts the Vite development server.                              |
-| `npm run build`   | Runs TypeScript build checks and bundles the app for production. |
-| `npm run lint`    | Runs ESLint.                                                     |
-| `npm run preview` | Serves the production build locally.                             |
-| `npm run format`  | Formats `src/**/*.{ts,tsx}` with Prettier.                       |
+| Script                 | Description                                                      |
+| :--------------------- | :--------------------------------------------------------------- |
+| `npm run dev`          | Starts the Vite development server.                              |
+| `npm run build`        | Runs TypeScript build checks and bundles the app for production. |
+| `npm run lint`         | Runs ESLint.                                                     |
+| `npm run preview`      | Serves the production build locally.                             |
+| `npm run format`       | Formats the repository with Prettier.                            |
+| `npm run format:check` | Checks repository formatting without writing changes.            |
 
 ## Project Structure
 

components.json

@@ -18,4 +18,4 @@
     "hooks": "@/hooks"
   },
   "iconLibrary": "lucide"
-}
+}

eslint.config.js

@@ -1,8 +1,8 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
 
 export default tseslint.config(
   { ignores: ['dist'] },
@@ -25,4 +25,4 @@ export default tseslint.config(
       ],
     },
   },
-)
+);

package.json

@@ -13,7 +13,8 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+    "format": "prettier --write . --ignore-path .gitignore",
+    "format:check": "prettier --check . --ignore-path .gitignore"
   },
   "dependencies": {
     "@radix-ui/react-label": "^2.1.2",

vite.config.ts

@@ -1,13 +1,13 @@
-import path from "path";
-import tailwindcss from "@tailwindcss/vite";
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import path from 'path';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      '@': path.resolve(__dirname, './src'),
     },
   },
 });