Merge pull request #19 from llbbl/deps/update-packages

chore(deps): update dependencies and fix code review findings

Author: llbbl

.dockerignore

@@ -30,9 +30,14 @@ out
 *.sublime-workspace
 
 # Ignore testing files
+tests
 coverage
 .nyc_output
 
+# Ignore CI and documentation
+.github
+*.md
+
 # Ignore logs and temporary files
 logs
 *.log

.github/workflows/lighthouse.yml

@@ -3,7 +3,7 @@ FROM node:24-alpine AS deps
 WORKDIR /app
 
 # Install pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
+RUN corepack enable && corepack prepare pnpm@10 --activate
 
 # Copy package files
 COPY package.json pnpm-lock.yaml ./
@@ -18,7 +18,7 @@ FROM node:24-alpine AS builder
 WORKDIR /app
 
 # Install pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
+RUN corepack enable && corepack prepare pnpm@10 --activate
 
 # Copy dependencies from deps stage
 COPY --from=deps /app/node_modules ./node_modules

Dockerfile

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.4/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

biome.json

@@ -1,6 +1,5 @@
 // components/layout.tsx
 
-import { Inter } from 'next/font/google';
 import type React from 'react';
 import Copyright from '@/components/Copyright';
 import { ErrorBoundary } from '@/components/ErrorBoundary';
@@ -9,7 +8,6 @@ import SEO from '@/components/SEO';
 interface LayoutProps {
   children: React.ReactNode;
 }
-const _inter = Inter({ subsets: ['latin'] });
 
 const seoData = {
   title: '10 hours of Ludwig doing the Luddy! 🕺',

components/layout.tsx

@@ -17,41 +17,35 @@
     "biome:lint": "biome lint .",
     "biome:format": "biome format . --write",
     "biome:fix": "biome check . --write",
-    "analyze": "ANALYZE=true next build",
-    "lighthouse": "lhci autorun",
-    "lighthouse:collect": "lhci collect",
-    "lighthouse:assert": "lhci assert"
+    "analyze": "ANALYZE=true next build"
   },
   "dependencies": {
-    "logan-logger": "^1.1.13",
+    "logan-logger": "^1.1.14",
     "next": "16.1.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.13",
-    "@lhci/cli": "^0.15.1",
+    "@biomejs/biome": "^2.4.4",
     "@next/bundle-analyzer": "^16.1.6",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/postcss": "^4.2.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react": "^5.1.4",
     "@vitest/ui": "^4.0.18",
-    "autoprefixer": "^10.4.24",
-    "jsdom": "^27.4.0",
+    "jsdom": "^28.1.0",
     "postcss": "^8.5.6",
     "sharp": "^0.34.5",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"
   },
   "pnpm": {
     "overrides": {
       "js-yaml": ">=4.1.1",
-      "qs": ">=6.14.1",
       "lodash": ">=4.17.23",
       "lodash-es": ">=4.17.23"
     }

lighthouserc.js

@@ -1,7 +1,7 @@
 // pages/_app.tsx
 import type { AppProps } from 'next/app';
 import '../assets/styles/globals.css';
-import Layout from '@/components/layout'; // Adjust the path as needed
+import Layout from '@/components/layout';
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (

package.json

@@ -9,7 +9,7 @@ export default function Component() {
 
   useEffect(() => {
     // Set user context on page load
-    const sessionId = `session_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    const sessionId = `session_${Date.now()}_${crypto.randomUUID().slice(0, 9)}`;
     setUserContext(undefined, sessionId, {
       page: 'home',
       userAgent: navigator.userAgent,
@@ -52,7 +52,7 @@ export default function Component() {
       </header>
       <main className="flex justify-center w-full mt-6 px-4">
         <section
-          className="aspect-youtube w-full flex justify-center relative"
+          className="aspect-video w-full flex justify-center relative"
           style={{ maxWidth: '80vw' }}
           aria-label="Ludwig Luddy dance video player"
         >
@@ -68,10 +68,9 @@ export default function Component() {
           )}
           <iframe
             ref={iframeRef}
-            className="absolute top-0 left-0 w-full h-auto"
+            className="absolute top-0 left-0 w-full h-auto border-0"
             src={shouldLoadIframe ? 'https://www.youtube.com/embed/L3Ucukzbp6k' : undefined}
             title="10 hours of Ludwig doing the Luddy dance - YouTube video player"
-            frameBorder="0"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             allowFullScreen
             loading="lazy"