feat: Add experimental option to allow typing during connectivity issues or being offline

Signed-off-by: Julius Knorr <jus@bitgrid.net>

Author: juliusknorr

lib/Service/ConfigService.php

@@ -46,7 +46,10 @@ public function isRichWorkspaceEnabledForUser(?string $userId): bool {
 
 	public function isNotifyPushSyncEnabled(): bool {
 		return $this->appConfig->getValueBool(Application::APP_NAME, 'notify_push');
+	}
 
+	public function isExperimentalOffilineTypingEnabled(): bool {
+		return $this->appConfig->getValueBool(Application::APP_NAME, 'experimental_offline_typing');
 	}
 
 	public function isFullWidthEditor(?string $userId): bool {

lib/Service/InitialStateProvider.php

@@ -83,6 +83,11 @@ public function provideState(): void {
 			$this->configService->isNotifyPushSyncEnabled(),
 		);
 
+		$this->initialState->provideInitialState(
+			'experimental_offline_typing',
+			$this->configService->isExperimentalOffilineTypingEnabled(),
+		);
+
 		$this->initialState->provideInitialState(
 			'is_full_width_editor',
 			$this->configService->isFullWidthEditor($this->userId),

src/components/Editor.vue

@@ -128,6 +128,8 @@ import { generateRemoteUrl } from '@nextcloud/router'
 import { fetchNode } from '../services/WebdavClient.ts'
 import SuggestionsBar from './SuggestionsBar.vue'
 
+const experimentalOfflineTyping = loadState('text', 'experimental_offline_typing', false)
+
 export default {
 	name: 'Editor',
 	components: {
@@ -592,7 +594,7 @@ export default {
 			this.document = document
 
 			this.syncError = null
-			const editable = this.editMode && !this.hasConnectionIssue
+			const editable = this.editMode && (experimentalOfflineTyping || !this.hasConnectionIssue)
 			if (this.$editor.isEditable !== editable) {
 				this.$editor.setEditable(editable)
 			}
@@ -626,7 +628,9 @@ export default {
 
 		onError({ type, data }) {
 			this.$nextTick(() => {
-				this.$editor?.setEditable(false)
+				if (!experimentalOfflineTyping) {
+					this.$editor?.setEditable(false)
+				}
 				this.emit('sync-service:error')
 			})
 
@@ -687,7 +691,9 @@ export default {
 		onIdle() {
 			this.$syncService.close()
 			this.idle = true
-			this.readOnly = true
+			if (!experimentalOfflineTyping) {
+				this.readOnly = true
+			}
 			this.editMode = false
 			this.$editor.setEditable(this.editMode)
 
@@ -733,7 +739,9 @@ export default {
 			this.$providers = []
 			this.$syncService = null
 			// disallow editing while still showing the content
-			this.readOnly = true
+			if (!experimentalOfflineTyping) {
+				this.readOnly = true
+			}
 		},
 
 		async close() {