build(deps): upgrade dependencies and update configs

rodneyosodo · rodneyosodo · commit 3c8815531d9e · 2026-04-03T00:52:44.000+03:00
Signed-off-by: Rodney Osodo &lt;socials@rodneyosodo.com&gt;
diff --git a/biome.json b/biome.json
@@ -1,48 +1,66 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
   "vcs": {
     "enabled": false,
     "clientKind": "git",
     "useIgnoreFile": false
   },
   "files": {
     "ignoreUnknown": false,
-    "ignore": ["src/components/ui/*.tsx", "src/app/providers.tsx"]
-  },
-  "organizeImports": {
-    "enabled": true
+    "includes": [
+      "**",
+      "!**/.next",
+      "!**/node_modules",
+      "!src/components/ui/*.tsx",
+      "!src/app/providers.tsx"
+    ]
   },
   "linter": {
     "enabled": true,
     "rules": {
       "recommended": true,
+      "correctness": {},
       "performance": {
-        "all": true
-      },
-      "security": {
-        "all": true
+        "noImgElement": "off"
       },
+      "security": {},
       "style": {
-        "all": true,
         "noDefaultExport": "off",
         "useFilenamingConvention": {
           "level": "error",
           "options": {
             "filenameCases": ["kebab-case"]
           }
-        }
+        },
+        "noParameterAssign": "error",
+        "useAsConstAssertion": "error",
+        "useDefaultParameterLast": "error",
+        "useEnumInitializers": "error",
+        "useSelfClosingElements": "error",
+        "useSingleVarDeclarator": "error",
+        "noUnusedTemplateLiteral": "error",
+        "useNumberNamespace": "error",
+        "noInferrableTypes": "error",
+        "noUselessElse": "error"
       }
-    }
+    },
+    "includes": ["src/**/*", "!src/components/ui/**/*"]
   },
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
     "indentWidth": 2,
     "lineWidth": 80
   },
+  "assist": { "actions": { "source": { "organizeImports": "on" } } },
   "javascript": {
     "formatter": {
       "quoteStyle": "double"
     }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
   }
 }
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -11,35 +11,35 @@
     "lint:fix": "biome check src --write"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.3",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-navigation-menu": "^1.2.5",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "framer-motion": "^12.18.1",
-    "lucide-react": "^0.516.0",
-    "motion": "^12.18.1",
-    "next": "15.3.8",
-    "next-mdx-remote": "^5.0.0",
-    "posthog-js": "^1.253.4",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "tailwind-merge": "^3.3.1",
+    "framer-motion": "^12.38.0",
+    "lucide-react": "^1.7.0",
+    "motion": "^12.38.0",
+    "next": "16.2.2",
+    "next-mdx-remote": "^6.0.0",
+    "posthog-js": "^1.364.6",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@tailwindcss/postcss": "^4.1.10",
-    "@types/node": "^24",
+    "@biomejs/biome": "^2.4.10",
+    "@tailwindcss/postcss": "^4.2.2",
+    "@types/node": "^25",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "postcss": "^8",
-    "tailwindcss": "^4.1.10",
-    "typescript": "^5"
+    "tailwindcss": "^4.2.2",
+    "typescript": "^6"
   }
 }
diff --git a/src/app/(about)/overview/_components/organising-team.tsx b/src/app/(about)/overview/_components/organising-team.tsx
@@ -1,15 +1,9 @@
 "use client";
-import { useOutsideClick } from "@/hooks/use-outside-click";
 import { AnimatePresence, motion } from "framer-motion";
 import { X } from "lucide-react";
 import Image from "next/image";
-import React, {
-  type RefObject,
-  useEffect,
-  useId,
-  useRef,
-  useState,
-} from "react";
+import { type RefObject, useEffect, useId, useRef, useState } from "react";
+import { useOutsideClick } from "@/hooks/use-outside-click";
 
 const team = [
   {
diff --git a/src/app/(about)/overview/page.tsx b/src/app/(about)/overview/page.tsx
@@ -1,4 +1,3 @@
-import AboutSection from "@/components/about-section";
 import HeroSection from "./_components/hero-section";
 import { OrganisingTeam } from "./_components/organising-team";
 
diff --git a/src/app/(articles)/[slug]/page.tsx b/src/app/(articles)/[slug]/page.tsx
@@ -1,7 +1,7 @@
+import { notFound } from "next/navigation";
 import { CustomMdx } from "@/components/mdx";
 import { TracingBeam } from "@/components/ui/tracing-beam";
 import { getArticles } from "@/lib/mdx";
-import { notFound } from "next/navigation";
 
 export default async function Article(props: {
   params: Promise<{ slug: string }>;
diff --git a/src/app/(articles)/_components/sponsors.tsx b/src/app/(articles)/_components/sponsors.tsx
@@ -1,5 +1,5 @@
-import { sponsors } from "@/lib/constants";
 import Image from "next/image";
+import { sponsors } from "@/lib/constants";
 
 export default function Sponsors() {
   const years = [...new Set(sponsors.flatMap((sponsor) => sponsor.year))]
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,6 +1,6 @@
 @import "tailwindcss";
 
-@plugin 'tailwindcss-animate';
+@plugin "tailwindcss-animate";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/src/app/posthog-page-view.tsx b/src/app/posthog-page-view.tsx
@@ -17,7 +17,6 @@ function PostHogPageView(): null {
         url = `${url}?${searchParams.toString()}`;
       }
 
-      // biome-ignore lint/style/useNamingConvention: This is used by PostHog
       posthog.capture("$pageview", { $current_url: url });
     }
   }, [pathname, searchParams, posthog]);
diff --git a/src/components/gallery.tsx b/src/components/gallery.tsx
@@ -1,5 +1,5 @@
-import BlurFade from "@/components/ui/blur-fade";
 import Image from "next/image";
+import BlurFade from "@/components/ui/blur-fade";
 
 export default function Gallery({ images }: { images: string[] }) {
   return (
diff --git a/src/components/mdx.tsx b/src/components/mdx.tsx
@@ -1,9 +1,9 @@
-import Sponsors from "@/app/(articles)/_components/sponsors";
-import { cn } from "@/lib/utils";
-import { MDXRemote, type MDXRemoteProps } from "next-mdx-remote/rsc";
 import Image, { type ImageProps } from "next/image";
+import { MDXRemote, type MDXRemoteProps } from "next-mdx-remote/rsc";
 import type React from "react";
 import type { JSX } from "react";
+import Sponsors from "@/app/(articles)/_components/sponsors";
+import { cn } from "@/lib/utils";
 
 function slugify(str: string) {
   return str
@@ -12,8 +12,8 @@ function slugify(str: string) {
     .trim() // Remove whitespace from both ends of a string
     .replace(/\s+/g, "-") // Replace spaces with -
     .replace(/&/g, "-and-") // Replace & with 'and'
-    .replace(/[^\w\-]+/g, "") // Remove all non-word characters except for -
-    .replace(/\-\-+/g, "-"); // Replace multiple - with single -
+    .replace(/[^\w-]+/g, "") // Remove all non-word characters except for -
+    .replace(/--+/g, "-"); // Replace multiple - with single -
 }
 
 function createHeading(level: 1 | 2 | 3 | 4 | 5 | 6) {
@@ -49,7 +49,6 @@ const components = {
   h4: createHeading(4),
   h5: createHeading(5),
   h6: createHeading(6),
-  // biome-ignore lint/style/useNamingConvention: <explanation>
   Sponsors: Sponsors,
 
   a: ({ className = "" as string, ...props }) => (
@@ -79,7 +78,6 @@ const components = {
       {...props}
     />
   ),
-  // biome-ignore lint/style/useNamingConvention: This is used by MDX
   Image: (props: ImageProps) => (
     <Image className="my-6 rounded-lg" {...props} />
   ),
diff --git a/src/components/nav-bar.tsx b/src/components/nav-bar.tsx
@@ -1,3 +1,15 @@
+import {
+  Book,
+  CalendarClock,
+  Menu,
+  PhoneCall,
+  ShieldCheck,
+  Target,
+  Trees,
+  Users,
+  Zap,
+} from "lucide-react";
+import Link from "next/link";
 import {
   Accordion,
   AccordionContent,
@@ -28,18 +40,6 @@ import {
   SheetTrigger,
 } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
-import {
-  Book,
-  CalendarClock,
-  Menu,
-  PhoneCall,
-  ShieldCheck,
-  Target,
-  Trees,
-  Users,
-  Zap,
-} from "lucide-react";
-import Link from "next/link";
 
 const subMenuItemsOne = [
   {
@@ -295,7 +295,7 @@ export default function Navbar1() {
                         Program
                       </AccordionTrigger>
                       <AccordionContent className="mt-2">
-                        {subMenuItemsTwo.map((item, idx) => (
+                        {subMenuItemsTwo.map((item) => (
                           <a
                             key={item.title}
                             className={cn(
diff --git a/src/components/report.tsx b/src/components/report.tsx
@@ -1,15 +1,3 @@
-import Gallery from "@/components/gallery";
-import { Badge } from "@/components/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Progress } from "@/components/ui/progress";
-import { Separator } from "@/components/ui/separator";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import {
   Award,
   Calendar,
@@ -22,7 +10,18 @@ import {
   TrendingUp,
   Users,
 } from "lucide-react";
-import Image from "next/image";
+import Gallery from "@/components/gallery";
+import { Badge } from "@/components/ui/badge";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Progress } from "@/components/ui/progress";
+import { Separator } from "@/components/ui/separator";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
 type Session = {
   time: string;
@@ -38,13 +37,6 @@ type ScheduleDay = {
   sessions: Session[];
 };
 
-type Speaker = {
-  name: string;
-  role: string;
-  company: string;
-  country: string;
-};
-
 type Statistics = {
   totalAttendees: number;
   speakers: number;
@@ -280,7 +272,7 @@ export default function PyConKenyaReport({
                           {time}
                         </div>
                         <div className="grid gap-4 md:grid-cols-2">
-                          {sessions.map((session, sessionIndex) => (
+                          {sessions.map((session) => (
                             <div
                               key={`${day.date}-${session.time}-${session.title}`}
                               className="flex flex-col gap-2 p-3 rounded-md border bg-gray-50"
@@ -457,7 +449,7 @@ export default function PyConKenyaReport({
                 </CardHeader>
                 <CardContent>
                   <div className="space-y-3">
-                    {statistics.distributionByCountry.map((item, index) => (
+                    {statistics.distributionByCountry.map((item) => (
                       <div
                         key={item.country}
                         className="flex items-center justify-between"
diff --git a/src/components/sponsors.tsx b/src/components/sponsors.tsx
@@ -1,5 +1,5 @@
-import { sponsors } from "@/lib/constants";
 import Image from "next/image";
+import { sponsors } from "@/lib/constants";
 
 export default function Sponsors() {
   const mostRecentYear = Math.max(
diff --git a/src/hooks/use-outside-click.ts b/src/hooks/use-outside-click.ts
@@ -3,11 +3,11 @@ import { useEffect } from "react";
 
 export const useOutsideClick = (
   ref: React.RefObject<HTMLDivElement>,
-  // biome-ignore lint/complexity/noBannedTypes: <explanation>
+  // biome-ignore lint/complexity/noBannedTypes: intentional
   callback: Function,
 ) => {
   useEffect(() => {
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    // biome-ignore lint/suspicious/noExplicitAny: intentional
     const listener = (event: any) => {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
diff --git a/src/lib/mdx.ts b/src/lib/mdx.ts
@@ -7,7 +7,7 @@ type Metadata = {
 };
 
 const frontmatterRegex = /---\s*([\s\S]*?)\s*---/;
-const quoteRegex = /^['\"](.*)['\"]\$/;
+const quoteRegex = /^['"](.*)['"]\$/;
 
 function parseFrontmatter(fileContent: string) {
   const match = frontmatterRegex.exec(fileContent);

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import AboutSection from "@/components/about-section";`
`2`	`1`	`import HeroSection from "./_components/hero-section";`
`3`	`2`	`import { OrganisingTeam } from "./_components/organising-team";`
`4`	`3`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,6 @@ function PostHogPageView(): null {`
`17`	`17`	url = `${url}?${searchParams.toString()}`;
`18`	`18`	`}`
`19`	`19`
`20`		`- // biome-ignore lint/style/useNamingConvention: This is used by PostHog`
`21`	`20`	`posthog.capture("$pageview", { $current_url: url });`
`22`	`21`	`}`
`23`	`22`	`}, [pathname, searchParams, posthog]);`