chore(refactor): extract useEditorFlags 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 { useEditorFlags, useFileMixin } from './Editor.provider.ts'
+import { useFileMixin } from './Editor.provider.ts'
+import { useEditorFlags } from '../composables/useEditorFlags.ts'
 import { useEditor } from '../composables/useEditor.ts'
 import { FloatingMenu } from '@tiptap/vue-2'
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'

src/components/CollisionResolveDialog.vue

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

src/components/Editor.provider.ts

@@ -4,41 +4,6 @@
  */
 
 import { logger } from '../helpers/logger.js'
-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 interface EditorFlags {
-	isPublic: Ref<boolean>
-	isRichEditor: Ref<boolean>
-	isRichWorkspace: Ref<boolean>
-}
-interface Props {
-	isDirectEditing: boolean
-	richWorkspace: boolean
-	mime: string
-}
-export const editorFlagsKey = Symbol('editor:flags') as InjectionKey<EditorFlags>
-export const provideEditorFlags = (props: ShallowReactive<Props>) => {
-	const isPublic = computed(() => props.isDirectEditing || isPublicShare())
-	const isRichWorkspace = computed(() => props.richWorkspace)
-	const isRichEditor = computed(
-		() =>
-			loadState('text', 'rich_editing_enabled', true)
-			&& props.mime === 'text/markdown',
-	)
-	provide(editorFlagsKey, { isPublic, isRichEditor, isRichWorkspace })
-	return { isPublic, isRichEditor, isRichWorkspace }
-}
-export const useEditorFlags = () => {
-	const { isPublic, isRichEditor, isRichWorkspace } = inject(editorFlagsKey, {
-		isPublic: ref(false),
-		isRichEditor: ref(false),
-		isRichWorkspace: ref(false),
-	})
-	return { isPublic, isRichEditor, isRichWorkspace }
-}
 
 export const FILE = Symbol('editor:file')
 export const ATTACHMENT_RESOLVER = Symbol('attachment:resolver')

src/components/Editor.vue

@@ -96,8 +96,8 @@ import {
 	ATTACHMENT_RESOLVER,
 	IS_MOBILE,
 	SYNC_SERVICE,
-	provideEditorFlags,
 } from './Editor.provider.ts'
+import { provideEditorFlags } from '../composables/useEditorFlags.ts'
 import { provideEditor } from '../composables/useEditor.ts'
 import ReadonlyBar from './Menu/ReadonlyBar.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 { ATTACHMENT_RESOLVER, editorFlagsKey } from '../Editor.provider.ts'
+import { ATTACHMENT_RESOLVER } from '../Editor.provider.ts'
+import { editorFlagsKey } from '../../composables/useEditorFlags.ts'
 import { provideEditor } from '../../composables/useEditor.ts'
 import { createMarkdownSerializer } from '../../extensions/Markdown.js'
 import AttachmentResolver from '../../services/AttachmentResolver.js'

src/components/Editor/Status.vue

@@ -32,10 +32,10 @@ import moment from '@nextcloud/moment'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcSavingIndicatorIcon from '@nextcloud/vue/components/NcSavingIndicatorIcon'
 import {
-	useEditorFlags,
 	useIsMobileMixin,
 	useSyncServiceMixin,
 } from '../Editor.provider.ts'
+import { useEditorFlags } from '../../composables/useEditor.ts'
 import refreshMoment from '../../mixins/refreshMoment.js'
 
 export default {

src/components/Editor/Wrapper.vue

@@ -16,7 +16,7 @@
 
 <script>
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
-import { useEditorFlags } from '../Editor.provider.ts'
+import { useEditorFlags } from '../../composables/useEditor.ts'
 import { OUTLINE_STATE, OUTLINE_ACTIONS, READ_ONLY_ACTIONS } from './Wrapper.provider.js'
 
 export default {

src/components/Menu/ActionAttachmentUpload.vue

@@ -63,8 +63,8 @@ import { Loading, Folder, Upload, Plus } from '../icons.js'
 import {
 	useEditorUpload,
 	useSyncServiceMixin,
-	useEditorFlags,
 } from '../Editor.provider.ts'
+import { useEditorFlags } from '../../composables/useEditorFlags.ts'
 import { BaseActionEntry } from './BaseActionEntry.js'
 import { useMenuIDMixin } from './MenuBar.provider.js'
 import {

src/components/Menu/MenuBar.vue

@@ -77,9 +77,9 @@ import { ReadOnlyDoneEntries, MenuEntries } from './entries.js'
 import { MENU_ID } from './MenuBar.provider.js'
 import { DotsHorizontal, TranslateVariant } from '../icons.js'
 import {
-	useEditorFlags,
 	useIsMobileMixin,
 } from '../Editor.provider.ts'
+import { useEditorFlags } from '../../composables/useEditorFlags.ts'
 import { useEditor } from '../../composables/useEditor.ts'
 
 export default {

src/composables/useEditorFlags.ts

@@ -0,0 +1,42 @@
+import { loadState } from '@nextcloud/initial-state'
+import { isPublicShare } from '@nextcloud/sharing/public'
+import {
+	type Ref,
+	type InjectionKey,
+	type ShallowReactive,
+	computed,
+	provide,
+	inject,
+	ref,
+} from 'vue'
+
+export interface EditorFlags {
+	isPublic: Ref<boolean>
+	isRichEditor: Ref<boolean>
+	isRichWorkspace: Ref<boolean>
+}
+interface Props {
+	isDirectEditing: boolean
+	richWorkspace: boolean
+	mime: string
+}
+export const editorFlagsKey = Symbol('editor:flags') as InjectionKey<EditorFlags>
+export const provideEditorFlags = (props: ShallowReactive<Props>) => {
+	const isPublic = computed(() => props.isDirectEditing || isPublicShare())
+	const isRichWorkspace = computed(() => props.richWorkspace ?? false)
+	const isRichEditor = computed(
+		() =>
+			loadState('text', 'rich_editing_enabled', true)
+			&& props.mime === 'text/markdown',
+	)
+	provide(editorFlagsKey, { isPublic, isRichEditor, isRichWorkspace })
+	return { isPublic, isRichEditor, isRichWorkspace }
+}
+export const useEditorFlags = () => {
+	const { isPublic, isRichEditor, isRichWorkspace } = inject(editorFlagsKey, {
+		isPublic: ref(false),
+		isRichEditor: ref(false),
+		isRichWorkspace: ref(false),
+	})
+	return { isPublic, isRichEditor, isRichWorkspace }
+}