Use new logging framework consistently

CHANGELOG.md

@@ -15,6 +15,8 @@
   [#1440](https://github.com/nextcloud/cookbook/pull/1440) @christianlupus
 - Fix the build environment after regression
   [#1442](https://github.com/nextcloud/cookbook/pull/1442) @christianlupus
+- Use logging framework throughout the complete app
+  [1459](https://github.com/nextcloud/cookbook/pull/1459) @MarcelRobitaille
 
 ## Documentation
 - Fixed some issues in the API description

src/components/AppMain.vue

@@ -46,11 +46,11 @@ export default {
         }
     },
     watch: {
-        /* This is left here as an example in case the routes need to be debugged again
-        '$route' (to, from) {
-            console.log(this.$window.isSameBaseRoute(from.fullPath, to.fullPath))
+        $route(to, from) {
+            this.$log.debug(
+                this.$window.isSameBaseRoute(from.fullPath, to.fullPath)
+            )
         },
-        */
     },
     mounted() {
         this.$log.info("AppMain mounted")

src/components/AppNavi.vue

@@ -324,8 +324,7 @@ export default {
                             continue
                         }
                         if ($this.$refs[`app-navi-cat-${i}`][0].opened) {
-                            // eslint-disable-next-line no-console
-                            console.log(
+                            this.$log.info(
                                 `Reloading recipes in ${
                                     $this.$refs[`app-navi-cat-${i}`][0].title
                                 }`

src/components/RecipeEdit.vue

@@ -437,8 +437,7 @@ export default {
                 $this.allRecipes = response.data
             })
             .catch((e) => {
-                // eslint-disable-next-line no-console
-                console.log(e)
+                this.$log.error(e)
             })
             .then(() => {
                 // finally
@@ -602,22 +601,19 @@ export default {
                                 // prettier-ignore
                                 t("cookbook","Unknown answer returned from server. See logs.")
                             )
-                            // eslint-disable-next-line no-console
-                            console.log(e.response)
+                            this.$log.error(e.response)
                     }
                 } else if (e.request) {
                     await showSimpleAlertModal(
                         t("cookbook", "No answer for request was received.")
                     )
-                    // eslint-disable-next-line no-console
-                    console.log(e)
+                    this.$log.error(e)
                 } else {
                     await showSimpleAlertModal(
                         // prettier-ignore
                         t("cookbook","Could not start request to save recipe.")
                     )
-                    // eslint-disable-next-line no-console
-                    console.log(e)
+                    this.$log.error(e)
                 }
             } finally {
                 $this.$store.dispatch("setSavingRecipe", {

src/components/RecipeView.vue

@@ -322,7 +322,7 @@ export default {
             }
 
             if (this.$store.state.recipe === null) {
-                // console.log("Recipe is null")
+                this.$log.debug("Recipe is null")
                 return recipe
             }
 
@@ -452,9 +452,9 @@ export default {
     },
     watch: {
         recipe(r) {
-            // console.log('Recipe has been updated')
+            this.$log.debug("Recipe has been updated")
             if (r) {
-                // console.log("Recipe", r)
+                this.$log.debug("Recipe", r)
 
                 if (r.description) {
                     this.parsedDescription = t("cookbook", "Loading…")
@@ -475,8 +475,7 @@ export default {
                                 this.parsedIngredients.splice(idx, 1, x)
                             })
                             .catch((ex) => {
-                                // eslint-disable-next-line no-console
-                                console.log(ex)
+                                this.$log.error(ex)
                             })
                     })
                 } else {
@@ -493,8 +492,7 @@ export default {
                                 this.parsedInstructions.splice(idx, 1, x)
                             })
                             .catch((ex) => {
-                                // eslint-disable-next-line no-console
-                                console.log(ex)
+                                this.$log.error(ex)
                             })
                     })
                 } else {
@@ -511,8 +509,7 @@ export default {
                                 this.parsedTools.splice(idx, 1, x)
                             })
                             .catch((ex) => {
-                                // eslint-disable-next-line no-console
-                                console.log(ex)
+                                this.$log.error(ex)
                             })
                     })
                 } else {

src/components/SettingsDialog.vue

@@ -252,8 +252,7 @@ export default {
                 .reindex()
                 .then(() => {
                     $this.scanningLibrary = false
-                    // eslint-disable-next-line no-console
-                    console.log("Library reindexing complete")
+                    this.$log.info("Library reindexing complete")
                     if (
                         ["index", "search"].indexOf(this.$store.state.page) > -1
                     ) {
@@ -265,8 +264,7 @@ export default {
                 })
                 .catch(() => {
                     $this.scanningLibrary = false
-                    // eslint-disable-next-line no-console
-                    console.log("Library reindexing failed!")
+                    this.$log.error("Library reindexing failed!")
                 })
         },
 

src/components/SuggestionsPopup.vue

@@ -211,10 +211,7 @@ export const suggestionsPopupMixin = {
          * Recover suggestions popup on focus
          */
         handleSuggestionsPopupFocus(e) {
-            if (this.verboseDebugLogging) {
-                // eslint-disable-next-line no-console
-                console.log("focus", e, JSON.stringify(this.suggestionsData))
-            }
+            this.$log.debug("focus", e, JSON.stringify(this.suggestionsData))
             if (this.suggestionsData?.blurred) {
                 this.suggestionsData.blurred = false
             }
@@ -223,10 +220,7 @@ export const suggestionsPopupMixin = {
          * Cancel selection if input gets blurred
          */
         handleSuggestionsPopupBlur(e) {
-            if (this.verboseDebugLogging) {
-                // eslint-disable-next-line no-console
-                console.log("blur", e, JSON.stringify(this.suggestionsData))
-            }
+            this.$log.debug("blur", e, JSON.stringify(this.suggestionsData))
             if (!this.suggestionsPopupVisible || !this.$refs.suggestionsPopup) {
                 return
             }

src/main.js

@@ -40,9 +40,6 @@ window.escapeHTML = helpers.escapeHTML
 Vue.prototype.$window = window
 Vue.prototype.OC = OC
 
-// eslint-disable-next-line no-undef
-Vue.prototype.verboseDebugLogging = verboseDebugLogging
-
 // Markdown for Vue
 Vue.use(VueShowdown, {
     // set default flavor for Markdown

webpack.config.js

@@ -28,7 +28,6 @@ function cookbookConfig (env) {
             new CleanWebpackPlugin(),
             new webpack.DefinePlugin({
                 '__webpack_use_dev_server__': env.dev_server || false,
-                'verboseDebugLogging': isDev && (process.env.VERBOSE || false),
             }),
         ],
         resolve: {