feat: Add recipekeeper migration (#3642)

frontend/lang/messages/en-US.json

@@ -379,6 +379,10 @@
     "myrecipebox": {
       "title": "My Recipe Box",
       "description-long": "Mealie can import recipes from My Recipe Box. Export your recipes in CSV format, then upload the .csv file below."
+    },
+    "recipekeeper": {
+      "title": "Recipe Keeper",
+      "description-long": "Mealie can import recipes from Recipe Keeper. Export your recipes in zip format, then upload the .zip file below."
     }
   },
   "new-recipe": {

frontend/lib/api/types/group.ts

@@ -16,7 +16,8 @@ export type SupportedMigrations =
   | "paprika"
   | "mealie_alpha"
   | "tandoor"
-  | "plantoeat";
+  | "plantoeat"
+  | "recipekeeper";
 
 export interface CreateGroupPreferences {
   privateGroup?: boolean;

frontend/pages/group/migrations.vue

@@ -82,6 +82,7 @@ const MIGRATIONS = {
   nextcloud: "nextcloud",
   paprika: "paprika",
   plantoeat: "plantoeat",
+  recipekeeper: "recipekeeper",
   tandoor: "tandoor",
 };
 
@@ -135,6 +136,10 @@ export default defineComponent({
         text: i18n.tc("migration.tandoor.title"),
         value: MIGRATIONS.tandoor,
       },
+      {
+        text: i18n.tc("migration.recipekeeper.title"),
+        value: MIGRATIONS.recipekeeper,
+      },
     ];
     const _content = {
       [MIGRATIONS.mealie]: {
@@ -347,6 +352,26 @@ export default defineComponent({
           }
         ],
       },
+      [MIGRATIONS.recipekeeper]: {
+        text: i18n.tc("migration.recipekeeper.description-long"),
+        acceptedFileType: ".zip",
+        tree: [
+          {
+            id: 1,
+            icon: $globals.icons.zip,
+            name: "recipekeeperhtml.zip",
+            children: [
+                  { id: 2, name: "recipes.html", icon: $globals.icons.codeJson },
+                  { id: 3, name: "images", icon: $globals.icons.folderOutline,
+                    children: [
+                    { id: 4, name: "image1.jpeg", icon: $globals.icons.fileImage },
+                    { id: 5, name: "image2.jpeg", icon: $globals.icons.fileImage },
+                    ]
+                   },
+            ],
+          }
+        ],
+      },
     };
 
     function setFileObject(fileObject: File) {