summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkTimeline.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 14:36:33 +0900
commit9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch)
treece5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkTimeline.vue
parentwip: retention for dashboard (diff)
downloadmisskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2
misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkTimeline.vue')
-rw-r--r--packages/client/src/components/MkTimeline.vue143
1 files changed, 0 insertions, 143 deletions
diff --git a/packages/client/src/components/MkTimeline.vue b/packages/client/src/components/MkTimeline.vue
deleted file mode 100644
index 831a194ce3..0000000000
--- a/packages/client/src/components/MkTimeline.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-<XNotes ref="tlComponent" :no-gap="!$store.state.showGapBetweenNotesInTimeline" :pagination="pagination" @queue="emit('queue', $event)"/>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, provide, onUnmounted } from 'vue';
-import XNotes from '@/components/MkNotes.vue';
-import * as os from '@/os';
-import { stream } from '@/stream';
-import * as sound from '@/scripts/sound';
-import { $i } from '@/account';
-
-const props = defineProps<{
- src: string;
- list?: string;
- antenna?: string;
- channel?: string;
- sound?: boolean;
-}>();
-
-const emit = defineEmits<{
- (ev: 'note'): void;
- (ev: 'queue', count: number): void;
-}>();
-
-provide('inChannel', computed(() => props.src === 'channel'));
-
-const tlComponent: InstanceType<typeof XNotes> = $ref();
-
-const prepend = note => {
- tlComponent.pagingComponent?.prepend(note);
-
- emit('note');
-
- if (props.sound) {
- sound.play($i && (note.userId === $i.id) ? 'noteMy' : 'note');
- }
-};
-
-const onUserAdded = () => {
- tlComponent.pagingComponent?.reload();
-};
-
-const onUserRemoved = () => {
- tlComponent.pagingComponent?.reload();
-};
-
-const onChangeFollowing = () => {
- if (!tlComponent.pagingComponent?.backed) {
- tlComponent.pagingComponent?.reload();
- }
-};
-
-let endpoint;
-let query;
-let connection;
-let connection2;
-
-if (props.src === 'antenna') {
- endpoint = 'antennas/notes';
- query = {
- antennaId: props.antenna,
- };
- connection = stream.useChannel('antenna', {
- antennaId: props.antenna,
- });
- connection.on('note', prepend);
-} else if (props.src === 'home') {
- endpoint = 'notes/timeline';
- connection = stream.useChannel('homeTimeline');
- connection.on('note', prepend);
-
- connection2 = stream.useChannel('main');
- connection2.on('follow', onChangeFollowing);
- connection2.on('unfollow', onChangeFollowing);
-} else if (props.src === 'local') {
- endpoint = 'notes/local-timeline';
- connection = stream.useChannel('localTimeline');
- connection.on('note', prepend);
-} else if (props.src === 'social') {
- endpoint = 'notes/hybrid-timeline';
- connection = stream.useChannel('hybridTimeline');
- connection.on('note', prepend);
-} else if (props.src === 'global') {
- endpoint = 'notes/global-timeline';
- connection = stream.useChannel('globalTimeline');
- connection.on('note', prepend);
-} else if (props.src === 'mentions') {
- endpoint = 'notes/mentions';
- connection = stream.useChannel('main');
- connection.on('mention', prepend);
-} else if (props.src === 'directs') {
- endpoint = 'notes/mentions';
- query = {
- visibility: 'specified',
- };
- const onNote = note => {
- if (note.visibility === 'specified') {
- prepend(note);
- }
- };
- connection = stream.useChannel('main');
- connection.on('mention', onNote);
-} else if (props.src === 'list') {
- endpoint = 'notes/user-list-timeline';
- query = {
- listId: props.list,
- };
- connection = stream.useChannel('userList', {
- listId: props.list,
- });
- connection.on('note', prepend);
- connection.on('userAdded', onUserAdded);
- connection.on('userRemoved', onUserRemoved);
-} else if (props.src === 'channel') {
- endpoint = 'channels/timeline';
- query = {
- channelId: props.channel,
- };
- connection = stream.useChannel('channel', {
- channelId: props.channel,
- });
- connection.on('note', prepend);
-}
-
-const pagination = {
- endpoint: endpoint,
- limit: 10,
- params: query,
-};
-
-onUnmounted(() => {
- connection.dispose();
- if (connection2) connection2.dispose();
-});
-
-/* TODO
-const timetravel = (date?: Date) => {
- this.date = date;
- this.$refs.tl.reload();
-};
-*/
-</script>