chore(root): Use biome beta (#2101)

Author: gabrielmfern

apps/web/components/code-block-with-line-numbers/index.tsx

@@ -1,4 +1,4 @@
-import { CodeBlock, Font, dracula } from '@react-email/components';
+import { CodeBlock, dracula, Font } from '@react-email/components';
 import { Layout } from '../_components/layout';
 
 export const component = (

apps/web/components/code-block-with-predefined-theme/index.tsx

@@ -1,4 +1,4 @@
-import { CodeBlock, Font, dracula } from '@react-email/components';
+import { CodeBlock, dracula, Font } from '@react-email/components';
 import { Layout } from '../_components/layout';
 
 export const component = (

apps/web/src/app/layout.tsx

@@ -1,9 +1,9 @@
 import { Analytics } from '@vercel/analytics/react';
 import type { Metadata } from 'next';
 import '@/styles/globals.css';
+import localFont from 'next/font/local';
 import { Footer } from '@/components/footer';
 import { Topbar } from '@/components/topbar';
-import localFont from 'next/font/local';
 
 const inter = localFont({
   display: 'swap',

apps/web/src/components/component-code-view.tsx

@@ -1,9 +1,3 @@
-import type {
-  CodeVariant,
-  ImportedComponent,
-} from '@/app/components/get-imported-components-for';
-import { useStoredState } from '@/hooks/use-stored-state';
-import { convertUrisIntoUrls } from '@/utils/convert-uris-into-urls';
 import * as Select from '@radix-ui/react-select';
 import * as Tabs from '@radix-ui/react-tabs';
 import * as allReactEmailComponents from '@react-email/components';
@@ -15,6 +9,12 @@ import {
   ClipboardIcon,
 } from 'lucide-react';
 import * as React from 'react';
+import type {
+  CodeVariant,
+  ImportedComponent,
+} from '@/app/components/get-imported-components-for';
+import { useStoredState } from '@/hooks/use-stored-state';
+import { convertUrisIntoUrls } from '@/utils/convert-uris-into-urls';
 import { CodeBlock } from './code-block';
 import { TabTrigger } from './tab-trigger';
 

apps/web/src/components/template.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import classNames from 'classnames';
-import type { ImageLoader } from 'next/image';
 import Image from 'next/image';
+import type { ImageLoader } from 'next/image';
 import Link from 'next/link';
 import * as React from 'react';
 import { Heading } from './heading';
@@ -67,7 +67,7 @@ export const Template: React.FC<Readonly<ExampleProps>> = ({
           {name}
         </Heading>
         <div className="mt-2 flex flex-row gap-2">
-          <img
+          <Image
             alt={author}
             className="rounded-full"
             height="24"

biome.json

@@ -1,7 +1,11 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.7.1/schema.json",
-  "organizeImports": {
-    "enabled": true
+  "$schema": "https://biomejs.dev/schemas/2.0.0-beta.1/schema.json",
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
   },
   "vcs": {
     "enabled": true,
@@ -21,54 +25,75 @@
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true,
+      "style": {
+        "noNonNullAssertion": "off",
+        "useLiteralEnumMembers": "error",
+        "noCommaOperator": "error",
+        "useNodejsImportProtocol": "error",
+        "useAsConstAssertion": "error",
+        "useNumericLiterals": "error",
+        "useEnumInitializers": "error",
+        "useSelfClosingElements": "error",
+        "useConst": "error",
+        "useSingleVarDeclarator": "error",
+        "noUnusedTemplateLiteral": "error",
+        "useNumberNamespace": "error",
+        "noInferrableTypes": "error",
+        "useExponentiationOperator": "error",
+        "useTemplate": "error",
+        "noParameterAssign": "error",
+        "useDefaultParameterLast": "error",
+        "noArguments": "error",
+        "useImportType": "error",
+        "useExportType": "error",
+        "noUselessElse": "error",
+        "useShorthandFunctionType": "error"
+      },
+      "performance": {
+        "noAccumulatingSpread": "off",
+        "noDelete": "off"
+      },
       "a11y": {
         "noSvgWithoutTitle": "off",
         "noAutofocus": "off"
       },
-      "nursery": {
-        "useSortedClasses": "off"
-      },
-      "suspicious": {
-        "noArrayIndexKey": "off",
-        "noExplicitAny": "off",
-        "noAssignInExpressions": "off"
-      },
       "correctness": {
         "noUnusedImports": "warn",
         "useExhaustiveDependencies": "off",
         "useJsxKeyInIterable": "off",
         "noChildrenProp": "off"
       },
+      "nursery": {
+        "useSortedClasses": "off"
+      },
       "complexity": {
         "noUselessFragments": "off",
         "noForEach": "off"
       },
-      "style": {
-        "noNonNullAssertion": "off"
+      "suspicious": {
+        "noArrayIndexKey": "off",
+        "noExplicitAny": "off",
+        "noAssignInExpressions": "off"
       },
       "security": {
         "noDangerouslySetInnerHtml": "off"
-      },
-      "performance": {
-        "noAccumulatingSpread": "off",
-        "noDelete": "off"
       }
     }
   },
   "files": {
-    "ignore": [
-      "dist",
-      "pnpm-lock.yaml",
-      ".next",
-      "public",
-      "./packages/react-email/src/actions/email-validation/caniemail-data.ts",
-      "./**/.react-email/**/*",
-      "./**/node_modules/**/*",
-      "./**/*.d.ts",
-      "./**/**/prism.ts",
-      "out",
-      ".turbo"
+    "includes": [
+      "**",
+      "!**/dist",
+      "!**/pnpm-lock.yaml",
+      "!**/.next",
+      "!**/public",
+      "!packages/react-email/src/actions/email-validation/caniemail-data.ts",
+      "!**/.react-email/**/*",
+      "!**/node_modules/**/*",
+      "!**/*.d.ts",
+      "!**/out",
+      "!**/.turbo",
+      "!**/prism.ts"
     ]
   }
 }

examples/aws-ses/package.json

@@ -5,7 +5,9 @@
   "sideEffects": false,
   "type": "module",
   "main": "./dist/index.js",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "scripts": {
     "build": "tsup-node src/index.tsx --format esm --target node20",
     "dev": "tsup-node src/index.tsx --format esm --target node20 --watch",

examples/mailersend/package.json

@@ -5,7 +5,9 @@
   "sideEffects": false,
   "type": "module",
   "main": "./dist/index.js",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "scripts": {
     "build": "tsup-node src/index.tsx --format esm --target node20",
     "dev": "tsup-node src/index.tsx --format esm --target node20 --watch",

examples/nodemailer/package.json

@@ -5,7 +5,9 @@
   "sideEffects": false,
   "type": "module",
   "main": "./dist/index.js",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "scripts": {
     "build": "tsup-node src/index.tsx --format esm --target node20",
     "dev": "tsup-node src/index.tsx --format esm --target node20 --watch",

examples/plunk/package.json

@@ -5,7 +5,9 @@
   "sideEffects": false,
   "type": "module",
   "main": "./dist/index.js",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "scripts": {
     "build": "tsup-node src/index.tsx --format esm --target node20",
     "dev": "tsup-node src/index.tsx --format esm --target node20 --watch",