chore(refactor): extract useEditor into its own file

Signed-off-by: Max <max@nextcloud.com>

Author: max-nextcloud

src/components/Assistant.vue

@@ -162,7 +162,8 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import NcListItem from '@nextcloud/vue/components/NcListItem'
 import NcModal from '@nextcloud/vue/components/NcModal'
-import { useEditor, useEditorFlags, useFileMixin } from './Editor.provider.ts'
+import { useEditorFlags, useFileMixin } from './Editor.provider.ts'
+import { useEditor } from '../composables/useEditor.ts'
 import { FloatingMenu } from '@tiptap/vue-2'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import markdownit from '../markdownit/index.js'

src/components/BaseReader.vue

@@ -25,7 +25,7 @@
 <script>
 import { Editor } from '@tiptap/core'
 import { EditorContent } from '@tiptap/vue-2'
-import { provideEditor } from './Editor.provider.ts'
+import { provideEditor } from '../composables/useEditor.ts'
 import {
 	useOutlineStateMixin,
 	useOutlineActions,

src/components/CollisionResolveDialog.vue

@@ -29,7 +29,8 @@
 </template>
 
 <script>
-import { useEditor, useEditorFlags, useSyncServiceMixin } from './Editor.provider.ts'
+import { useEditorFlags, useSyncServiceMixin } from './Editor.provider.ts'
+import { useEditor } from '../composables/useEditor.ts'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import { useEditorMethods } from '../composables/useEditorMethods.ts'
 export default {

src/components/Editor.provider.ts

@@ -3,26 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import type { Editor } from '@tiptap/core'
 import { logger } from '../helpers/logger.js'
-import { provide, inject, shallowRef, ref, computed } from 'vue'
-import type { InjectionKey, Ref, ShallowReactive, ShallowRef } from 'vue'
+import { provide, inject, ref, computed } from 'vue'
+import type { InjectionKey, Ref, ShallowReactive } from 'vue'
 import { isPublicShare } from '@nextcloud/sharing/public'
 import { loadState } from '@nextcloud/initial-state'
 
-export const editorKey = Symbol('tiptap:editor') as InjectionKey<
-	ShallowRef<Editor | undefined>
->
-export const provideEditor = () => {
-	const editor: ShallowRef<Editor | undefined> = shallowRef(undefined)
-	provide(editorKey, editor)
-	return { editor }
-}
-export const useEditor = () => {
-	const editor = inject(editorKey, shallowRef(undefined))
-	return { editor }
-}
-
 export interface EditorFlags {
 	isPublic: Ref<boolean>
 	isRichEditor: Ref<boolean>

src/components/Editor.vue

@@ -92,13 +92,13 @@ import { Doc } from 'yjs'
 import { useElementSize } from '@vueuse/core'
 
 import {
-	provideEditor,
 	FILE,
 	ATTACHMENT_RESOLVER,
 	IS_MOBILE,
 	SYNC_SERVICE,
 	provideEditorFlags,
 } from './Editor.provider.ts'
+import { provideEditor } from '../composables/useEditor.ts'
 import ReadonlyBar from './Menu/ReadonlyBar.vue'
 
 import { logger } from '../helpers/logger.js'

src/components/Editor/ContentContainer.vue

@@ -22,7 +22,7 @@
 
 <script>
 import { EditorContent } from '@tiptap/vue-2'
-import { useEditor } from '../Editor.provider.ts'
+import { useEditor } from '../../composables/useEditor.ts'
 import { useOutlineStateMixin } from './Wrapper.provider.js'
 import EditorOutline from './EditorOutline.vue'
 

src/components/Editor/MarkdownContentEditor.vue

@@ -27,7 +27,8 @@ import { Editor } from '@tiptap/core'
 /* eslint-disable import/no-named-as-default */
 import History from '@tiptap/extension-history'
 import { getCurrentUser } from '@nextcloud/auth'
-import { provideEditor, ATTACHMENT_RESOLVER, editorFlagsKey } from '../Editor.provider.ts'
+import { ATTACHMENT_RESOLVER, editorFlagsKey } from '../Editor.provider.ts'
+import { provideEditor } from '../../composables/useEditor.ts'
 import { createMarkdownSerializer } from '../../extensions/Markdown.js'
 import AttachmentResolver from '../../services/AttachmentResolver.js'
 import markdownit from '../../markdownit/index.js'

src/components/Editor/MediaHandler.vue

@@ -32,10 +32,10 @@ import { logger } from '../../helpers/logger.js'
 import { useIsMobile } from '@nextcloud/vue/composables/useIsMobile'
 
 import {
-	useEditor,
 	useFileMixin,
 	useSyncServiceMixin,
 } from '../Editor.provider.ts'
+import { useEditor } from '../../composables/useEditor.ts'
 
 import {
 	ACTION_ATTACHMENT_PROMPT,

src/components/Editor/TableOfContents.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import { useEditor } from '../Editor.provider.ts'
+import { useEditor } from '../../composables/useEditor.ts'
 import { headingAnchorPluginKey } from '../../plugins/headingAnchor.js'
 
 export default {

src/components/Menu/BaseActionEntry.js

@@ -7,7 +7,8 @@
 
 import debounce from 'debounce'
 
-import { useEditor, useIsMobileMixin } from '../Editor.provider.ts'
+import { useIsMobileMixin } from '../Editor.provider.ts'
+import { useEditor } from '../../composables/useEditor.ts'
 import { useOutlineActions, useOutlineStateMixin, useReadOnlyActions } from '../Editor/Wrapper.provider.js'
 import { getActionState, getKeys, getKeyshortcuts } from './utils.js'