fix: friends mapping error, get similar recipes cache (#1501)

Author: julianpoy

packages/frontend/src/app/pages/home/home.page.ts

@@ -248,7 +248,7 @@ export class HomePage {
     }
   }
 
-  async resetAndLoadAll(scrollToIndex?: number): Promise<any> {
+  async resetAndLoadAll(scrollToIndex?: number): Promise<[void, void] | void> {
     this.reloadPending = false;
 
     // Load labels & recipes in parallel if user hasn't selected labels that need to be verified for existence
@@ -403,10 +403,13 @@ export class HomePage {
     );
     if (!response) return;
 
-    this.friendsById = response.friends.reduce((acc: any, friendEntry: any) => {
-      acc[friendEntry.otherUser.id] = friendEntry.otherUser;
-      return acc;
-    }, {});
+    this.friendsById = response.friends.reduce(
+      (acc, friendEntry) => {
+        acc[friendEntry.id] = friendEntry;
+        return acc;
+      },
+      {} as Record<string, UserPublic>,
+    );
   }
 
   toggleLabel(labelTitle: string) {

packages/frontend/src/app/utils/serviceWorker/routes/recipes/index.ts

@@ -1,5 +1,6 @@
 export { registerGetRecipesRoute } from "./registerGetRecipesRoute";
 export { registerGetRecipeRoute } from "./registerGetRecipeRoute";
+export { registerGetSimilarRecipesRoute } from "./registerGetSimilarRecipesRoute";
 export { registerSearchRecipesRoute } from "./registerSearchRecipesRoute";
 export { registerUpdateRecipeRoute } from "./registerUpdateRecipeRoute";
 export { registerCreateRecipeRoute } from "./registerCreateRecipeRoute";

packages/frontend/src/app/utils/serviceWorker/routes/recipes/registerGetSimilarRecipesRoute.ts

@@ -0,0 +1,70 @@
+import { registerRoute } from "workbox-routing";
+import {
+  swAssertStatusCacheDivert,
+  swCacheReject,
+} from "../../swErrorHandling";
+import { getLocalDb, ObjectStoreName } from "../../../localDb";
+import type { RecipeSummary } from "@recipesage/prisma";
+import { getTrpcInputForEvent } from "../../getTrpcInputForEvent";
+import { trpcClient as trpc } from "../../../trpcClient";
+import { encodeCacheResultForTrpc } from "../../encodeCacheResultForTrpc";
+
+export const registerGetSimilarRecipesRoute = () => {
+  registerRoute(
+    /((https:\/\/api(\.beta)?\.recipesage\.com)|(\/api))\/trpc\/recipes\.getSimilarRecipes/,
+    async (event) => {
+      try {
+        const response = await fetch(event.request);
+
+        swAssertStatusCacheDivert(response);
+
+        return response;
+      } catch (e) {
+        const input =
+          getTrpcInputForEvent<
+            Parameters<typeof trpc.recipes.getSimilarRecipes.query>[0]
+          >(event);
+        if (!input) return swCacheReject("No input provided", e);
+
+        const { recipeIds } = input;
+
+        const localDb = await getLocalDb();
+
+        const originRecipeTitles = new Set<string>();
+        const originRecipeIngredients = new Set<string>();
+        const originRecipeInstructions = new Set<string>();
+        for (const recipeId of recipeIds) {
+          const recipe: RecipeSummary | undefined = await localDb.get(
+            ObjectStoreName.Recipes,
+            recipeId,
+          );
+
+          if (recipe) {
+            originRecipeTitles.add(recipe.title);
+            originRecipeIngredients.add(recipe.ingredients);
+            originRecipeInstructions.add(recipe.instructions);
+          }
+        }
+
+        const recipes: RecipeSummary[] = await localDb.getAll(
+          ObjectStoreName.Recipes,
+        );
+
+        const similarRecipes = recipes.filter((recipe) => {
+          return (
+            originRecipeTitles.has(recipe.title) ||
+            originRecipeIngredients.has(recipe.ingredients) ||
+            originRecipeInstructions.has(recipe.instructions)
+          );
+        });
+
+        return encodeCacheResultForTrpc(
+          similarRecipes satisfies Awaited<
+            ReturnType<typeof trpc.recipes.getSimilarRecipes.query>
+          >,
+        );
+      }
+    },
+    "GET",
+  );
+};

packages/frontend/src/service-worker.ts

@@ -21,6 +21,7 @@ import {
   registerUpdateRecipeRoute,
   registerCreateRecipeRoute,
   registerRecipeMutationWildcardRoute,
+  registerGetSimilarRecipesRoute,
 } from "./app/utils/serviceWorker/routes/recipes";
 import {
   registerGetShoppingListsRoute,
@@ -122,6 +123,7 @@ registerRoute(
 
 registerGetRecipesRoute();
 registerGetRecipeRoute();
+registerGetSimilarRecipesRoute();
 registerSearchRecipesRoute(searchManagerP);
 registerUpdateRecipeRoute(syncManagerP);
 registerCreateRecipeRoute(syncManagerP);