feat: ✨ (WIP) base-shoppinglist infra (#911)

* feat: ✨ base-shoppinglist infra (WIP)

* add type checker

* implement controllers

* apply router fixes

* add checked section hide/animation

* add label support

* formatting

* fix overflow images

* add experimental banner

* fix #912 word break issue

* remove any type errors

* bump dependencies

* remove templates

* fix build errors

* bump node version

* fix template literal

frontend/api/class-interfaces/group-multiple-purpose-labels.ts

@@ -0,0 +1,22 @@
+import { BaseCRUDAPI } from "../_base";
+
+const prefix = "/api";
+
+const routes = {
+  labels: `${prefix}/groups/labels`,
+  labelsId: (id: string | number) => `${prefix}/groups/labels/${id}`,
+};
+
+export interface CreateLabel {
+  name: string;
+}
+
+export interface Label extends CreateLabel {
+  id: string;
+  groupId: string;
+}
+
+export class MultiPurposeLabelsApi extends BaseCRUDAPI<Label, CreateLabel> {
+  baseRoute = routes.labels;
+  itemRoute = routes.labelsId;
+}

frontend/api/class-interfaces/group-shopping-lists.ts

@@ -0,0 +1,60 @@
+import { BaseCRUDAPI } from "../_base";
+import { ApiRequestInstance } from "~/types/api";
+import { IngredientFood, IngredientUnit } from "~/types/api-types/recipe";
+
+const prefix = "/api";
+
+const routes = {
+  shoppingLists: `${prefix}/groups/shopping/lists`,
+  shoppingListsId: (id: string) => `${prefix}/groups/shopping/lists/${id}`,
+  shoppingListIdAddRecipe: (id: string, recipeId: number) => `${prefix}/groups/shopping/lists/${id}/recipe/${recipeId}`,
+};
+
+export interface ShoppingListItemCreate {
+  id: string;
+  shoppingListId: string;
+  checked: boolean;
+  position: number;
+  note: string;
+  quantity: number;
+
+  isFood: boolean;
+  unit: IngredientUnit | null;
+  food: IngredientFood | null;
+
+  labelId: string | null;
+  label?: {
+    id: string;
+    name: string;
+  };
+}
+
+export interface ShoppingListCreate {
+  name: string;
+}
+
+export interface ShoppingListSummary extends ShoppingListCreate {
+  id: string;
+  groupId: string;
+}
+
+export interface ShoppingList extends ShoppingListSummary {
+  listItems: ShoppingListItemCreate[];
+}
+
+export class ShoppingListsApi extends BaseCRUDAPI<ShoppingList, ShoppingListCreate> {
+  baseRoute = routes.shoppingLists;
+  itemRoute = routes.shoppingListsId;
+
+  async addRecipe(itemId: string, recipeId: number) {
+    return await this.requests.post(routes.shoppingListIdAddRecipe(itemId, recipeId), {});
+  }
+}
+
+export class ShoppingApi {
+  public lists: ShoppingListsApi;
+
+  constructor(requests: ApiRequestInstance) {
+    this.lists = new ShoppingListsApi(requests);
+  }
+}

frontend/api/index.ts

@@ -21,6 +21,8 @@ import { AdminAPI } from "./admin-api";
 import { ToolsApi } from "./class-interfaces/tools";
 import { GroupMigrationApi } from "./class-interfaces/group-migrations";
 import { GroupReportsApi } from "./class-interfaces/group-reports";
+import { ShoppingApi } from "./class-interfaces/group-shopping-lists";
+import { MultiPurposeLabelsApi } from "./class-interfaces/group-multiple-purpose-labels";
 import { ApiRequestInstance } from "~/types/api";
 
 class Api {
@@ -46,6 +48,8 @@ class Api {
   public groupReports: GroupReportsApi;
   public grouperServerTasks: GroupServerTaskAPI;
   public tools: ToolsApi;
+  public shopping: ShoppingApi;
+  public multiPurposeLabels: MultiPurposeLabelsApi;
   // Utils
   public upload: UploadFile;
 
@@ -74,6 +78,8 @@ class Api {
     // Group
     this.groupMigration = new GroupMigrationApi(requests);
     this.groupReports = new GroupReportsApi(requests);
+    this.shopping = new ShoppingApi(requests);
+    this.multiPurposeLabels = new MultiPurposeLabelsApi(requests);
 
     // Admin
     this.events = new EventsAPI(requests);