feat: view E2EE files

Signed-off-by: Luka Trovic <luka@nextcloud.com>

Author: luka-nextcloud

src/components/ViewerComponent.vue

@@ -115,17 +115,28 @@ export default {
 		/** @return {boolean} */
 		useSourceView() {
 			return (
-				this.source &&
-				(this.fileVersion || !this.fileid || this.isEmbedded) &&
-				!this.hasToggledInteractiveEmbedding
+				this.source
+				&& (this.fileVersion
+					|| !this.fileid
+					|| this.isEmbedded
+					|| this.isEncrypted)
+				&& !this.hasToggledInteractiveEmbedding
+			)
+		},
+
+		isEncrypted() {
+			return this.$attrs.e2EeIsEncrypted || false
+		},
+
+		isMarkdown() {
+			return (
+				this.mime === 'text/markdown' || this.mime === 'text/x-web-markdown'
 			)
 		},
 
 		/** @return {boolean} */
 		readerComponent() {
-			return this.mime === 'text/markdown'
-				? MarkdownContentEditor
-				: PlainTextReader
+			return this.isMarkdown ? MarkdownContentEditor : PlainTextReader
 		},
 	},
 
@@ -143,15 +154,37 @@ export default {
 		t: translate,
 		async loadFileContent() {
 			if (this.useSourceView) {
-				const response = await axios.get(this.source)
-				this.content = response.data
-				this.contentLoaded = true
+				if (this.isEncrypted) {
+					this.content = await this.fetchDecryptedContent()
+					this.contentLoaded = true
+				} else {
+					const response = await axios.get(this.source)
+					this.content = response.data
+					this.contentLoaded = true
+				}
 			}
 			this.$emit('update:loaded', true)
 		},
 		toggleEdit() {
 			this.hasToggledInteractiveEmbedding = true
 		},
+		async fetchDecryptedContent() {
+			const client = getClient()
+			const response = await client.getFileContents(
+				`${getRootPath()}${this.filename}`,
+				{ details: true },
+			)
+			const blob = new Blob([response.data], {
+				type: response.headers['content-type'],
+			})
+			const reader = new FileReader()
+			reader.readAsText(blob)
+			return new Promise((resolve) => {
+				reader.onload = () => {
+					resolve(reader.result)
+				}
+			})
+		},
 	},
 }
 </script>

src/helpers/mime.js

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-const openMimetypesMarkdown = ['text/markdown']
+const openMimetypesMarkdown = ['text/markdown', 'text/x-web-markdown']
 
 const openMimetypesPlainText = [
 	'text/plain',