ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-06 02:26:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: consolidate the routers

Browse source
This commit is contained in:
Ruidy 2024-12-19 13:43:09 +01:00
parent 32be4bb0df
commit 3a66b00c74
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
5 changed files with 49 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/recipe/search.vue
View file

@ -7,10 +7,10 @@
type="text"
class="grow"
placeholder="Search recipes..."
:autofocus="autofocus"
@focus="isFocused = true"
@blur="isFocused = false"
:autofocus="autofocus"
/>
>
<kbd
class="hidden md:inline-block kbd kbd-sm"
:class="{ 'opacity-50': !isFocused }"
@ -28,9 +28,8 @@
<script setup lang="ts">
const model = defineModel<string>();
const props = defineProps<{
autofocus?: boolean;
}>();
defineProps<{ autofocus?: boolean }>();
const isFocused = ref(false);
// Debounced navigation

6
nuxt.config.ts
View file

@ -5,15 +5,15 @@ export default defineNuxtConfig({
modules: [
"@nuxt/eslint",
"@nuxt/image",
"nuxt-icon",
"nuxt-delay-hydration",
"@nuxtjs/robots",
"@vueuse/nuxt",
"nuxt-delay-hydration",
"nuxt-icon",
],
app: {
head: {
title: "Meal Planner",
title: "Mood2Food",
htmlAttrs: { lang: "en" },
meta: [
{ charset: "utf-8" },

28
server/trpc/routers/categories.ts
View file

@ -1,28 +0,0 @@
import { publicProcedure, router } from "../trpc";
import {} from "~/types/recipe";
import {
categoriesResponseSchema,
type CategoriesResponse,
} from "~/types/category";
const { apiUrl } = useRuntimeConfig();
export const categoryRouter = router({
listCategories: publicProcedure.query(async () => {
const response = await $fetch<CategoriesResponse>(
new URL("categories.php", apiUrl).href,
);
const result = categoriesResponseSchema.safeParse(response);
if (!result.success) {
throw createError({
statusCode: 500,
statusMessage: "Invalid API response format",
data: result.error,
});
}
return result.data.categories.sort((a, b) => a.name.localeCompare(b.name));
}),
});

3
server/trpc/routers/index.ts
View file

@ -1,9 +1,8 @@
import type { inferRouterOutputs } from "@trpc/server";
import { mergeRouters } from "../trpc";
import { recipeRouter } from "./recipes";
import { categoryRouter } from "./categories";
export const appRouter = mergeRouters(categoryRouter, recipeRouter);
export const appRouter = mergeRouters(recipeRouter);
// export type definition of API
export type AppRouter = typeof appRouter;
export type RouterOutput = inferRouterOutputs<AppRouter>;

69
server/trpc/routers/recipes.ts
View file

@ -1,30 +1,31 @@
import { z } from "zod";
import { publicProcedure, router } from "../trpc";
import {
categoriesResponseSchema,
categoryRecipesResponseSchema,
type CategoriesResponse,
} from "~/types/category";
import type { Meal } from "~/types/recipe";
import { parseRecipeData } from "~/utils/recipes";
import { categoryRecipesResponseSchema } from "~/types/category";
import { publicProcedure, router } from "../trpc";
const { apiUrl } = useRuntimeConfig();
export const recipeRouter = router({
recipesByCategory: publicProcedure
.input(z.string())
.query(async ({ input }) => {
const data = await $fetch<{ meals: Meal[] }>(
new URL(`filter.php?c=${input}`, apiUrl).href,
);
recipesByCategory: publicProcedure.input(z.string()).query(async ({ input }) => {
const data = await $fetch<{ meals: Meal[] }>(new URL(`filter.php?c=${input}`, apiUrl).href);
const result = categoryRecipesResponseSchema.safeParse(data);
const result = categoryRecipesResponseSchema.safeParse(data);
if (!result.success) {
throw createError({
statusCode: 404,
statusMessage: "Recipes for category not found",
});
}
if (!result.success) {
throw createError({
statusCode: 404,
statusMessage: "Recipes for category not found",
});
}
return result.data.recipes;
}),
return result.data.recipes;
}),
recipeGet: publicProcedure
.input(
z.coerce
@ -32,12 +33,10 @@ export const recipeRouter = router({
required_error: "recipe id is required",
invalid_type_error: "recipe id must be a number",
})
.positive("recipe id must be positive"),
.positive("recipe id must be positive")
)
.query(async ({ input }) => {
const data = await $fetch<{ meals: Meal[] }>(
new URL(`lookup.php?i=${input}`, apiUrl).href,
);
const data = await $fetch<{ meals: Meal[] }>(new URL(`lookup.php?i=${input}`, apiUrl).href);
if (!data?.meals) {
throw createError({
statusCode: 404,
@ -48,10 +47,9 @@ export const recipeRouter = router({
const recipes = parseRecipeData(data);
return recipes[0];
}),
recipeRandom: publicProcedure.query(async () => {
const data = await $fetch<{ meals: Meal[] }>(
new URL("random.php", apiUrl).toString(),
);
const data = await $fetch<{ meals: Meal[] }>(new URL("random.php", apiUrl).toString());
if (!data?.meals) {
throw createError({
statusCode: 500,
@ -61,20 +59,35 @@ export const recipeRouter = router({
const recipes = parseRecipeData(data);
return recipes[0];
}),
recipeSearch: publicProcedure
.input(
z.string({
required_error: "search query is required",
}),
})
)
.query(async ({ input }) => {
const data = await $fetch<{ meals: Meal[] }>(
new URL(`search.php?s=${input}`, apiUrl).href,
);
const data = await $fetch<{ meals: Meal[] }>(new URL(`search.php?s=${input}`, apiUrl).href);
if (!data?.meals) {
return [];
}
const recipes = parseRecipeData(data);
return recipes;
}),
listCategories: publicProcedure.query(async () => {
const response = await $fetch<CategoriesResponse>(new URL("categories.php", apiUrl).href);
const result = categoriesResponseSchema.safeParse(response);
if (!result.success) {
throw createError({
statusCode: 500,
statusMessage: "Invalid API response format",
data: result.error,
});
}
return result.data.categories.sort((a, b) => a.name.localeCompare(b.name));
}),
});