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",

examples/postmark/package.json

@@ -5,7 +5,9 @@
   "type": "module",
   "sideEffects": false,
   "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/scaleway/next/src/lib/scaleway.ts

@@ -1,4 +1,4 @@
-import { TransactionalEmail, createClient } from '@scaleway/sdk';
+import { createClient, TransactionalEmail } from '@scaleway/sdk';
 
 const client = createClient({
   accessKey: process.env.ACCESS_KEY,

examples/scaleway/node/package.json

@@ -5,7 +5,9 @@
   "sideEffects": false,
   "main": "./dist/index.js",
   "type": "module",
-  "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/scaleway/node/src/index.tsx

@@ -1,5 +1,5 @@
 import { render } from '@react-email/components';
-import { TransactionalEmail, createClient } from '@scaleway/sdk';
+import { createClient, TransactionalEmail } from '@scaleway/sdk';
 import { Email } from './email.js';
 
 const client = createClient({

examples/sendgrid/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",

package.json

@@ -15,7 +15,7 @@
     "test:watch": "turbo run test:watch"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
+    "@biomejs/biome": "2.0.0-beta.1",
     "@changesets/cli": "2.28.1",
     "@types/node": "22.10.2",
     "@types/react": "19.0.1",

packages/body/package.json

@@ -6,7 +6,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "exports": {
     ".": {
       "import": {

packages/button/package.json

@@ -6,7 +6,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "exports": {
     ".": {
       "import": {
@@ -32,7 +34,10 @@
     "url": "https://github.com/resend/react-email.git",
     "directory": "packages/button"
   },
-  "keywords": ["react", "email"],
+  "keywords": [
+    "react",
+    "email"
+  ],
   "engines": {
     "node": ">=18.0.0"
   },

packages/code-block/package.json

@@ -6,7 +6,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "exports": {
     ".": {
       "import": {
@@ -30,7 +32,10 @@
     "url": "https://github.com/resend/react-email.git",
     "directory": "packages/code-block"
   },
-  "keywords": ["react", "email"],
+  "keywords": [
+    "react",
+    "email"
+  ],
   "engines": {
     "node": ">=18.0.0"
   },

packages/code-block/src/index.ts

@@ -1,3 +1,3 @@
 export * from './code-block';
-export * from './themes';
 export * from './languages-available';
+export * from './themes';

packages/code-inline/package.json

@@ -6,7 +6,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "exports": {
     ".": {
       "import": {

packages/column/package.json

@@ -6,7 +6,9 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": ["dist/**"],
+  "files": [
+    "dist/**"
+  ],
   "exports": {
     ".": {
       "import": {
@@ -32,7 +34,10 @@
     "url": "https://github.com/resend/react-email.git",
     "directory": "packages/column"
   },
-  "keywords": ["react", "email"],
+  "keywords": [
+    "react",
+    "email"
+  ],
   "engines": {
     "node": ">=18.0.0"
   },