refactor: use the logger instead of console where possible

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

src/components/NcAppContent/NcAppContent.vue

@@ -429,7 +429,7 @@ export default {
 			 * Emitted when the list pane is resized by the user
 			 */
 			this.$emit('resizeList', { size: listPaneSize })
-			console.debug('AppContent pane config', listPaneSize)
+			logger.debug('[NcAppContent] pane config', { listPaneSize })
 		},
 
 		// $slots is not reactive, we need to update this manually
@@ -442,7 +442,7 @@ export default {
 		restorePaneConfig() {
 			const listPaneSize = parseInt(browserStorage.getItem(this.paneConfigID), 10)
 			if (!isNaN(listPaneSize) && listPaneSize !== this.listPaneSize) {
-				console.debug('AppContent pane config', listPaneSize)
+				logger.debug('[NcAppContent] pane config', { listPaneSize })
 				this.listPaneSize = listPaneSize
 				return listPaneSize
 			}

src/components/NcAppSidebar/NcAppSidebar.vue

@@ -749,6 +749,7 @@ import { t } from '../../l10n.ts'
 import { createElementId } from '../../utils/createElementId.ts'
 import { getTrapStack } from '../../utils/focusTrap.ts'
 import { isSlotPopulated } from '../../utils/isSlotPopulated.ts'
+import logger from '../../utils/logger.ts'
 import NcActions from '../NcActions/index.js'
 import NcAppSidebarHeader from '../NcAppSidebarHeader/index.ts'
 import NcButton from '../NcButton/index.ts'
@@ -1225,8 +1226,7 @@ export default {
 		checkToggleButtonContainerAvailability() {
 			// Toggle button must be rendered, but there is no element to teleport it to
 			if (this.open === false && !this.noToggle && !this.ncContentSelector) {
-				console.warn('[NcAppSidebar] It looks like you want to use NcAppSidebar with the built-in toggle button. '
-					+ 'This feature is only available when NcAppSidebar is used in NcContent.')
+				logger.warn('[NcAppSidebar] It looks like you want to use NcAppSidebar with the built-in toggle button. This feature is only available when NcAppSidebar is used in NcContent.')
 			}
 		},
 

src/components/NcAvatar/NcAvatar.vue

@@ -825,7 +825,7 @@ export default {
 				setUserHasAvatar(this.user, true)
 			}
 			img.onerror = () => {
-				console.debug('Invalid avatar url', url)
+				logger.debug('[NcAvatar] Invalid avatar url', { url })
 				// Avatar is invalid, reset
 				this.avatarUrlLoaded = null
 				this.avatarSrcSetLoaded = null

src/components/NcCollectionList/NcCollectionList.vue

@@ -140,8 +140,8 @@ export default {
 				loading(true)
 				searchService(query).then((collections) => {
 					searchCollections.value = collections
-				}).catch((e) => {
-					console.error('Failed to search for collections', e)
+				}).catch((error) => {
+					logger.error('Failed to search for collections', { error })
 				}).finally(() => {
 					loading(false)
 				})
@@ -246,7 +246,7 @@ export default {
 						this.setError(t('Failed to create a project'), e)
 					})
 				}).catch((e) => {
-					console.error('No resource selected', e)
+					loger.error('[NcCollectionList] No resource selected', e)
 				})
 			}
 
@@ -267,7 +267,7 @@ export default {
 		},
 
 		setError(error, e) {
-			console.error(error, e)
+			logger.error(error, { error: e })
 			this.error = error
 			setTimeout(() => {
 				this.error = null
@@ -277,7 +277,7 @@ export default {
 		renameCollectionFromItem({ collectionId, name }) {
 			this.renameCollection({ collectionId, name })
 				.catch((e) => {
-					console.error(t('Failed to rename the project'), e)
+					logger.error(t('Failed to rename the project'), { error: e })
 					this.collectionsError[collectionId] = t('Failed to rename the project')
 					setTimeout(() => {
 						this.collectionsError[collectionId] = null

src/components/NcPopover/NcPopover.vue

@@ -215,6 +215,7 @@ import { createFocusTrap } from 'focus-trap'
 import { warn } from 'vue'
 import NcPopoverTriggerProvider from './NcPopoverTriggerProvider.vue'
 import { getTrapStack } from '../../utils/focusTrap.ts'
+import logger from '../../utils/logger.ts'
 import { isRtl } from '../../utils/rtl.ts'
 
 /**
@@ -522,8 +523,8 @@ export default {
 			try {
 				this.$focusTrap?.deactivate(options)
 				this.$focusTrap = null
-			} catch (err) {
-				console.warn(err)
+			} catch (error) {
+				logger.warn('[NcPopover] Failed to clear focus trap', { error })
 			}
 		},
 

src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue

@@ -243,9 +243,9 @@ export default {
 			try {
 				const response = await axios.get(this.url)
 				this.resources = response.data.ocs?.data
-			} catch (e) {
-				this.error = e
-				console.error(e)
+			} catch (error) {
+				this.error = error
+				logger.error('[NcRelatedResourcesPanel] Failed to fetch resources', { error })
 			} finally {
 				this.loading = false
 			}

src/components/NcRelatedResourcesPanel/NcTeamResources.vue

@@ -82,6 +82,7 @@ import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 import NcButton from '../NcButton/NcButton.vue'
 import NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'
 import { t } from '../../l10n.ts'
+import logger from '../../utils/logger.ts'
 
 const teamResourceProviders = getCapabilities()?.circles?.teamResourceProviders ?? []
 
@@ -178,9 +179,9 @@ export default {
 				const response = await axios.get(generateOcsUrl(`/teams/resources/${this.providerId}/${this.itemId}`))
 				this.teamResources = response.data.ocs.data.teams
 				this.teamOpen = [this.teamResources[0]?.teamId]
-			} catch (e) {
+			} catch (error) {
 				this.teamResources = null
-				console.error(e)
+				logger.error('[NcTeamResources] Failed to fetch resources', { error })
 			} finally {
 				this.loading = false
 			}

src/components/NcRichContenteditable/NcRichContenteditable.vue

@@ -293,6 +293,7 @@ import { emojiAddRecent, emojiSearch } from '../../functions/emoji/index.ts'
 import { n, t } from '../../l10n.ts'
 import richEditor from '../../mixins/richEditor/index.js'
 import { createElementId } from '../../utils/createElementId.ts'
+import logger from '../../utils/logger.ts'
 import { getLinkWithPicker, searchProvider } from '../NcRichText/index.js'
 
 /**
@@ -694,7 +695,7 @@ export default {
 					}
 				})
 				.catch((error) => {
-					console.debug('Smart picker promise rejected:', error)
+					logger.debug('[NcRichContenteditable] Smart picker promise rejected:', { error })
 					const tmpElem = document.getElementById('tmp-smart-picker-result-node')
 					this.setCursorAfter(tmpElem)
 					tmpElem.remove()

src/components/NcRichText/NcReferenceList.vue

@@ -135,7 +135,7 @@ export default {
 				this.loading = false
 				this.$emit('loaded')
 			}).catch((error) => {
-				console.error('Failed to extract references', error)
+				logger.error('[NcReferenceList] Failed to extract references', { error })
 				this.loading = false
 				this.$emit('loaded')
 			})

src/components/NcRichText/NcReferencePicker/NcRawLinkInput.vue

@@ -43,6 +43,7 @@ import debounce from 'debounce'
 import LinkVariantIcon from 'vue-material-design-icons/LinkVariant.vue'
 import NcReferenceWidget from '../NcReferenceWidget.vue'
 import { t } from '../../../l10n.ts'
+import logger from '../../../utils/logger.ts'
 import NcEmptyContent from '../../NcEmptyContent/index.ts'
 import NcLoadingIcon from '../../NcLoadingIcon/index.ts'
 import NcTextField from '../../NcTextField/index.ts'
@@ -129,7 +130,7 @@ export default {
 					this.reference = response.data.ocs.data.references[this.inputValue]
 				})
 				.catch((error) => {
-					console.error(error)
+					logger.error('[NcRawLinkInput] Failed to update reference', { error })
 				})
 				.then(() => {
 					this.loading = false