Feature/shareable recipes (#866)

* simplify context menu

* move computed to comp-api

* feat: ✨ create share tokens for recipes for sharing recieps to non-users

* feat: ✨ shareable recipe links with og tags

frontend/api/class-interfaces/recipes/recipe-share.ts

@@ -0,0 +1,26 @@
+import { BaseCRUDAPI } from "~/api/_base";
+
+const prefix = "/api";
+
+const routes = {
+  shareToken: `${prefix}/shared/recipes`,
+  shareTokenId: (id: string) => `${prefix}/shared/recipes/${id}`,
+};
+
+export interface RecipeShareTokenCreate {
+  recipeId: number;
+  expiresAt?: Date;
+}
+
+export interface RecipeShareToken {
+  recipeId: number;
+  id: string;
+  groupId: number;
+  expiresAt: string;
+  createdAt: string;
+}
+
+export class RecipeShareApi extends BaseCRUDAPI<RecipeShareToken, RecipeShareTokenCreate> {
+  baseRoute: string = routes.shareToken;
+  itemRoute = routes.shareTokenId;
+}

frontend/api/class-interfaces/recipes/recipe.ts

@@ -1,5 +1,6 @@
 import { CreateAsset, ParsedIngredient, Parser, RecipeZipToken, BulkCreatePayload } from "./types";
 import { CommentsApi } from "./recipe-comments";
+import { RecipeShareApi } from "./recipe-share";
 import { BaseCRUDAPI } from "~/api/_base";
 
 import { Recipe, CreateRecipe } from "~/types/api-types/recipe";
@@ -26,18 +27,22 @@ const routes = {
 
   recipesSlugComments: (slug: string) => `${prefix}/recipes/${slug}/comments`,
   recipesSlugCommentsId: (slug: string, id: number) => `${prefix}/recipes/${slug}/comments/${id}`,
+
+  recipeShareToken: (token: string) => `${prefix}/recipes/shared/${token}`,
 };
 
 export class RecipeAPI extends BaseCRUDAPI<Recipe, CreateRecipe> {
   baseRoute: string = routes.recipesBase;
   itemRoute = routes.recipesRecipeSlug;
 
-  public comments: CommentsApi;
+  comments: CommentsApi;
+  share: RecipeShareApi;
 
   constructor(requests: ApiRequestInstance) {
     super(requests);
 
     this.comments = new CommentsApi(requests);
+    this.share = new RecipeShareApi(requests);
   }
 
   async getAllByCategory(categories: string[]) {
@@ -116,4 +121,8 @@ export class RecipeAPI extends BaseCRUDAPI<Recipe, CreateRecipe> {
   getZipRedirectUrl(recipeSlug: string, token: string) {
     return `${routes.recipesRecipeSlugExportZip(recipeSlug)}?token=${token}`;
   }
+
+  async getShared(item_id: string) {
+    return await this.requests.get<Recipe>(routes.recipeShareToken(item_id));
+  }
 }