From d0801535450e3c758504506e8a25894e03805f27 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Tue, 10 Oct 2023 15:45:50 +0200
Subject: [PATCH] fix(editorApi): Allow to pass in ReadonlyBar component

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/Editor.vue                       | 16 +++++++++-------
 src/components/Editor/MarkdownContentEditor.vue |  4 +++-
 src/editor.js                                   | 16 ++++++++++++++++
 3 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index 550ab4bec72..407004d9992 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -43,13 +43,15 @@
 			<MainContainer v-if="hasEditor">
 				<!-- Readonly -->
 				<div v-if="readOnly" class="text-editor--readonly-bar">
-					<ReadonlyBar>
-						<Status :document="document"
-							:dirty="dirty"
-							:sessions="filteredSessions"
-							:sync-error="syncError"
-							:has-connection-issue="hasConnectionIssue" />
-					</ReadonlyBar>
+					<slot name="readonlyBar">
+						<ReadonlyBar>
+							<Status :document="document"
+								:dirty="dirty"
+								:sessions="filteredSessions"
+								:sync-error="syncError"
+								:has-connection-issue="hasConnectionIssue" />
+						</ReadonlyBar>
+					</slot>
 				</div>
 				<!-- Rich Menu -->
 				<template v-else>
diff --git a/src/components/Editor/MarkdownContentEditor.vue b/src/components/Editor/MarkdownContentEditor.vue
index c162cd06651..211e2404e34 100644
--- a/src/components/Editor/MarkdownContentEditor.vue
+++ b/src/components/Editor/MarkdownContentEditor.vue
@@ -25,7 +25,9 @@
 		@outline-toggled="outlineToggled">
 		<MainContainer>
 			<MenuBar v-if="!readOnly" :autohide="false" />
-			<ReadonlyBar v-else />
+			<slot v-else name="readonlyBar">
+				<ReadonlyBar />
+			</slot>
 			<ContentContainer />
 		</MainContainer>
 	</Wrapper>
diff --git a/src/editor.js b/src/editor.js
index 2fc1f22fe6c..a636514ac6d 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -139,6 +139,10 @@ window.OCA.Text.createEditor = async function({
 
 	readOnly = false,
 	autofocus = true,
+	readonlyBar = {
+		component: null,
+		props: null,
+	},
 
 	onLoaded = () => {},
 	onUpdate = ({ markdown }) => {},
@@ -179,6 +183,16 @@ window.OCA.Text.createEditor = async function({
 			return data
 		},
 		render: h => {
+			const scopedSlots = readonlyBar?.component
+				? {
+					readonlyBar: () => {
+						return h(readonlyBar.component, {
+							props: readonlyBar.props,
+						})
+					},
+				}
+				: {}
+
 			return fileId
 				? h(Editor, {
 					props: {
@@ -190,6 +204,7 @@ window.OCA.Text.createEditor = async function({
 						autofocus,
 						showOutlineOutside: data.showOutlineOutside,
 					},
+					scopedSlots,
 				})
 				: h(MarkdownContentEditor, {
 					props: {
@@ -197,6 +212,7 @@ window.OCA.Text.createEditor = async function({
 						readOnly: data.readOnly,
 						showOutlineOutside: data.showOutlineOutside,
 					},
+					scopedSlots,
 				})
 		},
 		store,