Add noteAutoDelete form to privacy page

locales/en-US.yml

@@ -99,6 +99,7 @@ serverIsDead: "This server is not responding. Please wait for a while and try ag
 youShouldUpgradeClient: "To view this page, please refresh to update your client."
 enterListName: "Enter a name for the list"
 privacy: "Privacy"
+autoDeleteNotes: "Self-destructing notes"
 makeFollowManuallyApprove: "Follow requests require approval"
 defaultNoteVisibility: "Default visibility"
 follow: "Follow"
@@ -947,6 +948,7 @@ oneHour: "One hour"
 oneDay: "One day"
 oneWeek: "One week"
 oneMonth: "One month"
+oneYear: "One year"
 reflectMayTakeTime: "It may take some time for this to be reflected."
 failedToFetchAccountInformation: "Could not fetch account information"
 rateLimitExceeded: "Rate limit exceeded"
@@ -2000,6 +2002,8 @@ _time:
   minute: "Minute(s)"
   hour: "Hour(s)"
   day: "Day(s)"
+  month: "Month(s)"
+  year: "Year(s)"
 _2fa:
   alreadyRegistered: "You have already registered a 2-factor authentication device."
   registerTOTP: "Register authenticator app"

packages/backend/migration/1709530777533-autoDeleteNotes.js

@@ -0,0 +1,14 @@
+export class AutoDeleteNotes1709530777533 {
+    name = "AutoDeleteNotes1709530777533";
+
+	async up(queryRunner) {
+		await queryRunner.query(`ALTER TABLE user_profile ADD "autoDeleteNotes" boolean NOT NULL DEFAULT false;`);
+		await queryRunner.query(`ALTER TABLE user_profile ADD "autoDeleteNotesMinutes" integer NOT NULL DEFAULT 43200;`);
+    }
+
+	async down(queryRunner) {
+		await queryRunner.query(`ALTER TABLE user_profile DROP COLUMN "autoDeleteNotes";`);
+		await queryRunner.query(`ALTER TABLE user_profile DROP COLUMN "autoDeleteNotesMinutes";`);
+	}
+
+}

packages/backend/src/core/entities/UserEntityService.ts

@@ -509,6 +509,8 @@ export class UserEntityService implements OnModuleInit {
 				mutedWords: profile!.mutedWords,
 				hardMutedWords: profile!.hardMutedWords,
 				mutedInstances: profile!.mutedInstances,
+				autoDeleteNotes: profile!.autoDeleteNotes,
+				autoDeleteNotesMinutes: profile!.autoDeleteNotesMinutes,
 				mutingNotificationTypes: [], // 後方互換性のため
 				notificationRecieveConfig: profile!.notificationRecieveConfig,
 				emailNotificationTypes: profile!.emailNotificationTypes,

packages/backend/src/models/UserProfile.ts

@@ -277,6 +277,17 @@ export class MiUserProfile {
 		unlockedAt: number;
 	}[];
 
+	@Column('boolean', {
+		default: false,
+	})
+	public autoDeleteNotes: boolean;
+
+	@Column('integer', {
+		default: 43200, // 30 days in minutes
+	})
+	public autoDeleteNotesMinutes: number;
+
+
 	//#region Denormalized fields
 	@Index()
 	@Column('varchar', {

packages/backend/src/models/json-schema/user.ts

@@ -605,6 +605,14 @@ export const packedMeDetailedOnlySchema = {
 				nullable: false, optional: false,
 			},
 		},
+		autoDeleteNotes: {
+			type: 'boolean',
+			nullable: false, optional: false,
+		},
+		autoDeleteNotesMinutes: {
+			type: 'number',
+			nullable: false, optional: false,
+		},
 		notificationRecieveConfig: {
 			type: 'object',
 			nullable: false, optional: false,

packages/backend/src/server/api/endpoints/admin/show-user.ts

@@ -88,6 +88,14 @@ export const meta = {
 					type: 'string',
 				},
 			},
+			autoDeleteNotes: {
+				type: 'boolean',
+				optional: false, nullable: false,
+			},
+			autoDeleteNotesMinutes: {
+				type: 'number',
+				optional: false, nullable: false,
+			},
 			notificationRecieveConfig: {
 				type: 'object',
 				optional: false, nullable: false,
@@ -239,6 +247,8 @@ export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-
 				receiveAnnouncementEmail: profile.receiveAnnouncementEmail,
 				mutedWords: profile.mutedWords,
 				mutedInstances: profile.mutedInstances,
+				autoDeleteNotesMinutes: profile.autoDeleteNotesMinutes,
+				autoDeleteNotes: profile.autoDeleteNotes,
 				notificationRecieveConfig: profile.notificationRecieveConfig,
 				isModerator: isModerator,
 				isSilenced: isSilenced,

packages/backend/src/server/api/endpoints/i/update.ts

@@ -202,6 +202,8 @@ export const paramDef = {
 		mutedInstances: { type: 'array', items: {
 			type: 'string',
 		} },
+		autoDeleteNotes: { type: 'boolean', nullable: false },
+		autoDeleteNotesMinutes: { type: 'number', nullable: false, minimum: 1 },
 		notificationRecieveConfig: {
 			type: 'object',
 			nullable: false,
@@ -319,6 +321,8 @@ export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-
 				profileUpdates.hardMutedWords = ps.hardMutedWords;
 			}
 			if (ps.mutedInstances !== undefined) profileUpdates.mutedInstances = ps.mutedInstances;
+			if (ps.autoDeleteNotes !== undefined) profileUpdates.autoDeleteNotes = ps.autoDeleteNotes;
+			if (ps.autoDeleteNotesMinutes !== undefined) profileUpdates.autoDeleteNotesMinutes = ps.autoDeleteNotesMinutes;
 			if (ps.notificationRecieveConfig !== undefined) profileUpdates.notificationRecieveConfig = ps.notificationRecieveConfig;
 			if (typeof ps.isLocked === 'boolean') updates.isLocked = ps.isLocked;
 			if (typeof ps.isExplorable === 'boolean') updates.isExplorable = ps.isExplorable;

packages/frontend/src/pages/settings/privacy.autodelete.vue

@@ -0,0 +1,66 @@
+<template>
+<div class="_gaps_m">
+	<MkButton :disabled="!changed" :primary="changed" @click="save()"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
+	<MkSwitch v-model="enable">
+		{{ i18n.ts.enable }}
+		<template #caption>When enabled, notes you post will automatically delete themselves if they are older than the given threshold age.</template>
+	</MkSwitch>
+	<MkInput v-model="threshold" type="number" :min="1">
+		<template #suffix>{{ i18n.ts._time.minute }}</template>
+		<template #caption>Note age threshold</template>
+	</MkInput>
+	<MkFolder>
+		<template #label>{{ i18n.ts.selectFromPresets }}</template>
+    	<FormSplit :minWidth="100">
+    		<MkButton @click="setThreshold(WEEK_MINUTES)" inline small>{{ i18n.ts.oneWeek }}</MkButton>
+    		<MkButton @click="setThreshold(MONTH_MINUTES)" inline small>{{ i18n.ts.oneMonth }}</MkButton>
+    		<MkButton @click="setThreshold(YEAR_MINUTES)" inline small>{{ i18n.ts.oneYear }}</MkButton>
+    	</FormSplit>
+    </MkFolder>
+</div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue';
+import MkButton from '@/components/MkButton.vue';
+import MkInput from '@/components/MkInput.vue';
+import MkSwitch from '@/components/MkSwitch.vue';
+import FormSplit from '@/components/form/split.vue';
+import MkFolder from '@/components/MkFolder.vue';
+import * as os from '@/os.js';
+import { misskeyApi } from '@/scripts/misskey-api.js';
+import { i18n } from '@/i18n.js';
+import { signinRequired } from '@/account.js';
+
+const $i = signinRequired();
+
+const enable = ref($i.autoDeleteNotes);
+const threshold = ref($i.autoDeleteNotesMinutes);
+
+const changed = computed(() => enable.value !== $i.autoDeleteNotes || threshold.value !== $i.autoDeleteNotesMinutes);
+
+const DAY_MINUTES = 60 * 24;
+const WEEK_MINUTES = 7 * DAY_MINUTES;
+const MONTH_MINUTES = 30 * DAY_MINUTES;
+const YEAR_MINUTES = 365 * DAY_MINUTES;
+
+function setThreshold(value) {
+	threshold.value = value;
+}
+
+async function save() {
+	if (enable.value) {
+    	const { canceled } = await os.confirm({
+    		type: 'warning',
+    		text: 'This action may immediately delete notes older than the threshold value! Click ok to confirm.',
+    	});
+
+    	if (canceled) return;
+	}
+
+	misskeyApi('i/update', {
+    	autoDeleteNotes: !!enable.value,
+    	autoDeleteNotesMinutes: threshold.value,
+	});
+}
+</script>

packages/frontend/src/pages/settings/privacy.vue

@@ -68,6 +68,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</FormSection>
 
 	<MkSwitch v-model="keepCw" @update:modelValue="save()">{{ i18n.ts.keepCw }}</MkSwitch>
+
+	<FormSection>
+		<div class="_gaps_m">
+			<MkFolder>
+				<template #label>{{ i18n.ts.autoDeleteNotes }}</template>
+				<XAutoDelete />
+			</MkFolder>
+		</div>
+	</FormSection>
 </div>
 </template>
 
@@ -82,6 +91,7 @@ import { defaultStore } from '@/store.js';
 import { i18n } from '@/i18n.js';
 import { signinRequired } from '@/account.js';
 import { definePageMetadata } from '@/scripts/page-metadata.js';
+import XAutoDelete from './privacy.autodelete.vue';
 
 const $i = signinRequired();