fix linter warnings

packages/website/package.json

@@ -18,6 +18,7 @@
     "@fontsource/jetbrains-mono": "^4.5.12",
     "@fontsource/rubik": "^4.5.14",
     "@heroicons/react": "^2.0.18",
+    "@reacord/helpers": "workspace:^",
     "@tailwindcss/typography": "^0.5.10",
     "astro": "^2.10.9",
     "clsx": "^2.0.0",

packages/website/src/components/landing-animation.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from "react"
 import blobComfyUrl from "~/assets/blob-comfy.png"
 import cursorIbeamUrl from "~/assets/cursor-ibeam.png"
 import cursorUrl from "~/assets/cursor.png"
+import { raise } from "@reacord/helpers/raise.ts"
 
 const defaultState = {
 	chatInputText: "",
@@ -70,7 +71,7 @@ export function LandingAnimation() {
 						count: state.count + 1,
 						chatInputCursorVisible: false,
 					}))
-					animateClick(addRef.current!)
+					animateClick(addRef.current ?? raise("addRef is null"))
 					await delay(700)
 				}
 
@@ -82,7 +83,7 @@ export function LandingAnimation() {
 				}))
 				await delay(1000)
 
-				animateClick(deleteRef.current!)
+				animateClick(deleteRef.current ?? raise("deleteRef is null"))
 				setState((state) => ({ ...state, messageVisible: false }))
 				await delay(1000)
 
@@ -105,16 +106,19 @@ export function LandingAnimation() {
 		void (async () => {
 			// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 			while (running) {
+				const cursor = cursorRef.current ?? raise("cursorRef is null")
+				const chatInput = chatInputRef.current ?? raise("chatInputRef is null")
+
 				// check if the cursor is in the input
-				const cursorRect = cursorRef.current!.getBoundingClientRect()
-				const chatInputRect = chatInputRef.current!.getBoundingClientRect()
+				const cursorRect = cursor.getBoundingClientRect()
+				const chatInputRect = chatInput.getBoundingClientRect()
 
 				const isOverInput =
 					cursorRef.current &&
 					chatInputRef.current &&
 					cursorRect.top + cursorRect.height / 2 > chatInputRect.top
 
-				cursorRef.current!.src = isOverInput ? cursorIbeamUrl : cursorUrl
+				cursor.src = isOverInput ? cursorIbeamUrl : cursorUrl
 
 				await animationFrame()
 			}

packages/website/src/components/main-navigation.astro

@@ -1,8 +1,8 @@
 ---
 import {
-  ArrowTopRightOnSquareIcon,
-  CodeBracketIcon,
-  DocumentTextIcon,
+	ArrowTopRightOnSquareIcon,
+	CodeBracketIcon,
+	DocumentTextIcon,
 } from "@heroicons/react/20/solid"
 import { Bars3Icon } from "@heroicons/react/24/outline"
 import { getCollection } from "astro:content"
@@ -12,69 +12,70 @@ import MenuItem from "./menu-item.astro"
 import Menu from "./menu.astro"
 
 const links = [
-  {
-    href: "/guides/getting-started",
-    label: "Guides",
-    icon: DocumentTextIcon,
-    component: "a",
-    prefetch: true,
-  },
-  {
-    href: "/api/",
-    label: "API Reference",
-    icon: CodeBracketIcon,
-    component: "a",
-  },
-  {
-    href: "https://github.com/itsMapleLeaf/reacord",
-    label: "GitHub",
-    icon: ArrowTopRightOnSquareIcon,
-    component: ExternalLink,
-  },
+	{
+		href: "/guides/getting-started",
+		label: "Guides",
+		icon: DocumentTextIcon,
+		component: "a",
+		prefetch: true,
+	},
+	{
+		href: "/api/",
+		label: "API Reference",
+		icon: CodeBracketIcon,
+		component: "a",
+	},
+	{
+		href: "https://github.com/itsMapleLeaf/reacord",
+		label: "GitHub",
+		icon: ArrowTopRightOnSquareIcon,
+		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+		component: ExternalLink,
+	},
 ]
 
 const guides = await getCollection("guides")
 ---
 
-<nav class="flex justify-between items-center h-16">
-  <a href="/">
-    <AppLogo class="w-32" />
-    <span class="sr-only">Home</span>
-  </a>
-  <div class="hidden md:flex gap-4">
-    {
-      links.map((link) => (
-        <link.component
-          href={link.href}
-          class="link inline-flex gap-1 items-center"
-          rel={link.prefetch ? "prefetch" : undefined}
-        >
-          <link.icon className="inline-icon" />
-          {link.label}
-        </link.component>
-      ))
-    }
-  </div>
+<nav class="flex h-16 items-center justify-between">
+	<a href="/">
+		<AppLogo class="w-32" />
+		<span class="sr-only">Home</span>
+	</a>
+	<div class="hidden gap-4 md:flex">
+		{
+			links.map((link) => (
+				<link.component
+					href={link.href}
+					class="link inline-flex items-center gap-1"
+					rel={link.prefetch ? "prefetch" : undefined}
+				>
+					<link.icon className="inline-icon" />
+					{link.label}
+				</link.component>
+			))
+		}
+	</div>
 
-  <Menu>
-    <Fragment slot="button">
-      <Bars3Icon className="w-6" />
-      <span class="sr-only">Menu</span>
-    </Fragment>
-    {
-      links.map((link) => (
-        <link.component href={link.href}>
-          <MenuItem icon={link.icon} label={link.label} />
-        </link.component>
-      ))
-    }
-    <hr class="border-black/25" />
-    {
-      guides.map((guide) => (
-        <a href={`/guides/${guide.slug}`} rel="prefetch">
-          <MenuItem icon={DocumentTextIcon} label={guide.data.title} />
-        </a>
-      ))
-    }
-  </Menu>
+	<Menu>
+		<Fragment slot="button">
+			<Bars3Icon className="w-6" />
+			<span class="sr-only">Menu</span>
+		</Fragment>
+		{
+			links.map((link) => (
+				<link.component href={link.href}>
+					<MenuItem icon={link.icon} label={link.label} />
+				</link.component>
+			))
+		}
+		<hr class="border-black/25" />
+		{
+			guides.map((guide) => (
+				<a href={`/guides/${guide.slug}`} rel="prefetch">
+					<MenuItem icon={DocumentTextIcon} label={guide.data.title} />
+				</a>
+			))
+		}
+	</Menu>
 </nav>