Merge PR 'client: discard drafts that are just the default state' (#182)

Reviewed-on: FoundKeyGang/FoundKey#182

packages/client/src/components/post-form.vue

@@ -121,9 +121,9 @@ const cwInputEl = $ref<HTMLInputElement | null>(null);
 const hashtagsInputEl = $ref<HTMLInputElement | null>(null);
 const visibilityButton = $ref<HTMLElement | null>(null);
 
-let posting = $ref(false);
+let posting: boolean = $ref(false);
-let text = $ref(props.initialText ?? '');
+let text: string = $ref(props.initialText ?? '');
-let files = $ref(props.initialFiles ?? []);
+let files: foundkey.entities.DriveFile[] = $ref(props.initialFiles ?? []);
 let poll = $ref<{
 	choices: string[];
 	multiple: boolean;
@@ -502,9 +502,35 @@ function onDrop(ev): void {
 	//#endregion
 }
 
+// Save a copy of the initial data to detect whether it has been changed.
+// Cloning the data to make sure there are no remaining references.
+const initialDraftData = JSON.parse(JSON.stringify({
+	text,
+	useCw,
+	cw,
+	visibility,
+	localOnly,
+	files,
+}));
+
 function saveDraft() {
 	const draftData = JSON.parse(localStorage.getItem('drafts') || '{}');
 
+	if (
+		initialDraftData.text === text
+		&& initialDraftData.useCw === useCw
+		// don't compare cw for equality if it is disabled, since it won't be sent
+		&& (!useCw || initialDraftData.cw === cw)
+		&& initialDraftData.visibility === visibility
+		&& initialDraftData.localOnly === localOnly
+		&& initialDraftData.files.each((file, i) => file.id === files[i].id)
+		// initial state is always poll == null
+		&& poll == null
+	) {
+		// This is the same as the initial draft data, no need to save it.
+		// If it was saved before, delete it.
+		delete draftData[draftKey];
+	} else {
 		draftData[draftKey] = {
 			updatedAt: new Date(),
 			data: {
@@ -517,6 +543,7 @@ function saveDraft() {
 				poll,
 			},
 		};
+	}
 
 	localStorage.setItem('drafts', JSON.stringify(draftData));
 }