chore(all): use biome (#1833)

Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: gabriel miranda <[email protected]>
resend · Jan 22, 2025 · a8d97ed · a8d97ed
1 parent 8e0cf21
commit a8d97ed
Show file tree

Hide file tree

Showing 459 changed files with 7,541 additions and 8,043 deletions.
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -2,9 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "fixed": [
-    ["react-email-starter", "create-email"]
-  ],
+  "fixed": [["react-email-starter", "create-email"]],
   "linked": [],
   "access": "public",
   "baseBranch": "main",

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -5,37 +5,7 @@ on:
       - main
   pull_request:
 jobs:
-  format:
-    runs-on: buildjet-4vcpu-ubuntu-2204
-    container:
-      image: node:18
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Enable Corepack
-        id: pnpm-setup
-        run: |
-          corepack enable
-          corepack prepare pnpm@latest --activate
-          pnpm config set script-shell "/usr/bin/bash"
-          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
-
-      - name: pnpm Cache
-        uses: buildjet/cache@v4
-        with:
-          path: ${{ steps.pnpm-setup.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-store-
-
-      - name: Install packages
-        run: pnpm install --frozen-lockfile
-
-      - name: Run Format Check
-        run: pnpm format:check
-
-  test:
+  lint:
     runs-on: buildjet-4vcpu-ubuntu-2204
     container:
       image: node:18
@@ -65,10 +35,10 @@ jobs:
       - name: Run Build
         run: pnpm build
 
-      - name: Run Tests
-        run: pnpm test
+      - name: Run Lint
+        run: pnpm lint
 
-  lint:
+  test:
     runs-on: buildjet-4vcpu-ubuntu-2204
     container:
       image: node:18
@@ -98,8 +68,8 @@ jobs:
       - name: Run Build
         run: pnpm build
 
-      - name: Run Lint
-        run: pnpm lint
+      - name: Run Tests
+        run: pnpm test
 
   build:
     runs-on: buildjet-4vcpu-ubuntu-2204

diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc b/.prettierrc
diff --git a/apps/demo/emails/magic-links/aws-verify-email.tsx b/apps/demo/emails/magic-links/aws-verify-email.tsx
@@ -10,19 +10,19 @@ import {
   Preview,
   Section,
   Text,
-} from "@react-email/components";
-import * as React from "react";
+} from '@react-email/components';
+import * as React from 'react';
 
 interface AWSVerifyEmailProps {
   verificationCode?: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
-  : "";
+  : '';
 
 export default function AWSVerifyEmail({
-  verificationCode = "596853",
+  verificationCode = '596853',
 }: AWSVerifyEmailProps) {
   return (
     <Html>
@@ -68,11 +68,11 @@ export default function AWSVerifyEmail({
             This message was produced and distributed by Amazon Web Services,
             Inc., 410 Terry Ave. North, Seattle, WA 98109. © 2022, Amazon Web
             Services, Inc.. All rights reserved. AWS is a registered trademark
-            of{" "}
+            of{' '}
             <Link href="https://amazon.com" target="_blank" style={link}>
               Amazon.com
             </Link>
-            , Inc. View our{" "}
+            , Inc. View our{' '}
             <Link href="https://amazon.com" target="_blank" style={link}>
               privacy policy
             </Link>
@@ -85,88 +85,88 @@ export default function AWSVerifyEmail({
 }
 
 const main = {
-  backgroundColor: "#fff",
-  color: "#212121",
+  backgroundColor: '#fff',
+  color: '#212121',
 };
 
 const container = {
-  padding: "20px",
-  margin: "0 auto",
-  backgroundColor: "#eee",
+  padding: '20px',
+  margin: '0 auto',
+  backgroundColor: '#eee',
 };
 
 const h1 = {
-  color: "#333",
+  color: '#333',
   fontFamily:
     "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: "20px",
-  fontWeight: "bold",
-  marginBottom: "15px",
+  fontSize: '20px',
+  fontWeight: 'bold',
+  marginBottom: '15px',
 };
 
 const link = {
-  color: "#2754C5",
+  color: '#2754C5',
   fontFamily:
     "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: "14px",
-  textDecoration: "underline",
+  fontSize: '14px',
+  textDecoration: 'underline',
 };
 
 const text = {
-  color: "#333",
+  color: '#333',
   fontFamily:
     "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
-  fontSize: "14px",
-  margin: "24px 0",
+  fontSize: '14px',
+  margin: '24px 0',
 };
 
 const imageSection = {
-  backgroundColor: "#252f3d",
-  display: "flex",
-  padding: "20px 0",
-  alignItems: "center",
-  justifyContent: "center",
+  backgroundColor: '#252f3d',
+  display: 'flex',
+  padding: '20px 0',
+  alignItems: 'center',
+  justifyContent: 'center',
 };
 
-const coverSection = { backgroundColor: "#fff" };
+const coverSection = { backgroundColor: '#fff' };
 
-const upperSection = { padding: "25px 35px" };
+const upperSection = { padding: '25px 35px' };
 
-const lowerSection = { padding: "25px 35px" };
+const lowerSection = { padding: '25px 35px' };
 
 const footerText = {
   ...text,
-  fontSize: "12px",
-  padding: "0 20px",
+  fontSize: '12px',
+  padding: '0 20px',
 };
 
 const verifyText = {
   ...text,
   margin: 0,
-  fontWeight: "bold",
-  textAlign: "center" as const,
+  fontWeight: 'bold',
+  textAlign: 'center' as const,
 };
 
 const codeText = {
   ...text,
-  fontWeight: "bold",
-  fontSize: "36px",
-  margin: "10px 0",
-  textAlign: "center" as const,
+  fontWeight: 'bold',
+  fontSize: '36px',
+  margin: '10px 0',
+  textAlign: 'center' as const,
 };
 
 const validityText = {
   ...text,
-  margin: "0px",
-  textAlign: "center" as const,
+  margin: '0px',
+  textAlign: 'center' as const,
 };
 
 const verificationSection = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
 };
 
-const mainText = { ...text, marginBottom: "14px" };
+const mainText = { ...text, marginBottom: '14px' };
 
-const cautionText = { ...text, margin: "0px" };
+const cautionText = { ...text, margin: '0px' };
diff --git a/apps/demo/emails/magic-links/linear-login-code.tsx b/apps/demo/emails/magic-links/linear-login-code.tsx
@@ -11,16 +11,16 @@ import {
   Preview,
   Section,
   Text,
-} from "@react-email/components";
-import * as React from "react";
+} from '@react-email/components';
+import * as React from 'react';
 
 interface LinearLoginCodeEmailProps {
   validationCode?: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
-  : "";
+  : '';
 
 export const LinearLoginCodeEmail = ({
   validationCode,
@@ -58,7 +58,7 @@ export const LinearLoginCodeEmail = ({
 );
 
 LinearLoginCodeEmail.PreviewProps = {
-  validationCode: "tt226-5398x",
+  validationCode: 'tt226-5398x',
 } as LinearLoginCodeEmailProps;
 
 export default LinearLoginCodeEmail;
@@ -70,66 +70,66 @@ const logo = {
 };
 
 const main = {
-  backgroundColor: "#ffffff",
+  backgroundColor: '#ffffff',
   fontFamily:
     '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif',
 };
 
 const container = {
-  margin: "0 auto",
-  padding: "20px 0 48px",
-  maxWidth: "560px",
+  margin: '0 auto',
+  padding: '20px 0 48px',
+  maxWidth: '560px',
 };
 
 const heading = {
-  fontSize: "24px",
-  letterSpacing: "-0.5px",
-  lineHeight: "1.3",
-  fontWeight: "400",
-  color: "#484848",
-  padding: "17px 0 0",
+  fontSize: '24px',
+  letterSpacing: '-0.5px',
+  lineHeight: '1.3',
+  fontWeight: '400',
+  color: '#484848',
+  padding: '17px 0 0',
 };
 
 const paragraph = {
-  margin: "0 0 15px",
-  fontSize: "15px",
-  lineHeight: "1.4",
-  color: "#3c4149",
+  margin: '0 0 15px',
+  fontSize: '15px',
+  lineHeight: '1.4',
+  color: '#3c4149',
 };
 
 const buttonContainer = {
-  padding: "27px 0 27px",
+  padding: '27px 0 27px',
 };
 
 const button = {
-  backgroundColor: "#5e6ad2",
-  borderRadius: "3px",
-  fontWeight: "600",
-  color: "#fff",
-  fontSize: "15px",
-  textDecoration: "none",
-  textAlign: "center" as const,
-  display: "block",
-  padding: "11px 23px",
+  backgroundColor: '#5e6ad2',
+  borderRadius: '3px',
+  fontWeight: '600',
+  color: '#fff',
+  fontSize: '15px',
+  textDecoration: 'none',
+  textAlign: 'center' as const,
+  display: 'block',
+  padding: '11px 23px',
 };
 
 const reportLink = {
-  fontSize: "14px",
-  color: "#b4becc",
+  fontSize: '14px',
+  color: '#b4becc',
 };
 
 const hr = {
-  borderColor: "#dfe1e4",
-  margin: "42px 0 26px",
+  borderColor: '#dfe1e4',
+  margin: '42px 0 26px',
 };
 
 const code = {
-  fontFamily: "monospace",
-  fontWeight: "700",
-  padding: "1px 4px",
-  backgroundColor: "#dfe1e4",
-  letterSpacing: "-0.3px",
-  fontSize: "21px",
-  borderRadius: "4px",
-  color: "#3c4149",
+  fontFamily: 'monospace',
+  fontWeight: '700',
+  padding: '1px 4px',
+  backgroundColor: '#dfe1e4',
+  letterSpacing: '-0.3px',
+  fontSize: '21px',
+  borderRadius: '4px',
+  color: '#3c4149',
 };