fix: yjs duplicated import issue

Signed-off-by: Luka Trovic <[email protected]>

src/components/Editor.singleton.js

@@ -0,0 +1,24 @@
+/**
+ * Get instance of Editor component
+ * @return {Promise<*>}
+ */
+export default async function getEditorInstance() {
+	if (!window.EditorInstance) {
+		if (window.EditorInstanceImporting) {
+			return await new Promise((resolve) => {
+				const intervalId = setInterval(() => {
+					if (!window.EditorInstance) {
+						return
+					}
+					resolve(window.EditorInstance)
+					clearInterval(intervalId)
+				}, 200)
+			})
+		} else {
+			window.EditorInstanceImporting = true
+		}
+		const Editor = await import(/* webpackChunkName: "editor" */'./Editor.vue')
+		window.EditorInstance = Editor.default
+	}
+	return window.EditorInstance
+}

src/components/ViewerComponent.vue

@@ -32,11 +32,12 @@
 
 <script>
 import { getSharingToken } from '../helpers/token.js'
+import getEditorInstance from './Editor.singleton.js'
 
 export default {
 	name: 'ViewerComponent',
 	components: {
-		Editor: () => import(/* webpackChunkName: "editor" */'./Editor.vue'),
+		Editor: async () => { return await getEditorInstance() },
 	},
 	props: {
 		filename: {

src/views/RichWorkspace.vue

@@ -44,14 +44,15 @@
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import getEditorInstance from '../components/Editor.singleton.js'
 
 const IS_PUBLIC = !!(document.getElementById('isPublic'))
 const WORKSPACE_URL = generateOcsUrl('apps/text' + (IS_PUBLIC ? '/public' : '') + '/workspace', 2)
 
 export default {
 	name: 'RichWorkspace',
 	components: {
-		Editor: () => import(/* webpackChunkName: "editor" */'./../components/Editor.vue'),
+		Editor: async () => { return await getEditorInstance() },
 	},
 	props: {
 		path: {