Refactor client (#4307)

* wip * wip * wip * wip * wip * wip * wip * Fix bug * 🎨 * 🎨 * 🎨
2019-02-18 09:17:55 +09:00
parent efd0368e56
commit ba1492f977
37 changed files with 738 additions and 1526 deletions
@@ -6,7 +6,7 @@
 	</p>
 	<p class="desc">{{ $t('disabled-timeline.description') }}</p>
 </div>
-<x-notes v-else ref="timeline" :more="existMore ? more : null" :media-view="mediaView"/>
+<x-notes v-else ref="timeline" :make-promise="makePromise" :media-view="mediaView" @inited="() => $emit('loaded')"/>
 </template>

 <script lang="ts">
@@ -44,12 +44,10 @@ export default Vue.extend({

 	data() {
 		return {
-			fetching: true,
-			moreFetching: false,
-			existMore: false,
 			connection: null,
 			disabled: false,
-			faMinusCircle
+			faMinusCircle,
+			makePromise: null
 		};
 	},

@@ -79,6 +77,28 @@ export default Vue.extend({
 		}
 	},

+	created() {
+		this.makePromise = cursor => this.$root.api(this.endpoint, {
+			limit: fetchLimit + 1,
+			untilDate: cursor ? undefined : (this.date ? this.date.getTime() : undefined),
+			untilId: cursor ? cursor : undefined,
+			...this.baseQuery, ...this.query
+		}).then(notes => {
+			if (notes.length == fetchLimit + 1) {
+				notes.pop();
+				return {
+					notes: notes,
+					cursor: notes[notes.length - 1].id
+				};
+			} else {
+				return {
+					notes: notes,
+					cursor: null
+				};
+			}
+		});
+	},
+
 	mounted() {
 		this.connection = this.stream;

@@ -93,8 +113,6 @@ export default Vue.extend({
 				meta.disableLocalTimeline && ['local', 'hybrid'].includes(this.src) ||
 				meta.disableGlobalTimeline && ['global'].includes(this.src));
 		});
-
-		this.fetch();
 	},

 	beforeDestroy() {
@@ -102,64 +120,13 @@ export default Vue.extend({
 	},

 	methods: {
-		fetch() {
-			this.fetching = true;
-
-			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
-				this.$root.api(this.endpoint, {
-					limit: fetchLimit + 1,
-					withFiles: this.mediaOnly,
-					includeMyRenotes: this.$store.state.settings.showMyRenotes,
-					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
-					includeLocalRenotes: this.$store.state.settings.showLocalRenotes
-				}).then(notes => {
-					if (notes.length == fetchLimit + 1) {
-						notes.pop();
-						this.existMore = true;
-					}
-					res(notes);
-					this.fetching = false;
-					this.$emit('loaded');
-				}, rej);
-			}));
-		},
-
-		more() {
-			this.moreFetching = true;
-
-			const promise = this.$root.api(this.endpoint, {
-				limit: fetchLimit + 1,
-				withFiles: this.mediaOnly,
-				untilId: (this.$refs.timeline as any).tail().id,
-				includeMyRenotes: this.$store.state.settings.showMyRenotes,
-				includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
-				includeLocalRenotes: this.$store.state.settings.showLocalRenotes
-			});
-
-			promise.then(notes => {
-				if (notes.length == fetchLimit + 1) {
-					notes.pop();
-				} else {
-					this.existMore = false;
-				}
-				for (const n of notes) {
-					(this.$refs.timeline as any).append(n);
-				}
-				this.moreFetching = false;
-			});
-
-			return promise;
-		},
-
 		onNote(note) {
 			if (this.mediaOnly && note.files.length == 0) return;
-
-			// Prepend a note
 			(this.$refs.timeline as any).prepend(note);
 		},

 		onChangeFollowing() {
-			this.fetch();
+			(this.$refs.timeline as any).reload();
 		},

 		focus() {