feat: migrate to biomejs from prettier

.github/workflows/ci.yml

@@ -35,8 +35,8 @@ jobs:
       - name: Lint 🪩
         run: pnpm lint:affected
 
-      - name: Prettier ✨
-        run: pnpm prettier:affected
+      - name: Biome ✨
+        run: pnpm biome:affected
 
       - name: Build 🎁
         run: pnpm build

.husky/pre-commit

@@ -2,4 +2,5 @@
 . "$(dirname "$0")/_/husky.sh"
 
 pnpm lint:affected
+pnpm biome:affected
 pnpm typecheck:affected

.vscode/extensions.json

@@ -1,6 +1,6 @@
 {
   "recommendations": [
-    "esbenp.prettier-vscode",
+    "biomejs.biome",
     "formulahendry.auto-close-tag",
     "mikestead.dotenv",
     "dbaeumer.vscode-eslint",

.vscode/settings.json

@@ -1,3 +1,10 @@
 {
-  "editor.tabSize": 2
+  "editor.tabSize": 2,
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "quickfix.biome": "always"
+  }
 }

README.md

@@ -11,9 +11,6 @@
     <a href="https://vercel.com/heyxyz?utm_source=Hey&utm_campaign=oss">
         <img src="https://therealsujitk-vercel-badge.vercel.app/?app=heyxyz" alt="Vercel">
     </a>
-    <a href="https://deepsource.io/gh/heyxyz/hey">
-        <img src="https://deepsource.io/gh/heyxyz/hey.svg/?label=active+issues&show_trend=true" alt="GitHub actions">
-    </a>
     <a href="https://www.gitpoap.io/gh/lensterxyz">
         <img src="https://public-api.gitpoap.io/v1/repo/lensterxyz/hey/badge" alt="Gitpoap">
     </a>

apps/api/package.json

@@ -11,8 +11,8 @@
     "postinstall": "pnpm codegen",
     "lint": "eslint . --ext .js,.ts,.tsx",
     "lint:fix": "eslint . --fix --ext .js,.ts,.tsx",
-    "prettier": "prettier --check \"**/*.{js,ts,tsx,md}\"  --cache",
-    "prettier:fix": "prettier --write \"**/*.{js,ts,tsx,md}\"  --cache",
+    "biome": "biome check *",
+    "biome:fix": "biome check * --apply",
     "prisma:format": "prisma format --schema ./src/db/schema.prisma",
     "prisma:migrate": "prisma migrate dev --schema ./src/db/schema.prisma",
     "prisma:studio": "prisma studio --schema ./src/db/schema.prisma",

apps/api/src/routes/feed/getPublicationIds.ts

@@ -21,12 +21,14 @@ export const get: Handler = async (req, res) => {
   try {
     let ids: string[] = [];
     switch (provider) {
-      case AlgorithmProvider.K3L:
+      case AlgorithmProvider.K3L: {
         ids = await k3lFeed(strategy, profile, limit, offset);
         break;
-      case AlgorithmProvider.HEY:
+      }
+      case AlgorithmProvider.HEY: {
         ids = await heyFeed(strategy, limit, offset);
         break;
+      }
       default:
         return res
           .status(200)

apps/api/src/routes/group/featured.ts

@@ -5,7 +5,7 @@ import catchedError from '@utils/catchedError';
 import { SWR_CACHE_AGE_10_MINS_30_DAYS } from '@utils/constants';
 import prisma from '@utils/prisma';
 
-export const get: Handler = async (_req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     const data = await prisma.group.findMany({
       orderBy: { createdAt: 'desc' },

apps/api/src/routes/health.ts

@@ -3,7 +3,7 @@ import type { Handler } from 'express';
 import createClickhouseClient from '@utils/createClickhouseClient';
 import prisma from '@utils/prisma';
 
-export const get: Handler = async (req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     // Postgres
     const db = await prisma.feature.count();

apps/api/src/routes/index.ts

@@ -1,5 +1,5 @@
 import type { Handler } from 'express';
 
-export const get: Handler = async (_req, res) => {
-  res.json({ message: 'Hey API ✨' });
+export const get: Handler = (_, res) => {
+  return res.json({ message: 'Hey API ✨' });
 };

apps/api/src/routes/misc/getVerified.ts

@@ -5,7 +5,7 @@ import catchedError from '@utils/catchedError';
 import { SWR_CACHE_AGE_10_MINS_30_DAYS } from '@utils/constants';
 import prisma from '@utils/prisma';
 
-export const get: Handler = async (_req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     const data = await prisma.verified.findMany({
       select: { id: true }

apps/api/src/routes/staff-pick/getStaffPicks.ts

@@ -5,7 +5,7 @@ import catchedError from '@utils/catchedError';
 import { SWR_CACHE_AGE_10_MINS_30_DAYS } from '@utils/constants';
 import prisma from '@utils/prisma';
 
-export const get: Handler = async (req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     const data = await prisma.staffPick.findMany({
       orderBy: { score: 'desc' },

apps/api/src/routes/stats/profileDetails.ts

@@ -47,18 +47,19 @@ export const get: Handler = async (req, res) => {
       `
     });
 
-    const result = await rows.json<
-      Array<{
-        actor: string;
-        most_common_browser: string;
-        most_common_browser_version: string;
-        most_common_city: string;
-        most_common_country: string;
-        most_common_os: string;
-        most_common_region: string;
-        number_of_events: string;
-      }>
-    >();
+    const result =
+      await rows.json<
+        Array<{
+          actor: string;
+          most_common_browser: string;
+          most_common_browser_version: string;
+          most_common_city: string;
+          most_common_country: string;
+          most_common_os: string;
+          most_common_region: string;
+          number_of_events: string;
+        }>
+      >();
     logger.info(`Profile details fetched for ${id}`);
 
     return res

apps/api/src/routes/sts/token.ts

@@ -25,7 +25,7 @@ const params = {
   }`
 };
 
-export const get: Handler = async (req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     const accessKeyId = process.env.EVER_ACCESS_KEY as string;
     const secretAccessKey = process.env.EVER_ACCESS_SECRET as string;

apps/api/src/routes/token/all.ts

@@ -5,7 +5,7 @@ import catchedError from '@utils/catchedError';
 import { SWR_CACHE_AGE_1_MIN_30_DAYS } from '@utils/constants';
 import prisma from '@utils/prisma';
 
-export const get: Handler = async (req, res) => {
+export const get: Handler = async (_, res) => {
   try {
     const data = await prisma.allowedToken.findMany({
       orderBy: { createdAt: 'desc' }

apps/api/src/utils/feeds/providers/k3l/k3lFeed.ts

@@ -14,7 +14,7 @@ const k3lFeed = async (
     return await k3lPersonalFeed(strategy, profile, limit, offset);
   }
 
-  logger.info(`[K3L] Global feed`);
+  logger.info('[K3L] Global feed');
   return await k3lGlobalFeed(strategy, limit, offset);
 };
 

apps/api/src/utils/oembed/meta/generateIframe.ts

@@ -37,19 +37,21 @@ const generateIframe = (
 
   switch (hostname) {
     case 'youtube.com':
-    case 'youtu.be':
+    case 'youtu.be': {
       if (youtubeRegex.test(url)) {
         return `<iframe src="${pickedUrl}" ${universalSize} allow="accelerometer; encrypted-media" allowfullscreen></iframe>`;
       }
 
       return null;
-    case 'tape.xyz':
+    }
+    case 'tape.xyz': {
       if (tapeRegex.test(url)) {
         return `<iframe src="${pickedUrl}" ${universalSize} allow="accelerometer; encrypted-media" allowfullscreen></iframe>`;
       }
 
       return null;
-    case 'open.spotify.com':
+    }
+    case 'open.spotify.com': {
       const spotifySize = `style="max-width: 560px;" width="100%"`;
       if (spotifyTrackUrlRegex.test(url)) {
         const spotifyUrl = pickedUrl.replace('/track', '/embed/track');
@@ -62,18 +64,21 @@ const generateIframe = (
       }
 
       return null;
-    case 'soundcloud.com':
+    }
+    case 'soundcloud.com': {
       if (soundCloudRegex.test(url)) {
         return `<iframe src="${pickedUrl}" ${universalSize}></iframe>`;
       }
 
       return null;
-    case 'oohlala.xyz':
+    }
+    case 'oohlala.xyz': {
       if (oohlalaUrlRegex.test(url)) {
         return `<iframe src="${pickedUrl}" ${universalSize}></iframe>`;
       }
 
       return null;
+    }
     default:
       return `<iframe src="${pickedUrl}" width="560"></iframe>`;
   }

apps/api/src/utils/oembed/meta/getDescription.ts

@@ -13,9 +13,13 @@ const getDescription = (document: Document): null | string => {
 
   if (lens) {
     return lens.getAttribute('content');
-  } else if (og) {
+  }
+
+  if (og) {
     return og.getAttribute('content');
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     return twitter.getAttribute('content');
   }
 

apps/api/src/utils/oembed/meta/getEmbedUrl.ts

@@ -15,9 +15,13 @@ const getEmbedUrl = (document: Document): null | string => {
 
   if (lens) {
     return lens.getAttribute('content');
-  } else if (og) {
+  }
+
+  if (og) {
     return og.getAttribute('content');
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     return twitter.getAttribute('content');
   }
 

apps/api/src/utils/oembed/meta/getImage.ts

@@ -15,9 +15,13 @@ const getImage = (document: Document): null | string => {
 
   if (lens) {
     return lens.getAttribute('content');
-  } else if (og) {
+  }
+
+  if (og) {
     return og.getAttribute('content');
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     return twitter.getAttribute('content');
   }
 

apps/api/src/utils/oembed/meta/getIsLarge.ts

@@ -13,7 +13,9 @@ const getIsLarge = (document: Document): boolean | null => {
   if (lens) {
     const card = lens.getAttribute('content') || '';
     return largeTypes.includes(card);
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     const card = twitter.getAttribute('content') || '';
     return largeTypes.includes(card);
   }

apps/api/src/utils/oembed/meta/getSite.ts

@@ -13,9 +13,13 @@ const getSite = (document: Document): null | string => {
 
   if (lens) {
     return lens.getAttribute('content');
-  } else if (og) {
+  }
+
+  if (og) {
     return og.getAttribute('content');
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     return twitter.getAttribute('content');
   }
 

apps/api/src/utils/oembed/meta/getTitle.ts

@@ -13,9 +13,13 @@ const getTitle = (document: Document): null | string => {
 
   if (lens) {
     return lens.getAttribute('content');
-  } else if (og) {
+  }
+
+  if (og) {
     return og.getAttribute('content');
-  } else if (twitter) {
+  }
+
+  if (twitter) {
     return twitter.getAttribute('content');
   }
 

apps/api/src/utils/stats/generateDateRangeDict.ts

@@ -1,10 +1,10 @@
 const generateDateRangeDict = (): { [key: string]: number } => {
-  let date = new Date();
+  const date = new Date();
   date.setFullYear(date.getFullYear() - 1);
 
-  let dates: { [key: string]: number } = {};
+  const dates: { [key: string]: number } = {};
   while (date < new Date()) {
-    let dateString = date.toISOString().split('T')[0];
+    const dateString = date.toISOString().split('T')[0];
     dates[dateString] = 0;
     date.setDate(date.getDate() + 1);
   }

apps/web/package.json

@@ -9,8 +9,8 @@
     "dev": "next dev --port 4783",
     "lint": "eslint . --ext .ts,.tsx",
     "lint:fix": "eslint . --fix --ext .ts,.tsx",
-    "prettier": "prettier --check \"**/*.{js,ts,tsx,md}\"  --cache",
-    "prettier:fix": "prettier --write \"**/*.{js,ts,tsx,md}\"  --cache",
+    "biome": "biome check *",
+    "biome:fix": "biome check * --apply",
     "start": "next start --port 4783",
     "typecheck": "tsc --pretty"
   },