feature/finish-recipe-assets (#384)

* add features to readme

* Copy markdown reference

* prop as whole recipe

* parameter as url instead of query

* add card styling to editor

* move images to /recipes/{slug}/images

* add image to breaking changes

* fix delete and import errors

* fix debug/about response

* logger updates

* dashboard ui

* add server side events

* unorganized routes

* default slot

* add backup viewer to dashboard

* format

* add dialog to backup imports

* initial event support

* delete assets when removed

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

frontend/src/api/about.js

@@ -0,0 +1,59 @@
+import { baseURL } from "./api-utils";
+import { apiReq } from "./api-utils";
+
+const prefix = baseURL + "about";
+
+const aboutURLs = {
+  version: `${prefix}/version`,
+  debug: `${prefix}`,
+  lastRecipe: `${prefix}/last-recipe-json`,
+  demo: `${prefix}/is-demo`,
+  log: num => `${prefix}/log/${num}`,
+  statistics: `${prefix}/statistics`,
+  events: `${prefix}/events`,
+  event: id => `${prefix}/events/${id}`,
+};
+
+export const aboutAPI = {
+  async getEvents() {
+    const resposne = await apiReq.get(aboutURLs.events);
+    return resposne.data;
+  },
+  async deleteEvent(id) {
+    const resposne = await apiReq.delete(aboutURLs.event(id));
+    return resposne.data;
+  },
+  async deleteAllEvents() {
+    const resposne = await apiReq.delete(aboutURLs.events);
+    return resposne.data;
+  },
+  //   async getAppInfo() {
+  //     const response = await apiReq.get(aboutURLs.version);
+  //     return response.data;
+  //   },
+
+  //   async getDebugInfo() {
+  //     const response = await apiReq.get(aboutURLs.debug);
+  //     return response.data;
+  //   },
+
+  //   async getLogText(num) {
+  //     const response = await apiReq.get(aboutURLs.log(num));
+  //     return response.data;
+  //   },
+
+  //   async getLastJson() {
+  //     const response = await apiReq.get(aboutURLs.lastRecipe);
+  //     return response.data;
+  //   },
+
+  //   async getIsDemo() {
+  //     const response = await apiReq.get(aboutURLs.demo);
+  //     return response.data;
+  //   },
+
+  //   async getStatistics() {
+  //     const response = await apiReq.get(aboutURLs.statistics);
+  //     return response.data;
+  //   },
+};

frontend/src/api/index.js

@@ -11,6 +11,7 @@ import { userAPI } from "./users";
 import { signupAPI } from "./signUps";
 import { groupAPI } from "./groups";
 import { siteSettingsAPI } from "./siteSettings";
+import { aboutAPI } from "./about";
 
 /**
  * The main object namespace for interacting with the backend database
@@ -30,4 +31,5 @@ export const api = {
   users: userAPI,
   signUps: signupAPI,
   groups: groupAPI,
+  about: aboutAPI,
 };

frontend/src/api/meta.js

@@ -8,11 +8,13 @@ const debugURLs = {
   debug: `${prefix}`,
   lastRecipe: `${prefix}/last-recipe-json`,
   demo: `${prefix}/is-demo`,
+  log: num => `${prefix}/log/${num}`,
+  statistics: `${prefix}/statistics`,
 };
 
 export const metaAPI = {
   async getAppInfo() {
-    let response = await apiReq.get(debugURLs.version);
+    const response = await apiReq.get(debugURLs.version);
     return response.data;
   },
 
@@ -21,13 +23,23 @@ export const metaAPI = {
     return response.data;
   },
 
+  async getLogText(num) {
+    const response = await apiReq.get(debugURLs.log(num));
+    return response.data;
+  },
+
   async getLastJson() {
-    let response = await apiReq.get(debugURLs.lastRecipe);
+    const response = await apiReq.get(debugURLs.lastRecipe);
     return response.data;
   },
 
   async getIsDemo() {
-    let response = await apiReq.get(debugURLs.demo);
+    const response = await apiReq.get(debugURLs.demo);
+    return response.data;
+  },
+
+  async getStatistics() {
+    const response = await apiReq.get(debugURLs.statistics);
     return response.data;
   },
 };

frontend/src/api/recipe.js

@@ -14,9 +14,9 @@ const recipeURLs = {
   recipe: slug => prefix + slug,
   update: slug => prefix + slug,
   delete: slug => prefix + slug,
+  createAsset: slug => `${prefix}media/${slug}/assets`,
   recipeImage: slug => `${prefix}${slug}/image`,
   updateImage: slug => `${prefix}${slug}/image`,
-  createAsset: slug => `${prefix}${slug}/asset`,
 };
 
 export const recipeAPI = {
@@ -84,7 +84,7 @@ export const recipeAPI = {
     fd.append("extension", fileObject.name.split(".").pop());
     fd.append("name", name);
     fd.append("icon", icon);
-    let response = apiReq.post(recipeURLs.createAsset(recipeSlug), fd);
+    const response = apiReq.post(recipeURLs.createAsset(recipeSlug), fd);
     return response;
   },
 
@@ -135,14 +135,14 @@ export const recipeAPI = {
   },
 
   recipeImage(recipeSlug) {
-    return `/api/recipes/image/${recipeSlug}/original.webp`;
+    return `/api/recipes/media/${recipeSlug}/image/original.webp`;
   },
 
   recipeSmallImage(recipeSlug) {
-    return `/api/recipes/image/${recipeSlug}/min-original.webp`;
+    return `/api/recipes/media/${recipeSlug}/image/min-original.webp`;
   },
 
   recipeTinyImage(recipeSlug) {
-    return `/api/recipes/image/${recipeSlug}/tiny-original.webp`;
+    return `/api/recipes/media/${recipeSlug}/image/tiny-original.webp`;
   },
 };