Merge branch 'main' of github.com:SamidyFR/monochrome

.github/workflows/deploy.yml

@@ -1,35 +1,49 @@
 name: Deploy to GitHub Pages
 
 on:
-    push:
-        branches: [main]
+  push:
+    branches: [main]
 
 jobs:
-    deploy:
-        runs-on: ubuntu-latest
-        permissions:
-            contents: write # Needed to push to the gh-pages branch
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
 
-        steps:
-            - name: Checkout Code
-              uses: actions/checkout@v3
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
 
-            - name: Setup Node.js
-              uses: actions/setup-node@v3
-              with:
-                  node-version: '22'
-                  cache: 'npm'
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
 
-            - name: Install Dependencies
-              run: npm ci
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            ./bun_modules
+            ./node_modules
+            ./bun.lock
+          key: ${{ runner.os }}-bun-${{ hashFiles('bun.lock') }}
 
-            - name: Build
-              run: npm run build
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
 
-            - name: Deploy to GitHub Pages
-              uses: peaceiris/actions-gh-pages@v3
-              with:
-                  github_token: ${{ secrets.GITHUB_TOKEN }}
-                  publish_dir: ./dist
-                  publish_branch: deployed-ver
-                  force_orphan: true
+      - name: Build project
+        run: bun run build --mode production
+        env:
+          NODE_ENV: production
+          BUN_BUILD_THREADS: $(nproc)
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          publish_branch: deployed-ver
+          force_orphan: true
+          keep_files: false

.github/workflows/lint.yml

@@ -1,53 +1,60 @@
 name: Lint Codebase
 
 on:
-    push:
-        branches: [main]
-    pull_request:
-        branches: [main]
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
 
 permissions:
-    contents: write
+  contents: write
 
 jobs:
-    lint:
-        runs-on: ubuntu-latest
+  lint:
+    runs-on: ubuntu-latest
 
-        steps:
-            - uses: actions/checkout@v4
-              if: github.event_name == 'pull_request'
-              with:
-                  ref: ${{ github.head_ref }}
-                  repository: ${{ github.event.pull_request.head.repo.full_name }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
 
-            - uses: actions/checkout@v4
-              if: github.event_name != 'pull_request'
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
 
-            - name: Use Node.js
-              uses: actions/setup-node@v4
-              with:
-                  node-version: '20'
-                  cache: 'npm'
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            ./bun_modules
+            ./node_modules
+            ./bun.lock
+          key: ${{ runner.os }}-bun-${{ hashFiles('bun.lock') }}
 
-            - name: Install dependencies
-              run: npm ci
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
 
-            - name: Fix JS Lint
-              run: npm run lint:js -- --fix
-              continue-on-error: true
+      - name: Run JS Lint
+        run: bun run lint:js -- --fix
+        continue-on-error: true
 
-            - name: Fix CSS Lint
-              run: npm run lint:css -- --fix
-              continue-on-error: true
+      - name: Run CSS Lint
+        run: bun run lint:css -- --fix
+        continue-on-error: true
 
-            - name: Format with Prettier
-              run: npm run format
-              continue-on-error: true
+      - name: Format with Prettier
+        run: bun run format
+        continue-on-error: true
 
-            - name: Commit and Push changes
-              uses: stefanzweifel/git-auto-commit-action@v5
-              with:
-                  commit_message: 'style: auto-fix linting issues'
+      - name: Commit and Push lint fixes
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          commit_message: 'style: auto-fix linting issues'
+          commit_user_name: 'github-actions[bot]'
+          commit_user_email: 'github-actions[bot]@users.noreply.github.com'
+          only_if_changed: true
 
-            - name: Run HTML Lint
-              run: npm run lint:html
+      - name: Run HTML Lint
+        run: bun run lint:html

js/accounts/auth.js

@@ -1,4 +1,4 @@
-// js/firebase/auth.js
+// js/accounts/auth.js
 import { auth, provider } from './config.js';
 import {
     signInWithPopup,

styles.css

@@ -935,6 +935,10 @@ body.has-page-background .track-item:hover {
     gap: 2px var(--spacing-xl);
 }
 
+#playlist-detail-recommended .track-item {
+    grid-template-columns: 40px 1fr 80px 90px;
+}
+
 @media (max-width: 1100px) {
     #home-recommended-songs,
     #artist-detail-tracks,