chore: change pkg manager to bun

.github/workflows/ci.yml

@@ -38,17 +38,21 @@ jobs:
           # update the Node version to meet your needs
           node-version: 18
 
+      - uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
+
       - name: Copy env
         run: cp .env.sample .env.local
 
       - name: Install modules
-        run: yarn
+        run: bun
 
       - name: Check lint
-        run: yarn lint
+        run: bun lint
 
       - name: Test
-        run: yarn test --coverage
+        run: bun run test --coverage
 
       - name: Upload coverage to Codecov
         uses: codecov/codecov-action@v2
@@ -61,11 +65,11 @@ jobs:
           verbose: true
 
       # - name: Build
-      #   run: yarn build
+      #   run: bun build
       #   env:
       #     DATABASE_URL: postgresql://test:test!@localhost:5432/test
 
       # - name: Export
       #   run: |
-      #     yarn export
+      #     bun export
       #     touch out/.nojekyll

package.json

@@ -5,19 +5,19 @@
   "homepage": "https://stats.dooboo.io",
   "scripts": {
     "dev:next": "NODE_OPTIONS='--inspect' next dev",
-    "dev": "concurrently \"yarn dev:next\" \"tailwindcss --input ./styles/root.css --output ./styles/output.css --watch\"",
-    "build": "tailwindcss ./styles/root.css --output ./styles/output.css && yarn generate:prisma && next build",
+    "dev": "concurrently \"bun dev:next\" \"tailwindcss --input ./styles/root.css --output ./styles/output.css --watch\"",
+    "build": "tailwindcss ./styles/root.css --output ./styles/output.css && bun generate:prisma && next build",
     "export": "next export",
     "start": "next start",
-    "lint": "next lint && yarn eslint",
+    "lint": "next lint && bun eslint",
     "eslint": "eslint --ext .ts,.tsx,.js,.jsx src server app",
     "seed": "dotenv -e .env.local -- prisma db seed",
     "migrate:dev": "dotenv -e .env.dev -- prisma migrate dev",
     "migrate:staging": "dotenv -e .env.local -- prisma migrate deploy",
     "migrate:prod": "dotenv -e .env.prod -- prisma migrate deploy",
     "generate:prisma": "prisma generate",
     "generate:supabase": "npx supabase gen types typescript --project-id $SUPABASE_PROJECT_DOOBOOIO_STAGING --schema public > src/types/supabase.ts",
-    "generate": "yarn generate:prisma && yarn generate:supabase",
+    "generate": "bun generate:prisma && bun generate:supabase",
     "test": "vitest"
   },
   "dependencies": {
@@ -84,6 +84,5 @@
   },
   "prisma": {
     "seed": "ts-node --transpile-only ./prisma/seed.ts"
-  },
-  "packageManager": "[email protected]"
+  }
 }

styles/output.css

@@ -1035,6 +1035,11 @@ input[type='search']::-webkit-search-decoration,
   margin: auto;
 }
 
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
 .mx-10 {
   margin-left: 2.5rem;
   margin-right: 2.5rem;
@@ -1075,11 +1080,6 @@ input[type='search']::-webkit-search-decoration,
   margin-bottom: 0.5rem;
 }
 
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
 .mb-10 {
   margin-bottom: 2.5rem;
 }
@@ -1236,6 +1236,10 @@ input[type='search']::-webkit-search-decoration,
   margin-top: 80px;
 }
 
+.block {
+  display: block;
+}
+
 .flex {
   display: flex;
 }
@@ -1276,6 +1280,10 @@ input[type='search']::-webkit-search-decoration,
   height: 1rem;
 }
 
+.h-40 {
+  height: 10rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -1519,10 +1527,6 @@ input[type='search']::-webkit-search-decoration,
   align-self: stretch;
 }
 
-.overflow-auto {
-  overflow: auto;
-}
-
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1642,6 +1646,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(232 232 232 / var(--tw-bg-opacity));
 }
 
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
 .bg-contrast-light {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1691,11 +1700,6 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
 .bg-cover {
   background-size: cover;
 }
@@ -2289,12 +2293,6 @@ input[type='search']::-webkit-search-decoration,
   }
 }
 
-@media (max-width: 460px) {
-  .max-\[460px\]\:hidden {
-    display: none;
-  }
-}
-
 @media (max-width: 425px) {
   .max-\[425px\]\:invisible {
     visibility: hidden;
@@ -2338,24 +2336,12 @@ input[type='search']::-webkit-search-decoration,
   }
 }
 
-@media (max-width: 400px) {
-  .max-\[400px\]\:hidden {
-    display: none;
-  }
-}
-
 @media (max-width: 380px) {
   .max-\[380px\]\:hidden {
     display: none;
   }
 }
 
-@media (max-width: 360px) {
-  .max-\[360px\]\:hidden {
-    display: none;
-  }
-}
-
 @media (max-width: 320px) {
   .max-\[320px\]\:items-start {
     align-items: flex-start;