feat: implement biome

Signed-off-by: mateonunez <mateonunez95@gmail.com>

app/api/open-source/profile/route.js

@@ -3,11 +3,8 @@ import { getProfile } from 'lib/github';
 import { normalizeGitHubProfile } from 'lib/utils/normalizers/normalizeGithub';
 
 export async function GET() {
-  const profile = await getProfile().catch(err => {
-    return NextResponse.json(
-      { message: 'Something went wrong with GitHub.', extra: err },
-      { status: 500 }
-    );
+  const profile = await getProfile().catch((err) => {
+    return NextResponse.json({ message: 'Something went wrong with GitHub.', extra: err }, { status: 500 });
   });
   if (!profile) {
     return NextResponse.json({ error: 'Github not available' }, { status: 500 });

app/api/open-source/readme/route.js

@@ -2,11 +2,8 @@ import { NextResponse } from 'next/server';
 import { getReadme } from 'lib/github';
 
 export async function GET() {
-  const readme = await getReadme().catch(err => {
-    return NextResponse.json(
-      { message: 'Something went wrong with GitHub.', extra: err },
-      { status: 500 }
-    );
+  const readme = await getReadme().catch((err) => {
+    return NextResponse.json({ message: 'Something went wrong with GitHub.', extra: err }, { status: 500 });
   });
   if (!readme) {
     return NextResponse.json({ error: 'Github not available' }, { status: 500 });

app/api/open-source/repositories/[slug]/route.js

@@ -1,17 +1,14 @@
 import { NextResponse } from 'next/server';
 import { getRepository } from 'lib/github';
 
-export async function GET(request, { params }) {
+export async function GET(_, { params }) {
   const { slug: repository } = params;
   if (!repository) {
     return NextResponse.json({ error: 'Repository not found' }, { status: 404 });
   }
 
-  const { [repository]: repositoryFetched } = await getRepository(repository).catch(err => {
-    return NextResponse.json(
-      { message: 'Something went wrong with GitHub.', extra: err },
-      { status: 500 }
-    );
+  const { [repository]: repositoryFetched } = await getRepository(repository).catch((err) => {
+    return NextResponse.json({ message: 'Something went wrong with GitHub.', extra: err }, { status: 500 });
   });
 
   if (!repositoryFetched) {

app/api/route.js

@@ -5,6 +5,6 @@ const { author } = metadata;
 
 export async function GET() {
   return NextResponse.json({
-    ...author
+    ...author,
   });
 }

app/api/spotify/recently-played/route.js

@@ -3,7 +3,7 @@ import { getRecentlyPlayed } from 'lib/spotify';
 import { normalizeRecentlyPlayed } from 'lib/utils/normalizers';
 
 export async function GET() {
-  const response = await getRecentlyPlayed().catch(err => {
+  const response = await getRecentlyPlayed().catch((err) => {
     return NextResponse.json({ recently_played: false, message: 'Are you connected?', extra: err });
   });
 

app/api/spotify/top/route.js

@@ -3,11 +3,11 @@ import { getTopArtists, getTopTracks } from 'lib/spotify';
 import { normalizeArtists, normalizeTracks } from 'lib/utils/normalizers';
 
 export async function GET() {
-  const artistsResponse = await getTopArtists().catch(err => {
+  const artistsResponse = await getTopArtists().catch((err) => {
     return NextResponse.json({ recently_played: false, message: 'Are you connected?', extra: err });
   });
 
-  const tracksResponse = await getTopTracks().catch(err => {
+  const tracksResponse = await getTopTracks().catch((err) => {
     return NextResponse.json({ recently_played: false, message: 'Are you connected?', extra: err });
   });
 
@@ -29,6 +29,6 @@ export async function GET() {
 
   return NextResponse.json({
     artists: artists.map(normalizeArtists),
-    tracks: tracks.map(normalizeTracks)
+    tracks: tracks.map(normalizeTracks),
   });
 }

app/blog/[slug]/page.jsx

@@ -18,7 +18,7 @@ export async function generateMetadata({ params }) {
   const { frontMatter } = await fetchArticle({ slug });
 
   const baseUrl = new URL(config.baseUrl);
-  const imagePath = frontMatter.image.startsWith('/') ? frontMatter.image : '/' + frontMatter.image;
+  const imagePath = frontMatter.image.startsWith('/') ? frontMatter.image : `/${frontMatter.image}`;
   const imageUrl = new URL(imagePath, baseUrl).toString();
 
   const dynamicMetadata = {
@@ -35,15 +35,15 @@ export async function generateMetadata({ params }) {
         authors: [frontMatter.author.name],
         tags: frontMatter.tags,
         publishedTime: frontMatter.date,
-        modifiedTime: frontMatter.date
+        modifiedTime: frontMatter.date,
       },
       images: [
         {
           url: imageUrl,
-          alt: frontMatter.title
-        }
-      ]
-    }
+          alt: frontMatter.title,
+        },
+      ],
+    },
   };
   return dynamicMetadata;
 }

app/blog/authors/[author]/page.jsx

@@ -9,16 +9,14 @@ export async function generateMetadata({ params }) {
   const { author } = params;
 
   return {
-    title: `> blog - ${author}`
+    title: `> blog - ${author}`,
   };
 }
 
 export default async function BlogAuthor({ params }) {
   const { author } = params;
 
-  const articles = (await getAllArticles()).filter(
-    article => kebapCase(article.author.name) === author
-  );
+  const articles = (await getAllArticles()).filter((article) => kebapCase(article.author.name) === author);
 
   return (
     <>
@@ -28,7 +26,7 @@ export default async function BlogAuthor({ params }) {
 
         <div className={s.root}>
           <div className="container">
-            {articles.map(article => (
+            {articles.map((article) => (
               <ArticlePreview key={article.slug} {...article} />
             ))}
           </div>

app/blog/page.jsx

@@ -8,7 +8,7 @@ import meta from 'lib/config/metadata.js';
 export const metadata = {
   title: '> blog',
   description: `Articles written with ❤️ by ${meta.author.name} and the Community. ${meta.description}`,
-  keywords: [...meta.keywords, 'blog', 'articles']
+  keywords: [...meta.keywords, 'blog', 'articles'],
 };
 
 export default async function Blog() {
@@ -20,7 +20,7 @@ export default async function Blog() {
 
         <div className={s.root}>
           <div className="container">
-            {articles.map(article => (
+            {articles.map((article) => (
               <ArticlePreview key={article.slug} {...article} />
             ))}
           </div>

app/blog/tags/[tag]/page.jsx

@@ -9,15 +9,15 @@ export async function generateMetadata({ params }) {
   const { tag } = params;
 
   return {
-    title: `> blog - ${tag}`
+    title: `> blog - ${tag}`,
   };
 }
 
 export default async function BlogTag({ params }) {
   const { tag } = params;
 
-  const articles = (await getAllArticles()).filter(article => {
-    return article.tags.map(tag => kebapCase(tag)).includes(tag);
+  const articles = (await getAllArticles()).filter((article) => {
+    return article.tags.map((tag) => kebapCase(tag)).includes(tag);
   });
 
   return (
@@ -27,7 +27,7 @@ export default async function BlogTag({ params }) {
 
         <div className={s.root}>
           <div className="container">
-            {articles.map(article => (
+            {articles.map((article) => (
               <ArticlePreview key={article.slug} {...article} />
             ))}
           </div>

app/error.jsx

@@ -13,7 +13,9 @@ export default function Eror({ error, reset }) {
       <div className={s.root}>
         <h2 className="title">Error unexpected. Can you fix me?</h2>
 
-        <button onClick={() => reset()}>Try again</button>
+        <button type="button" onClick={() => reset()}>
+          Try again
+        </button>
       </div>
     </>
   );

app/loading.jsx

@@ -1,7 +1,7 @@
 export default function Loading() {
   return (
     <div className="flex items-center justify-center h-screen">
-      <div className="w-32 h-32 border-b-2 border-gray-300 rounded-full animate-spin"></div>
+      <div className="w-32 h-32 border-b-2 border-gray-300 rounded-full animate-spin" />
     </div>
   );
 }

app/open-source/page.jsx

@@ -13,9 +13,9 @@ export const metadata = {
   other: [
     {
       name: 'followers',
-      content: 'https://api.github.com/users/mateonunez/followers'
-    }
-  ]
+      content: 'https://api.github.com/users/mateonunez/followers',
+    },
+  ],
 };
 
 export default async function OpenSourcePage() {
@@ -24,9 +24,9 @@ export default async function OpenSourcePage() {
   const profile = await profileFetcher();
   const { sponsors = [], followers = [] } = profile;
 
-  delete profile['repositories'];
-  delete profile['followers'];
-  delete profile['sponsors'];
+  profile.repositories = undefined;
+  profile.followers = undefined;
+  profile.sponsors = undefined;
 
   return (
     <>

app/sitemap.jsx

@@ -6,13 +6,13 @@ function generateArticlesSitemap() {
   const result = [];
   const articleSlugs = fs
     .readdirSync(path.join(process.cwd(), './articles'))
-    .filter(file => /\.mdx?$/.test(file))
-    .map(file => file.replace(/\.mdx?$/, ''));
+    .filter((file) => /\.mdx?$/.test(file))
+    .map((file) => file.replace(/\.mdx?$/, ''));
 
   for (const slug of articleSlugs) {
     result.push({
       url: new URL(`/blog/${slug}`, config.baseUrl).toString(),
-      lastModified: new Date()
+      lastModified: new Date(),
     });
   }
 
@@ -25,20 +25,20 @@ export default function sitemap() {
   return [
     {
       url: new URL('/', config.baseUrl).toString(),
-      lastModified: new Date()
+      lastModified: new Date(),
     },
     {
       url: new URL('/blog', config.baseUrl).toString(),
-      lastModified: new Date()
+      lastModified: new Date(),
     },
     ...articles,
     {
       url: new URL('/open-source', config.baseUrl).toString(),
-      lastModified: new Date()
+      lastModified: new Date(),
     },
     {
       url: new URL('/spotify', config.baseUrl).toString(),
-      lastModified: new Date()
-    }
+      lastModified: new Date(),
+    },
   ];
 }

app/spotify/page.jsx

@@ -5,7 +5,7 @@ import meta from 'lib/config/metadata.js';
 export const metadata = {
   title: '> spotify',
   description: `Music that I love. ${meta.description}`,
-  keywords: [...meta.keywords, 'spotify', 'music', 'recently played', 'top']
+  keywords: [...meta.keywords, 'spotify', 'music', 'recently played', 'top'],
 };
 
 export default async function SpotifyPage() {

biome.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.3.3/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "nursery": {
+        "all": true
+      },
+      "correctness": {
+        "all": true,
+        "useExhaustiveDependencies": "off"
+      }
+    },
+    "ignore": [".next/", "node_modules/", "./**/*.json"]
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 120,
+    "ignore": [".next/", "node_modules/"]
+  },
+  "javascript": {
+    "formatter": {
+      "semicolons": "always",
+      "quoteStyle": "single"
+    }
+  }
+}