fix: remove plain text endpoint call and decode on frontend

Signed-off-by: Grigory Vodyanov <[email protected]>

src/components/ThreadEnvelope.vue

@@ -314,7 +314,7 @@ import { mapStores } from 'pinia'
 import moment from '@nextcloud/moment'
 import { translateTagDisplayName } from '../util/tag.js'
 import { FOLLOW_UP_TAG_LABEL } from '../store/constants.js'
-import { getPlainText } from '../service/plainTextService.js'
+import { Text, toPlain } from '../util/text.js'
 
 // Ternary loading state
 const LOADING_DONE = 0
@@ -881,8 +881,9 @@ export default {
 		},
 		async handleHtmlBodyMessages() {
 			if (this.message.hasHtmlBody) {
-				const message = await getPlainText(this.message.databaseId)
-				this.plainTextBody = message.body
+				let text = new Text('html', this.message.body)
+				text = toPlain(text)
+				this.plainTextBody = text.value
 			} else {
 				this.plainTextBody = this.message.body
 			}

src/components/TranslationModal.vue

@@ -44,12 +44,14 @@
 			<NcRichText class="translate-dialog__message translate-dialog__message-source"
 				:text="message"
 				:arguments="richParameters"
+				:use-markdown="true"
 				:reference-limit="0" />
 
 			<NcRichText v-if="translatedMessage"
 				class="translate-dialog__message translate-dialog__message-translation"
 				:text="translatedMessage"
 				:arguments="richParameters"
+				:use-markdown="true"
 				:reference-limit="0" />
 		</template>
 
@@ -213,7 +215,7 @@ export default {
 		async translateMessage(sourceLanguage = null) {
 			try {
 				this.isLoading = true
-				const response = await translateText(this.message, sourceLanguage, this.selectedTo?.id)
+				const response = await translateText(this.message.trim(), sourceLanguage, this.selectedTo?.id)
 				this.translatedMessage = response.data.ocs.data.text
 			} catch (error) {
 				console.error(error)

src/util/text.js

@@ -10,7 +10,7 @@ import { convert } from 'html-to-text'
 /**
  * @type {Text}
  */
-class Text {
+export class Text {
 
 	constructor(format, value) {
 		this.format = format