Merge branch 'develop' into refactor/types

packages/backend/src/server/api/mastodon/converters.ts

@@ -1,4 +1,4 @@
-import { Entity } from "megalodon";
+import type { Entity } from "megalodon";
 import { toMastodonId } from "backend-rs";
 
 function simpleConvert(data: any) {
@@ -15,7 +15,19 @@ export function convertAnnouncement(announcement: Entity.Announcement) {
 	return simpleConvert(announcement);
 }
 export function convertAttachment(attachment: Entity.Attachment) {
-	return simpleConvert(attachment);
+	const converted = simpleConvert(attachment);
+	// ref: https://github.com/whitescent/Mastify/pull/102
+	if (converted.meta == null) return converted;
+	const result = {
+		...converted,
+		meta: {
+			...converted.meta,
+			original: {
+				...converted.meta,
+			},
+		},
+	};
+	return result;
 }
 export function convertFilter(filter: Entity.Filter) {
 	return simpleConvert(filter);

packages/client/src/pages/user-list-timeline.vue

@@ -3,7 +3,7 @@
 		<template #header
 			><MkPageHeader :actions="headerActions" :tabs="headerTabs"
 		/></template>
-		<div ref="rootEl" class="eqqrhokj">
+		<MkSpacer>
 			<div class="tl _block">
 				<XTimeline
 					ref="tlEl"
@@ -14,12 +14,15 @@
 					:sound="true"
 				/>
 			</div>
-		</div>
+		</MkSpacer>
 	</MkStickyContainer>
 </template>
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
+import type { entities } from "firefish-js";
+// TODO: disable this rule properly
+// biome-ignore lint/style/useImportType: used in <template>
 import XTimeline from "@/components/MkTimeline.vue";
 import * as os from "@/os";
 import { useRouter } from "@/router";
@@ -33,9 +36,8 @@ const props = defineProps<{
 	listId: string;
 }>();
 
-const list = ref(null);
+const list = ref<entities.UserList>();
 const tlEl = ref<InstanceType<typeof XTimeline>>();
-const rootEl = ref<HTMLElement>();
 
 watch(
 	() => props.listId,
@@ -92,13 +94,8 @@ definePageMetadata(
 </script>
 
 <style lang="scss" scoped>
-.eqqrhokj {
-	padding: var(--margin);
-	max-width: 800px;
-	margin: 0 auto;
-	> .tl {
-		background: none;
-		border-radius: var(--radius);
-	}
+.tl {
+	background: none;
+	border-radius: var(--radius);
 }
 </style>