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 isExperimentalOfflineTypingEnabled(): 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->isExperimentalOfflineTypingEnabled(),
+		);
+
 		$this->initialState->provideInitialState(
 			'is_full_width_editor',
 			$this->configService->isFullWidthEditor($this->userId),

src/components/Editor.vue

@@ -129,6 +129,8 @@ import { fetchNode } from '../services/WebdavClient.ts'
 import SuggestionsBar from './SuggestionsBar.vue'
 import { useDelayedFlag } from './Editor/useDelayedFlag.ts'
 
+const experimentalOfflineTyping = loadState('text', 'experimental_offline_typing', false)
+
 export default {
 	name: 'Editor',
 	components: {
@@ -605,7 +607,7 @@ export default {
 			this.document = document
 
 			this.syncError = null
-			const editable = this.editMode && !this.requireReconnect
+			const editable = this.editMode && (!this.requireReconnect || experimentalOfflineTyping)
 			if (this.$editor.isEditable !== editable) {
 				this.$editor.setEditable(editable)
 			}
@@ -698,7 +700,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)
 
@@ -744,7 +748,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() {