From 13e4c834aaf79e1bf1dffb5f54e6882153593cb9 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Tue, 5 Sep 2023 17:56:19 +0200
Subject: [PATCH 1/9] fix(editorApi): Allow to toggle outline via the API

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/Editor/MarkdownContentEditor.vue |  7 ++++++-
 src/editor.js                                   | 17 +++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/Editor/MarkdownContentEditor.vue b/src/components/Editor/MarkdownContentEditor.vue
index 4bfae779fe1..f1daecc1a24 100644
--- a/src/components/Editor/MarkdownContentEditor.vue
+++ b/src/components/Editor/MarkdownContentEditor.vue
@@ -20,7 +20,8 @@
   -->
 
 <template>
-	<Wrapper :content-loaded="true">
+	<Wrapper :content-loaded="true"
+		:show-outline-outside="showOutlineOutside">
 		<MainContainer>
 			<MenuBar v-if="!readOnly" :autohide="false" />
 			<ReadonlyBar v-else />
@@ -72,6 +73,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		showOutlineOutside: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	emits: ['update:content'],
 
diff --git a/src/editor.js b/src/editor.js
index b07381d55b7..e2b6c1a4351 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -60,6 +60,13 @@ class TextEditorEmbed {
 		return this
 	}
 
+	onOutlineToggle(onOutlineToggleCallback = () => {}) {
+		this.#vm.$on('outline-toggled', (visible) => {
+			onOutlineToggleCallback(visible)
+		})
+		return this
+	}
+
 	render(el) {
 		el.innerHTML = ''
 		const element = document.createElement('div')
@@ -81,6 +88,11 @@ class TextEditorEmbed {
 		return this
 	}
 
+	setShowOutline(value) {
+		this.#vm.$set(this.#data, 'showOutlineOutside', value)
+		return this
+	}
+
 	setReadOnly(value) {
 		this.#vm.$set(this.#data, 'readOnly', value)
 		return this
@@ -119,6 +131,7 @@ window.OCA.Text.createEditor = async function({
 	readOnly = false,
 
 	onUpdate = ({ markdown }) => {},
+	onOutlineToggle = (visible) => {},
 	onLinkClick = undefined,
 	onFileInsert = undefined,
 	onMentionSearch = undefined,
@@ -128,6 +141,7 @@ window.OCA.Text.createEditor = async function({
 	const { default: Editor } = await import(/* webpackChunkName: "editor" */'./components/Editor.vue')
 
 	const data = Vue.observable({
+		showOutlineOutside: false,
 		readOnly,
 		content,
 	})
@@ -161,12 +175,14 @@ window.OCA.Text.createEditor = async function({
 						mime: 'text/markdown',
 						active: true,
 						relativePath: filePath,
+						showOutlineOutside: data.showOutlineOutside,
 					},
 				})
 				: h(MarkdownContentEditor, {
 					props: {
 						content: data.content,
 						readOnly: data.readOnly,
+						showOutlineOutside: data.showOutlineOutside,
 					},
 				})
 		},
@@ -174,5 +190,6 @@ window.OCA.Text.createEditor = async function({
 	})
 	return new TextEditorEmbed(vm, data)
 		.onUpdate(onUpdate)
+		.onOutlineToggle(onOutlineToggle)
 		.render(el)
 }

From 2295037ba7423f16c966509a6915c0e49cd11695 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Tue, 5 Sep 2023 17:58:25 +0200
Subject: [PATCH 2/9] fix(MarkdownContentEditor): Remove obsolete code

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/Editor/MarkdownContentEditor.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/Editor/MarkdownContentEditor.vue b/src/components/Editor/MarkdownContentEditor.vue
index f1daecc1a24..141f3ab266c 100644
--- a/src/components/Editor/MarkdownContentEditor.vue
+++ b/src/components/Editor/MarkdownContentEditor.vue
@@ -34,7 +34,6 @@
 import Wrapper from './Wrapper.vue'
 import MainContainer from './MainContainer.vue'
 import MenuBar from '../Menu/MenuBar.vue'
-import { useOutlineActions, useOutlineStateMixin } from './Wrapper.provider.js'
 import { Editor } from '@tiptap/core'
 /* eslint-disable import/no-named-as-default */
 import History from '@tiptap/extension-history'
@@ -48,7 +47,7 @@ import ContentContainer from './ContentContainer.vue'
 export default {
 	name: 'MarkdownContentEditor',
 	components: { ContentContainer, ReadonlyBar, MenuBar, MainContainer, Wrapper },
-	mixins: [useOutlineStateMixin, useOutlineActions, useLinkClickHook],
+	mixins: [useLinkClickHook],
 	provide() {
 		const val = {}
 
@@ -84,9 +83,6 @@ export default {
 		htmlContent() {
 			return this.renderHtml(this.content)
 		},
-		showOutline() {
-			return this.$outlineState.visible
-		},
 	},
 
 	watch: {

From 1ec3b7716fe07de46e8968b3908e3cd74bc78b16 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Wed, 6 Sep 2023 10:37:18 +0200
Subject: [PATCH 3/9] fix(editorApi): Allow to configure autofocus and fix
 focus command

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/editor.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/editor.js b/src/editor.js
index e2b6c1a4351..e66e91ff6e4 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -103,7 +103,7 @@ class TextEditorEmbed {
 	}
 
 	focus() {
-		this.#vm.$children[0].$editor.focus()
+		this.#vm.$children[0].$editor.commands.focus()
 	}
 
 	#registerDebug() {
@@ -129,6 +129,7 @@ window.OCA.Text.createEditor = async function({
 	content = '',
 
 	readOnly = false,
+	autofocus = true,
 
 	onUpdate = ({ markdown }) => {},
 	onOutlineToggle = (visible) => {},
@@ -175,6 +176,7 @@ window.OCA.Text.createEditor = async function({
 						mime: 'text/markdown',
 						active: true,
 						relativePath: filePath,
+						autofocus,
 						showOutlineOutside: data.showOutlineOutside,
 					},
 				})

From 0bfb7a295230f600764b3e09b3cfbf222b008fd2 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Wed, 6 Sep 2023 16:53:06 +0200
Subject: [PATCH 4/9] fix(editorAPI): Expose `onLoaded` handler

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/editor.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/editor.js b/src/editor.js
index e66e91ff6e4..da7531b8bab 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -131,6 +131,7 @@ window.OCA.Text.createEditor = async function({
 	readOnly = false,
 	autofocus = true,
 
+	onLoaded = () => {},
 	onUpdate = ({ markdown }) => {},
 	onOutlineToggle = (visible) => {},
 	onLinkClick = undefined,
@@ -191,6 +192,7 @@ window.OCA.Text.createEditor = async function({
 		store,
 	})
 	return new TextEditorEmbed(vm, data)
+		.onLoaded(onLoaded)
 		.onUpdate(onUpdate)
 		.onOutlineToggle(onOutlineToggle)
 		.render(el)

From 5ab4a021d90368305dc151e47f7ebabaa08bb0da Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Thu, 7 Sep 2023 14:07:32 +0200
Subject: [PATCH 5/9] fix(editorApi): Allow to configure shareToken

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/editor.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/editor.js b/src/editor.js
index da7531b8bab..6e78618f1e4 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -125,6 +125,7 @@ window.OCA.Text.createEditor = async function({
 	// File mode is enabled by setting the fileId, otherwise content needs to be provided
 	fileId = undefined,
 	filePath = undefined,
+	shareToken = null,
 
 	content = '',
 
@@ -174,9 +175,10 @@ window.OCA.Text.createEditor = async function({
 				? h(Editor, {
 					props: {
 						fileId,
+						relativePath: filePath,
+						shareToken,
 						mime: 'text/markdown',
 						active: true,
-						relativePath: filePath,
 						autofocus,
 						showOutlineOutside: data.showOutlineOutside,
 					},

From 59007c6225e2ed877203fc241665c66c0ffe1849 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Thu, 7 Sep 2023 14:57:57 +0200
Subject: [PATCH 6/9] fix(editorApi): expose save function

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

diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index 5d641606df9..550ab4bec72 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -660,6 +660,10 @@ export default {
 			this.emit('delete-image-node', imageUrl)
 		},
 
+		async save() {
+			await this.$syncService.save()
+		},
+
 		async close() {
 			if (this.currentSession && this.$syncService) {
 				try {
diff --git a/src/editor.js b/src/editor.js
index 6e78618f1e4..ee9e16dad54 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -88,6 +88,10 @@ class TextEditorEmbed {
 		return this
 	}
 
+	async save() {
+		return this.#vm.$children[0].save?.()
+	}
+
 	setShowOutline(value) {
 		this.#vm.$set(this.#data, 'showOutlineOutside', value)
 		return this

From 5f5cb982fa40987e7e2f4247558acc337a1efaa4 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Mon, 11 Sep 2023 11:56:13 +0200
Subject: [PATCH 7/9] refactor(editorApi): add private function
 `getEditorComponent`

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/editor.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/editor.js b/src/editor.js
index ee9e16dad54..2fc1f22fe6c 100644
--- a/src/editor.js
+++ b/src/editor.js
@@ -46,6 +46,10 @@ class TextEditorEmbed {
 		return this
 	}
 
+	#getEditorComponent() {
+		return this.#vm.$children[0]
+	}
+
 	onLoaded(onLoadedCallback = () => {}) {
 		this.#vm.$on('ready', () => {
 			onLoadedCallback()
@@ -84,12 +88,12 @@ class TextEditorEmbed {
 		// Update reactive prop for MarkdownContentEditor
 		this.#vm.$set(this.#data, 'content', content)
 		// Call setContent for file based Editor
-		this.#vm.$children[0]?.setContent?.(content)
+		this.#getEditorComponent()?.setContent?.(content)
 		return this
 	}
 
 	async save() {
-		return this.#vm.$children[0].save?.()
+		return this.#getEditorComponent().save?.()
 	}
 
 	setShowOutline(value) {
@@ -103,11 +107,11 @@ class TextEditorEmbed {
 	}
 
 	insertAtCursor(content) {
-		this.#vm.$children[0].$editor.chain().insertContent(content).focus().run()
+		this.#getEditorComponent().$editor.chain().insertContent(content).focus().run()
 	}
 
 	focus() {
-		this.#vm.$children[0].$editor.commands.focus()
+		this.#getEditorComponent().$editor.commands.focus()
 	}
 
 	#registerDebug() {

From 99ef6a145d297c410d7e25e2c280543afbd00984 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Mon, 2 Oct 2023 17:11:17 +0200
Subject: [PATCH 8/9] fix(editorApi): Emit outline toggleing from
 MarkdownContentEditor

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/Editor/MarkdownContentEditor.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Editor/MarkdownContentEditor.vue b/src/components/Editor/MarkdownContentEditor.vue
index 141f3ab266c..c162cd06651 100644
--- a/src/components/Editor/MarkdownContentEditor.vue
+++ b/src/components/Editor/MarkdownContentEditor.vue
@@ -21,7 +21,8 @@
 
 <template>
 	<Wrapper :content-loaded="true"
-		:show-outline-outside="showOutlineOutside">
+		:show-outline-outside="showOutlineOutside"
+		@outline-toggled="outlineToggled">
 		<MainContainer>
 			<MenuBar v-if="!readOnly" :autohide="false" />
 			<ReadonlyBar v-else />
@@ -138,6 +139,11 @@ export default {
 		updateContent() {
 			this.$editor.commands.setContent(this.htmlContent, true)
 		},
+
+		outlineToggled(visible) {
+			this.$emit('outline-toggled', visible)
+			this.$parent.$emit('outline-toggled', visible)
+		},
 	},
 }
 </script>

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 9/9] 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,