✨ feat: upgrade to cheaper gpt-4o-mini model and updated deps

biome.json

@@ -20,7 +20,8 @@
       "recommended": true,
       "suspicious": {
         "noExplicitAny": "off",
-        "noAsyncPromiseExecutor": "off"
+        "noAsyncPromiseExecutor": "off",
+        "noArrayIndexKey": "off"
       }
     }
   },

commitlint.config.ts

@@ -1,4 +1,4 @@
-import { UserConfig } from '@commitlint/types'
+import type { UserConfig } from '@commitlint/types'
 
 const config: UserConfig = {
   extends: ['@commitlint/config-conventional'],

middleware.ts

@@ -1,5 +1,5 @@
 import acceptLanguage from 'accept-language'
-import { NextRequest, NextResponse } from 'next/server'
+import { type NextRequest, NextResponse } from 'next/server'
 
 acceptLanguage.languages(['en', 'da'])
 

next-i18next.config.js

@@ -14,6 +14,6 @@ module.exports = {
   /** To avoid issues when deploying to some paas (vercel...) */
   localePath:
     typeof window === 'undefined'
-      ? require('path').resolve('./public/locales')
+      ? require('node:path').resolve('./public/locales')
       : '/locales',
 }

package.json

@@ -11,7 +11,7 @@
     "postbuild": "next-sitemap",
     "postinstall": "prisma generate",
     "start": "node build/standalone/server.js",
-    "lint": "biome format --write --no-errors-on-unmatched . && biome lint --apply --no-errors-on-unmatched .",
+    "lint": "biome format --write --no-errors-on-unmatched . && biome lint --write --no-errors-on-unmatched .",
     "prisma:update": "prisma format && prisma generate && prisma db push",
     "analyze": "cross-env ANALYZE=true next build",
     "prepare": "husky install",
@@ -20,7 +20,7 @@
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "biome format --write --no-errors-on-unmatched",
-    "*.{js,jsx,ts,tsx|json}": "biome lint --apply --no-errors-on-unmatched"
+    "*.{js,jsx,ts,tsx|json}": "biome lint --write --no-errors-on-unmatched"
   },
   "dependencies": {
     "@auth/prisma-adapter": "^2.4.1",

pages/_app.tsx

@@ -4,17 +4,17 @@ import { Header } from '#components/Header'
 import createEmotionCache from '#misc/createEmotionCache'
 import theme, { darkTheme } from '#misc/theme'
 import { api } from '#network/index'
-import { CacheProvider, EmotionCache } from '@emotion/react'
+import { CacheProvider, type EmotionCache } from '@emotion/react'
 import { Box, useMediaQuery } from '@mui/material'
 import CssBaseline from '@mui/material/CssBaseline'
 import { ThemeProvider } from '@mui/material/styles'
 import { initGA } from 'green-analytics-js'
-import { Session } from 'next-auth'
+import type { Session } from 'next-auth'
 import { SessionProvider } from 'next-auth/react'
 import { appWithTranslation } from 'next-i18next'
 import { NextSeo } from 'next-seo'
-import { AppProps } from 'next/app'
-import { FC, useEffect, useMemo } from 'react'
+import type { AppProps } from 'next/app'
+import { type FC, useEffect, useMemo } from 'react'
 import { Toaster, toast } from 'sonner'
 import { SWRConfig } from 'swr'
 

pages/about.tsx

@@ -1,7 +1,7 @@
-import { GetStaticProps } from 'next'
+import type { GetStaticProps } from 'next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { NextSeo } from 'next-seo'
-import { FC } from 'react'
+import type { FC } from 'react'
 
 /**
  * About page for YourKitchen, describing the project.

pages/api/_recipeImage.ts

@@ -1,7 +1,7 @@
 import {
-  ErrorResponse,
-  Photo,
-  PhotosWithTotalResults,
+  type ErrorResponse,
+  type Photo,
+  type PhotosWithTotalResults,
   createClient,
 } from 'pexels'
 

pages/api/auth/[...nextauth].ts

@@ -1,7 +1,7 @@
 import { PrismaAdapter } from '@auth/prisma-adapter'
-import { PrismaClient, User } from '@prisma/client'
+import { PrismaClient, type User } from '@prisma/client'
 import { JsonValue } from '@prisma/client/runtime/library'
-import NextAuth, { AuthOptions, Session } from 'next-auth'
+import NextAuth, { type AuthOptions, type Session } from 'next-auth'
 import AppleProvider from 'next-auth/providers/apple'
 import EmailProvider from 'next-auth/providers/email'
 import FacebookProvider from 'next-auth/providers/facebook'

pages/api/cleanup.ts

@@ -1,5 +1,5 @@
 import { DateTime } from 'luxon'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import prisma from './_base'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/cuisine/index.ts

@@ -1,6 +1,6 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { getServerSession } from 'next-auth'
 
 export const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/cuisine/search.ts

@@ -1,4 +1,4 @@
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import prisma from '#pages/api/_base'
 
 export const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/fridge/index.tsx

@@ -1,8 +1,8 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { FridgeIngredient } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { FridgeIngredient } from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/ingredient/index.ts

@@ -1,5 +1,5 @@
-import { Ingredient, Recipe } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
+import { type Ingredient, Recipe } from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { getServerSession } from 'next-auth'
 import { ApiError } from 'next/dist/server/api-utils'
 import { getIngredientId } from 'src/utils'

pages/api/database/ingredient/search.ts

@@ -1,4 +1,4 @@
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import prisma from '#pages/api/_base'
 
 export const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/mealplan/[id].ts

@@ -2,8 +2,8 @@ import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
 import { updateMealplan } from '#utils/meaplanHelper'
 import { DateTime } from 'luxon'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const session = await getServerSession(req, res, authOptions)

pages/api/database/mealplan/index.ts

@@ -1,7 +1,7 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const session = await getServerSession(req, res, authOptions)

pages/api/database/mealplan/own.ts

@@ -1,10 +1,10 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
 import { sameDate, updateMealplan } from '#utils/meaplanHelper'
-import { MealPlanRecipe } from '@prisma/client'
+import type { MealPlanRecipe } from '@prisma/client'
 import { DateTime } from 'luxon'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const session = await getServerSession(req, res, authOptions)

pages/api/database/recipe/[id]/index.ts

@@ -1,7 +1,7 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { Recipe, RecipeImage } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { Recipe, RecipeImage } from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/recipe/[id]/rating/index.ts

@@ -1,5 +1,5 @@
 import prisma from '#pages/api/_base'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/recipe/[id]/rating/own.ts

@@ -1,8 +1,8 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { Rating } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { Rating } from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/recipe/image.ts

@@ -1,7 +1,7 @@
 import { authOptions } from '#pages/api/auth/[...nextauth]'
 import { put } from '@vercel/blob'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/recipe/index.ts

@@ -1,5 +1,10 @@
-import { MealType, Prisma, Recipe, RecipeImage } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
+import {
+  type MealType,
+  Prisma,
+  type Recipe,
+  type RecipeImage,
+} from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { getServerSession } from 'next-auth'
 import { ApiError } from 'next/dist/server/api-utils'
 import { authOptions } from '#pages/api/auth/[...nextauth]'

pages/api/database/recipe/popular.ts

@@ -1,5 +1,5 @@
 import { DateTime } from 'luxon'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { NextRequest, NextResponse } from 'next/server'
 import prisma from '#pages/api/_base'
 

pages/api/database/recipe/random.ts

@@ -2,9 +2,9 @@ import { api } from '#network/index'
 import prisma from '#pages/api/_base'
 import { getRecipeImage } from '#pages/api/_recipeImage'
 import randomSchema from '#utils/random_schema.json'
-import { RecipeImage } from '@prisma/client'
+import type { RecipeImage } from '@prisma/client'
 import { put } from '@vercel/blob'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import { OpenAI } from 'openai'
 import { ValidationError, validateContent } from 'src/utils/validator'
 import { v4 } from 'uuid'

pages/api/database/recipe/search/image.ts

@@ -1,5 +1,5 @@
 import { Cuisine, MealType } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import prisma from '#pages/api/_base'
 import { getRecipeImage } from '#pages/api/_recipeImage'
 

pages/api/database/recipe/search/index.ts

@@ -1,5 +1,5 @@
-import { Cuisine, MealType } from '@prisma/client'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { Cuisine, MealType } from '@prisma/client'
+import type { NextApiRequest, NextApiResponse } from 'next'
 import prisma from '#pages/api/_base'
 
 export const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/api/database/recipe/structured-data.ts

@@ -1,16 +1,16 @@
 import {
-  MealType,
-  Recipe,
-  RecipeImage,
+  type MealType,
+  type Recipe,
+  type RecipeImage,
   RecipeIngredient,
-  RecipeType,
+  type RecipeType,
 } from '@prisma/client'
 import axios from 'axios'
 import { parseHTML } from 'html-recipe-parser'
 import { IRecipe } from 'html-recipe-parser/dist/interfaces'
 import { DateTime } from 'luxon'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 import { RecipeJsonLdProps } from 'next-seo'
 import { NextRequest, NextResponse } from 'next/server'
 import { v4 } from 'uuid'

pages/api/database/user/[id]/follow.ts

@@ -1,7 +1,7 @@
 import prisma from '#pages/api/_base'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/user/[id]/index.ts

@@ -1,5 +1,5 @@
 import prisma from '#pages/api/_base'
-import { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from 'next'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   try {

pages/api/database/user/image.ts

@@ -1,6 +1,6 @@
 import { put } from '@vercel/blob'
-import { NextApiRequest, NextApiResponse } from 'next'
-import { Session, getServerSession } from 'next-auth'
+import type { NextApiRequest, NextApiResponse } from 'next'
+import { type Session, getServerSession } from 'next-auth'
 import { authOptions } from '#pages/api/auth/[...nextauth]'
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {

pages/auth/signin.tsx

@@ -1,12 +1,12 @@
 import { Facebook, Google } from '@mui/icons-material'
 import { Box, Button, TextField, Typography } from '@mui/material'
-import { GetStaticProps } from 'next'
+import type { GetStaticProps } from 'next'
 import { signIn, useSession } from 'next-auth/react'
 import { useTranslation } from 'next-i18next'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { NextSeo } from 'next-seo'
 import { useRouter as useNavigation, useSearchParams } from 'next/navigation'
-import { FC, useEffect, useState } from 'react'
+import { type FC, useEffect, useState } from 'react'
 import { toast } from 'sonner'
 
 export const SigninPage: FC = () => {

pages/auth/signout.tsx

@@ -1,6 +1,6 @@
 import { signOut } from 'next-auth/react'
 import { useRouter as useNavigation } from 'next/navigation'
-import React, { FC, useEffect } from 'react'
+import React, { type FC, useEffect } from 'react'
 import { toast } from 'sonner'
 
 const SignoutPage: FC = () => {

pages/feed.tsx

@@ -1,4 +1,4 @@
-import { GetStaticProps } from 'next'
+import type { GetStaticProps } from 'next'
 import { useSession } from 'next-auth/react'
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import React from 'react'

pages/fridge.tsx

@@ -1,10 +1,10 @@
 import CreateIngredientDialog from '#components/Recipe/StepsTextField/CreateIngredientDialog'
-import { YKResponse } from '#models/ykResponse'
+import type { YKResponse } from '#models/ykResponse'
 import { api } from '#network/index'
 import { validUnits } from '#utils/validator'
 import {
   Autocomplete,
-  AutocompleteRenderInputParams,
+  type AutocompleteRenderInputParams,
   Box,
   Button,
   Dialog,
@@ -21,9 +21,14 @@ import {
   Typography,
   debounce,
 } from '@mui/material'
-import { Fridge, FridgeIngredient, Ingredient, Unit } from '@prisma/client'
+import {
+  type Fridge,
+  type FridgeIngredient,
+  type Ingredient,
+  Unit,
+} from '@prisma/client'
 import { useSession } from 'next-auth/react'
-import React, { FC, useMemo, useState } from 'react'
+import React, { type FC, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { toast } from 'sonner'
 import useSWR from 'swr'
@@ -262,6 +267,7 @@ const FridgePage: FC = () => {
           const ingredient = fridgeIngredient.ingredient
           return (
             <Box
+              key={fridgeIngredient.ingredientId}
               sx={{
                 width: 100,
                 height: 100,
@@ -290,6 +296,7 @@ const FridgePage: FC = () => {
           const ingredient = fridgeIngredient.ingredient
           return (
             <Box
+              key={fridgeIngredient.ingredientId}
               sx={{
                 display: 'flex',
                 flexDirection: 'column',