thedesk/app/js/tl/card.js

//カード処理やメンション、ハッシュタグの別途表示
//全てのTL処理で呼び出し
function additional(acct_id, tlid) {
	//メンション系
	//$(".mention").attr("href", "");

	$('#timeline-container .mention').addClass('parsed')

	$('#timeline-container .hashtag, #timeline-container [rel=tag]').each(function(i, elem) {
		var tags = $(this)
			.attr('href')
			.match(/https?:\/\/([-a-zA-Z0-9@.]+)\/tags\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/)
		if (tags) {
			var tagThis = tags[2]
		} else {
			var tagThis = $(this).attr('data-tag')
		}

		if (tagThis) {
			$(this).attr('onclick', "tagShow('" + tagThis + "')")
			$(this).attr('href', '#')
		}
	})

	//トゥートサムネ
	$('#timeline_' + tlid + ' .toot a:not(.parsed)').each(function(i, elem) {
		var domain = localStorage.getItem('domain_' + acct_id)
		var at = localStorage.getItem('acct_' + acct_id + '_at')
		var card = localStorage.getItem('card_' + tlid)
		var text = $(this).attr('href')
		if (text) {
			if (text.indexOf('twimg.com') === -1) {
				var urls = text.match(
					/https?:\/\/([-a-zA-Z0-9@.]+)\/media\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/
				)
			}
		} else {
			text = ''
			var urls = []
		}

		//トゥートのURLぽかったら
		toot = text.match(/https:\/\/([a-zA-Z0-9.-]+)\/@([a-zA-Z0-9_]+)\/([0-9]+)/)
		if (toot) {
			if (toot[1]) {
				$(this).attr('data-acct', acct_id)
			}
		}
		if (urls) {
			$(this).remove()
		} else if (!card) {
			var id = $(this)
				.parents('.cvo')
				.attr('toot-id')
			if (localStorage.getItem('mode_' + domain) == 'misskey') {
				var start = 'https://' + domain + '/url?url=' + text
				fetch(start, {
					method: 'GET',
					headers: {
						'content-type': 'application/json'
					}
					//body: JSON.stringify({})
				})
					.then(function(response) {
						if (!response.ok) {
							response.text().then(function(text) {
								setLog(response.url, response.status, text)
							})
						}
						return response.json()
					})
					.catch(function(error) {
						todo(error)
						setLog(start, 'JSON', error)
						console.error(error)
					})
					.then(function(json) {
						if (json.title) {
							$('[toot-id=' + id + '] .additional').html(
								'<span class="gray">URL' +
									lang.lang_cards_check +
									':<br>Title:' +
									escapeHTML(json.title) +
									'<br>' +
									escapeHTML(json.description) +
									'</span>'
							)
							$('[toot-id=' + id + '] a:not(.parsed)').addClass('parsed')
							$('[toot-id=' + id + ']').addClass('parsed')
						}
					})
			}
		} else {
			$(this).attr('title', text)
		}
	})
	$('i.unparsed').each(function(i, elem) {
		var dem = $(this).text()
		var dom = $(this)
		var start = './js/emoji/emoji-map.json'
		var xmlHttpRequest = new XMLHttpRequest()
		xmlHttpRequest.onreadystatechange = function() {
			if (this.readyState === 4 && this.status === 200) {
				if (this.response) {
					var json = this.response
					if (this.status !== 200) {
						setLog(start, this.status, this.response)
					}
					var emojis = json.emojis
					for (i = 0; i < emojis.length; i++) {
						var emojie = emojis[i]
						var regExp = new RegExp(dem, 'g')
						if (emojie.emoji.match(regExp)) {
							var sc = emojie.name
							var sc = 'twa-' + sc.replace(/_/g, '-')
							dom.addClass(sc)
							dom.text('')
							dom.removeClass('unparsed')
							break
						}
					}
				}
			}
		}
		xmlHttpRequest.open('GET', start, true)
		xmlHttpRequest.responseType = 'json'
		xmlHttpRequest.send(null)
	})

	$('#timeline_' + tlid + ' .toot:not(:has(a:not(.add-show,.parsed)))').each(function(i, elem) {
		$(this)
			.parent()
			.find('.add-show')
			.hide()
	})
	//Markdownイメージビューワー
	$('#timeline_' + tlid + ' .toot a:not(.img-parsed):has(img)').each(function(i, elem) {
		var ilink = $(this).attr('href')
		var id = $(this)
			.parents('.cvo')
			.attr('toot-id')
		$(this).attr('href', '#')
		$(this).attr('onclick', "imgv('" + id + "','" + i + "')")
		$(this).attr('data-type', 'image')
		$(this).attr('id', id + '-image-' + i)
		$(this).attr('data-url', ilink)
		$(this).addClass('img-parsed')
	})
}

function additionalIndv(tlid, acct_id, id) {
	var domain = localStorage.getItem('domain_' + acct_id)
	var at = localStorage.getItem('acct_' + acct_id + '_at')
	var text = $('[toot-id=' + id + '] .toot a').attr('href')
	var urls = text.match(
		/https?:\/\/([-a-zA-Z0-9@.]+)\/media\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/
	)
	if (urls) {
		$('[toot-id=' + id + '] .toot a').remove()
	} else {
		if (localStorage.getItem('mode_' + domain) == 'misskey') {
			var start = 'https://' + domain + '/url?url=' + text
			fetch(start, {
				method: 'GET',
				headers: {
					'content-type': 'application/json'
				}
				//body: JSON.stringify({})
			})
				.then(function(response) {
					if (!response.ok) {
						response.text().then(function(text) {
							setLog(response.url, response.status, text)
						})
					}
					return response.json()
				})
				.catch(function(error) {
					todo(error)
					setLog(start, 'JSON', error)
					console.error(error)
				})
				.then(function(json) {
					if (json.title) {
						$('[toot-id=' + id + '] .additional').html(
							`<span class="gray">URL${lang.lang_cards_check}:<br>Title:${escapeHTML(
								json.title
							)}<br>${escapeHTML(json.description)}</span>`
						)
						$('[toot-id=' + id + '] a:not(.parsed)').addClass('parsed')
						$('[toot-id=' + id + ']').addClass('parsed')
					}
				})
		} else {
			var id = $('[toot-id=' + id + '] .toot a')
				.parents('.cvo')
				.attr('toot-id')
			var start = 'https://' + domain + '/api/v1/statuses/' + id
			fetch(start, {
				method: 'GET',
				headers: {
					'content-type': 'application/json',
					Authorization: 'Bearer ' + at
				}
				//body: JSON.stringify({})
			})
				.then(function(response) {
					if (!response.ok) {
						response.text().then(function(text) {
							setLog(response.url, response.status, text)
						})
					}
					return response.json()
				})
				.catch(function(error) {
					todo(error)
					setLog(start, 'JSON', error)
					console.error(error)
				})
				.then(function(json) {
					json = json.card
					//このリンク鳥やんけ、ってとき
					if (json.provider_name == 'Twitter') {
						if (json.image) {
							var twiImg = `
								<br><img src="${json.image}" style="max-width:100%" 
										onclick="imgv('twi_${id}',0,'twitter')" id="twi_${id}-image-0" 
										data-url="${json.image}" 
									data-type="image">
								`
						} else {
							var twiImg = ''
						}
						$('[toot-id=' + id + '] .additional').html(`
							<div class="twitter-tweet"><b>
								${escapeHTML(json.author_name)}
								</b><br>
								${escapeHTML(json.description)}
								${twiImg}
								</div>
						`)
					} else if (json.provider_name == 'pixiv') {
						if (json.image) {
							var pxvImg = `
							<br><img src="${json.image}" style="max-width:100%" 
									onclick="imgv('pixiv_${id}',0,'pixiv')" id="pixiv_${id}-image-0" 
									data-url="${json.embed_url}" 
								data-type="image">
							`
						} else {
							var pxvImg = ''
						}
						$('[toot-id=' + id + '] .additional').html(
							`<div class="pixiv-post"><b><a href="
								${json.author_url}
								" target="_blank">
								${escapeHTML(json.author_name)}
								</a></b><br>
								${escapeHTML(json.title)}
								${pxvImg}
								</div>`
						)
					} else {
						if (json.title) {
							$('[toot-id=' + id + '] .additional').html(
								`<span class="gray">URL
									${lang.lang_cards_check}
									:<br>Title:
									${escapeHTML(json.title)}
									<br>
									${escapeHTML(json.description)}
									</span>`
							)
						}
						if (json.html) {
							$('[toot-id=' + id + '] .additional').html(
								json.html +
									`<i class="material-icons sml pointer" onclick="pip('
									${id}
									')" title="
									${lang.lang_cards_pip}
									">picture_in_picture_alt</i>`
							)
						}
					}
					if (json.title) {
						$('[toot-id=' + id + '] a:not(.parsed)').addClass('parsed')
						$('[toot-id=' + id + ']').addClass('parsed')
					}
				})
		}
	}
}

//各TL上方のLink[On/Off]
function cardToggle(tlid) {
	var card = localStorage.getItem('card_' + tlid)
	if (!card) {
		localStorage.setItem('card_' + tlid, 'true')
		$('#sta-card-' + tlid).text('Off')
		$('#sta-card-' + tlid).css('color', 'red')
	} else {
		localStorage.removeItem('card_' + tlid)
		$('#sta-card-' + tlid).text('On')
		$('#sta-card-' + tlid).css('color', '#009688')
	}
}
//各TL上方のLink[On/Off]をチェック
function cardCheck(tlid) {
	var card = localStorage.getItem('card_' + tlid)
	if (!card) {
		$('#sta-card-' + tlid).text('On')
		$('#sta-card-' + tlid).css('color', '#009688')
	} else {
		$('#sta-card-' + tlid).text('Off')
		$('#sta-card-' + tlid).css('color', 'red')
	}
}

function mov(id, tlid, type) {
	var click = false
	if (tlid == 'notf') {
		var tlide = '[data-notf=' + acct_id + ']'
	} else if (tlid == 'user') {
		var tlide = '#his-data'
	} else {
		var tlide = '[tlid=' + tlid + ']'
	}
	var mouseover = localStorage.getItem('mouseover')
	if (!mouseover) {
		mouseover = ''
	}
	if (mouseover == 'yes') {
		mouseover = 'hide'
	} else if (mouseover == 'click') {
		if (type == 'mv') {
			mouseover = ''
		} else {
			mouseover = 'hide'
		}
		click = true
	} else if (mouseover == 'no') {
		mouseover = ''
	}
	if (mouseover == 'hide') {
		if (click) {
			$(tlide + ' [toot-id=' + id + ']').toggleClass('hide-actions')
		} else {
			$(tlide + ' [toot-id=' + id + ']').removeClass('hide-actions')
		}

		//$(tlide + " [toot-id=" + id + "] .area-vis").toggleClass("hide")
		//$(tlide + " [toot-id=" + id + "] .area-actions").toggleClass("hide")
		//$(tlide + " [toot-id=" + id + "] .area-side").toggleClass("hide")
	}
}

function resetmv(type) {
	var mouseover = localStorage.getItem('mouseover')
	if (!mouseover) {
		mouseover = ''
	} else if (mouseover == 'yes') {
		mouseover = 'hide'
	} else if (mouseover == 'no') {
		mouseover = ''
	} else if (mouseover == 'click' && type != 'mv') {
		mouseover = 'hide'
	}
	if (mouseover == 'hide') {
		$('.cvo').addClass('hide-actions')
		//$(".area-vis").addClass("hide");
		//$(".area-actions").addClass("hide");
		//$(".area-side").addClass("hide");
	}
}