feat: ability to show preview in posting form by default (close #5)

locales/en-US.yml

@@ -1125,6 +1125,8 @@ removeQuote: "Remove quote"
 removeRecipient: "Remove recipient"
 removeMember: "Remove member"
 verifiedLink: "Verified link"
+showPreviewByDefault: "Show preview in posting form by default"
+originalFeature: "original"
 
 _sensitiveMediaDetection:
   description: "Reduces the effort of server moderation through automatically recognizing

locales/ja-JP.yml

@@ -985,6 +985,8 @@ showWithSparkles: "タイトルをキラキラさせる"
 youHaveUnreadAnnouncements: "未読のお知らせがあります"
 neverShow: "今後表示しない"
 remindMeLater: "また後で"
+showPreviewByDefault: "投稿画面でプレビュー表示をデフォルトでオンにする"
+originalFeature: "独自機能"
 
 _sensitiveMediaDetection:
   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てられます。サーバーの負荷が少し増えます。"

packages/client/src/components/MkPostForm.vue

@@ -316,7 +316,7 @@ let poll = $ref<{
 	expiredAfter: string | null;
 } | null>(null);
 let useCw = $ref(false);
-let showPreview = $ref(false);
+let showPreview = $ref(defaultStore.state.showPreviewByDefault);
 let cw = $ref<string | null>(null);
 let localOnly = $ref<boolean>(
 	props.initialLocalOnly ?? defaultStore.state.rememberNoteVisibility

packages/client/src/pages/settings/general.vue

@@ -8,7 +8,8 @@
 			<template #caption>
 				<I18n :src="i18n.ts.i18nInfo" tag="span">
 					<template #link>
-						<MkLink url="https://hosted.weblate.org/engage/firefish/"
+						<MkLink
+							url="https://hosted.weblate.org/engage/firefish/"
 							>Weblate</MkLink
 						>
 					</template>
@@ -45,6 +46,12 @@
 				class="_formBlock"
 				>{{ i18n.ts.useReactionPickerForContextMenu }}</FormSwitch
 			>
+			<FormSwitch v-model="showPreviewByDefault" class="_formBlock"
+				>{{ i18n.ts.showPreviewByDefault
+				}}<span class="_beta">{{
+					i18n.ts.originalFeature
+				}}</span></FormSwitch
+			>
 			<FormSwitch
 				v-if="deviceKind !== 'desktop'"
 				v-model="swipeOnMobile"
@@ -353,6 +360,9 @@ const swipeOnMobile = computed(defaultStore.makeGetterSetter("swipeOnMobile"));
 const showAdminUpdates = computed(
 	defaultStore.makeGetterSetter("showAdminUpdates"),
 );
+const showPreviewByDefault = computed(
+	defaultStore.makeGetterSetter("showPreviewByDefault"),
+);
 const showTimelineReplies = computed(
 	defaultStore.makeGetterSetter("showTimelineReplies"),
 );

packages/client/src/store.ts

@@ -342,6 +342,10 @@ export const defaultStore = markRaw(
 			where: "device",
 			default: false,
 		},
+		showPreviewByDefault: {
+			where: "deviceAccount",
+			default: true,
+		},
 	}),
 );