chore: formatting

packages/backend/migration/1683682889948-PreventAiLearning.js

@@ -1,11 +1,15 @@
 export class PreventAiLearning1683682889948 {
-    name = 'PreventAiLearning1683682889948'
+	name = "PreventAiLearning1683682889948";
 
 	async up(queryRunner) {
-        await queryRunner.query(`ALTER TABLE "user_profile" ADD "preventAiLearning" boolean NOT NULL DEFAULT true`);
+		await queryRunner.query(
+			`ALTER TABLE "user_profile" ADD "preventAiLearning" boolean NOT NULL DEFAULT true`,
+		);
 	}
 
 	async down(queryRunner) {
-        await queryRunner.query(`ALTER TABLE "user_profile" DROP COLUMN "preventAiLearning"`);
+		await queryRunner.query(
+			`ALTER TABLE "user_profile" DROP COLUMN "preventAiLearning"`,
+		);
 	}
 }

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

@@ -192,7 +192,8 @@ export default define(meta, paramDef, async (ps, _user, token) => {
 	if (typeof ps.autoAcceptFollowed === "boolean")
 		profileUpdates.autoAcceptFollowed = ps.autoAcceptFollowed;
 	if (typeof ps.noCrawle === "boolean") profileUpdates.noCrawle = ps.noCrawle;
-	if (typeof ps.preventAiLearning === "boolean") profileUpdates.preventAiLearning = ps.preventAiLearning;
+	if (typeof ps.preventAiLearning === "boolean")
+		profileUpdates.preventAiLearning = ps.preventAiLearning;
 	if (typeof ps.isCat === "boolean") updates.isCat = ps.isCat;
 	if (typeof ps.speakAsCat === "boolean") updates.speakAsCat = ps.speakAsCat;
 	if (typeof ps.injectFeaturedNote === "boolean")

packages/client/src/components/MkFolder.vue

@@ -146,8 +146,18 @@ export default defineComponent({
 		backdrop-filter: var(--blur, blur(20px));
 		margin-inline: -12px;
 		padding-inline: 12px;
-		mask: linear-gradient(to right, transparent, black 12px calc(100% - 12px), transparent);
+		mask: linear-gradient(
-		-webkit-mask: linear-gradient(to right, transparent, black 12px calc(100% - 12px), transparent);
+			to right,
+			transparent,
+			black 12px calc(100% - 12px),
+			transparent
+		);
+		-webkit-mask: linear-gradient(
+			to right,
+			transparent,
+			black 12px calc(100% - 12px),
+			transparent
+		);
 
 		> .title {
 			margin: 0;

packages/client/src/components/MkSubNoteContent.vue

@@ -33,7 +33,12 @@
 	<div class="wrmlmaau">
 		<div
 			class="content"
-			:class="{ collapsed, isLong, showContent: note.cw && !showContent, disableAnim: disableMfm }"
+			:class="{
+				collapsed,
+				isLong,
+				showContent: note.cw && !showContent,
+				disableAnim: disableMfm,
+			}"
 		>
 			<XCwButton
 				ref="cwButton"
@@ -179,7 +184,9 @@ const urls = props.note.text
 
 let showContent = $ref(false);
 
-const mfms = props.note.text ? extractMfmWithAnimation(mfm.parse(props.note.text)) : null;
+const mfms = props.note.text
+	? extractMfmWithAnimation(mfm.parse(props.note.text))
+	: null;
 
 const hasMfm = $ref(mfms.length > 0);
 

packages/client/src/components/MkTutorialDialog.vue

@@ -49,7 +49,7 @@
 							</h2>
 							<h3>{{ i18n.ts._tutorial.step1_1 }}</h3>
 							<div>{{ i18n.ts._tutorial.step1_2 }}</div>
-							<!-- TODO: move to new slide -->
+							<!-- TODO: move to own slide -->
 							<!-- <FormSwitch v-model="autoplayMfm" class="_formBlock">
 								{{ i18n.ts._mfm.alwaysPlay }}
 								<template #caption>
@@ -191,7 +191,7 @@
 								primary
 								show-only-to-register
 							/>
-						</div>
+						</section>
 					</Transition>
 				</div>
 			</div>

packages/client/src/components/global/MkPageHeader.vue

@@ -14,9 +14,7 @@
 			@touchstart="preventDrag"
 			v-tooltip.noDelay="i18n.ts.goBack"
 		>
-			<i
+			<i class="ph-caret-left ph-bold ph-lg"></i>
-				class="ph-caret-left ph-bold ph-lg"
-			></i>
 		</button>
 		<div v-if="narrow" class="buttons left" @click="openAccountMenu">
 			<MkAvatar
@@ -382,7 +380,8 @@ onUnmounted(() => {
 			display: none;
 		}
 
-		> .button/*, @at-root .backButton*/ { /* I don't know how to get this to work */
+		> .button/*, @at-root .backButton*/ {
+			/* I don't know how to get this to work */
 			display: flex;
 			align-items: center;
 			justify-content: center;

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

@@ -95,7 +95,10 @@
 			<FormSwitch v-model="autoplayMfm" class="_formBlock">
 				{{ i18n.ts._mfm.alwaysPlay }}
 				<template #caption>
-					<i class="ph-warning ph-bold ph-lg" style="color: var(--warn)"></i>
+					<i
+						class="ph-warning ph-bold ph-lg"
+						style="color: var(--warn)"
+					></i>
 					{{ i18n.ts._mfm.warn }}
 				</template>
 			</FormSwitch>

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

@@ -61,8 +61,11 @@
 			<template #caption>{{ i18n.ts.noCrawleDescription }}</template>
 		</FormSwitch>
 		<FormSwitch v-model="preventAiLearning" @update:model-value="save()">
-			{{ i18n.ts.preventAiLearning }}<span class="_beta">{{ i18n.ts.beta }}</span>
+			{{ i18n.ts.preventAiLearning
-			<template #caption>{{ i18n.ts.preventAiLearningDescription }}</template>
+			}}<span class="_beta">{{ i18n.ts.beta }}</span>
+			<template #caption>{{
+				i18n.ts.preventAiLearningDescription
+			}}</template>
 		</FormSwitch>
 		<FormSwitch
 			v-model="isExplorable"

packages/client/src/scripts/extract-mfm.ts

@@ -1,14 +1,19 @@
 import * as mfm from "mfm-js";
 
-const animatedMfm = ["tada", "jelly", "twitch", "shake", "spin", "jump", "bounce", "rainbow"];
+const animatedMfm = [
+	"tada",
+	"jelly",
+	"twitch",
+	"shake",
+	"spin",
+	"jump",
+	"bounce",
+	"rainbow",
+];
 
-export function extractMfmWithAnimation(
+export function extractMfmWithAnimation(nodes: mfm.MfmNode[]): string[] {
-	nodes: mfm.MfmNode[],
-): string[] {
 	const mfmNodes = mfm.extract(nodes, (node) => {
-		return (
+		return node.type === "fn" && animatedMfm.indexOf(node.props.name) > -1;
-			node.type === "fn" && animatedMfm.indexOf(node.props.name) > -1
-		);
 	});
 	const mfms = mfmNodes.map((x) => x.props.fn);
 

packages/client/src/ui/classic.vue

@@ -243,7 +243,8 @@ onMounted(() => {
 			background: var(--acrylicBg) !important;
 			backdrop-filter: blur(12px);
 		}
-		:deep(.tl), :deep(.notes) {
+		:deep(.tl),
+		:deep(.notes) {
 			background: none !important;
 		}
 	}
@@ -279,7 +280,9 @@ onMounted(() => {
 			box-sizing: content-box;
 			.banner {
 				pointer-events: none;
-				mask: radial-gradient(farthest-side at top, hsl(0, 0%, 0%) 0%,
+				mask: radial-gradient(
+					farthest-side at top,
+					hsl(0, 0%, 0%) 0%,
 					hsla(0, 0%, 0%, 0.987) 0.3%,
 					hsla(0, 0%, 0%, 0.951) 1.4%,
 					hsla(0, 0%, 0%, 0.896) 3.2%,
@@ -294,8 +297,11 @@ onMounted(() => {
 					hsla(0, 0%, 0%, 0.104) 60.8%,
 					hsla(0, 0%, 0%, 0.049) 72.6%,
 					hsla(0, 0%, 0%, 0.013) 85.7%,
-					hsla(0, 0%, 0%, 0) 100%) !important;
+					hsla(0, 0%, 0%, 0) 100%
-				-webkit-mask: radial-gradient(farthest-side at top, hsl(0, 0%, 0%) 0%,
+				) !important;
+				-webkit-mask: radial-gradient(
+					farthest-side at top,
+					hsl(0, 0%, 0%) 0%,
 					hsla(0, 0%, 0%, 0.987) 0.3%,
 					hsla(0, 0%, 0%, 0.951) 1.4%,
 					hsla(0, 0%, 0%, 0.896) 3.2%,
@@ -310,7 +316,8 @@ onMounted(() => {
 					hsla(0, 0%, 0%, 0.104) 60.8%,
 					hsla(0, 0%, 0%, 0.049) 72.6%,
 					hsla(0, 0%, 0%, 0.013) 85.7%,
-					hsla(0, 0%, 0%, 0) 100%) !important;
+					hsla(0, 0%, 0%, 0) 100%
+				) !important;
 				width: 125% !important;
 				left: -12.5% !important;
 				height: 125% !important;