Refactor & Clean up
This commit is contained in:
		
							parent
							
								
									ba845f5218
								
							
						
					
					
						commit
						60ef3e3563
					
				
					 154 changed files with 438 additions and 481 deletions
				
			
		| 
						 | 
				
			
			@ -26,14 +26,6 @@ common:
 | 
			
		|||
  close: "閉じる"
 | 
			
		||||
  do-not-copy-paste: "ここにコードを入力したり張り付けたりしないでください。アカウントが不正利用される可能性があります。"
 | 
			
		||||
  load-more: "もっと読み込む"
 | 
			
		||||
  BSoD:
 | 
			
		||||
    fatal-error: ":( 致命的な問題が発生しました。"
 | 
			
		||||
    update-browser-os: "お使いのブラウザ(またはOS)のバージョンを更新すると解決する可能性があります。"
 | 
			
		||||
    error-code: "エラーコード"
 | 
			
		||||
    browser-version: "ブラウザ バージョン"
 | 
			
		||||
    client-version: "クライアント バージョン"
 | 
			
		||||
    email-support: "問題が解決しない場合は、上記の情報をお書き添えの上 syuilotan@yahoo.co.jp までご連絡ください。"
 | 
			
		||||
    thanks: "Thank you for using Misskey."
 | 
			
		||||
 | 
			
		||||
  got-it: "わかった"
 | 
			
		||||
  customization-tips:
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -34,7 +34,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.announcements = meta.broadcasts;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -64,7 +64,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		save(silent) {
 | 
			
		||||
			(this as any).api('admin/update-meta', {
 | 
			
		||||
			this.$root.api('admin/update-meta', {
 | 
			
		||||
				broadcasts: this.announcements
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				if (!silent) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -33,7 +33,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('apLog');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('apLog');
 | 
			
		||||
		this.connection.on('log', this.onLog);
 | 
			
		||||
		this.connection.on('logs', this.onLogs);
 | 
			
		||||
		this.connection.send('requestLog', {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -105,17 +105,17 @@ export default Vue.extend({
 | 
			
		|||
		this.now = new Date();
 | 
			
		||||
 | 
			
		||||
		const [perHour, perDay] = await Promise.all([Promise.all([
 | 
			
		||||
			(this as any).api('charts/federation', { limit: limit, span: 'hour' }),
 | 
			
		||||
			(this as any).api('charts/users', { limit: limit, span: 'hour' }),
 | 
			
		||||
			(this as any).api('charts/notes', { limit: limit, span: 'hour' }),
 | 
			
		||||
			(this as any).api('charts/drive', { limit: limit, span: 'hour' }),
 | 
			
		||||
			(this as any).api('charts/network', { limit: limit, span: 'hour' })
 | 
			
		||||
			this.$root.api('charts/federation', { limit: limit, span: 'hour' }),
 | 
			
		||||
			this.$root.api('charts/users', { limit: limit, span: 'hour' }),
 | 
			
		||||
			this.$root.api('charts/notes', { limit: limit, span: 'hour' }),
 | 
			
		||||
			this.$root.api('charts/drive', { limit: limit, span: 'hour' }),
 | 
			
		||||
			this.$root.api('charts/network', { limit: limit, span: 'hour' })
 | 
			
		||||
		]), Promise.all([
 | 
			
		||||
			(this as any).api('charts/federation', { limit: limit, span: 'day' }),
 | 
			
		||||
			(this as any).api('charts/users', { limit: limit, span: 'day' }),
 | 
			
		||||
			(this as any).api('charts/notes', { limit: limit, span: 'day' }),
 | 
			
		||||
			(this as any).api('charts/drive', { limit: limit, span: 'day' }),
 | 
			
		||||
			(this as any).api('charts/network', { limit: limit, span: 'day' })
 | 
			
		||||
			this.$root.api('charts/federation', { limit: limit, span: 'day' }),
 | 
			
		||||
			this.$root.api('charts/users', { limit: limit, span: 'day' }),
 | 
			
		||||
			this.$root.api('charts/notes', { limit: limit, span: 'day' }),
 | 
			
		||||
			this.$root.api('charts/drive', { limit: limit, span: 'day' }),
 | 
			
		||||
			this.$root.api('charts/network', { limit: limit, span: 'day' })
 | 
			
		||||
		])]);
 | 
			
		||||
 | 
			
		||||
		const chart = {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -47,7 +47,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -101,13 +101,13 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('serverStats');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('serverStats');
 | 
			
		||||
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		(this as any).api('stats').then(stats => {
 | 
			
		||||
		this.$root.api('stats').then(stats => {
 | 
			
		||||
			this.stats = stats;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -68,7 +68,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	methods: {
 | 
			
		||||
		add() {
 | 
			
		||||
			(this as any).api('admin/emoji/add', {
 | 
			
		||||
			this.$root.api('admin/emoji/add', {
 | 
			
		||||
				name: this.name,
 | 
			
		||||
				url: this.url,
 | 
			
		||||
				aliases: this.aliases.split(' ').filter(x => x.length > 0)
 | 
			
		||||
| 
						 | 
				
			
			@ -87,7 +87,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		fetchEmojis() {
 | 
			
		||||
			(this as any).api('admin/emoji/list').then(emojis => {
 | 
			
		||||
			this.$root.api('admin/emoji/list').then(emojis => {
 | 
			
		||||
				emojis.reverse();
 | 
			
		||||
				emojis.forEach(e => e.aliases = (e.aliases || []).join(' '));
 | 
			
		||||
				this.emojis = emojis;
 | 
			
		||||
| 
						 | 
				
			
			@ -95,7 +95,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		updateEmoji(emoji) {
 | 
			
		||||
			(this as any).api('admin/emoji/update', {
 | 
			
		||||
			this.$root.api('admin/emoji/update', {
 | 
			
		||||
				id: emoji.id,
 | 
			
		||||
				name: emoji.name,
 | 
			
		||||
				url: emoji.url,
 | 
			
		||||
| 
						 | 
				
			
			@ -121,7 +121,7 @@ export default Vue.extend({
 | 
			
		|||
			}).then(res => {
 | 
			
		||||
				if (!res.value) return;
 | 
			
		||||
 | 
			
		||||
				(this as any).api('admin/emoji/remove', {
 | 
			
		||||
				this.$root.api('admin/emoji/remove', {
 | 
			
		||||
					id: emoji.id
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
					this.$swal({
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -22,18 +22,18 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.hidedTags = meta.hidedTags.join('\n');
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		save() {
 | 
			
		||||
			(this as any).api('admin/update-meta', {
 | 
			
		||||
			this.$root.api('admin/update-meta', {
 | 
			
		||||
				hidedTags: this.hidedTags.split('\n')
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Saved` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Saved` });
 | 
			
		||||
			}).catch(e => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Failed ${e}` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Failed ${e}` });
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -113,7 +113,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.maintainerName = meta.maintainer.name;
 | 
			
		||||
			this.maintainerEmail = meta.maintainer.email;
 | 
			
		||||
			this.bannerUrl = meta.bannerUrl;
 | 
			
		||||
| 
						 | 
				
			
			@ -139,7 +139,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	methods: {
 | 
			
		||||
		invite() {
 | 
			
		||||
			(this as any).api('admin/invite').then(x => {
 | 
			
		||||
			this.$root.api('admin/invite').then(x => {
 | 
			
		||||
				this.inviteCode = x.code;
 | 
			
		||||
			}).catch(e => {
 | 
			
		||||
				this.$swal({
 | 
			
		||||
| 
						 | 
				
			
			@ -150,7 +150,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		updateMeta() {
 | 
			
		||||
			(this as any).api('admin/update-meta', {
 | 
			
		||||
			this.$root.api('admin/update-meta', {
 | 
			
		||||
				maintainerName: this.maintainerName,
 | 
			
		||||
				maintainerEmail: this.maintainerEmail,
 | 
			
		||||
				disableRegistration: this.disableRegistration,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -67,13 +67,13 @@ export default Vue.extend({
 | 
			
		|||
			this.verifying = true;
 | 
			
		||||
 | 
			
		||||
			const process = async () => {
 | 
			
		||||
				const user = await (this as any).os.api('users/show', parseAcct(this.verifyUsername));
 | 
			
		||||
				await (this as any).os.api('admin/verify-user', { userId: user.id });
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: this.$t('verified') });
 | 
			
		||||
				const user = await this.$root.os.api('users/show', parseAcct(this.verifyUsername));
 | 
			
		||||
				await this.$root.os.api('admin/verify-user', { userId: user.id });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: this.$t('verified') });
 | 
			
		||||
			};
 | 
			
		||||
 | 
			
		||||
			await process().catch(e => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			this.verifying = false;
 | 
			
		||||
| 
						 | 
				
			
			@ -83,13 +83,13 @@ export default Vue.extend({
 | 
			
		|||
			this.unverifying = true;
 | 
			
		||||
 | 
			
		||||
			const process = async () => {
 | 
			
		||||
				const user = await (this as any).os.api('users/show', parseAcct(this.unverifyUsername));
 | 
			
		||||
				await (this as any).os.api('admin/unverify-user', { userId: user.id });
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: this.$t('unverified') });
 | 
			
		||||
				const user = await this.$root.os.api('users/show', parseAcct(this.unverifyUsername));
 | 
			
		||||
				await this.$root.os.api('admin/unverify-user', { userId: user.id });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: this.$t('unverified') });
 | 
			
		||||
			};
 | 
			
		||||
 | 
			
		||||
			await process().catch(e => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			this.unverifying = false;
 | 
			
		||||
| 
						 | 
				
			
			@ -99,13 +99,13 @@ export default Vue.extend({
 | 
			
		|||
			this.suspending = true;
 | 
			
		||||
 | 
			
		||||
			const process = async () => {
 | 
			
		||||
				const user = await (this as any).os.api('users/show', parseAcct(this.suspendUsername));
 | 
			
		||||
				await (this as any).os.api('admin/suspend-user', { userId: user.id });
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: this.$t('suspended') });
 | 
			
		||||
				const user = await this.$root.os.api('users/show', parseAcct(this.suspendUsername));
 | 
			
		||||
				await this.$root.os.api('admin/suspend-user', { userId: user.id });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: this.$t('suspended') });
 | 
			
		||||
			};
 | 
			
		||||
 | 
			
		||||
			await process().catch(e => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			this.suspending = false;
 | 
			
		||||
| 
						 | 
				
			
			@ -115,13 +115,13 @@ export default Vue.extend({
 | 
			
		|||
			this.unsuspending = true;
 | 
			
		||||
 | 
			
		||||
			const process = async () => {
 | 
			
		||||
				const user = await (this as any).os.api('users/show', parseAcct(this.unsuspendUsername));
 | 
			
		||||
				await (this as any).os.api('admin/unsuspend-user', { userId: user.id });
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: this.$t('unsuspended') });
 | 
			
		||||
				const user = await this.$root.os.api('users/show', parseAcct(this.unsuspendUsername));
 | 
			
		||||
				await this.$root.os.api('admin/unsuspend-user', { userId: user.id });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: this.$t('unsuspended') });
 | 
			
		||||
			};
 | 
			
		||||
 | 
			
		||||
			await process().catch(e => {
 | 
			
		||||
				//(this as any).os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
				//this.$root.os.apis.dialog({ text: `Failed: ${e}` });
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			this.unsuspending = false;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -13,13 +13,6 @@ html
 | 
			
		|||
body
 | 
			
		||||
	overflow-wrap break-word
 | 
			
		||||
 | 
			
		||||
#error
 | 
			
		||||
	padding 32px
 | 
			
		||||
	color #fff
 | 
			
		||||
 | 
			
		||||
	hr
 | 
			
		||||
		border solid 1px #fff
 | 
			
		||||
 | 
			
		||||
#nprogress
 | 
			
		||||
	pointer-events none
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -48,7 +48,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		cancel() {
 | 
			
		||||
			(this as any).api('auth/deny', {
 | 
			
		||||
			this.$root.api('auth/deny', {
 | 
			
		||||
				token: this.session.token
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				this.$emit('denied');
 | 
			
		||||
| 
						 | 
				
			
			@ -56,7 +56,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		accept() {
 | 
			
		||||
			(this as any).api('auth/accept', {
 | 
			
		||||
			this.$root.api('auth/accept', {
 | 
			
		||||
				token: this.session.token
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				this.$emit('accepted');
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -57,7 +57,7 @@ export default Vue.extend({
 | 
			
		|||
		if (!this.$store.getters.isSignedIn) return;
 | 
			
		||||
 | 
			
		||||
		// Fetch session
 | 
			
		||||
		(this as any).api('auth/session/show', {
 | 
			
		||||
		this.$root.api('auth/session/show', {
 | 
			
		||||
			token: this.token
 | 
			
		||||
		}).then(session => {
 | 
			
		||||
			this.session = session;
 | 
			
		||||
| 
						 | 
				
			
			@ -65,7 +65,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			// 既に連携していた場合
 | 
			
		||||
			if (this.session.app.isAuthorized) {
 | 
			
		||||
				(this as any).api('auth/accept', {
 | 
			
		||||
				this.$root.api('auth/accept', {
 | 
			
		||||
					token: this.session.token
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
					this.accepted();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -115,7 +115,7 @@ export default (opts: Opts = {}) => ({
 | 
			
		|||
 | 
			
		||||
		react(viaKeyboard = false) {
 | 
			
		||||
			this.blur();
 | 
			
		||||
			(this as any).os.new(MkReactionPicker, {
 | 
			
		||||
			this.$root.new(MkReactionPicker, {
 | 
			
		||||
				source: this.$refs.reactButton,
 | 
			
		||||
				note: this.appearNote,
 | 
			
		||||
				showFocus: viaKeyboard,
 | 
			
		||||
| 
						 | 
				
			
			@ -126,28 +126,28 @@ export default (opts: Opts = {}) => ({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		reactDirectly(reaction) {
 | 
			
		||||
			(this as any).api('notes/reactions/create', {
 | 
			
		||||
			(this.$root.api('notes/reactions/create', {
 | 
			
		||||
				noteId: this.appearNote.id,
 | 
			
		||||
				reaction: reaction
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		favorite() {
 | 
			
		||||
			(this as any).api('notes/favorites/create', {
 | 
			
		||||
			this.$root.api('notes/favorites/create', {
 | 
			
		||||
				noteId: this.appearNote.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				(this as any).os.new(Ok);
 | 
			
		||||
				this.$root.new(Ok);
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		del() {
 | 
			
		||||
			(this as any).api('notes/delete', {
 | 
			
		||||
			this.$root.api('notes/delete', {
 | 
			
		||||
				noteId: this.appearNote.id
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		menu(viaKeyboard = false) {
 | 
			
		||||
			(this as any).os.new(MkNoteMenu, {
 | 
			
		||||
			this.$root.new(MkNoteMenu, {
 | 
			
		||||
				source: this.$refs.menuButton,
 | 
			
		||||
				note: this.appearNote,
 | 
			
		||||
				animation: !viaKeyboard,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -26,7 +26,7 @@ export default prop => ({
 | 
			
		|||
 | 
			
		||||
	created() {
 | 
			
		||||
		if (this.$store.getters.isSignedIn) {
 | 
			
		||||
			this.connection = (this as any).os.stream;
 | 
			
		||||
			this.connection = this.$root.stream;
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -54,7 +54,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('enter-password'),
 | 
			
		||||
				type: 'password'
 | 
			
		||||
			}).then(password => {
 | 
			
		||||
				(this as any).api('i/regenerate_token', {
 | 
			
		||||
				this.$root.api('i/regenerate_token', {
 | 
			
		||||
					password: password
 | 
			
		||||
				});
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			@ -62,7 +62,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		send() {
 | 
			
		||||
			this.sending = true;
 | 
			
		||||
			(this as any).api(this.endpoint, JSON5.parse(this.body)).then(res => {
 | 
			
		||||
			this.$root.api(this.endpoint, JSON5.parse(this.body)).then(res => {
 | 
			
		||||
				this.sending = false;
 | 
			
		||||
				this.res = JSON5.stringify(res, null, 2);
 | 
			
		||||
			}, err => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -114,7 +114,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		//#region Construct Emoji DB
 | 
			
		||||
		const customEmojis = (this.os.getMetaSync() || { emojis: [] }).emojis || [];
 | 
			
		||||
		const customEmojis = (this.$root.getMetaSync() || { emojis: [] }).emojis || [];
 | 
			
		||||
		const emojiDefinitions: EmojiDef[] = [];
 | 
			
		||||
 | 
			
		||||
		customEmojis.forEach(x => {
 | 
			
		||||
| 
						 | 
				
			
			@ -185,7 +185,7 @@ export default Vue.extend({
 | 
			
		|||
					this.users = users;
 | 
			
		||||
					this.fetching = false;
 | 
			
		||||
				} else {
 | 
			
		||||
					(this as any).api('users/search', {
 | 
			
		||||
					this.$root.api('users/search', {
 | 
			
		||||
						query: this.q,
 | 
			
		||||
						limit: 30
 | 
			
		||||
					}).then(users => {
 | 
			
		||||
| 
						 | 
				
			
			@ -208,7 +208,7 @@ export default Vue.extend({
 | 
			
		|||
						this.hashtags = hashtags;
 | 
			
		||||
						this.fetching = false;
 | 
			
		||||
					} else {
 | 
			
		||||
						(this as any).api('hashtags/search', {
 | 
			
		||||
						this.$root.api('hashtags/search', {
 | 
			
		||||
							query: this.q,
 | 
			
		||||
							limit: 30
 | 
			
		||||
						}).then(hashtags => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -44,7 +44,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('drive').then(info => {
 | 
			
		||||
		this.$root.api('drive').then(info => {
 | 
			
		||||
			this.capacity = info.capacity;
 | 
			
		||||
			this.usage = info.usage;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
| 
						 | 
				
			
			@ -57,7 +57,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	methods: {
 | 
			
		||||
		renderChart() {
 | 
			
		||||
			(this as any).api('charts/user/drive', {
 | 
			
		||||
			this.$root.api('charts/user/drive', {
 | 
			
		||||
				userId: this.$store.state.i.id,
 | 
			
		||||
				span: 'day',
 | 
			
		||||
				limit: 21
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -291,7 +291,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		surrender() {
 | 
			
		||||
			(this as any).api('games/reversi/games/surrender', {
 | 
			
		||||
			this.$root.api('games/reversi/games/surrender', {
 | 
			
		||||
				gameId: this.game.id
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -35,7 +35,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		this.g = this.game;
 | 
			
		||||
		this.connection = (this as any).os.stream.connectToChannel('gamesReversiGame', {
 | 
			
		||||
		this.connection = this.$root.stream.connectToChannel('gamesReversiGame', {
 | 
			
		||||
			gameId: this.game.id
 | 
			
		||||
		});
 | 
			
		||||
		this.connection.on('started', this.onStarted);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -67,22 +67,22 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		if (this.$store.getters.isSignedIn) {
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('gamesReversi');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('gamesReversi');
 | 
			
		||||
 | 
			
		||||
			this.connection.on('invited', this.onInvited);
 | 
			
		||||
 | 
			
		||||
			(this as any).api('games/reversi/games', {
 | 
			
		||||
			this.$root.api('games/reversi/games', {
 | 
			
		||||
				my: true
 | 
			
		||||
			}).then(games => {
 | 
			
		||||
				this.myGames = games;
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			(this as any).api('games/reversi/invitations').then(invitations => {
 | 
			
		||||
			this.$root.api('games/reversi/invitations').then(invitations => {
 | 
			
		||||
				this.invitations = this.invitations.concat(invitations);
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		(this as any).api('games/reversi/games').then(games => {
 | 
			
		||||
		this.$root.api('games/reversi/games').then(games => {
 | 
			
		||||
			this.games = games;
 | 
			
		||||
			this.gamesFetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			@ -103,10 +103,10 @@ export default Vue.extend({
 | 
			
		|||
			(this as any).apis.input({
 | 
			
		||||
				title: this.$t('enter-username')
 | 
			
		||||
			}).then(username => {
 | 
			
		||||
				(this as any).api('users/show', {
 | 
			
		||||
				this.$root.api('users/show', {
 | 
			
		||||
					username
 | 
			
		||||
				}).then(user => {
 | 
			
		||||
					(this as any).api('games/reversi/match', {
 | 
			
		||||
					this.$root.api('games/reversi/match', {
 | 
			
		||||
						userId: user.id
 | 
			
		||||
					}).then(res => {
 | 
			
		||||
						if (res == null) {
 | 
			
		||||
| 
						 | 
				
			
			@ -120,7 +120,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		accept(invitation) {
 | 
			
		||||
			(this as any).api('games/reversi/match', {
 | 
			
		||||
			this.$root.api('games/reversi/match', {
 | 
			
		||||
				userId: invitation.parent.id
 | 
			
		||||
			}).then(game => {
 | 
			
		||||
				if (game) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -67,7 +67,7 @@ export default Vue.extend({
 | 
			
		|||
		this.fetch();
 | 
			
		||||
 | 
			
		||||
		if (this.$store.getters.isSignedIn) {
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('gamesReversi');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('gamesReversi');
 | 
			
		||||
 | 
			
		||||
			this.connection.on('matched', this.onMatched);
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -94,7 +94,7 @@ export default Vue.extend({
 | 
			
		|||
				this.game = null;
 | 
			
		||||
			} else {
 | 
			
		||||
				Progress.start();
 | 
			
		||||
				(this as any).api('games/reversi/games/show', {
 | 
			
		||||
				this.$root.api('games/reversi/games/show', {
 | 
			
		||||
					gameId: this.gameId
 | 
			
		||||
				}).then(game => {
 | 
			
		||||
					this.game = game;
 | 
			
		||||
| 
						 | 
				
			
			@ -107,7 +107,7 @@ export default Vue.extend({
 | 
			
		|||
			if (this.selfNav) {
 | 
			
		||||
				// 受け取ったゲーム情報が省略されたものなら完全な情報を取得する
 | 
			
		||||
				if (game != null && (game.settings == null || game.settings.map == null)) {
 | 
			
		||||
					game = await (this as any).api('games/reversi/games/show', {
 | 
			
		||||
					game = await this.$root.api('games/reversi/games/show', {
 | 
			
		||||
						gameId: game.id
 | 
			
		||||
					});
 | 
			
		||||
				}
 | 
			
		||||
| 
						 | 
				
			
			@ -124,11 +124,11 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		cancel() {
 | 
			
		||||
			this.matching = null;
 | 
			
		||||
			(this as any).api('games/reversi/match/cancel');
 | 
			
		||||
			this.$root.api('games/reversi/match/cancel');
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		accept(invitation) {
 | 
			
		||||
			(this as any).api('games/reversi/match', {
 | 
			
		||||
			this.$root.api('games/reversi/match', {
 | 
			
		||||
				userId: invitation.parent.id
 | 
			
		||||
			}).then(game => {
 | 
			
		||||
				if (game) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -20,7 +20,7 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -152,7 +152,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		send() {
 | 
			
		||||
			this.sending = true;
 | 
			
		||||
			(this as any).api('messaging/messages/create', {
 | 
			
		||||
			this.$root.api('messaging/messages/create', {
 | 
			
		||||
				userId: this.user.id,
 | 
			
		||||
				text: this.text ? this.text : undefined,
 | 
			
		||||
				fileId: this.file ? this.file.id : undefined
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -73,7 +73,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.connectToChannel('messaging', { otherparty: this.user.id });
 | 
			
		||||
		this.connection = this.$root.stream.connectToChannel('messaging', { otherparty: this.user.id });
 | 
			
		||||
 | 
			
		||||
		this.connection.on('message', this.onMessage);
 | 
			
		||||
		this.connection.on('read', this.onRead);
 | 
			
		||||
| 
						 | 
				
			
			@ -139,7 +139,7 @@ export default Vue.extend({
 | 
			
		|||
			return new Promise((resolve, reject) => {
 | 
			
		||||
				const max = this.existMoreMessages ? 20 : 10;
 | 
			
		||||
 | 
			
		||||
				(this as any).api('messaging/messages', {
 | 
			
		||||
				this.$root.api('messaging/messages', {
 | 
			
		||||
					userId: this.user.id,
 | 
			
		||||
					limit: max + 1,
 | 
			
		||||
					untilId: this.existMoreMessages ? this.messages[0].id : undefined
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -77,12 +77,12 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('messagingIndex');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('messagingIndex');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('message', this.onMessage);
 | 
			
		||||
		this.connection.on('read', this.onRead);
 | 
			
		||||
 | 
			
		||||
		(this as any).api('messaging/history').then(messages => {
 | 
			
		||||
		this.$root.api('messaging/history').then(messages => {
 | 
			
		||||
			this.messages = messages;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			@ -113,7 +113,7 @@ export default Vue.extend({
 | 
			
		|||
				this.result = [];
 | 
			
		||||
				return;
 | 
			
		||||
			}
 | 
			
		||||
			(this as any).api('users/search', {
 | 
			
		||||
			this.$root.api('users/search', {
 | 
			
		||||
				query: this.q,
 | 
			
		||||
				max: 5
 | 
			
		||||
			}).then(users => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -187,7 +187,7 @@ export default Vue.component('misskey-flavored-markdown', {
 | 
			
		|||
				}
 | 
			
		||||
 | 
			
		||||
				case 'emoji': {
 | 
			
		||||
					const customEmojis = (this.os.getMetaSync() || { emojis: [] }).emojis || [];
 | 
			
		||||
					const customEmojis = (this.$root.getMetaSync() || { emojis: [] }).emojis || [];
 | 
			
		||||
					return [createElement('mk-emoji', {
 | 
			
		||||
						attrs: {
 | 
			
		||||
							emoji: token.emoji,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -40,12 +40,12 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('mute/list').then(mute => {
 | 
			
		||||
		this.$root.api('mute/list').then(mute => {
 | 
			
		||||
			this.mute = mute.map(x => x.mutee);
 | 
			
		||||
			this.muteFetching = false;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		(this as any).api('blocking/list').then(blocking => {
 | 
			
		||||
		this.$root.api('blocking/list').then(blocking => {
 | 
			
		||||
			this.block = blocking.map(x => x.blockee);
 | 
			
		||||
			this.blockFetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -25,7 +25,7 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			if (meta.maintainer.repository_url) this.repositoryUrl = meta.maintainer.repository_url;
 | 
			
		||||
			if (meta.maintainer.feedback_url) this.feedbackUrl = meta.maintainer.feedback_url;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -91,16 +91,16 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		pin() {
 | 
			
		||||
			(this as any).api('i/pin', {
 | 
			
		||||
			this.$root.api('i/pin', {
 | 
			
		||||
				noteId: this.note.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				(this as any).os.new(Ok);
 | 
			
		||||
				this.$root.new(Ok);
 | 
			
		||||
				this.destroyDom();
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		unpin() {
 | 
			
		||||
			(this as any).api('i/unpin', {
 | 
			
		||||
			this.$root.api('i/unpin', {
 | 
			
		||||
				noteId: this.note.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				this.destroyDom();
 | 
			
		||||
| 
						 | 
				
			
			@ -109,7 +109,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		del() {
 | 
			
		||||
			if (!window.confirm(this.$t('delete-confirm'))) return;
 | 
			
		||||
			(this as any).api('notes/delete', {
 | 
			
		||||
			this.$root.api('notes/delete', {
 | 
			
		||||
				noteId: this.note.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				this.destroyDom();
 | 
			
		||||
| 
						 | 
				
			
			@ -117,19 +117,19 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		favorite() {
 | 
			
		||||
			(this as any).api('notes/favorites/create', {
 | 
			
		||||
			this.$root.api('notes/favorites/create', {
 | 
			
		||||
				noteId: this.note.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				(this as any).os.new(Ok);
 | 
			
		||||
				this.$root.new(Ok);
 | 
			
		||||
				this.destroyDom();
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		unfavorite() {
 | 
			
		||||
			(this as any).api('notes/favorites/delete', {
 | 
			
		||||
			this.$root.api('notes/favorites/delete', {
 | 
			
		||||
				noteId: this.note.id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				(this as any).os.new(Ok);
 | 
			
		||||
				this.$root.new(Ok);
 | 
			
		||||
				this.destroyDom();
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -34,7 +34,7 @@ export default Vue.extend({
 | 
			
		|||
							});
 | 
			
		||||
							return;
 | 
			
		||||
						}
 | 
			
		||||
						(this as any).api('i/change_password', {
 | 
			
		||||
						this.$root.api('i/change_password', {
 | 
			
		||||
							currentPasword: currentPassword,
 | 
			
		||||
							newPassword: newPassword
 | 
			
		||||
						}).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -51,7 +51,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
		vote(id) {
 | 
			
		||||
			if (this.poll.choices.some(c => c.isVoted)) return;
 | 
			
		||||
			(this as any).api('notes/polls/vote', {
 | 
			
		||||
			this.$root.api('notes/polls/vote', {
 | 
			
		||||
				noteId: this.note.id,
 | 
			
		||||
				choice: id
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -95,7 +95,7 @@ export default Vue.extend({
 | 
			
		|||
	computed: {
 | 
			
		||||
		alwaysMarkNsfw: {
 | 
			
		||||
			get() { return this.$store.state.i.settings.alwaysMarkNsfw; },
 | 
			
		||||
			set(value) { (this as any).api('i/update', { alwaysMarkNsfw: value }); }
 | 
			
		||||
			set(value) { this.$root.api('i/update', { alwaysMarkNsfw: value }); }
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -161,7 +161,7 @@ export default Vue.extend({
 | 
			
		|||
		save(notify) {
 | 
			
		||||
			this.saving = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('i/update', {
 | 
			
		||||
			this.$root.api('i/update', {
 | 
			
		||||
				name: this.name || null,
 | 
			
		||||
				location: this.location || null,
 | 
			
		||||
				description: this.description || null,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -145,7 +145,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	methods: {
 | 
			
		||||
		react(reaction) {
 | 
			
		||||
			(this as any).api('notes/reactions/create', {
 | 
			
		||||
			this.$root.api('notes/reactions/create', {
 | 
			
		||||
				noteId: this.note.id,
 | 
			
		||||
				reaction: reaction
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -27,7 +27,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		react(reaction: string) {
 | 
			
		||||
			(this as any).api('notes/reactions/create', {
 | 
			
		||||
			this.$root.api('notes/reactions/create', {
 | 
			
		||||
				noteId: this.note.id,
 | 
			
		||||
				reaction: reaction
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -44,7 +44,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		onUsernameChange() {
 | 
			
		||||
			(this as any).api('users/show', {
 | 
			
		||||
			this.$root.api('users/show', {
 | 
			
		||||
				username: this.username
 | 
			
		||||
			}).then(user => {
 | 
			
		||||
				this.user = user;
 | 
			
		||||
| 
						 | 
				
			
			@ -55,7 +55,7 @@ export default Vue.extend({
 | 
			
		|||
		onSubmit() {
 | 
			
		||||
			this.signing = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('signin', {
 | 
			
		||||
			this.$root.api('signin', {
 | 
			
		||||
				username: this.username,
 | 
			
		||||
				password: this.password,
 | 
			
		||||
				token: this.user && this.user.twoFactorEnabled ? this.token : undefined
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -72,7 +72,7 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -102,7 +102,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			this.usernameState = 'wait';
 | 
			
		||||
 | 
			
		||||
			(this as any).api('username/available', {
 | 
			
		||||
			this.$root.api('username/available', {
 | 
			
		||||
				username: this.username
 | 
			
		||||
			}).then(result => {
 | 
			
		||||
				this.usernameState = result.available ? 'ok' : 'unavailable';
 | 
			
		||||
| 
						 | 
				
			
			@ -128,13 +128,13 @@ export default Vue.extend({
 | 
			
		|||
			this.passwordRetypeState = this.password == this.retypedPassword ? 'match' : 'not-match';
 | 
			
		||||
		},
 | 
			
		||||
		onSubmit() {
 | 
			
		||||
			(this as any).api('signup', {
 | 
			
		||||
			this.$root.api('signup', {
 | 
			
		||||
				username: this.username,
 | 
			
		||||
				password: this.password,
 | 
			
		||||
				invitationCode: this.invitationCode,
 | 
			
		||||
				'g-recaptcha-response': this.meta.enableRecaptcha ? (window as any).grecaptcha.getResponse() : null
 | 
			
		||||
			}, true).then(() => {
 | 
			
		||||
				(this as any).api('signin', {
 | 
			
		||||
				this.$root.api('signin', {
 | 
			
		||||
					username: this.username,
 | 
			
		||||
					password: this.password
 | 
			
		||||
				}, true).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -24,12 +24,12 @@ export default Vue.extend({
 | 
			
		|||
	i18n: i18n('common/views/components/stream-indicator.vue'),
 | 
			
		||||
	computed: {
 | 
			
		||||
		stream() {
 | 
			
		||||
			return (this as any).os.stream;
 | 
			
		||||
			return this.$root.stream;
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.stream.on('_connected_', this.onConnected);
 | 
			
		||||
		(this as any).os.stream.on('_disconnected_', this.onDisconnected);
 | 
			
		||||
		this.$root.stream.on('_connected_', this.onConnected);
 | 
			
		||||
		this.$root.stream.on('_disconnected_', this.onDisconnected);
 | 
			
		||||
 | 
			
		||||
		this.$nextTick(() => {
 | 
			
		||||
			if (this.stream.state == 'connected') {
 | 
			
		||||
| 
						 | 
				
			
			@ -38,8 +38,8 @@ export default Vue.extend({
 | 
			
		|||
		});
 | 
			
		||||
	},
 | 
			
		||||
	beforeDestroy() {
 | 
			
		||||
		(this as any).os.stream.off('_connected_', this.onConnected);
 | 
			
		||||
		(this as any).os.stream.off('_disconnected_', this.onDisconnected);
 | 
			
		||||
		this.$root.stream.off('_connected_', this.onConnected);
 | 
			
		||||
		this.$root.stream.off('_disconnected_', this.onDisconnected);
 | 
			
		||||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		onConnected() {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -43,7 +43,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		fetch() {
 | 
			
		||||
			(this as any).api('aggregation/hashtags').then(tags => {
 | 
			
		||||
			this.$root.api('aggregation/hashtags').then(tags => {
 | 
			
		||||
				this.tags = tags;
 | 
			
		||||
				this.fetching = false;
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -41,7 +41,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		fetch() {
 | 
			
		||||
			(this as any).api('hashtags/trend').then(stats => {
 | 
			
		||||
			this.$root.api('hashtags/trend').then(stats => {
 | 
			
		||||
				this.stats = stats;
 | 
			
		||||
				this.fetching = false;
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -36,7 +36,7 @@ export default Vue.extend({
 | 
			
		|||
				const data = new FormData();
 | 
			
		||||
				data.append('md5', getMD5(fileData));
 | 
			
		||||
 | 
			
		||||
				(this as any).api('drive/files/check_existence', {
 | 
			
		||||
				this.$root.api('drive/files/check_existence', {
 | 
			
		||||
					md5: getMD5(fileData)
 | 
			
		||||
				}).then(resp => {
 | 
			
		||||
					resolve(resp.file);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -45,7 +45,7 @@ export default Vue.extend({
 | 
			
		|||
	mounted() {
 | 
			
		||||
		this.fetch();
 | 
			
		||||
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('localTimeline');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('localTimeline');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('note', this.onNote);
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -57,7 +57,7 @@ export default Vue.extend({
 | 
			
		|||
	methods: {
 | 
			
		||||
		fetch(cb?) {
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
			(this as any).api('notes', {
 | 
			
		||||
			this.$root.api('notes', {
 | 
			
		||||
				limit: this.max,
 | 
			
		||||
				local: true,
 | 
			
		||||
				reply: false,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -69,7 +69,7 @@ export default Vue.extend({
 | 
			
		|||
			const acct = new URL(location.href).searchParams.get('acct');
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
			Progress.start();
 | 
			
		||||
			(this as any).api('users/show', parseAcct(acct)).then(user => {
 | 
			
		||||
			this.$root.api('users/show', parseAcct(acct)).then(user => {
 | 
			
		||||
				this.user = user;
 | 
			
		||||
				this.fetching = false;
 | 
			
		||||
				Progress.done();
 | 
			
		||||
| 
						 | 
				
			
			@ -81,20 +81,20 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			try {
 | 
			
		||||
				if (this.user.isFollowing) {
 | 
			
		||||
					this.user = await (this as any).api('following/delete', {
 | 
			
		||||
					this.user = await this.$root.api('following/delete', {
 | 
			
		||||
						userId: this.user.id
 | 
			
		||||
					});
 | 
			
		||||
				} else {
 | 
			
		||||
					if (this.user.hasPendingFollowRequestFromYou) {
 | 
			
		||||
						this.user = await (this as any).api('following/requests/cancel', {
 | 
			
		||||
						this.user = await this.$root.api('following/requests/cancel', {
 | 
			
		||||
							userId: this.user.id
 | 
			
		||||
						});
 | 
			
		||||
					} else if (this.user.isLocked) {
 | 
			
		||||
						this.user = await (this as any).api('following/create', {
 | 
			
		||||
						this.user = await this.$root.api('following/create', {
 | 
			
		||||
							userId: this.user.id
 | 
			
		||||
						});
 | 
			
		||||
					} else {
 | 
			
		||||
						this.user = await (this as any).api('following/create', {
 | 
			
		||||
						this.user = await this.$root.api('following/create', {
 | 
			
		||||
							userId: this.user.id
 | 
			
		||||
						});
 | 
			
		||||
					}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -46,7 +46,7 @@ export default define({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.announcements = meta.broadcasts;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -27,7 +27,7 @@ export default define({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -32,11 +32,11 @@ export default define({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('driveFileCreated', this.onDriveFileCreated);
 | 
			
		||||
 | 
			
		||||
		(this as any).api('drive/stream', {
 | 
			
		||||
		this.$root.api('drive/stream', {
 | 
			
		||||
			type: 'image/*',
 | 
			
		||||
			limit: 9
 | 
			
		||||
		}).then(images => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -112,7 +112,7 @@ export default define({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('notesStats');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('notesStats');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('stats', this.onStats);
 | 
			
		||||
		this.connection.on('statsLog', this.onStatsLog);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -52,12 +52,12 @@ export default define({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('serverStats');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('serverStats');
 | 
			
		||||
	},
 | 
			
		||||
	beforeDestroy() {
 | 
			
		||||
		this.connection.dispose();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -101,7 +101,7 @@ export default define({
 | 
			
		|||
		fetch() {
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('drive/files', {
 | 
			
		||||
			this.$root.api('drive/files', {
 | 
			
		||||
				folderId: this.props.folder,
 | 
			
		||||
				type: 'image/*',
 | 
			
		||||
				limit: 100
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -45,7 +45,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('charts/user/notes', {
 | 
			
		||||
		this.$root.api('charts/user/notes', {
 | 
			
		||||
			userId: this.user.id,
 | 
			
		||||
			span: 'day',
 | 
			
		||||
			limit: 7 * 20
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -22,7 +22,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('drive').then(info => {
 | 
			
		||||
		this.$root.api('drive').then(info => {
 | 
			
		||||
			this.usage = info.usage / info.capacity * 100;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -155,7 +155,7 @@ export default Vue.extend({
 | 
			
		|||
				default: this.file.name,
 | 
			
		||||
				allowEmpty: false
 | 
			
		||||
			}).then(name => {
 | 
			
		||||
				(this as any).api('drive/files/update', {
 | 
			
		||||
				this.$root.api('drive/files/update', {
 | 
			
		||||
					fileId: this.file.id,
 | 
			
		||||
					name: name
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -163,7 +163,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		toggleSensitive() {
 | 
			
		||||
			(this as any).api('drive/files/update', {
 | 
			
		||||
			this.$root.api('drive/files/update', {
 | 
			
		||||
				fileId: this.file.id,
 | 
			
		||||
				isSensitive: !this.file.isSensitive
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			@ -193,7 +193,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		deleteFile() {
 | 
			
		||||
			(this as any).api('drive/files/delete', {
 | 
			
		||||
			this.$root.api('drive/files/delete', {
 | 
			
		||||
				fileId: this.file.id
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -132,7 +132,7 @@ export default Vue.extend({
 | 
			
		|||
			if (driveFile != null && driveFile != '') {
 | 
			
		||||
				const file = JSON.parse(driveFile);
 | 
			
		||||
				this.browser.removeFile(file.id);
 | 
			
		||||
				(this as any).api('drive/files/update', {
 | 
			
		||||
				this.$root.api('drive/files/update', {
 | 
			
		||||
					fileId: file.id,
 | 
			
		||||
					folderId: this.folder.id
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -148,7 +148,7 @@ export default Vue.extend({
 | 
			
		|||
				if (folder.id == this.folder.id) return;
 | 
			
		||||
 | 
			
		||||
				this.browser.removeFolder(folder.id);
 | 
			
		||||
				(this as any).api('drive/folders/update', {
 | 
			
		||||
				this.$root.api('drive/folders/update', {
 | 
			
		||||
					folderId: folder.id,
 | 
			
		||||
					parentId: this.folder.id
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			@ -201,7 +201,7 @@ export default Vue.extend({
 | 
			
		|||
				placeholder: this.$t('contextmenu.input-new-folder-name'),
 | 
			
		||||
				default: this.folder.name
 | 
			
		||||
			}).then(name => {
 | 
			
		||||
				(this as any).api('drive/folders/update', {
 | 
			
		||||
				this.$root.api('drive/folders/update', {
 | 
			
		||||
					folderId: this.folder.id,
 | 
			
		||||
					name: name
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -209,7 +209,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		deleteFolder() {
 | 
			
		||||
			(this as any).api('drive/folders/delete', {
 | 
			
		||||
			this.$root.api('drive/folders/delete', {
 | 
			
		||||
				folderId: this.folder.id
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -79,7 +79,7 @@ export default Vue.extend({
 | 
			
		|||
			if (driveFile != null && driveFile != '') {
 | 
			
		||||
				const file = JSON.parse(driveFile);
 | 
			
		||||
				this.browser.removeFile(file.id);
 | 
			
		||||
				(this as any).api('drive/files/update', {
 | 
			
		||||
				this.$root.api('drive/files/update', {
 | 
			
		||||
					fileId: file.id,
 | 
			
		||||
					folderId: this.folder ? this.folder.id : null
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -93,7 +93,7 @@ export default Vue.extend({
 | 
			
		|||
				// 移動先が自分自身ならreject
 | 
			
		||||
				if (this.folder && folder.id == this.folder.id) return;
 | 
			
		||||
				this.browser.removeFolder(folder.id);
 | 
			
		||||
				(this as any).api('drive/folders/update', {
 | 
			
		||||
				this.$root.api('drive/folders/update', {
 | 
			
		||||
					folderId: folder.id,
 | 
			
		||||
					parentId: this.folder ? this.folder.id : null
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -117,7 +117,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('drive');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('drive');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('fileCreated', this.onStreamDriveFileCreated);
 | 
			
		||||
		this.connection.on('fileUpdated', this.onStreamDriveFileUpdated);
 | 
			
		||||
| 
						 | 
				
			
			@ -290,7 +290,7 @@ export default Vue.extend({
 | 
			
		|||
				const file = JSON.parse(driveFile);
 | 
			
		||||
				if (this.files.some(f => f.id == file.id)) return;
 | 
			
		||||
				this.removeFile(file.id);
 | 
			
		||||
				(this as any).api('drive/files/update', {
 | 
			
		||||
				this.$root.api('drive/files/update', {
 | 
			
		||||
					fileId: file.id,
 | 
			
		||||
					folderId: this.folder ? this.folder.id : null
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -306,7 +306,7 @@ export default Vue.extend({
 | 
			
		|||
				if (this.folder && folder.id == this.folder.id) return false;
 | 
			
		||||
				if (this.folders.some(f => f.id == folder.id)) return false;
 | 
			
		||||
				this.removeFolder(folder.id);
 | 
			
		||||
				(this as any).api('drive/folders/update', {
 | 
			
		||||
				this.$root.api('drive/folders/update', {
 | 
			
		||||
					folderId: folder.id,
 | 
			
		||||
					parentId: this.folder ? this.folder.id : null
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
| 
						 | 
				
			
			@ -339,7 +339,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('url-upload'),
 | 
			
		||||
				placeholder: this.$t('url-of-file')
 | 
			
		||||
			}).then(url => {
 | 
			
		||||
				(this as any).api('drive/files/upload_from_url', {
 | 
			
		||||
				this.$root.api('drive/files/upload_from_url', {
 | 
			
		||||
					url: url,
 | 
			
		||||
					folderId: this.folder ? this.folder.id : undefined
 | 
			
		||||
				});
 | 
			
		||||
| 
						 | 
				
			
			@ -359,7 +359,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('create-folder'),
 | 
			
		||||
				placeholder: this.$t('folder-name')
 | 
			
		||||
			}).then(name => {
 | 
			
		||||
				(this as any).api('drive/folders/create', {
 | 
			
		||||
				this.$root.api('drive/folders/create', {
 | 
			
		||||
					name: name,
 | 
			
		||||
					parentId: this.folder ? this.folder.id : undefined
 | 
			
		||||
				}).then(folder => {
 | 
			
		||||
| 
						 | 
				
			
			@ -400,7 +400,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		newWindow(folder) {
 | 
			
		||||
			if (document.body.clientWidth > 800) {
 | 
			
		||||
				(this as any).os.new(MkDriveWindow, {
 | 
			
		||||
				this.$root.new(MkDriveWindow, {
 | 
			
		||||
					folder: folder
 | 
			
		||||
				});
 | 
			
		||||
			} else {
 | 
			
		||||
| 
						 | 
				
			
			@ -420,7 +420,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('drive/folders/show', {
 | 
			
		||||
			this.$root.api('drive/folders/show', {
 | 
			
		||||
				folderId: target
 | 
			
		||||
			}).then(folder => {
 | 
			
		||||
				this.folder = folder;
 | 
			
		||||
| 
						 | 
				
			
			@ -522,7 +522,7 @@ export default Vue.extend({
 | 
			
		|||
			const filesMax = 30;
 | 
			
		||||
 | 
			
		||||
			// フォルダ一覧取得
 | 
			
		||||
			(this as any).api('drive/folders', {
 | 
			
		||||
			this.$root.api('drive/folders', {
 | 
			
		||||
				folderId: this.folder ? this.folder.id : null,
 | 
			
		||||
				limit: foldersMax + 1
 | 
			
		||||
			}).then(folders => {
 | 
			
		||||
| 
						 | 
				
			
			@ -535,7 +535,7 @@ export default Vue.extend({
 | 
			
		|||
			});
 | 
			
		||||
 | 
			
		||||
			// ファイル一覧取得
 | 
			
		||||
			(this as any).api('drive/files', {
 | 
			
		||||
			this.$root.api('drive/files', {
 | 
			
		||||
				folderId: this.folder ? this.folder.id : null,
 | 
			
		||||
				limit: filesMax + 1
 | 
			
		||||
			}).then(files => {
 | 
			
		||||
| 
						 | 
				
			
			@ -565,7 +565,7 @@ export default Vue.extend({
 | 
			
		|||
			const max = 30;
 | 
			
		||||
 | 
			
		||||
			// ファイル一覧取得
 | 
			
		||||
			(this as any).api('drive/files', {
 | 
			
		||||
			this.$root.api('drive/files', {
 | 
			
		||||
				folderId: this.folder ? this.folder.id : null,
 | 
			
		||||
				untilId: this.files[this.files.length - 1].id,
 | 
			
		||||
				limit: max + 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -41,7 +41,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection.on('follow', this.onFollowChange);
 | 
			
		||||
		this.connection.on('unfollow', this.onFollowChange);
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -64,20 +64,20 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			try {
 | 
			
		||||
				if (this.u.isFollowing) {
 | 
			
		||||
					this.u = await (this as any).api('following/delete', {
 | 
			
		||||
					this.u = await this.$root.api('following/delete', {
 | 
			
		||||
						userId: this.u.id
 | 
			
		||||
					});
 | 
			
		||||
				} else {
 | 
			
		||||
					if (this.u.hasPendingFollowRequestFromYou) {
 | 
			
		||||
						this.u = await (this as any).api('following/requests/cancel', {
 | 
			
		||||
						this.u = await this.$root.api('following/requests/cancel', {
 | 
			
		||||
							userId: this.u.id
 | 
			
		||||
						});
 | 
			
		||||
					} else if (this.u.isLocked) {
 | 
			
		||||
						this.u = await (this as any).api('following/create', {
 | 
			
		||||
						this.u = await this.$root.api('following/create', {
 | 
			
		||||
							userId: this.u.id
 | 
			
		||||
						});
 | 
			
		||||
					} else {
 | 
			
		||||
						this.u = await (this as any).api('following/create', {
 | 
			
		||||
						this.u = await this.$root.api('following/create', {
 | 
			
		||||
							userId: this.user.id
 | 
			
		||||
						});
 | 
			
		||||
					}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -39,7 +39,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
			this.users = [];
 | 
			
		||||
 | 
			
		||||
			(this as any).api('users/recommendation', {
 | 
			
		||||
			this.$root.api('users/recommendation', {
 | 
			
		||||
				limit: this.limit,
 | 
			
		||||
				offset: this.limit * this.page
 | 
			
		||||
			}).then(users => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -168,7 +168,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	created() {
 | 
			
		||||
		if (this.$store.state.settings.home == null) {
 | 
			
		||||
			this.api('i/update_home', {
 | 
			
		||||
			this.$root.api('i/update_home', {
 | 
			
		||||
				home: _defaultDesktopHomeWidgets
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				this.$store.commit('settings/setHome', _defaultDesktopHomeWidgets);
 | 
			
		||||
| 
						 | 
				
			
			@ -177,7 +177,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	beforeDestroy() {
 | 
			
		||||
| 
						 | 
				
			
			@ -227,7 +227,7 @@ export default Vue.extend({
 | 
			
		|||
			this.$store.commit('settings/setHome', left.concat(right));
 | 
			
		||||
			left.forEach(w => w.place = 'left');
 | 
			
		||||
			right.forEach(w => w.place = 'right');
 | 
			
		||||
			(this as any).api('i/update_home', {
 | 
			
		||||
			this.$root.api('i/update_home', {
 | 
			
		||||
				home: this.home
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -60,7 +60,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		onClick() {
 | 
			
		||||
			(this as any).os.new(ImageViewer, {
 | 
			
		||||
			this.$root.new(ImageViewer, {
 | 
			
		||||
				image: this.image
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -53,7 +53,7 @@ export default Vue.extend({
 | 
			
		|||
				start = videoTag.currentTime
 | 
			
		||||
				videoTag.pause()
 | 
			
		||||
			}
 | 
			
		||||
			(this as any).os.new(MkMediaVideoDialog, {
 | 
			
		||||
			this.$root.new(MkMediaVideoDialog, {
 | 
			
		||||
				video: this.video,
 | 
			
		||||
				start,
 | 
			
		||||
			})
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -14,7 +14,7 @@ export default Vue.extend({
 | 
			
		|||
	i18n: i18n('desktop/views/components/messaging-window.vue'),
 | 
			
		||||
	methods: {
 | 
			
		||||
		navigate(user) {
 | 
			
		||||
			(this as any).os.new(MkMessagingRoomWindow, {
 | 
			
		||||
			this.$root.new(MkMessagingRoomWindow, {
 | 
			
		||||
				user: user
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -161,7 +161,7 @@ export default Vue.extend({
 | 
			
		|||
	mounted() {
 | 
			
		||||
		// Get replies
 | 
			
		||||
		if (!this.compact) {
 | 
			
		||||
			(this as any).api('notes/replies', {
 | 
			
		||||
			this.$root.api('notes/replies', {
 | 
			
		||||
				noteId: this.p.id,
 | 
			
		||||
				limit: 8
 | 
			
		||||
			}).then(replies => {
 | 
			
		||||
| 
						 | 
				
			
			@ -173,7 +173,7 @@ export default Vue.extend({
 | 
			
		|||
		if (this.p.geo) {
 | 
			
		||||
			const shouldShowMap = this.$store.getters.isSignedIn ? this.$store.state.settings.showMaps : true;
 | 
			
		||||
			if (shouldShowMap) {
 | 
			
		||||
				(this as any).os.getGoogleMaps().then(maps => {
 | 
			
		||||
				this.$root.os.getGoogleMaps().then(maps => {
 | 
			
		||||
					const uluru = new maps.LatLng(this.p.geo.coordinates[1], this.p.geo.coordinates[0]);
 | 
			
		||||
					const map = new maps.Map(this.$refs.map, {
 | 
			
		||||
						center: uluru,
 | 
			
		||||
| 
						 | 
				
			
			@ -193,7 +193,7 @@ export default Vue.extend({
 | 
			
		|||
			this.conversationFetching = true;
 | 
			
		||||
 | 
			
		||||
			// Fetch conversation
 | 
			
		||||
			(this as any).api('notes/conversation', {
 | 
			
		||||
			this.$root.api('notes/conversation', {
 | 
			
		||||
				noteId: this.p.replyId
 | 
			
		||||
			}).then(conversation => {
 | 
			
		||||
				this.conversationFetching = false;
 | 
			
		||||
| 
						 | 
				
			
			@ -202,26 +202,26 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		reply() {
 | 
			
		||||
			(this as any).os.new(MkPostFormWindow, {
 | 
			
		||||
			this.$root.new(MkPostFormWindow, {
 | 
			
		||||
				reply: this.p
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		renote() {
 | 
			
		||||
			(this as any).os.new(MkRenoteFormWindow, {
 | 
			
		||||
			this.$root.new(MkRenoteFormWindow, {
 | 
			
		||||
				note: this.p
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		react() {
 | 
			
		||||
			(this as any).os.new(MkReactionPicker, {
 | 
			
		||||
			this.$root.new(MkReactionPicker, {
 | 
			
		||||
				source: this.$refs.reactButton,
 | 
			
		||||
				note: this.p
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		menu() {
 | 
			
		||||
			(this as any).os.new(MkNoteMenu, {
 | 
			
		||||
			this.$root.new(MkNoteMenu, {
 | 
			
		||||
				source: this.$refs.menuButton,
 | 
			
		||||
				note: this.p
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -117,14 +117,14 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	created() {
 | 
			
		||||
		if (this.detail) {
 | 
			
		||||
			(this as any).api('notes/replies', {
 | 
			
		||||
			this.$root.api('notes/replies', {
 | 
			
		||||
				noteId: this.appearNote.id,
 | 
			
		||||
				limit: 8
 | 
			
		||||
			}).then(replies => {
 | 
			
		||||
				this.replies = replies;
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			(this as any).api('notes/conversation', {
 | 
			
		||||
			this.$root.api('notes/conversation', {
 | 
			
		||||
				noteId: this.appearNote.replyId
 | 
			
		||||
			}).then(conversation => {
 | 
			
		||||
				this.conversation = conversation.reverse();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -142,13 +142,13 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('notification', this.onNotification);
 | 
			
		||||
 | 
			
		||||
		const max = 10;
 | 
			
		||||
 | 
			
		||||
		(this as any).api('i/notifications', {
 | 
			
		||||
		this.$root.api('i/notifications', {
 | 
			
		||||
			limit: max + 1
 | 
			
		||||
		}).then(notifications => {
 | 
			
		||||
			if (notifications.length == max + 1) {
 | 
			
		||||
| 
						 | 
				
			
			@ -171,7 +171,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			const max = 30;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('i/notifications', {
 | 
			
		||||
			this.$root.api('i/notifications', {
 | 
			
		||||
				limit: max + 1,
 | 
			
		||||
				untilId: this.notifications[this.notifications.length - 1].id
 | 
			
		||||
			}).then(notifications => {
 | 
			
		||||
| 
						 | 
				
			
			@ -188,7 +188,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		onNotification(notification) {
 | 
			
		||||
			// TODO: ユーザーが画面を見てないと思われるとき(ブラウザやタブがアクティブじゃないなど)は送信しない
 | 
			
		||||
			(this as any).os.stream.send('readNotification', {
 | 
			
		||||
			this.$root.stream.send('readNotification', {
 | 
			
		||||
				id: notification.id
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -115,7 +115,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.maxNoteTextLength = meta.maxNoteTextLength;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -195,7 +195,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		// ダイレクトへのリプライはリプライ先ユーザーを初期設定
 | 
			
		||||
		if (this.reply && this.reply.visibility === 'specified') {
 | 
			
		||||
			(this as any).api('users/show', {	userId: this.reply.userId }).then(user => {
 | 
			
		||||
			this.$root.api('users/show', {	userId: this.reply.userId }).then(user => {
 | 
			
		||||
				this.visibleUsers.push(user);
 | 
			
		||||
			});
 | 
			
		||||
		}
 | 
			
		||||
| 
						 | 
				
			
			@ -354,7 +354,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		setVisibility() {
 | 
			
		||||
			const w = (this as any).os.new(MkVisibilityChooser, {
 | 
			
		||||
			const w = this.$root.new(MkVisibilityChooser, {
 | 
			
		||||
				source: this.$refs.visibilityButton
 | 
			
		||||
			});
 | 
			
		||||
			w.$once('chosen', v => {
 | 
			
		||||
| 
						 | 
				
			
			@ -367,7 +367,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('enter-username')
 | 
			
		||||
			}).then(acct => {
 | 
			
		||||
				if (acct.startsWith('@')) acct = acct.substr(1);
 | 
			
		||||
				(this as any).api('users/show', parseAcct(acct)).then(user => {
 | 
			
		||||
				this.$root.api('users/show', parseAcct(acct)).then(user => {
 | 
			
		||||
					this.visibleUsers.push(user);
 | 
			
		||||
				});
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			@ -380,7 +380,7 @@ export default Vue.extend({
 | 
			
		|||
		post() {
 | 
			
		||||
			this.posting = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('notes/create', {
 | 
			
		||||
			this.$root.api('notes/create', {
 | 
			
		||||
				text: this.text == '' ? undefined : this.text,
 | 
			
		||||
				fileIds: this.files.length > 0 ? this.files.map(f => f.id) : undefined,
 | 
			
		||||
				replyId: this.reply ? this.reply.id : undefined,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -26,19 +26,19 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('following/requests/list').then(requests => {
 | 
			
		||||
		this.$root.api('following/requests/list').then(requests => {
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
			this.requests = requests;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		accept(user) {
 | 
			
		||||
			(this as any).api('following/requests/accept', { userId: user.id }).then(() => {
 | 
			
		||||
			this.$root.api('following/requests/accept', { userId: user.id }).then(() => {
 | 
			
		||||
				this.requests = this.requests.filter(r => r.follower.id != user.id);
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		reject(user) {
 | 
			
		||||
			(this as any).api('following/requests/reject', { userId: user.id }).then(() => {
 | 
			
		||||
			this.$root.api('following/requests/reject', { userId: user.id }).then(() => {
 | 
			
		||||
				this.requests = this.requests.filter(r => r.follower.id != user.id);
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -30,7 +30,7 @@ export default Vue.extend({
 | 
			
		|||
	methods: {
 | 
			
		||||
		ok() {
 | 
			
		||||
			this.wait = true;
 | 
			
		||||
			(this as any).api('notes/create', {
 | 
			
		||||
			this.$root.api('notes/create', {
 | 
			
		||||
				renoteId: this.note.id
 | 
			
		||||
			}).then(data => {
 | 
			
		||||
				this.$emit('posted');
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -39,7 +39,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('enter-password'),
 | 
			
		||||
				type: 'password'
 | 
			
		||||
			}).then(password => {
 | 
			
		||||
				(this as any).api('i/2fa/register', {
 | 
			
		||||
				this.$root.api('i/2fa/register', {
 | 
			
		||||
					password: password
 | 
			
		||||
				}).then(data => {
 | 
			
		||||
					this.data = data;
 | 
			
		||||
| 
						 | 
				
			
			@ -52,7 +52,7 @@ export default Vue.extend({
 | 
			
		|||
				title: this.$t('enter-password'),
 | 
			
		||||
				type: 'password'
 | 
			
		||||
			}).then(password => {
 | 
			
		||||
				(this as any).api('i/2fa/unregister', {
 | 
			
		||||
				this.$root.api('i/2fa/unregister', {
 | 
			
		||||
					password: password
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
					(this as any).apis.notify(this.$t('unregistered'));
 | 
			
		||||
| 
						 | 
				
			
			@ -62,7 +62,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		submit() {
 | 
			
		||||
			(this as any).api('i/2fa/done', {
 | 
			
		||||
			this.$root.api('i/2fa/done', {
 | 
			
		||||
				token: this.token
 | 
			
		||||
			}).then(() => {
 | 
			
		||||
				(this as any).apis.notify(this.$t('success'));
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -22,7 +22,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('i/authorized_apps').then(apps => {
 | 
			
		||||
		this.$root.api('i/authorized_apps').then(apps => {
 | 
			
		||||
			this.apps = apps;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -28,12 +28,12 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('i/signin_history').then(signins => {
 | 
			
		||||
		this.$root.api('i/signin_history').then(signins => {
 | 
			
		||||
			this.signins = signins;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('signin', this.onSignin);
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -500,13 +500,13 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.meta = meta;
 | 
			
		||||
		});
 | 
			
		||||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
		readAllUnreadNotes() {
 | 
			
		||||
			(this as any).api('i/read_all_unread_notes');
 | 
			
		||||
			this.$root.api('i/read_all_unread_notes');
 | 
			
		||||
		},
 | 
			
		||||
		customizeHome() {
 | 
			
		||||
			this.$router.push('/i/customize-home');
 | 
			
		||||
| 
						 | 
				
			
			@ -516,18 +516,18 @@ export default Vue.extend({
 | 
			
		|||
			(this as any).apis.chooseDriveFile({
 | 
			
		||||
				multiple: false
 | 
			
		||||
			}).then(file => {
 | 
			
		||||
				(this as any).api('i/update', {
 | 
			
		||||
				this.$root.api('i/update', {
 | 
			
		||||
					wallpaperId: file.id
 | 
			
		||||
				});
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		deleteWallpaper() {
 | 
			
		||||
			(this as any).api('i/update', {
 | 
			
		||||
			this.$root.api('i/update', {
 | 
			
		||||
				wallpaperId: null
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		onChangeAutoWatch(v) {
 | 
			
		||||
			(this as any).api('i/update', {
 | 
			
		||||
			this.$root.api('i/update', {
 | 
			
		||||
				autoWatch: v
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -65,32 +65,32 @@ export default Vue.extend({
 | 
			
		|||
			this.query = {
 | 
			
		||||
				query: this.tagTl.query
 | 
			
		||||
			};
 | 
			
		||||
			this.connection = (this as any).os.stream.connectToChannel('hashtag', { q: this.tagTl.query });
 | 
			
		||||
			this.connection = this.$root.stream.connectToChannel('hashtag', { q: this.tagTl.query });
 | 
			
		||||
			this.connection.on('note', prepend);
 | 
			
		||||
		} else if (this.src == 'home') {
 | 
			
		||||
			this.endpoint = 'notes/timeline';
 | 
			
		||||
			const onChangeFollowing = () => {
 | 
			
		||||
				this.fetch();
 | 
			
		||||
			};
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('homeTimeline');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('homeTimeline');
 | 
			
		||||
			this.connection.on('note', prepend);
 | 
			
		||||
			this.connection.on('follow', onChangeFollowing);
 | 
			
		||||
			this.connection.on('unfollow', onChangeFollowing);
 | 
			
		||||
		} else if (this.src == 'local') {
 | 
			
		||||
			this.endpoint = 'notes/local-timeline';
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('localTimeline');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('localTimeline');
 | 
			
		||||
			this.connection.on('note', prepend);
 | 
			
		||||
		} else if (this.src == 'hybrid') {
 | 
			
		||||
			this.endpoint = 'notes/hybrid-timeline';
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('hybridTimeline');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('hybridTimeline');
 | 
			
		||||
			this.connection.on('note', prepend);
 | 
			
		||||
		} else if (this.src == 'global') {
 | 
			
		||||
			this.endpoint = 'notes/global-timeline';
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('globalTimeline');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('globalTimeline');
 | 
			
		||||
			this.connection.on('note', prepend);
 | 
			
		||||
		} else if (this.src == 'mentions') {
 | 
			
		||||
			this.endpoint = 'notes/mentions';
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection.on('mention', prepend);
 | 
			
		||||
		} else if (this.src == 'messages') {
 | 
			
		||||
			this.endpoint = 'notes/mentions';
 | 
			
		||||
| 
						 | 
				
			
			@ -102,7 +102,7 @@ export default Vue.extend({
 | 
			
		|||
					prepend(note);
 | 
			
		||||
				}
 | 
			
		||||
			};
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection.on('mention', onNote);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -118,7 +118,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api(this.endpoint, Object.assign({
 | 
			
		||||
				this.$root.api(this.endpoint, Object.assign({
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					untilDate: this.date ? this.date.getTime() : undefined
 | 
			
		||||
				}, this.baseQuery, this.query)).then(notes => {
 | 
			
		||||
| 
						 | 
				
			
			@ -138,7 +138,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api(this.endpoint, Object.assign({
 | 
			
		||||
			const promise = this.$root.api(this.endpoint, Object.assign({
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id
 | 
			
		||||
			}, this.baseQuery, this.query));
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -64,7 +64,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.enableLocalTimeline = !meta.disableLocalTimeline;
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -103,7 +103,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		async chooseList() {
 | 
			
		||||
			const lists = await (this as any).api('users/lists/list');
 | 
			
		||||
			const lists = await this.$root.api('users/lists/list');
 | 
			
		||||
 | 
			
		||||
			let menu = [{
 | 
			
		||||
				icon: 'plus',
 | 
			
		||||
| 
						 | 
				
			
			@ -112,7 +112,7 @@ export default Vue.extend({
 | 
			
		|||
					(this as any).apis.input({
 | 
			
		||||
						title: this.$t('list-name'),
 | 
			
		||||
					}).then(async title => {
 | 
			
		||||
						const list = await (this as any).api('users/lists/create', {
 | 
			
		||||
						const list = await this.$root.api('users/lists/create', {
 | 
			
		||||
							title
 | 
			
		||||
						});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -135,7 +135,7 @@ export default Vue.extend({
 | 
			
		|||
				}
 | 
			
		||||
			})));
 | 
			
		||||
 | 
			
		||||
			this.os.new(Menu, {
 | 
			
		||||
			this.$root.new(Menu, {
 | 
			
		||||
				source: this.$refs.listButton,
 | 
			
		||||
				compact: false,
 | 
			
		||||
				items: menu
 | 
			
		||||
| 
						 | 
				
			
			@ -147,7 +147,7 @@ export default Vue.extend({
 | 
			
		|||
				icon: 'plus',
 | 
			
		||||
				text: this.$t('add-tag-timeline'),
 | 
			
		||||
				action: () => {
 | 
			
		||||
					(this as any).os.new(MkSettingsWindow, {
 | 
			
		||||
					this.$root.new(MkSettingsWindow, {
 | 
			
		||||
						initialPage: 'hashtags'
 | 
			
		||||
					});
 | 
			
		||||
				}
 | 
			
		||||
| 
						 | 
				
			
			@ -166,7 +166,7 @@ export default Vue.extend({
 | 
			
		|||
				}
 | 
			
		||||
			})));
 | 
			
		||||
 | 
			
		||||
			this.os.new(Menu, {
 | 
			
		||||
			this.$root.new(Menu, {
 | 
			
		||||
				source: this.$refs.tagButton,
 | 
			
		||||
				compact: false,
 | 
			
		||||
				items: menu
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -137,25 +137,25 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
		drive() {
 | 
			
		||||
			this.close();
 | 
			
		||||
			(this as any).os.new(MkDriveWindow);
 | 
			
		||||
			this.$root.new(MkDriveWindow);
 | 
			
		||||
		},
 | 
			
		||||
		list() {
 | 
			
		||||
			this.close();
 | 
			
		||||
			const w = (this as any).os.new(MkUserListsWindow);
 | 
			
		||||
			const w = this.$root.new(MkUserListsWindow);
 | 
			
		||||
			w.$once('choosen', list => {
 | 
			
		||||
				this.$router.push(`i/lists/${ list.id }`);
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		followRequests() {
 | 
			
		||||
			this.close();
 | 
			
		||||
			(this as any).os.new(MkFollowRequestsWindow);
 | 
			
		||||
			this.$root.new(MkFollowRequestsWindow);
 | 
			
		||||
		},
 | 
			
		||||
		settings() {
 | 
			
		||||
			this.close();
 | 
			
		||||
			(this as any).os.new(MkSettingsWindow);
 | 
			
		||||
			this.$root.new(MkSettingsWindow);
 | 
			
		||||
		},
 | 
			
		||||
		signout() {
 | 
			
		||||
			(this as any).os.signout();
 | 
			
		||||
			this.$root.os.signout();
 | 
			
		||||
		},
 | 
			
		||||
		dark() {
 | 
			
		||||
			this.$store.commit('device/set', {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -58,7 +58,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		if (this.$store.getters.isSignedIn) {
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
			this.connection.on('reversiInvited', this.onReversiInvited);
 | 
			
		||||
			this.connection.on('reversi_no_invites', this.onReversiNoInvites);
 | 
			
		||||
| 
						 | 
				
			
			@ -79,11 +79,11 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		messaging() {
 | 
			
		||||
			(this as any).os.new(MkMessagingWindow);
 | 
			
		||||
			this.$root.new(MkMessagingWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		game() {
 | 
			
		||||
			(this as any).os.new(MkGameWindow);
 | 
			
		||||
			this.$root.new(MkGameWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		goToTop() {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -108,7 +108,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		if (this.$store.getters.isSignedIn) {
 | 
			
		||||
			this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
			this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
			this.connection.on('reversiInvited', this.onReversiInvited);
 | 
			
		||||
			this.connection.on('reversi_no_invites', this.onReversiNoInvites);
 | 
			
		||||
| 
						 | 
				
			
			@ -131,11 +131,11 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		messaging() {
 | 
			
		||||
			(this as any).os.new(MkMessagingWindow);
 | 
			
		||||
			this.$root.new(MkMessagingWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		game() {
 | 
			
		||||
			(this as any).os.new(MkGameWindow);
 | 
			
		||||
			this.$root.new(MkGameWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		post() {
 | 
			
		||||
| 
						 | 
				
			
			@ -143,26 +143,26 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		drive() {
 | 
			
		||||
			(this as any).os.new(MkDriveWindow);
 | 
			
		||||
			this.$root.new(MkDriveWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		list() {
 | 
			
		||||
			const w = (this as any).os.new(MkUserListsWindow);
 | 
			
		||||
			const w = this.$root.new(MkUserListsWindow);
 | 
			
		||||
			w.$once('choosen', list => {
 | 
			
		||||
				this.$router.push(`i/lists/${ list.id }`);
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		followRequests() {
 | 
			
		||||
			(this as any).os.new(MkFollowRequestsWindow);
 | 
			
		||||
			this.$root.new(MkFollowRequestsWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		settings() {
 | 
			
		||||
			(this as any).os.new(MkSettingsWindow);
 | 
			
		||||
			this.$root.new(MkSettingsWindow);
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		signout() {
 | 
			
		||||
			(this as any).os.signout();
 | 
			
		||||
			this.$root.os.signout();
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		notifications() {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -31,7 +31,7 @@ export default Vue.extend({
 | 
			
		|||
	methods: {
 | 
			
		||||
		init() {
 | 
			
		||||
			if (this.connection) this.connection.dispose();
 | 
			
		||||
			this.connection = (this as any).os.stream.connectToChannel('userList', {
 | 
			
		||||
			this.connection = this.$root.stream.connectToChannel('userList', {
 | 
			
		||||
				listId: this.list.id
 | 
			
		||||
			});
 | 
			
		||||
			this.connection.on('note', this.onNote);
 | 
			
		||||
| 
						 | 
				
			
			@ -44,7 +44,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/user-list-timeline', {
 | 
			
		||||
				this.$root.api('notes/user-list-timeline', {
 | 
			
		||||
					listId: this.list.id,
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
| 
						 | 
				
			
			@ -64,7 +64,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/user-list-timeline', {
 | 
			
		||||
			const promise = this.$root.api('notes/user-list-timeline', {
 | 
			
		||||
				listId: this.list.id,
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -22,7 +22,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('users/lists/list').then(lists => {
 | 
			
		||||
		this.$root.api('users/lists/list').then(lists => {
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
			this.lists = lists;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			@ -32,7 +32,7 @@ export default Vue.extend({
 | 
			
		|||
			(this as any).apis.input({
 | 
			
		||||
				title: this.$t('list-name'),
 | 
			
		||||
			}).then(async title => {
 | 
			
		||||
				const list = await (this as any).api('users/lists/create', {
 | 
			
		||||
				const list = await this.$root.api('users/lists/create', {
 | 
			
		||||
					title
 | 
			
		||||
				});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -54,7 +54,7 @@ export default Vue.extend({
 | 
			
		|||
				parseAcct(this.user.substr(1)) :
 | 
			
		||||
				{ userId: this.user };
 | 
			
		||||
 | 
			
		||||
			(this as any).api('users/show', query).then(user => {
 | 
			
		||||
			this.$root.api('users/show', query).then(user => {
 | 
			
		||||
				this.u = user;
 | 
			
		||||
				this.open();
 | 
			
		||||
			});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -110,7 +110,7 @@ export default Vue.extend({
 | 
			
		|||
			this.preventMount = true;
 | 
			
		||||
		} else {
 | 
			
		||||
			// ウィンドウをウィンドウシステムに登録
 | 
			
		||||
			(this as any).os.windows.add(this);
 | 
			
		||||
			this.$root.os.windows.add(this);
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -133,7 +133,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	destroyed() {
 | 
			
		||||
		// ウィンドウをウィンドウシステムから削除
 | 
			
		||||
		(this as any).os.windows.remove(this);
 | 
			
		||||
		this.$root.os.windows.remove(this);
 | 
			
		||||
 | 
			
		||||
		window.removeEventListener('resize', this.onBrowserResize);
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			@ -234,7 +234,7 @@ export default Vue.extend({
 | 
			
		|||
		top() {
 | 
			
		||||
			let z = 0;
 | 
			
		||||
 | 
			
		||||
			(this as any).os.windows.getAll().forEach(w => {
 | 
			
		||||
			this.$root.os.windows.getAll().forEach(w => {
 | 
			
		||||
				if (w == this) return;
 | 
			
		||||
				const m = w.$refs.main;
 | 
			
		||||
				const mz = Number(document.defaultView.getComputedStyle(m, null).zIndex);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -234,7 +234,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		showMenu() {
 | 
			
		||||
			this.os.new(Menu, {
 | 
			
		||||
			this.$root.new(Menu, {
 | 
			
		||||
				source: this.$refs.menu,
 | 
			
		||||
				compact: false,
 | 
			
		||||
				items: this.getMenu()
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -26,7 +26,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection.on('mention', this.onNote);
 | 
			
		||||
 | 
			
		||||
		this.fetch();
 | 
			
		||||
| 
						 | 
				
			
			@ -41,7 +41,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/mentions', {
 | 
			
		||||
				this.$root.api('notes/mentions', {
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 | 
			
		||||
| 
						 | 
				
			
			@ -62,7 +62,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/mentions', {
 | 
			
		||||
			const promise = this.$root.api('notes/mentions', {
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -39,7 +39,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('charts/hashtag', {
 | 
			
		||||
		this.$root.api('charts/hashtag', {
 | 
			
		||||
			tag: this.tag,
 | 
			
		||||
			span: 'hour',
 | 
			
		||||
			limit: 24
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -47,7 +47,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		if (this.connection) this.connection.close();
 | 
			
		||||
		this.connection = (this as any).os.stream.connectToChannel('hashtag', {
 | 
			
		||||
		this.connection = this.$root.stream.connectToChannel('hashtag', {
 | 
			
		||||
			q: this.tagTl.query
 | 
			
		||||
		});
 | 
			
		||||
		this.connection.on('note', this.onNote);
 | 
			
		||||
| 
						 | 
				
			
			@ -64,7 +64,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/search_by_tag', {
 | 
			
		||||
				this.$root.api('notes/search_by_tag', {
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					withFiles: this.mediaOnly,
 | 
			
		||||
					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
| 
						 | 
				
			
			@ -86,7 +86,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/search_by_tag', {
 | 
			
		||||
			const promise = this.$root.api('notes/search_by_tag', {
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
				withFiles: this.mediaOnly,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -47,7 +47,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		if (this.connection) this.connection.dispose();
 | 
			
		||||
		this.connection = (this as any).os.stream.connectToChannel('userList', {
 | 
			
		||||
		this.connection = this.$root.stream.connectToChannel('userList', {
 | 
			
		||||
			listId: this.list.id
 | 
			
		||||
		});
 | 
			
		||||
		this.connection.on('note', this.onNote);
 | 
			
		||||
| 
						 | 
				
			
			@ -66,7 +66,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/user-list-timeline', {
 | 
			
		||||
				this.$root.api('notes/user-list-timeline', {
 | 
			
		||||
					listId: this.list.id,
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					withFiles: this.mediaOnly,
 | 
			
		||||
| 
						 | 
				
			
			@ -88,7 +88,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/user-list-timeline', {
 | 
			
		||||
			const promise = this.$root.api('notes/user-list-timeline', {
 | 
			
		||||
				listId: this.list.id,
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -26,7 +26,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection.on('mention', this.onNote);
 | 
			
		||||
 | 
			
		||||
		this.fetch();
 | 
			
		||||
| 
						 | 
				
			
			@ -41,7 +41,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/mentions', {
 | 
			
		||||
				this.$root.api('notes/mentions', {
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
					includeRenotedMyNotes: this.$store.state.settings.showRenotedMyNotes,
 | 
			
		||||
| 
						 | 
				
			
			@ -61,7 +61,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/mentions', {
 | 
			
		||||
			const promise = this.$root.api('notes/mentions', {
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
				includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -52,7 +52,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).api('notes/show', { noteId: this.noteId }).then(note => {
 | 
			
		||||
		this.$root.api('notes/show', { noteId: this.noteId }).then(note => {
 | 
			
		||||
			this.note = note;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
		});
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -68,7 +68,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		this.connection = (this as any).os.stream.useSharedConnection('main');
 | 
			
		||||
		this.connection = this.$root.stream.useSharedConnection('main');
 | 
			
		||||
 | 
			
		||||
		this.connection.on('notification', this.onNotification);
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -77,7 +77,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		const max = 10;
 | 
			
		||||
 | 
			
		||||
		(this as any).api('i/notifications', {
 | 
			
		||||
		this.$root.api('i/notifications', {
 | 
			
		||||
			limit: max + 1
 | 
			
		||||
		}).then(notifications => {
 | 
			
		||||
			if (notifications.length == max + 1) {
 | 
			
		||||
| 
						 | 
				
			
			@ -103,7 +103,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			const max = 20;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('i/notifications', {
 | 
			
		||||
			this.$root.api('i/notifications', {
 | 
			
		||||
				limit: max + 1,
 | 
			
		||||
				untilId: this.notifications[this.notifications.length - 1].id
 | 
			
		||||
			}).then(notifications => {
 | 
			
		||||
| 
						 | 
				
			
			@ -120,7 +120,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
		onNotification(notification) {
 | 
			
		||||
			// TODO: ユーザーが画面を見てないと思われるとき(ブラウザやタブがアクティブじゃないなど)は送信しない
 | 
			
		||||
			(this as any).os.stream.send('readNotification', {
 | 
			
		||||
			this.$root.stream.send('readNotification', {
 | 
			
		||||
				id: notification.id
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -43,10 +43,10 @@ export default Vue.extend({
 | 
			
		|||
	computed: {
 | 
			
		||||
		stream(): any {
 | 
			
		||||
			switch (this.src) {
 | 
			
		||||
				case 'home': return (this as any).os.stream.useSharedConnection('homeTimeline');
 | 
			
		||||
				case 'local': return (this as any).os.stream.useSharedConnection('localTimeline');
 | 
			
		||||
				case 'hybrid': return (this as any).os.stream.useSharedConnection('hybridTimeline');
 | 
			
		||||
				case 'global': return (this as any).os.stream.useSharedConnection('globalTimeline');
 | 
			
		||||
				case 'home': return this.$root.stream.useSharedConnection('homeTimeline');
 | 
			
		||||
				case 'local': return this.$root.stream.useSharedConnection('localTimeline');
 | 
			
		||||
				case 'hybrid': return this.$root.stream.useSharedConnection('hybridTimeline');
 | 
			
		||||
				case 'global': return this.$root.stream.useSharedConnection('globalTimeline');
 | 
			
		||||
			}
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -87,7 +87,7 @@ export default Vue.extend({
 | 
			
		|||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api(this.endpoint, {
 | 
			
		||||
				this.$root.api(this.endpoint, {
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					withFiles: this.mediaOnly,
 | 
			
		||||
					includeMyRenotes: this.$store.state.settings.showMyRenotes,
 | 
			
		||||
| 
						 | 
				
			
			@ -108,7 +108,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api(this.endpoint, {
 | 
			
		||||
			const promise = this.$root.api(this.endpoint, {
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				withFiles: this.mediaOnly,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -138,7 +138,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	created() {
 | 
			
		||||
		(this as any).api('users/show', parseAcct(this.acct)).then(user => {
 | 
			
		||||
		this.$root.api('users/show', parseAcct(this.acct)).then(user => {
 | 
			
		||||
			this.user = user;
 | 
			
		||||
			this.fetching = false;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -152,7 +152,7 @@ export default Vue.extend({
 | 
			
		|||
				'image/gif'
 | 
			
		||||
			];
 | 
			
		||||
 | 
			
		||||
			(this as any).api('users/notes', {
 | 
			
		||||
			this.$root.api('users/notes', {
 | 
			
		||||
				userId: this.user.id,
 | 
			
		||||
				fileType: image,
 | 
			
		||||
				limit: 9
 | 
			
		||||
| 
						 | 
				
			
			@ -166,7 +166,7 @@ export default Vue.extend({
 | 
			
		|||
				this.images = files.filter(f => image.includes(f.type)).slice(0, 9);
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			(this as any).api('charts/user/notes', {
 | 
			
		||||
			this.$root.api('charts/user/notes', {
 | 
			
		||||
				userId: this.user.id,
 | 
			
		||||
				span: 'day',
 | 
			
		||||
				limit: 21
 | 
			
		||||
| 
						 | 
				
			
			@ -251,7 +251,7 @@ export default Vue.extend({
 | 
			
		|||
	methods: {
 | 
			
		||||
		initTl() {
 | 
			
		||||
			return new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('users/notes', {
 | 
			
		||||
				this.$root.api('users/notes', {
 | 
			
		||||
					userId: this.user.id,
 | 
			
		||||
					limit: fetchLimit + 1,
 | 
			
		||||
					withFiles: this.withFiles,
 | 
			
		||||
| 
						 | 
				
			
			@ -271,7 +271,7 @@ export default Vue.extend({
 | 
			
		|||
		fetchMoreNotes() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('users/notes', {
 | 
			
		||||
			const promise = this.$root.api('users/notes', {
 | 
			
		||||
				userId: this.user.id,
 | 
			
		||||
				limit: fetchLimit + 1,
 | 
			
		||||
				untilId: (this.$refs.timeline as any).tail().id,
 | 
			
		||||
| 
						 | 
				
			
			@ -299,19 +299,19 @@ export default Vue.extend({
 | 
			
		|||
				icon: 'list',
 | 
			
		||||
				text: this.$t('push-to-a-list'),
 | 
			
		||||
				action: () => {
 | 
			
		||||
					const w = (this as any).os.new(MkUserListsWindow);
 | 
			
		||||
					const w = this.$root.new(MkUserListsWindow);
 | 
			
		||||
					w.$once('choosen', async list => {
 | 
			
		||||
						w.close();
 | 
			
		||||
						await (this as any).api('users/lists/push', {
 | 
			
		||||
						await this.$root.api('users/lists/push', {
 | 
			
		||||
							listId: list.id,
 | 
			
		||||
							userId: this.user.id
 | 
			
		||||
						});
 | 
			
		||||
						(this as any).os.new(Ok);
 | 
			
		||||
						this.$root.new(Ok);
 | 
			
		||||
					});
 | 
			
		||||
				}
 | 
			
		||||
			}];
 | 
			
		||||
 | 
			
		||||
			this.os.new(Menu, {
 | 
			
		||||
			this.$root.new(Menu, {
 | 
			
		||||
				source: this.$refs.menu,
 | 
			
		||||
				compact: false,
 | 
			
		||||
				items: menu
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -131,7 +131,7 @@ export default Vue.extend({
 | 
			
		|||
	},
 | 
			
		||||
 | 
			
		||||
	mounted() {
 | 
			
		||||
		document.title = (this as any).os.instanceName;
 | 
			
		||||
		document.title = this.$root.os.instanceName;
 | 
			
		||||
		document.documentElement.style.overflow = 'hidden';
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -180,7 +180,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		add() {
 | 
			
		||||
			this.os.new(Menu, {
 | 
			
		||||
			this.$root.new(Menu, {
 | 
			
		||||
				source: this.$refs.add,
 | 
			
		||||
				compact: true,
 | 
			
		||||
				items: [{
 | 
			
		||||
| 
						 | 
				
			
			@ -241,7 +241,7 @@ export default Vue.extend({
 | 
			
		|||
					icon: 'list',
 | 
			
		||||
					text: this.$t('@deck.list'),
 | 
			
		||||
					action: () => {
 | 
			
		||||
						const w = (this as any).os.new(MkUserListsWindow);
 | 
			
		||||
						const w = this.$root.new(MkUserListsWindow);
 | 
			
		||||
						w.$once('choosen', list => {
 | 
			
		||||
							this.$store.dispatch('settings/addDeckColumn', {
 | 
			
		||||
								id: uuid(),
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -32,7 +32,7 @@ export default Vue.extend({
 | 
			
		|||
			Progress.start();
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('i/favorites', {
 | 
			
		||||
			this.$root.api('i/favorites', {
 | 
			
		||||
				limit: 11
 | 
			
		||||
			}).then(favorites => {
 | 
			
		||||
				if (favorites.length == 11) {
 | 
			
		||||
| 
						 | 
				
			
			@ -48,7 +48,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
		more() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
			(this as any).api('i/favorites', {
 | 
			
		||||
			this.$root.api('i/favorites', {
 | 
			
		||||
				limit: 11,
 | 
			
		||||
				untilId: this.favorites[this.favorites.length - 1].id
 | 
			
		||||
			}).then(favorites => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -23,7 +23,7 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		document.title = (this as any).os.instanceName;
 | 
			
		||||
		document.title = this.$root.os.instanceName;
 | 
			
		||||
 | 
			
		||||
		Progress.start();
 | 
			
		||||
	},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -44,7 +44,7 @@ export default Vue.extend({
 | 
			
		|||
			Progress.start();
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('users/show', parseAcct(this.$route.params.user)).then(user => {
 | 
			
		||||
			this.$root.api('users/show', parseAcct(this.$route.params.user)).then(user => {
 | 
			
		||||
				this.user = user;
 | 
			
		||||
				this.fetching = false;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -34,7 +34,7 @@ export default Vue.extend({
 | 
			
		|||
			Progress.start();
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
 | 
			
		||||
			(this as any).api('notes/show', {
 | 
			
		||||
			this.$root.api('notes/show', {
 | 
			
		||||
				noteId: this.$route.params.note
 | 
			
		||||
			}).then(note => {
 | 
			
		||||
				this.note = note;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -59,7 +59,7 @@ export default Vue.extend({
 | 
			
		|||
			Progress.start();
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/search', {
 | 
			
		||||
				this.$root.api('notes/search', {
 | 
			
		||||
					limit: limit + 1,
 | 
			
		||||
					offset: this.offset,
 | 
			
		||||
					query: this.q
 | 
			
		||||
| 
						 | 
				
			
			@ -82,7 +82,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.offset += limit;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/search', {
 | 
			
		||||
			const promise = this.$root.api('notes/search', {
 | 
			
		||||
				limit: limit + 1,
 | 
			
		||||
				offset: this.offset,
 | 
			
		||||
				query: this.q
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -29,7 +29,7 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).os.getMeta().then(meta => {
 | 
			
		||||
		this.$root.getMeta().then(meta => {
 | 
			
		||||
			this.name = meta.name;
 | 
			
		||||
		});
 | 
			
		||||
	}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -52,7 +52,7 @@ export default Vue.extend({
 | 
			
		|||
			Progress.start();
 | 
			
		||||
 | 
			
		||||
			(this.$refs.timeline as any).init(() => new Promise((res, rej) => {
 | 
			
		||||
				(this as any).api('notes/search_by_tag', {
 | 
			
		||||
				this.$root.api('notes/search_by_tag', {
 | 
			
		||||
					limit: limit + 1,
 | 
			
		||||
					offset: this.offset,
 | 
			
		||||
					tag: this.$route.params.tag
 | 
			
		||||
| 
						 | 
				
			
			@ -71,7 +71,7 @@ export default Vue.extend({
 | 
			
		|||
		more() {
 | 
			
		||||
			this.offset += limit;
 | 
			
		||||
 | 
			
		||||
			const promise = (this as any).api('notes/search_by_tag', {
 | 
			
		||||
			const promise = this.$root.api('notes/search_by_tag', {
 | 
			
		||||
				limit: limit + 1,
 | 
			
		||||
				offset: this.offset,
 | 
			
		||||
				tag: this.$route.params.tag
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -54,9 +54,9 @@ export default Vue.extend({
 | 
			
		|||
		fetch() {
 | 
			
		||||
			this.fetching = true;
 | 
			
		||||
			Progress.start();
 | 
			
		||||
			(this as any).api('users/show', parseAcct(this.$route.params.user)).then(user => {
 | 
			
		||||
			this.$root.api('users/show', parseAcct(this.$route.params.user)).then(user => {
 | 
			
		||||
				this.user = user;
 | 
			
		||||
				(this as any).api(this.endpoint, {
 | 
			
		||||
				this.$root.api(this.endpoint, {
 | 
			
		||||
					userId: this.user.id,
 | 
			
		||||
					iknow: false,
 | 
			
		||||
					limit: limit
 | 
			
		||||
| 
						 | 
				
			
			@ -70,7 +70,7 @@ export default Vue.extend({
 | 
			
		|||
		},
 | 
			
		||||
 | 
			
		||||
		fetchMore() {
 | 
			
		||||
			(this as any).api(this.endpoint, {
 | 
			
		||||
			this.$root.api(this.endpoint, {
 | 
			
		||||
				userId: this.user.id,
 | 
			
		||||
				iknow: false,
 | 
			
		||||
				limit: limit,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -25,7 +25,7 @@ export default Vue.extend({
 | 
			
		|||
		};
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
		(this as any).api('users/followers', {
 | 
			
		||||
		this.$root.api('users/followers', {
 | 
			
		||||
			userId: this.user.id,
 | 
			
		||||
			iknow: true,
 | 
			
		||||
			limit: 16
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
Some files were not shown because too many files have changed in this diff Show more
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue