packages/backend/src/models/entities/channel.ts

@@ -83,12 +83,4 @@ export class Channel {
 		comment: 'The count of users.',
 	})
 	public usersCount: number;
-
-	constructor(data: Partial<Channel>) {
-		if (data == null) return;
-
-		for (const [k, v] of Object.entries(data)) {
-			(this as any)[k] = v;
-		}
-	}
 }

packages/backend/src/server/api/endpoints/channels/create.ts

@@ -54,19 +54,17 @@ export default define(meta, paramDef, async (ps, user) => {
 		}
 	}
 
-	const keyPair = await genRsaKeyPair(4096);
-
-	let channel!: Channel;
+	const keyPair = genRsaKeyPair(4096);
 
 	await db.transaction(async transactionalEntityManager => {
-		channel = await transactionalEntityManager.save(new Channel({
+		const channel = await transactionalEntityManager.insert(Channel, {
 			id: genId(),
 			createdAt: new Date(),
 			userId: user.id,
 			name: ps.name,
 			description: ps.description || null,
 			bannerId: banner ? banner.id : null,
-		}));
+		}).then(x => Channels.findOneByOrFail(x.identifiers[0]));
 
 		await transactionalEntityManager.insert(ChannelKeypair, {
 			publicKey: keyPair.publicKey,

packages/client/src/ui/chat.vue

@@ -159,10 +159,12 @@ const menu = computed(() => [{
 	}
 }]);
 
-const lists = ref([]);
-const antennas = ref([]);
-const followedChannels = ref([]);
-const featuredChannels = ref([]);
+const { lists, antennas, followedChannels, featuredChannels } = toRefs({
+	lists: [],
+	antennas: [],
+	followedChannels: [],
+	featuredChannels: [],
+});
 
 function getSidebarContent() {
 	os.api('users/lists/list').then(newLists => {

packages/client/src/ui/chat/pages/timeline.vue

@@ -4,16 +4,14 @@
 		<div v-if="date" class="info">
 			<MkInfo>{{ i18n.ts.showingPastTimeline }} <button class="_textButton clear" @click="timetravel()">{{ i18n.ts.clear }}</button></MkInfo>
 		</div>
-		<div class="body" class="{ channel: channelId }">
-			<div class="postform">
+		<div class="top">
 			<XPostForm/>
 		</div>
-			<div ref="scroller" class="tl">
+		<div ref="body" class="tl">
 			<div v-if="queue > 0" class="new" :style="{ width: width + 'px', top: top + 'px' }"><button class="_buttonPrimary" @click="goTop()">{{ i18n.ts.newNoteRecived }}</button></div>
 			<XNotes ref="tl" class="tl" :pagination="pagination" @queue="queueUpdated"/>
 		</div>
 	</div>
-	</div>
 </template>
 
 <script lang="ts" setup>
@@ -30,12 +28,10 @@ import { defaultStore } from '@/store';
 import { i18n } from '@/i18n';
 
 type Props = {
-	tlSrc: string;
-	channelId?: string;
+	src: string;
 };
 const props = withDefaults(defineProps<Props>(), {
-	tlSrc: 'home',
-	channelId: null,
+	src: 'home',
 });
 
 const emit = defineEmits(['note']);
@@ -55,7 +51,7 @@ const typers = ref([]);
 const date = ref(null);
 
 const tl = ref();
-const scroller = ref();
+const body = ref();
 
 definePageMetadata(computed(() => ({
 	title: i18n.ts.timeline,
@@ -86,7 +82,8 @@ const connection2 = ref(null);
 const endpoint = ref(null);
 
 watchEffect((onCleanup) => {
-	if (props.tlSrc == 'home') {
+	console.log(props.src, defaultStore.state.numberOfPageCache);
+	if (props.src == 'home') {
 		endpoint.value = 'notes/timeline';
 		connection.value = markRaw(stream.useChannel('homeTimeline'));
 		connection.value.on('note', prepend);
@@ -94,23 +91,22 @@ watchEffect((onCleanup) => {
 		connection2.value = markRaw(stream.useChannel('main'));
 		connection2.value.on('follow', onChangeFollowing);
 		connection2.value.on('unfollow', onChangeFollowing);
-	} else if (props.tlSrc == 'local') {
+	} else if (props.src == 'local') {
 		endpoint.value = 'notes/local-timeline';
 		connection.value = markRaw(stream.useChannel('localTimeline'));
 		connection.value.on('note', prepend);
-	} else if (props.tlSrc == 'social') {
+	} else if (props.src == 'social') {
 		endpoint.value = 'notes/hybrid-timeline';
 		connection.value = markRaw(stream.useChannel('hybridTimeline'));
 		connection.value.on('note', prepend);
-	} else if (props.tlSrc == 'global') {
+	} else if (props.src == 'global') {
 		endpoint.value = 'notes/global-timeline';
 		connection.value = markRaw(stream.useChannel('globalTimeline'));
 		connection.value.on('note', prepend);
-	} else if (props.tlSrc == 'channel') {
-
 	}
 
 	onCleanup(() => {
+		console.log('cleaning');
 		connection.value.dispose();
 		if (connection2.value) connection2.value.dispose();
 	});
@@ -127,20 +123,20 @@ const pagination = computed(() => ({
 
 
 function focus() {
-	scroller.value.focus();
+	body.value.focus();
 };
 
 function goTop() {
-	const container = getScrollContainer(scroller.value);
+	const container = getScrollContainer(body.value);
 	container.scrollTop = 0;
 };
 
 function queueUpdated(q) {
-	if (scroller.value.offsetWidth !== 0) {
-		const rect = scroller.value.getBoundingClientRect();
-		this.width = scroller.value.offsetWidth;
+	if (body.value.offsetWidth !== 0) {
+		const rect = body.value.getBoundingClientRect();
+		this.width = body.value.offsetWidth;
 		top.value = rect.top;
-		bottom.value = scroller.value.offsetHeight;
+		bottom.value = body.value.offsetHeight;
 	}
 	queue.value = q;
 };
@@ -162,11 +158,11 @@ function timetravel(target?: Date) {
 		padding: 16px 16px 0 16px;
 	}
 
-	.postform {
+	> .top {
 		padding: 16px 16px 0 16px;
 	}
 
-	.bottom {
+	> .bottom {
 		padding: 0 16px 16px 16px;
 		position: relative;
 

packages/client/src/ui/chat/side.vue

@@ -7,81 +7,99 @@
 </div>
 </template>
 
-<script lang="ts" setup>
-import { ref, reactive, computed } from 'vue';
+<script lang="ts">
+import { defineComponent } from 'vue';
 import * as os from '@/os';
 import copyToClipboard from '@/scripts/copy-to-clipboard';
-import { i18n } from '@/i18n';
 import { useRouter } from '@/router';
-import { url as baseUrl } from '@/config';
+import { url } from '@/config';
 
 const router = useRouter();
-const history = reactive([]);
-const path = ref(null);
-const component = ref(null);
-const props = ref({});
 
-const emit = defineEmits(['open', 'close']);
+export default defineComponent({
+	components: {
+	},
 
-const url = computed(() => baseUrl + path.value)
-
-const pageInfo = null;
-
-function navigate(path, record = true) {
-	if (record && path.value) history.push(path.value);
-	path.value = path;
-	const { component: newComponent, props: newProps } = router.resolve(path);
-	component.value = newComponent;
-	props.value = newProps;
-	emit('open');
+	provide() {
+		return {
+			navHook: (path) => {
+				this.navigate(path);
 			}
+		};
+	},
 
-function back() {
-	navigate(history.pop(), false);
+	data() {
+		return {
+			path: null,
+			component: null,
+			props: {},
+			pageInfo: null,
+			history: [],
+		};
+	},
+
+	computed: {
+		url(): string {
+			return url + this.path;
 		}
+	},
 
-function close() {
-	path.value = null;
-	component.value = null;
-	props.value = {};
-	emit('close');
-}
+	methods: {
+		navigate(path, record = true) {
+			if (record && this.path) this.history.push(this.path);
+			this.path = path;
+			const { component, props } = resolve(path);
+			this.component = component;
+			this.props = props;
+			this.$emit('open');
+		},
 
-function onContextmenu(e) {
+		back() {
+			this.navigate(this.history.pop(), false);
+		},
+
+		close() {
+			this.path = null;
+			this.component = null;
+			this.props = {};
+			this.$emit('close');
+		},
+
+		onContextmenu(e) {
 			os.contextMenu([{
 				type: 'label',
 				text: this.path,
 			}, {
 				icon: 'fas fa-expand-alt',
-		text: i18n.ts.showInPage,
+				text: this.$ts.showInPage,
 				action: () => {
-			router.push(path);
-			close();
+					router.push(this.path);
+					this.close();
 				}
 			}, {
 				icon: 'fas fa-window-maximize',
-		text: i18n.ts.openInWindow,
+				text: this.$ts.openInWindow,
 				action: () => {
-			os.pageWindow(path);
-			close();
+					os.pageWindow(this.path);
+					this.close();
 				}
 			}, null, {
 				icon: 'fas fa-external-link-alt',
-		text: i18n.ts.openInNewTab,
+				text: this.$ts.openInNewTab,
 				action: () => {
-			window.open(url, '_blank');
-			close();
+					window.open(this.url, '_blank');
+					this.close();
 				}
 			}, {
 				icon: 'fas fa-link',
-		text: i18n.ts.copyLink,
+				text: this.$ts.copyLink,
 				action: () => {
-			copyToClipboard(url);
+					copyToClipboard(this.url);
 				}
 			}], e);
 		}
-
-defineExpose({ navHook: navigate });
+	}
+});
 </script>
 
 <style lang="scss" scoped>