chore: Prune dead dependencies and unused utils (#1236)

jeromehardaway · web-flow · commit 82677a5a235b · 2026-06-21T21:00:42.000-04:00
* chore: Prune dead dependencies and unused utils

Remove 17 unused dependencies (express, dayjs, framer-motion,
react-markdown, unified, @xenova/transformers, mailchimp-api-v3,
xml2js, js-cookie, plato, complexity-report, and others) plus the
dead helpers in src/utils they supported. Migrate the few real
callers off removed packages: framer-motion to motion/react in the
profile components, and express types to Next's NextApiRequest /
NextApiResponse in the apply, mentor, and mentee API routes.

* refactor: Use type-only import for IEvent and SectionType
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -55,28 +55,20 @@
     "@react-email/components": "^1.0.3",
     "@react-email/render": "^2.0.1",
     "@shopify/shopify-api": "^12.1.2",
-    "@types/express": "^4.17.17",
     "@vercel/analytics": "^1.4.1",
-    "@xenova/transformers": "^2.17.2",
     "ace-builds": "^1.33.1",
     "ai": "^5.0.93",
     "axios": "^1.4.0",
     "class-variance-authority": "^0.7.0",
     "cloudinary": "2.9.0",
     "clsx": "^1.2.1",
-    "complexity-report": "^2.0.0-alpha",
     "date-fns": "^4.1.0",
-    "dayjs": "^1.11.4",
     "disqus-react": "^1.1.3",
     "dompurify": "^3.3.1",
     "dotenv": "^16.3.1",
-    "express": "^4.18.2",
     "fast-equals": "3.0.3",
-    "framer-motion": "^12.18.1",
     "gray-matter": "^4.0.3",
-    "js-cookie": "^3.0.5",
     "lucide-react": "^0.378.0",
-    "mailchimp-api-v3": "^1.15.0",
     "mammoth": "^1.11.0",
     "marked": "^4.0.18",
     "motion": "^11.13.3",
@@ -92,27 +84,19 @@
     "node-html-parser": "^7.0.1",
     "pdf-lib": "^1.17.1",
     "pdf-parse": "^2.4.5",
-    "plato": "^1.7.0",
     "react": "^18.3.1",
     "react-ace": "^11.0.1",
     "react-dom": "^18.3.1",
     "react-email": "^5.1.1",
     "react-hook-form": "^7.45.0",
-    "react-markdown": "^10.1.0",
     "react-simple-typewriter": "^3.0.1",
-    "rehype-raw": "^7.0.0",
-    "rehype-stringify": "^10.0.1",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.2",
     "resend": "^6.6.0",
     "rss-parser": "^3.13.0",
     "swagger-ui-react": "4.19.1",
     "swiper": "^8.3.1",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "unified": "^11.0.5",
-    "ws": "^8.18.2",
-    "xml2js": "^0.6.2"
+    "ws": "^8.18.2"
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.14",
@@ -153,7 +137,6 @@
     "rimraf": "^3.0.2",
     "storybook": "^10.3.6",
     "tailwindcss": "^3.0.23",
-    "ts-complex": "^1.0.0",
     "ts-node": "^10.9.2",
     "tsx": "^4.19.4",
     "typescript": "^5.6.3",
diff --git a/src/components/profile/ActivityFeed.tsx b/src/components/profile/ActivityFeed.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import type { GitHubEvent } from "@/types/profile";
 
 interface ActivityFeedProps {
diff --git a/src/components/profile/GitHubStatsGrid.tsx b/src/components/profile/GitHubStatsGrid.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import type { GitHubData } from "@/types/profile";
 
 interface GitHubStatsGridProps {
diff --git a/src/components/profile/LanguageBreakdown.tsx b/src/components/profile/LanguageBreakdown.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import type { LanguageBreakdownEntry } from "@/types/profile";
 
 interface LanguageBreakdownProps {
diff --git a/src/components/profile/LearningProgress.tsx b/src/components/profile/LearningProgress.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import type { LearningStatsData } from "@/types/profile";
 
 interface LearningProgressProps {
diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import Image from "next/image";
 import type { GitHubData, ProfileFormData, ProfileUser } from "@/types/profile";
 
diff --git a/src/components/profile/RepositoryShowcase.tsx b/src/components/profile/RepositoryShowcase.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { useState } from "react";
 import type { GitHubRepo } from "@/types/profile";
 import { GITHUB_LANGUAGE_COLORS } from "@/types/profile";
diff --git a/src/components/ui/engagement-modal/EngagementModal.tsx b/src/components/ui/engagement-modal/EngagementModal.tsx
@@ -1,5 +1,5 @@
 import { SafeSessionStorage } from "@utils/safe-storage";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import Link from "next/link";
 import React, { useEffect, useRef, useState } from "react";
 import styles from "./EngagementModal.module.css";
diff --git a/src/pages/api/apply.ts b/src/pages/api/apply.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { Request, Response } from "express";
+import type { NextApiRequest, NextApiResponse } from "next";
 import { checkParams } from "./api-helpers";
 
 // Define the ParsedBody interface to type-check the request body
@@ -110,7 +110,7 @@ async function postToSlack(text: string): Promise<void> {
     );
 }
 
-export default async function handler(req: Request, res: Response) {
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
     try {
         const parsedBody = req.body as ParsedBody;
 
diff --git a/src/pages/api/mentee.ts b/src/pages/api/mentee.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { Request, Response } from "express";
+import type { NextApiRequest, NextApiResponse } from "next";
 import { checkParams } from "./api-helpers";
 
 // Define the ParsedBody type for mentee
@@ -14,7 +14,7 @@ interface ParsedBody {
     availability: string;
 }
 
-export default async function handler(req: Request, res: Response) {
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
     try {
         const parsedBody = req.body as ParsedBody; // Cast to ensure body matches ParsedBody interface
 
diff --git a/src/pages/api/mentor.ts b/src/pages/api/mentor.ts
@@ -1,5 +1,5 @@
 import axios from "axios";
-import { Request, Response } from "express";
+import type { NextApiRequest, NextApiResponse } from "next";
 import { checkParams } from "./api-helpers";
 
 // Define the ParsedBody type
@@ -13,7 +13,7 @@ interface ParsedBody {
     "employer-restrictions": string;
 }
 
-export default async function handler(req: Request, res: Response) {
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
     try {
         const parsedBody = req.body as ParsedBody; // Cast to ensure body matches ParsedBody interface
         const requiredParams: (keyof ParsedBody)[] = [
diff --git a/src/utils/__tests__/date.test.ts b/src/utils/__tests__/date.test.ts
@@ -1,87 +1,18 @@
-import {
-    formatDate,
-    formatDateTime,
-    formatDuration,
-    getDaysSince,
-    getDaysUntil,
-    getEndOfDay,
-    getRelativeTime,
-    getSmartDate,
-    getStartOfDay,
-    isDateFuture,
-    isDatePast,
-} from "../date";
+import { formatDate, getStartOfDay, isDatePast } from "../date";
 
 describe("date utilities", () => {
     it("should format date correctly", () => {
         const date = new Date("2024-01-26T10:30:00");
         expect(formatDate(date)).toBe("Jan 26, 2024");
     });
 
-    it("should format date and time correctly", () => {
-        const date = new Date("2024-01-26T10:30:00");
-        expect(formatDateTime(date)).toBe("Jan 26, 2024 at 10:30 AM");
-    });
-
-    it("should get relative time correctly", () => {
-        const pastDate = new Date();
-        pastDate.setHours(pastDate.getHours() - 2);
-        const result = getRelativeTime(pastDate);
-
-        expect(result).toContain("hour");
-        expect(result).toContain("ago");
-    });
-
-    it("should detect today correctly", () => {
-        expect(getSmartDate(new Date())).toContain("Today");
-    });
-
-    it("should detect yesterday correctly", () => {
-        const yesterday = new Date();
-        yesterday.setDate(yesterday.getDate() - 1);
-
-        expect(getSmartDate(yesterday)).toContain("Yesterday");
-    });
-
     it("should detect past date", () => {
         const past = new Date(Date.now() - 1000);
         expect(isDatePast(past)).toBe(true);
     });
 
-    it("should detect future date", () => {
-        const future = new Date(Date.now() + 1000);
-        expect(isDateFuture(future)).toBe(true);
-    });
-
-    it("should claculate days until a future date", () => {
-        const futureDate = new Date();
-        futureDate.setDate(futureDate.getDate() + 5);
-        expect(getDaysUntil(futureDate)).toBe(5);
-    });
-
-    it("should calculate days since a past date", () => {
-        const past = new Date();
-        past.setDate(past.getDate() - 3);
-        expect(getDaysSince(past)).toBe(3);
-    });
-
-    it("should format duration correctly", () => {
-        expect(formatDuration(3665)).toBe("1h 1m 5s");
-        expect(formatDuration(90)).toBe("1m 30s");
-        expect(formatDuration(45)).toBe("45s");
-    });
-
     it("should get start of day", () => {
         const d = new Date("2024-01-01T15:30:00");
         expect(getStartOfDay(d).getHours()).toBe(0);
     });
-
-    it("should get end of day", () => {
-        const d = new Date("2024-01-01T15:30:00");
-        const end = getEndOfDay(d);
-
-        expect(end.getHours()).toBe(23);
-        expect(end.getMinutes()).toBe(59);
-        expect(end.getSeconds()).toBe(59);
-    });
 });
diff --git a/src/utils/__tests__/methods.test.ts b/src/utils/__tests__/methods.test.ts
@@ -2,11 +2,9 @@ import {
     flatDeep,
     getFocusableElements,
     hasKey,
-    isObjectEmpty,
     minutesToHours,
     nextFocus,
     normalizedData,
-    normalizePath,
     slugify,
     toCapitalize,
     unslugify,
@@ -39,33 +37,13 @@ describe("methods utilities", () => {
         });
     });
 
-    describe("isObjectEmpty", () => {
-        it("should return true for empty objects", () => {
-            expect(isObjectEmpty({})).toBe(true);
-        });
-
-        it("should return false for non-empty objects", () => {
-            expect(isObjectEmpty({ key: "value" })).toBe(false);
-        });
-    });
-
     describe("toCapitalize", () => {
         it("should capitalize first letter", () => {
             expect(toCapitalize("hello")).toBe("Hello");
             expect(toCapitalize("HELLO")).toBe("Hello");
         });
     });
 
-    describe("normalizePath", () => {
-        it("should remove leading slash", () => {
-            expect(normalizePath("/about")).toBe("about");
-        });
-
-        it("should leave paths without leading slash unchanged", () => {
-            expect(normalizePath("about")).toBe("about");
-        });
-    });
-
     describe("minutesToHours", () => {
         it("should convert minutes to hours and minutes", () => {
             expect(minutesToHours(90)).toBe("1h 30m");
diff --git a/src/utils/__tests__/string.test.ts b/src/utils/__tests__/string.test.ts
@@ -1,17 +1,4 @@
-import {
-    capitalize,
-    cleanWhitespace,
-    escapeHtml,
-    formatFileSize,
-    getInitials,
-    isValidJSON,
-    maskEmail,
-    pluralize,
-    randomString,
-    stripHtml,
-    toTitleCase,
-    truncate,
-} from "../string";
+import { capitalize, truncate } from "../string";
 
 describe("string utilities", () => {
     describe("truncate", () => {
@@ -31,76 +18,4 @@ describe("string utilities", () => {
             expect(capitalize("hello   world")).toBe("Hello   World");
         });
     });
-
-    describe("toTitleCase", () => {
-        it("converts kebab case", () => {
-            expect(toTitleCase("hello-world")).toBe("Hello World");
-        });
-    });
-
-    describe("getInitials", () => {
-        it("extracts initials", () => {
-            expect(getInitials("John Michael Doe", 3)).toBe("JMD");
-            expect(getInitials("John Michael Doe")).toBe("JM");
-        });
-    });
-
-    describe("pluralize", () => {
-        it("returns singular for 1", () => {
-            expect(pluralize(2, "person", "people")).toBe("people");
-        });
-
-        it("returns plural for multiple", () => {
-            expect(pluralize(2, "item")).toBe("items");
-        });
-    });
-
-    describe("stripHtml", () => {
-        it("removes html tags", () => {
-            expect(stripHtml("<p>Hello</p>")).toBe("Hello");
-        });
-    });
-
-    describe("escapeHtml", () => {
-        it("escapes html characters", () => {
-            expect(escapeHtml("<script>")).toBe("&lt;script&gt;");
-        });
-    });
-
-    describe("formatFileSize", () => {
-        it("formats bytes", () => {
-            expect(formatFileSize(0)).toBe("0 Bytes");
-            expect(formatFileSize(1048576)).toBe("1 MB");
-        });
-    });
-
-    describe("randomString", () => {
-        it("generates string of given length", () => {
-            const str = randomString(10);
-            expect(str.length).toBe(10);
-        });
-    });
-
-    describe("cleanWhitespace", () => {
-        it("cleans extra spaces", () => {
-            expect(cleanWhitespace("  hello   world  ")).toBe("hello world");
-        });
-    });
-
-    describe("maskEmail", () => {
-        it("masks email", () => {
-            expect(maskEmail("ab@example.com")).toBe("ab@example.com");
-            expect(maskEmail("invalidemail")).toBe("invalidemail");
-        });
-    });
-
-    describe("isValidJSON", () => {
-        it("valid json", () => {
-            expect(isValidJSON('{"a":1}')).toBe(true);
-        });
-
-        it("invalid json", () => {
-            expect(isValidJSON("{a:1}")).toBe(false);
-        });
-    });
 });
diff --git a/src/utils/date.ts b/src/utils/date.ts
diff --git a/src/utils/methods.ts b/src/utils/methods.ts
diff --git a/src/utils/string.ts b/src/utils/string.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { motion } from "framer-motion";`
	`1`	`+import { motion } from "motion/react";`
`2`	`2`	`import type { GitHubEvent } from "@/types/profile";`
`3`	`3`
`4`	`4`	`interface ActivityFeedProps {`