[migrate] replace ESLint with Biome to speed up Linting & Formatting

Author: TechQuery

.husky/pre-commit

@@ -0,0 +1 @@
+npm test

.husky/pre-push

@@ -0,0 +1 @@
+npm run build

app/globals.css

@@ -49,8 +49,9 @@
 
 :root {
   --font-geist-sans: "Geist Sans", ui-sans-serif, system-ui, sans-serif;
-  --font-geist-mono: "Geist Mono", ui-monospace, "Cascadia Code",
-    "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
+  --font-geist-mono:
+    "Geist Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
+    Consolas, "DejaVu Sans Mono", monospace;
   --radius: 0.625rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);

app/page.tsx

@@ -1,17 +1,17 @@
 import { ComponentCard } from "@/components/example/component-card";
-import { BadgeBarExample } from "@/registry/new-york/blocks/badge-bar/example";
-import { PagerExample } from "@/registry/new-york/blocks/pager/example";
-import { ImagePreviewExample } from "@/registry/new-york/blocks/image-preview/example";
-import { FilePreviewExample } from "@/registry/new-york/blocks/file-preview/example";
-import { ScrollBoundaryExample } from "@/registry/new-york/blocks/scroll-boundary/example";
-import { ScrollListExample } from "@/registry/new-york/blocks/scroll-list/example";
 import { ArrayFieldExample } from "@/registry/new-york/blocks/array-field/example";
+import { BadgeBarExample } from "@/registry/new-york/blocks/badge-bar/example";
 import { BadgeInputExample } from "@/registry/new-york/blocks/badge-input/example";
-import { RangeInputExample } from "@/registry/new-york/blocks/range-input/example";
+import { EditorExample } from "@/registry/new-york/blocks/editor/example";
 import { FilePickerExample } from "@/registry/new-york/blocks/file-picker/example";
+import { FilePreviewExample } from "@/registry/new-york/blocks/file-preview/example";
 import { FormFieldExample } from "@/registry/new-york/blocks/form-field/example";
+import { ImagePreviewExample } from "@/registry/new-york/blocks/image-preview/example";
+import { PagerExample } from "@/registry/new-york/blocks/pager/example";
+import { RangeInputExample } from "@/registry/new-york/blocks/range-input/example";
 import { RestTableExample } from "@/registry/new-york/blocks/rest-table/example";
-import { EditorExample } from "@/registry/new-york/blocks/editor/example";
+import { ScrollBoundaryExample } from "@/registry/new-york/blocks/scroll-boundary/example";
+import { ScrollListExample } from "@/registry/new-york/blocks/scroll-list/example";
 
 export default function Home() {
   return (

biome.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "style": {
+        "useSingleVarDeclarator": "off",
+        "useImportType": "off",
+        "noNonNullAssertion": "off",
+        "useTemplate": "off",
+        "noParameterAssign": "warn",
+        "useNodejsImportProtocol": "off"
+      },
+      "a11y": {
+        "useAltText": "warn",
+        "noSvgWithoutTitle": "warn",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "warn",
+        "noStaticElementInteractions": "warn"
+      },
+      "suspicious": {
+        "noAssignInExpressions": "warn",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off"
+      },
+      "correctness": {
+        "noEmptyPattern": "off",
+        "noUnusedFunctionParameters": "warn"
+      },
+      "complexity": {
+        "noBannedTypes": "off",
+        "noCommaOperator": "warn"
+      },
+      "performance": {
+        "noDynamicNamespaceImportAccess": "warn"
+      }
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "lineWidth": 80
+  },
+  "javascript": {
+    "formatter": {
+      "arrowParentheses": "always",
+      "jsxQuoteStyle": "double",
+      "quoteStyle": "double",
+      "trailingCommas": "all",
+      "semicolons": "always"
+    }
+  },
+  "json": {
+    "formatter": {
+      "trailingCommas": "none"
+    }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "recommended": true
+      }
+    }
+  },
+  "files": {
+    "includes": ["**", "!.next", "!dist", "!build"],
+    "maxSize": 5242880
+  }
+}

components.json

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

components/example/form.tsx

@@ -52,5 +52,5 @@ export const fields: Field<GitRepository>[] = columns.map(
   ({ renderHead, renderBody, ...meta }) => ({
     ...meta,
     renderLabel: renderHead,
-  })
+  }),
 );

components/example/open-in-v0-button.tsx

@@ -1,7 +1,7 @@
 import { ComponentProps, FC } from "react";
 
 import { cn } from "@/lib/utils";
-import { Button } from "@/registry/new-york/ui/button";
+import { Button } from "../ui/button";
 
 export const OpenInV0Button: FC<
   { name: string } & ComponentProps<typeof Button>
@@ -11,7 +11,7 @@ export const OpenInV0Button: FC<
     size="sm"
     className={cn(
       "shadow-none bg-black text-white hover:bg-black hover:text-white dark:bg-white dark:text-black",
-      className
+      className,
     )}
     asChild
   >
@@ -26,7 +26,9 @@ export const OpenInV0Button: FC<
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         className="h-5 w-5 text-current"
+        aria-label="V0 logo"
       >
+        <title>V0 logo</title>
         <path
           d="M23.3919 0H32.9188C36.7819 0 39.9136 3.13165 39.9136 6.99475V16.0805H36.0006V6.99475C36.0006 6.90167 35.9969 6.80925 35.9898 6.71766L26.4628 16.079C26.4949 16.08 26.5272 16.0805 26.5595 16.0805H36.0006V19.7762H26.5595C22.6964 19.7762 19.4788 16.6139 19.4788 12.7508V3.68923H23.3919V12.7508C23.3919 12.9253 23.4054 13.0977 23.4316 13.2668L33.1682 3.6995C33.0861 3.6927 33.003 3.68923 32.9188 3.68923H23.3919V0Z"
           fill="currentColor"

eslint.config.mjs

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from "clsx";
+import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));