reorganize all frontend items

frontend/api/class-interfaces/_base.ts

@@ -0,0 +1,10 @@
+import { ApiRequestInstance } from "~/types/api";
+
+export class BaseAPIClass {
+    requests: ApiRequestInstance
+    
+    constructor(requests: ApiRequestInstance) {
+        this.requests = requests;
+    }
+}
+

frontend/api/class-interfaces/recipes.ts

@@ -0,0 +1,55 @@
+import { BaseAPIClass } from "./_base";
+import { Recipe } from "~/types/api-types/admin";
+
+const prefix = "/api";
+
+const routes = {
+  recipesCreate: `${prefix}/recipes/create`,
+  recipesBase: `${prefix}/recipes`,
+  recipesSummary: `${prefix}/recipes/summary`,
+  recipesTestScrapeUrl: `${prefix}/recipes/test-scrape-url`,
+  recipesCreateUrl: `${prefix}/recipes/create-url`,
+  recipesCreateFromZip: `${prefix}/recipes/create-from-zip`,
+
+  recipesRecipeSlug: (recipe_slug: string) => `${prefix}/recipes/${recipe_slug}`,
+  recipesRecipeSlugZip: (recipe_slug: string) => `${prefix}/recipes/${recipe_slug}/zip`,
+  recipesRecipeSlugImage: (recipe_slug: string) => `${prefix}/recipes/${recipe_slug}/image`,
+  recipesRecipeSlugAssets: (recipe_slug: string) => `${prefix}/recipes/${recipe_slug}/assets`,
+};
+
+class RecipeAPI extends BaseAPIClass {
+  async getAll(start = 0, limit = 9999) {
+    return await this.requests.get<Recipe[]>(routes.recipesSummary, {
+      params: { start, limit },
+    });
+  }
+
+  async getOne(slug: string) {
+    return await this.requests.get<Recipe>(routes.recipesRecipeSlug(slug));
+  }
+
+  async createOne(name: string) {
+    return await this.requests.post(routes.recipesBase, { name });
+  }
+
+
+
+
+  recipeImage(recipeSlug: string, version = null, key = null) {
+    return `/api/media/recipes/${recipeSlug}/images/original.webp?&rnd=${key}&version=${version}`;
+  }
+
+  recipeSmallImage(recipeSlug: string, version = null, key = null) {
+    return `/api/media/recipes/${recipeSlug}/images/min-original.webp?&rnd=${key}&version=${version}`;
+  }
+
+  recipeTinyImage(recipeSlug: string, version = null, key = null) {
+    return `/api/media/recipes/${recipeSlug}/images/tiny-original.webp?&rnd=${key}&version=${version}`;
+  }
+
+  recipeAssetPath(recipeSlug: string, assetName: string) {
+    return `/api/media/recipes/${recipeSlug}/assets/${assetName}`;
+  }
+}
+
+export { RecipeAPI };

frontend/api/index.ts

@@ -1,5 +1,20 @@
+import { RecipeAPI } from "./class-interfaces/recipes";
+import { ApiRequestInstance } from "~/types/api";
 
+class Api {
+  private static instance: Api;
+  public recipes: RecipeAPI;
 
+  constructor(requests: ApiRequestInstance) {
+    if (Api.instance instanceof Api) {
+      return Api.instance;
+    }
 
-export const api = {}
+    this.recipes = new RecipeAPI(requests);
 
+    Object.freeze(this);
+    Api.instance = this;
+  }
+}
+
+export { Api };

frontend/api/requests.ts

@@ -1,5 +1,6 @@
 import axios, { AxiosResponse } from "axios";
 
+
 interface RequestResponse<T> {
   response: AxiosResponse<T> | null;
   data: T | null;