good build

Author: codercatdev

app/api/algolia/route.tsx

@@ -1,20 +1,26 @@
 import { isValidSignature, SIGNATURE_HEADER_NAME } from "@sanity/webhook";
-import algoliasearch from "algoliasearch";
+import { algoliasearch } from "algoliasearch";
 
 const secret = process.env.PRIVATE_ALGOLIA_WEBOOK_SECRET;
 const algoliaAdminApiKey = process.env.PRIVATE_ALGOLIA_ADMIN_API_KEY;
 const algoliaAppId = process.env.NEXT_PUBLIC_ALGOLIA_APP_ID;
 const algoliaIndex = process.env.NEXT_PUBLIC_ALGOLIA_INDEX;
 
-if (!algoliaAdminApiKey) throw "Missing PRIVATE_ALGOLIA_ADMIN_API_KEY";
-if (!algoliaAppId) throw "Missing NEXT_PUBLIC_ALGOLIA_APP_ID";
-if (!algoliaIndex) throw "Missing NEXT_PUBLIC_ALGOLIA_INDEX";
+if (!algoliaAdminApiKey) {
+	throw "Missing PRIVATE_ALGOLIA_ADMIN_API_KEY";
+}
+if (!algoliaAppId) {
+	throw "Missing NEXT_PUBLIC_ALGOLIA_APP_ID";
+}
+if (!algoliaIndex) {
+	throw "Missing NEXT_PUBLIC_ALGOLIA_INDEX";
+}
 
-const algolia = algoliasearch(algoliaAppId, algoliaAdminApiKey);
-const index = algolia.initIndex(algoliaIndex);
+const client = algoliasearch(algoliaAppId, algoliaAdminApiKey);
 
 function toAlgoliaObject(sanityDoc: any) {
 	const doc = { ...sanityDoc };
+	// biome-ignore lint/performance/noDelete: <explanation>
 	delete doc.content;
 
 	return (
@@ -41,19 +47,21 @@ function toAlgoliaObject(sanityDoc: any) {
 }
 
 export async function POST(request: Request) {
-	if (!secret)
+	if (!secret) {
 		return Response.json(
 			{ success: false, error: "Missing Secret PRIVATE_ALGOLIA_WEBOOK_SECRET" },
 			{ status: 400 },
 		);
+	}
 
 	const signature = request.headers.get(SIGNATURE_HEADER_NAME);
 
-	if (!signature)
+	if (!signature) {
 		return Response.json(
 			{ success: false, error: "Missing Signature Header" },
 			{ status: 401 },
 		);
+	}
 
 	const body = await request.text();
 	if (!(await isValidSignature(body, signature, secret))) {
@@ -81,19 +89,31 @@ export async function POST(request: Request) {
 	const deleted = sanityDoc.deleted;
 	const updated = sanityDoc.updated;
 
+	// biome-ignore lint/performance/noDelete: <explanation>
 	delete sanityDoc.created;
+	// biome-ignore lint/performance/noDelete: <explanation>
 	delete sanityDoc.deleted;
+	// biome-ignore lint/performance/noDelete: <explanation>
 	delete sanityDoc.updated;
 
 	const algoliaDoc = toAlgoliaObject(sanityDoc);
 
 	try {
 		if (created) {
-			await index.saveObjects(algoliaDoc).wait();
+			await client.saveObjects({
+				indexName: algoliaIndex as string,
+				objects: [algoliaDoc],
+			});
 		} else if (updated) {
-			await index.saveObjects(algoliaDoc).wait();
+			await client.saveObjects({
+				indexName: algoliaIndex as string,
+				objects: [algoliaDoc],
+			});
 		} else {
-			await index.deleteObject(sanityDoc.objectID).wait();
+			await client.deleteObject({
+				indexName: algoliaIndex as string,
+				objectID: sanityDoc.objectID,
+			});
 		}
 	} catch (e) {
 		const error = JSON.stringify(e);

components/algolia-search.tsx

@@ -104,7 +104,6 @@ export default function AlgoliaSearch({
 								hit={hit}
 								attribute="title"
 								classNames={{ highlighted: "bg-primary" }}
-								className="text-sm sm:text-xl font-bold"
 							/>
 							<Highlight
 								hit={hit}

components/bookmark.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { useBookmarked, useFirestoreUser } from "@/lib/firebase.hooks";
 import { Checkbox } from "@/components/ui/checkbox";
-import { useToast } from "@/components/ui/use-toast";
 import type { BaseBookmarkContent } from "@/lib/types";
+import { toast } from "sonner";
 
 export default function Bookmark({
 	content,
@@ -13,21 +13,15 @@ export default function Bookmark({
 	const { bookmarked, addBookmark, removeBookmark } = useBookmarked({
 		content,
 	});
-	const { toast } = useToast();
 
 	const makeComplete = async (isChecked: boolean) => {
 		if (!currentUser?.uid) {
-			toast({
-				variant: "destructive",
-				description: "You must be logged in to complete a lesson.",
-			});
+			toast("You must be logged in to complete a lesson.");
 			return;
 		}
 		if (isChecked) {
 			await addBookmark();
-			toast({
-				description: "Bookmark added 〽️",
-			});
+			toast("Bookmark added 〽️");
 		} else {
 			await removeBookmark();
 		}
@@ -37,7 +31,7 @@ export default function Bookmark({
 			{currentUser?.uid ? (
 				<div className="flex items-center gap-2">
 					<Checkbox
-						checked={bookmarked?._id ? true : false}
+						checked={!!bookmarked?._id}
 						onCheckedChange={makeComplete}
 					/>
 				</div>

components/player-context.tsx

@@ -2,7 +2,7 @@
 import type { PodcastQueryResult } from "@/sanity/types";
 import {
 	type Dispatch,
-	type MutableRefObject,
+	type RefObject,
 	type SetStateAction,
 	createContext,
 	useEffect,
@@ -39,7 +39,7 @@ export const PlayerContext = createContext<{
 			playbackRate: number;
 		}>
 	>;
-	audioRef: MutableRefObject<HTMLAudioElement | undefined> | undefined;
+	audioRef: RefObject<HTMLAudioElement | null> | undefined;
 	volume: number;
 	setVolume: Dispatch<SetStateAction<number>>;
 }>({
@@ -80,21 +80,27 @@ export const PlayerProvider = ({ children }: { children: JSX.Element }) => {
 		duration: 100,
 		playbackRate: 1.0,
 	});
-	const audioRef = useRef<HTMLAudioElement>();
+	const audioRef = useRef<HTMLAudioElement | null>(null);
 	const [volume, setVolume] = useState(100);
 
 	useEffect(() => {
 		const src = podcast?.spotify?.enclosures?.at(0)?.url;
-		if (!src){ return;}
-		if (src === audio.src){ return;}
+		if (!src) {
+			return;
+		}
+		if (src === audio.src) {
+			return;
+		}
 		setAudio((p) => {
 			return { ...p, src };
 		});
 		setIsOpen(true);
 	}, [podcast, audio.src]);
 
 	useEffect(() => {
-		if (!audioRef.current){ return;}
+		if (!audioRef.current) {
+			return;
+		}
 		audioRef.current.volume = volume / 100;
 	}, [volume]);
 
@@ -105,11 +111,15 @@ export const PlayerProvider = ({ children }: { children: JSX.Element }) => {
 	}, [podcast]);
 
 	useEffect(() => {
-		if (audioRef.current){ audioRef.current.playbackRate = audio.playbackRate;}
+		if (audioRef.current) {
+			audioRef.current.playbackRate = audio.playbackRate;
+		}
 	}, [audio.playbackRate]);
 
 	useEffect(() => {
-		if (!audio?.src || audioRef.current?.src === audio.src){ return;}
+		if (!audio?.src || audioRef.current?.src === audio.src) {
+			return;
+		}
 
 		audioRef.current = new Audio(audio.src);
 
@@ -133,7 +143,9 @@ export const PlayerProvider = ({ children }: { children: JSX.Element }) => {
 		// time and duration
 		audioRef.current.addEventListener("loadedmetadata", () => {
 			setAudio((p) => {
-				if (!audioRef?.current){ return p;}
+				if (!audioRef?.current) {
+					return p;
+				}
 				return {
 					...p,
 					curTime: audioRef.current.currentTime,
@@ -143,7 +155,9 @@ export const PlayerProvider = ({ children }: { children: JSX.Element }) => {
 		});
 		audioRef.current.addEventListener("timeupdate", () => {
 			setAudio((p) => {
-				if (!audioRef?.current){ return p;}
+				if (!audioRef?.current) {
+					return p;
+				}
 				return {
 					...p,
 					curTime: audioRef.current.currentTime,

components/theme-provider.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import type { ThemeProviderProps } from "next-themes/dist/types";
+import type { ThemeProviderProps } from "next-themes";
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
 	return <NextThemesProvider {...props}>{children}</NextThemesProvider>;

components/user-buy.tsx

@@ -13,15 +13,15 @@ import { useFirestoreUser } from "@/lib/firebase.hooks";
 import Link from "next/link";
 import { useCookies } from "react-cookie";
 import { jwtDecode } from "jwt-decode";
-import { CourseQueryResult, type HomePageQueryResult } from "@/sanity/types";
+import type { CoursesQueryResult } from "@/sanity/types";
 import type { Price3 } from "@/lib/stripe.types";
 
 export default function Buy({
 	title,
 	stripeProduct,
 }: {
-	title: NonNullable<HomePageQueryResult>["featuredCourses"][0]["title"];
-	stripeProduct: NonNullable<HomePageQueryResult>["featuredCourses"][0]["stripeProduct"];
+	title: NonNullable<CoursesQueryResult>["title"];
+	stripeProduct: NonNullable<CoursesQueryResult>["stripeProduct"];
 }) {
 	const { currentUser } = useFirestoreUser();
 	const [redirecting, setRedirecting] = useState(false);
@@ -31,7 +31,9 @@ export default function Buy({
 	const [jwt, setJwt] = useState<any | null>(null);
 
 	useEffect(() => {
-		if (showBuy) { setRedirecting(false); }
+		if (showBuy) {
+			setRedirecting(false);
+		}
 	}, [showBuy]);
 
 	useEffect(() => {
@@ -52,7 +54,9 @@ export default function Buy({
 	};
 
 	useEffect(() => {
-		if (stripeProduct && showBuy) { getPrice(); }
+		if (stripeProduct && showBuy) {
+			getPrice();
+		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [stripeProduct, showBuy]);
 
@@ -79,9 +83,7 @@ export default function Buy({
 	const subscribe = (
 		<>
 			<DialogHeader>
-				<DialogTitle>
-					Purchase: {title}
-				</DialogTitle>
+				<DialogTitle>Purchase: {title}</DialogTitle>
 			</DialogHeader>
 			{price && (
 				<div className="mt-4 flex gap-2 sm:gap-4 text-xl sm:text-2xl">

components/user-go-pro.tsx

@@ -6,7 +6,6 @@ import {
 	DialogTitle,
 } from "@/components/ui/dialog";
 import { Card } from "@/components/ui/card";
-import { Avatar, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
 import { type Dispatch, type SetStateAction, useEffect, useState } from "react";
 import { addSubscription } from "@/lib/firebase";
@@ -16,6 +15,7 @@ import Link from "next/link";
 import { useCookies } from "react-cookie";
 import { jwtDecode } from "jwt-decode";
 import { usePathname } from "next/navigation";
+import { toast } from "sonner";
 
 export default function GoPro({
 	setShowGoPro,
@@ -47,10 +47,7 @@ export default function GoPro({
 			const { error, url } = snap.data() as { error: Error; url: string };
 			if (error) {
 				console.error(error);
-				toast({
-					variant: "destructive",
-					description: error.message,
-				});
+				toast(error.message);
 			}
 			if (url) {
 				// We have a Stripe Checkout URL, let's redirect.

sanity/components/BlockEditor.tsx

@@ -4,7 +4,12 @@ import { handlePaste } from "./pastehandler";
 
 const wordsPerMinute = 200;
 
-function BlockEditor(props: any, ref: any) {
+import React from "react";
+
+const BlockEditor = React.forwardRef(function BlockEditor(
+	props: any,
+	ref: any,
+) {
 	const value = props.value ?? [];
 	const plainText = toPlainText(value);
 	const characterCount = plainText.length;
@@ -30,8 +35,6 @@ function BlockEditor(props: any, ref: any) {
 			</div>
 		</div>
 	);
-}
-// TODO: Add stronger typing
-
+});
 const input = (props: any) => <BlockEditor {...props} onPaste={handlePaste} />;
 export default input;