feat(backend): ✨ Minor linting, bulk URL import, and improve BG tasks (#760)

* Fixes #751

* Fixes not showing original URL

* start slice at 0 instead of 1

* remove print statements

* add linter for print statements and remove print

* hide all buttons when edit disabled

* add bulk import API

* update attribute bindings

* unify button styles

* bulk add recipe feature

* thanks linter!

* uncomment code

Co-authored-by: Hayden <hay-kot@pm.me>

frontend/api/class-interfaces/recipes.ts

@@ -1,4 +1,6 @@
 import { BaseCRUDAPI } from "../_base";
+import { Category } from "./categories";
+import { Tag } from "./tags";
 import { Recipe, CreateRecipe } from "~/types/api-types/recipe";
 
 const prefix = "/api";
@@ -8,6 +10,7 @@ const routes = {
   recipesBase: `${prefix}/recipes`,
   recipesTestScrapeUrl: `${prefix}/recipes/test-scrape-url`,
   recipesCreateUrl: `${prefix}/recipes/create-url`,
+  recipesCreateUrlBulk: `${prefix}/recipes/create-url/bulk`,
   recipesCreateFromZip: `${prefix}/recipes/create-from-zip`,
   recipesCategory: `${prefix}/recipes/category`,
   recipesParseIngredient: `${prefix}/parser/ingredient`,
@@ -59,6 +62,16 @@ export interface ParsedIngredient {
   ingredient: Ingredient;
 }
 
+export interface BulkCreateRecipe {
+  url: string;
+  categories: Category[];
+  tags: Tag[];
+}
+
+export interface BulkCreatePayload {
+  imports: BulkCreateRecipe[];
+}
+
 export class RecipeAPI extends BaseCRUDAPI<Recipe, CreateRecipe> {
   baseRoute: string = routes.recipesBase;
   itemRoute = routes.recipesRecipeSlug;
@@ -90,6 +103,10 @@ export class RecipeAPI extends BaseCRUDAPI<Recipe, CreateRecipe> {
     return await this.requests.post(routes.recipesCreateUrl, { url });
   }
 
+  async createManyByUrl(payload: BulkCreatePayload) {
+    return await this.requests.post(routes.recipesCreateUrlBulk, payload);
+  }
+
   // Recipe Comments
 
   // Methods to Generate reference urls for assets/images *