From 246f1584c21b7a64eb6a8afb635206852c77b8bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 24 Aug 2022 11:09:20 +0200
Subject: [PATCH] Allow opening files outside of the file system in viewer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
Signed-off-by: Louis Chemineau <louis@chmn.me>
---
 src/components/ViewerComponent.vue | 62 +++++++++++++++++++++++++++++-
 src/viewer.js                      |  1 +
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 6ddb359ae4f..6f8f21c618b 100644
--- a/src/components/ViewerComponent.vue
+++ b/src/components/ViewerComponent.vue
@@ -21,21 +21,29 @@
   -->
 
 <template>
-	<Editor :file-id="fileid"
+	<Editor v-if="isEditable"
+		:file-id="fileid"
 		:relative-path="filename"
 		:active="active"
 		:autofocus="autofocus"
 		:share-token="shareToken"
 		:mime="mime"
 		:show-outline-outside="showOutlineOutside" />
+	<Component :is="readerComponent" v-else :content="content" />
 </template>
 
 <script>
+import axios from '@nextcloud/axios'
+import PlainTextReader from './PlainTextReader.vue'
+import RichTextReader from './RichTextReader.vue'
+
 import { getSharingToken } from '../helpers/token.js'
 
 export default {
 	name: 'ViewerComponent',
 	components: {
+		RichTextReader,
+		PlainTextReader,
 		Editor: () => import(/* webpackChunkName: "editor" */'./Editor.vue'),
 	},
 	props: {
@@ -67,6 +75,58 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		permissions: {
+			type: String,
+			default: '',
+		},
+		source: {
+			type: String,
+			default: undefined,
+		},
+	},
+	data() {
+		return {
+			content: '',
+		}
+	},
+	computed: {
+		/** @return {boolean} */
+		isEditable() {
+			return this.permissions.includes('W')
+		},
+
+		/** @return {boolean} */
+		readerComponent() {
+			return this.mime === 'text/markdown' ? RichTextReader : PlainTextReader
+		},
+	},
+
+	watch: {
+		active() {
+			this.loadFileContent()
+		},
+	},
+
+	beforeMount() {
+		// FIXME Dirty fix to avoid recreating the component on stable16
+		if (typeof this.$parent.$parent !== 'undefined' && this.$parent.$parent.onResize) {
+			window.removeEventListener('resize', this.$parent.$parent.onResize)
+		}
+	},
+
+	mounted() {
+		this.loadFileContent()
+	},
+
+	methods: {
+		async loadFileContent() {
+			if (!this.isEditable && this.content === '') {
+				const response = await axios.get(this.source)
+				this.content = response.data
+				this.contentLoaded = true
+				this.$emit('update:loaded', true)
+			}
+		},
 	},
 }
 </script>
diff --git a/src/viewer.js b/src/viewer.js
index ac2da0aba0d..f66559b07ab 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -36,5 +36,6 @@ if (typeof OCA.Viewer === 'undefined') {
 		component: ViewerComponent,
 		group: null,
 		theme: 'default',
+		canCompare: true,
 	})
 }