chore: update package dependencies and version to 2.10.1

Author: flaming-codes

web/app/ai/packages.service.server.ts

@@ -40,7 +40,7 @@ export class AIPackageService {
       model: google("gemini-1.5-flash"),
       prompt: `${prompt}\n---\n${context}`,
       // Just a safeguard to prevent excessive token usage.
-      maxTokens: 8192,
+      maxOutputTokens: 8192,
       temperature: 0.3,
     });
 
@@ -73,7 +73,7 @@ export class AIPackageService {
       model: google("gemini-1.5-flash"),
       prompt: `${prompt}\n---\n${context}`,
       // Just a safeguard to prevent excessive token usage.
-      maxTokens: 8192,
+      maxOutputTokens: 8192,
     });
 
     const answer = this.sanitizeHTMLPartial(text);
@@ -113,7 +113,7 @@ export class AIPackageService {
     const json = await generateObject({
       model: google("gemini-1.5-flash"),
       prompt: `${prompt}\n---\n${context}`,
-      maxTokens: 8192,
+      maxOutputTokens: 8192,
       schema: z.array(
         z.object({
           platform: z.string(),

web/app/licenses.json

@@ -1,6 +1,6 @@
 import { RiArrowRightSLine, RiExternalLinkLine } from "@remixicon/react";
 import { cva, VariantProps } from "cva";
-import { PropsWithChildren } from "react";
+import { type PropsWithChildren } from "react";
 
 type Props = PropsWithChildren<
   Required<VariantProps<typeof twGradient>> & {
@@ -29,7 +29,7 @@ const twGradient = cva({
   },
 });
 
-const iconMap: Record<string, JSX.Element> = {
+const iconMap: Record<string, React.ReactNode> = {
   external: (
     <RiExternalLinkLine
       className="group-hover/card:animate-wiggle-more group-hover/card:animate-infinite"

web/app/modules/info-card.tsx

@@ -29,7 +29,7 @@ export const mergeMeta = (
     // replace any parent meta with the same name or property with the override
     const overrides = overrideFn(arg);
 
-    for (const override of overrides) {
+    for (const override of overrides || []) {
       const index = mergedMeta.findIndex(
         (meta) =>
           ("name" in meta &&
@@ -49,7 +49,7 @@ export const mergeMeta = (
 
     // append any additional meta
     if (appendFn) {
-      mergedMeta = mergedMeta.concat(appendFn(arg));
+      mergedMeta = mergedMeta.concat(appendFn(arg) || []);
     }
 
     return mergedMeta;

web/app/modules/meta.ts

@@ -1,6 +1,5 @@
 import { RiGlassesFill, RiCloseFill } from "@remixicon/react";
-import { PackageSemanticSearchHit } from "../data/package.shape";
-import { BaseSearchHit } from "./search.hit";
+import { BaseSearchHit, PackageSemanticSearchHit } from "./search.hit";
 
 export function SearchIdlePlaceholder(props: {
   onSelect: (item?: BaseSearchHit | PackageSemanticSearchHit) => void;
@@ -13,7 +12,7 @@ export function SearchIdlePlaceholder(props: {
         Ready when you are{" "}
         <RiGlassesFill
           size={32}
-          className="mb-2 ml-2 inline animate-wiggle animate-duration-700 animate-infinite"
+          className="animate-wiggle animate-duration-700 animate-infinite mb-2 ml-2 inline"
         />
       </p>
       <div className="text-gray-dim mt-28 space-y-1 text-center text-sm">

web/app/modules/search.idle-placeholder.tsx

@@ -21,7 +21,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
     requestUrl: origin,
   });
 
-  return new Response(png, {
+  return new Response(png as BodyInit, {
     status: 200,
     headers: {
       "Content-Type": "image/png",

web/app/routes/_page.author.$authorName.og._index.tsx

@@ -26,7 +26,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
     requestUrl: origin,
   });
 
-  return new Response(png, {
+  return new Response(png as BodyInit, {
     status: 200,
     headers: {
       "Content-Type": "image/png",

web/app/routes/_page.package.$packageName.og._index.tsx

@@ -39,7 +39,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
   });
 
   // Respond with the PNG buffer
-  return new Response(png, {
+  return new Response(png as BodyInit, {
     status: 200,
     headers: {
       "Content-Type": "image/png",

web/app/routes/_page.press.$articleType._article.$articleSlug.og._index.tsx

@@ -12,7 +12,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
     articleType: params.articleType as string,
   });
 
-  return new Response(png, {
+  return new Response(png as BodyInit, {
     status: 200,
     headers: {
       "Content-Type": "image/png",

web/app/routes/_page.press.$articleType.og._index.tsx

@@ -11,7 +11,7 @@ export const loader = async ({ request }: LoaderFunctionArgs) => {
   });
 
   // Respond with the PNG buffer
-  return new Response(png, {
+  return new Response(png as BodyInit, {
     status: 200,
     headers: {
       // Tell the browser the response is an image